@font-face{font-family:"Kalista Serif";src:url("/theme/datei/KalistaSerif-Regular.ttf");font-weight:400;font-display:swap}
@font-face{font-family:"Kalista Serif";src:url("/theme/datei/KalistaSerif-Bold.otf");font-weight:700;font-display:swap}
@font-face{font-family:"Inter";src:url("/theme/datei/Inter-Regular.ttf");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url("/theme/datei/Inter-SemiBold.ttf");font-weight:600;font-display:swap}
:root{
  color-scheme:light;
  --bg:#fcf9eb;--bg2:#fcf9eb;--card:#fcf9eb;--field:#fcf9eb;--line:#cec8b2;
  --text:#262f49;--fg:#262f49;--muted:#4e5568;
  --gold:#262f49;--auf-akzent:#ffffff;
  --green:#507ca0;--gut:#507ca0;--red:#a8443a;--schlecht:#a8443a;
  --blue:#507ca0;--orange:#8b6823;--bg-tief:#ece7d3;
  --kopf:#fcf9eb;--schrift:Inter, 'Helvetica Neue', Arial, sans-serif;
}
body,button,input,select,textarea{font-family:var(--schrift)}
.logo,.brand-logo{background:url(/theme/logo) center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
.kopf .logo-klein,.brand-logo{background:url(/theme/datei/kf-bildmarke-navy.png) center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
.brandtext,.login-name,.kopf-name b,.gross,#tour,#titel,h1,h2,h3{font-family:'Kalista Serif', Georgia, 'Times New Roman', serif;font-weight:400}
*{border-radius:0!important}
#wkStart,#wkStart::before,.marke,.ship-icon *,input[type=range]::-webkit-slider-thumb{border-radius:50%!important}
@media (prefers-color-scheme: light){
.leaflet-container{background:#dfe6ee}
.box,.card{box-shadow:0 8px 24px rgba(0,0,0,.12)!important}
}
/* Kaiser Friedrich - GbR Design System v2
   Hell (Tag): Grund leinen, Tinte spreenacht. Dunkel (Nacht, extra-dunkel.css):
   Grund spreenacht, Tinte leinen. Messing nur fuer Dachzeilen und Links
   (unter 5 % der Flaeche), Haarlinien 1px, keine Schatten, alles eckig. */
:root{--messing:#8b6823}
*{box-shadow:none!important;text-shadow:none!important}
/* Dachzeilen: Inter 600, gesperrt, Messing */
.label,.kopf-name span,.wk-sub,.login .unter,.unter{color:var(--messing)!important;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
/* Textlinks in Messing - Knoepfe (Tickets, Abschluss) behalten ihre eigene Farbe */
a:not(.ticket-knopf):not(.ab-knopf),#textInhalt a{color:var(--messing)!important}
/* Karten: nur Haarlinie, gleicher Grund */
.karte,.card,.plan-eintrag{background:transparent!important;border:1px solid var(--line)!important}
#karte{border:1px solid var(--line)!important}
/* Kopf der Gaesteseite: Bildmarke + Name in Kalista, Haarlinie darunter */
.kopf{padding-bottom:12px;border-bottom:1px solid var(--line)}
.kopf{gap:14px}
.kopf .logo-klein{width:36px!important;height:32px!important}
.kopf-name b{font-size:14px!important;font-weight:400!important;letter-spacing:0}
.kopf-name span{font-size:10px!important}
/* Startschirm: Logo gross, Gruss in Kalista, Schiff als Fusslinie */
.logo-gross{width:230px!important;height:232px!important}
#wkGruss{font-family:"Kalista Serif",Georgia,serif;font-size:20px!important;line-height:1.75;text-wrap:balance}
#wkGruss .muted{font-family:Inter,sans-serif;font-size:15px}
#willkommen::after{content:"";position:absolute;left:50%;bottom:26px;transform:translateX(-50%);width:min(86vw,360px);aspect-ratio:1024/238;
  background:url(/theme/datei/kf-schiff-seitenansicht.png) center/contain no-repeat;opacity:1}
/* Startknopf: Kreis in Tinte, ohne Schein */
#wkStart{background:var(--gold)!important;color:var(--auf-akzent)!important;border:0!important;width:104px!important;height:104px!important;font-size:44px!important}
#wkStart::before{border-color:var(--auf-akzent)!important;opacity:.35}
/* Titel der laufenden Ansage und der Tour in Kalista */
.gross{font-size:14px!important;text-wrap:balance}
#textInhalt{font-size:16px;line-height:1.6}
/* Bedienung: Knoepfe eckig in Tinte, Kopfzeile mit Haarlinie */
#topbar{border-bottom:1px solid var(--line)}
.brandtext{font-size:20px;display:inline-block}
/* Kalista sitzt gross und hoch in seinem Zeilenkasten: Versalhoehe 1,11 em
   (ueblich 0,7), Kasten 1,6 em. Mit weniger als 1,7 Zeilenhoehe ragt die
   Schrift oben und unten aus ihrer Zeile und rueckt an Rand und Nachbarn
   heran; ohne Luft nach oben steht sie sichtbar ueber der Mitte. Deshalb
   bekommen alle Kalista-Stellen eine eigene Zeilenhoehe, Luft nach oben
   und die Ueberschriften etwas Abstand zur Beschreibung darunter. */
.brandtext,.login-name,.kopf-name b,.gross,#tour,#titel,h1,h2,h3{line-height:1.75!important;padding-top:.22em}
h1,h2,h3{margin-bottom:.2em}

@media (prefers-color-scheme: dark){
:root{
  color-scheme:dark;
  --bg:#262f49;--bg2:#262f49;--card:#262f49;--field:#262f49;--line:#4e5568;
  --text:#fcf9eb;--fg:#fcf9eb;--muted:#cec8b2;
  --gold:#fcf9eb;--auf-akzent:#262f49;
  --green:#d4a24e;--gut:#d4a24e;--red:#e2685c;--schlecht:#e2685c;
  --blue:#507ca0;--orange:#d4a24e;--bg-tief:#1b2237;
  --kopf:#262f49;
}
.logo,.brand-logo{background:url(/theme/datei/kf-logo-weiss.png) center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
.kopf .logo-klein,.brand-logo{background:url(/theme/datei/kf-bildmarke-weiss.png) center/contain no-repeat!important;-webkit-mask:none!important;mask:none!important}
/* Nacht: Messing hell fuer Dachzeilen auf spreenacht */
:root{--messing:#d4a24e}
#willkommen::after{opacity:.95}

}