/* Zusatz zur uk.css — nur was die Akademie braucht und die Personen-Site
   nicht hat. Alles andere kommt unverändert aus dem gemeinsamen System;
   wer dort etwas ändert, ändert es überall. */

/* Das offizielle Akademie-Logo (Signet + zweizeilige Wortmarke) ist höher als
   die reine Wortmarke der Personen-Site — die Kopfleiste gibt ihm etwas mehr
   Raum, das Scroll-Schrumpfen aus uk.css bleibt. */
.lockup{display:flex;align-items:center;text-decoration:none;flex:none}
.kopfleiste .marke{height:36px}
.kopfleiste.fest .marke{height:30px}
.foot .marke{height:34px}

/* Angebotszeilen in den Wege-Karten: Name und Preis auf einer Linie. */
.weg-liste{list-style:none;margin:14px 0 20px;flex:1}
.weg-liste li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;
  align-items:baseline;padding:12px 0;border-top:1px solid var(--line)}
.weg-liste a{color:#fff;text-decoration:none;font-weight:800;font-size:15.5px}
.weg-liste a:hover{color:var(--orange-l)}
.weg-liste small{display:block;font-weight:400;color:var(--fnt);
  font-size:13px;margin-top:2px}
.weg-liste .p{font-weight:800;font-size:14.5px;white-space:nowrap;color:#fff}
.weg-liste .p.frei{color:#5fb97e}
.weg-liste .p.offen{color:var(--fnt);font-weight:700}

/* Häufige Fragen — dieselbe Kartensprache wie .card, nur aufklappbar. */
.faq{display:grid;gap:12px;max-width:820px}
.faq details{background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.02));
  border:1px solid var(--line);border-radius:16px}
.faq summary{cursor:pointer;list-style:none;font-weight:800;font-size:16.5px;
  padding:19px 24px;display:flex;justify-content:space-between;gap:16px;color:#fff}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';color:var(--orange-l);font-weight:800;font-size:20px;line-height:1}
.faq details[open] summary::after{content:'\2013'}
.faq details > div{padding:0 24px 20px;color:var(--mut);font-size:15.5px;line-height:1.7}
.faq details > div p{margin:0 0 10px}
.faq details > div p:last-child{margin:0}

/* Rückmeldung unter den Formularen. */
.meldung{font-size:15px;min-height:1.4em;margin-top:6px}
.meldung.gut{color:#5fb97e}
.meldung.schlecht{color:var(--orange-l)}
.honig{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Preiszeile auf den Unterseiten. */
.preis-zeile{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin:14px 0 6px}
.preis-zeile .betrag{font-size:clamp(26px,3vw,34px);font-weight:800;
  letter-spacing:-.01em;color:var(--orange-l)}
.preis-zeile .dazu{font-size:14px;color:var(--fnt)}

/* Der rote Rand für den Akut-Hinweis unter der Treppe. */
.akut-karte{border-color:rgba(192,57,43,.4)!important}
.akut-karte p{margin:0}

/* Zitat im Geschichtsblock. */
.zitat{border-left:3px solid var(--orange);padding:4px 0 4px 20px;margin:22px 0;
  font-size:18.5px;line-height:1.55;color:#fff;font-weight:800}

/* Haken-Liste für die Programm-Seiten. */
ul.haken{list-style:none;display:grid;gap:11px;margin:18px 0 22px}
ul.haken li{color:var(--mut);font-size:16px;line-height:1.6;
  padding-left:28px;position:relative}
ul.haken li::before{content:'';position:absolute;left:4px;top:9px;
  width:8px;height:8px;border-radius:50%;background:var(--orange)}

/* Portrait im Geschichtsblock. */
.story-bild{border-radius:22px;border:1px solid rgba(255,255,255,.18);
  width:100%;height:auto;box-shadow:0 34px 80px -30px rgba(0,0,0,.6)}

/* Kurs-Katalog: Cover oben, Karte darunter — die Kachel-Sprache aus uk.css,
   nur mit Bild. */
.kurs{padding:0;overflow:hidden;display:flex;flex-direction:column;
  text-decoration:none}
.kurs img{width:100%;height:auto;display:block;border-bottom:1px solid var(--line)}
.kurs .rumpf{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.kurs h3{font-size:19px}
.kurs .kurs-nutzen{font-size:14.5px;color:var(--mut);line-height:1.6;flex:1;margin:0}
.kurs .meta{display:flex;align-items:baseline;justify-content:space-between;
  gap:12px;border-top:1px solid var(--line);padding-top:14px}
.kurs .meta small{color:var(--fnt);font-size:12.5px}
.kurs .preis{font-weight:800;font-size:17px;color:var(--orange-l);white-space:nowrap}

/* Zweispaltige Für-wen-Karte. */
.filter2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:760px){.filter2{grid-template-columns:1fr}}
.filter2 h3{display:flex;align-items:center;gap:10px}
.filter2 .ja::before,.filter2 .nein::before{content:'';width:10px;height:10px;
  border-radius:50%;flex:none}
.filter2 .ja::before{background:#5fb97e}
.filter2 .nein::before{background:var(--rot,#c0392b)}