Common.css

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* ===== Kachel-Layout ===== */
.kachel-container {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(230px, 400px));
  gap: 16px;
  justify-content: center;
  align-items: stretch; /* sorgt für gleiche Höhe innerhalb jeder Zeile */
  margin-top: 20px;
}

.kachel {
  background-color: #f1f3f9;
  border-radius: 12px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
  padding: 20px;
  box-sizing: border-box;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: flex;              /* sorgt dafür, dass der Inhalt sich schön verteilt */
  flex-direction: column;     /* Inhalt von oben nach unten */
  height: 100%;               /* nimmt die volle Höhe der Grid-Zelle ein */
}

.kachel:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

.kachel-titel {
  font-weight: 600;
  font-size: 1.4em;
  color: #0B2D6A;
  margin-bottom: 10px;
}

.kachel-liste {
  list-style-type: disc;
  padding-left: 20px;
  margin: 0;
}

.kachel-liste a {
  color: #656363;
  text-decoration: none;
}

.kachel-liste a:hover {
  text-decoration: underline;
}

.kachel-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}

.kachel-icon {
  font-size: 3em;
  line-height: 1;
  flex-shrink: 0;
}

.kachel-titel-link {
  color: #0B2D6A;
  text-decoration: none;
  font-family: inherit;
}

.kachel-titel-link:hover {
  text-decoration: underline;
}

/* Ziel: weniger Abstand unter Überschriften im Inhaltsbereich */
.mw-parser-output h1,
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output h4,
.mw-parser-output h5,
.mw-parser-output h6 {
  margin-top: 0.9em;      /* optional anpassen */
  margin-bottom: 0.25em;  /* deutlich kleinerer Abstand nach Überschrift */
}

/* Nummerierung NUR im Inhaltsbereich */
.mw-parser-output { 
  counter-reset: h2; 
}

/* Bei jeder neuen H2, H3, H4 … die jeweils tieferen Ebenen zurücksetzen */
.mw-parser-output h2 { counter-reset: h3; }
.mw-parser-output h3 { counter-reset: h4; }
.mw-parser-output h4 { counter-reset: h5; }
.mw-parser-output h5 { counter-reset: h6; }

/* Nummern vor den Überschriftentext einfügen */
.mw-parser-output h2 > .mw-headline::before {
  counter-increment: h2;
  content: counter(h2) ". ";
  display: inline-block;
  margin-right: 0.3em;
}

.mw-parser-output h3 > .mw-headline::before {
  counter-increment: h3;
  content: counter(h2) "." counter(h3) " ";
  display: inline-block;
  margin-right: 0.3em;
}

.mw-parser-output h4 > .mw-headline::before {
  counter-increment: h4;
  content: counter(h2) "." counter(h3) "." counter(h4) " ";
  display: inline-block;
  margin-right: 0.3em;
}

.mw-parser-output h5 > .mw-headline::before {
  counter-increment: h5;
  content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) " ";
  display: inline-block;
  margin-right: 0.3em;
}

.mw-parser-output h6 > .mw-headline::before {
  counter-increment: h6;
  content: counter(h2) "." counter(h3) "." counter(h4) "." counter(h5) "." counter(h6) " ";
  display: inline-block;
  margin-right: 0.3em;
}
/noinclude>