/* ALETHEIA VESTIGIUM 3.9.0
   Orientierungsraum – vom Inhaltsverzeichnis zum Wissenssystem. */

.v390-system{
  width:min(1120px,calc(100% - 40px));
  margin:72px auto;
  padding:58px 0;
  border-top:1px solid rgba(148,163,184,.22);
  border-bottom:1px solid rgba(148,163,184,.22);
}
.v390-system-head{max-width:760px;}
.v390-system-head h2{margin-bottom:16px;}
.v390-system-head p:not(.eyebrow){max-width:690px;}
.v390-system-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:34px;
}
.v390-system-grid a{
  display:grid;
  grid-template-columns:auto 1fr;
  grid-template-areas:"num title" "num desc";
  column-gap:16px;
  row-gap:3px;
  min-height:112px;
  padding:22px;
  border:1px solid rgba(148,163,184,.20);
  color:inherit;
  text-decoration:none;
  transition:transform .22s ease,border-color .22s ease;
}
.v390-system-grid a:hover{
  transform:translateY(-2px);
  border-color:rgba(71,85,105,.48);
}
.v390-system-grid span{
  grid-area:num;
  font-size:.72rem;
  letter-spacing:.12em;
  opacity:.55;
  padding-top:3px;
}
.v390-system-grid strong{
  grid-area:title;
  font-weight:500;
}
.v390-system-grid small{
  grid-area:desc;
  opacity:.68;
  line-height:1.45;
}
.v390-system-grid a:focus-visible{
  outline:1px solid currentColor;
  outline-offset:4px;
}
.v390-system-note{
  margin-top:22px;
  font-size:.88rem;
  opacity:.62;
}
#beitrag,#denkraum,#modell,#impuls,#reflexion,#lernformat{
  scroll-margin-top:110px;
}
@media(max-width:820px){
  .v390-system-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:560px){
  .v390-system{margin:52px auto;padding:42px 0;}
  .v390-system-grid{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){
  .v390-system-grid a{transition:none;}
}