/* marke.css — FröschlRacing, nach app.css. Gilt für Portal (hell) UND Buchung (dunkel.css legt sich darüber).
   Nur Marke und Bausatz-Befunde, keine Farbwerte außer über Token. */
body{font-size:16px}
h1,h2,.kpi .zahl,.marke-schrift,.zahl-gross{font-family:var(--font-marke);font-weight:400;letter-spacing:.02em}
h1,h2{text-transform:uppercase}
h1{font-size:36px;line-height:1.05;color:var(--tinte)}
h2{font-size:24px;color:var(--tinte)}
h3{font-family:var(--font);font-weight:500}
.kpi .zahl{font-size:40px;line-height:1;color:var(--tinte)}
.kpi .label{text-transform:uppercase;letter-spacing:.05em;font-size:12px;color:var(--text-2)}
.knopf,button.knopf{text-transform:uppercase;letter-spacing:.04em;font-weight:500;min-height:44px}
.knopf.primaer{background:var(--knopf-primaer);color:var(--knopf-primaer-text);border-color:var(--knopf-primaer)}
.knopf.primaer:hover{background:var(--knopf-primaer-hover);border-color:var(--knopf-primaer-hover);color:var(--knopf-primaer-text)}
.segmente .aktiv,.ansicht-wahl a.aktiv{background:var(--tinte);color:#fff}
.avatar,.karten-titel .nr{background:var(--marke);color:#101010}
.rund .zahl{color:#fff}
/* Seitenleiste schwarz mit Logo */
aside.leiste .marke img{width:170px;height:auto}
aside.leiste .nav .gruppe{color:#9C9C9C;letter-spacing:.08em}
.leiste-fuss a:hover{color:var(--marke)}
/* Karten und Tabellen: klare Kanten auf hellem Grund */
.karte{border:1px solid var(--linie);box-shadow:var(--schatten-1)}
.tabelle th{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:12px;background:var(--linie-2)}
.tabelle tr.zeile-link:hover td{background:var(--marke-bg)}
.pill{font-weight:500}
/* Projekt-Bauteile */
.zahl-gross{font-size:28px;color:var(--tinte);white-space:nowrap}
.preis{white-space:nowrap;font-variant-numeric:tabular-nums}
.platzhalter-tag{display:inline-block;padding:2px 8px;border:1px dashed var(--gelb-linie);background:var(--gelb-bg);color:var(--gelb);font-size:12px}
.tage-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--abstand-3)}
.tag-karte{border:1px solid var(--linie);padding:var(--abstand-4);background:var(--flaeche)}
.balken{height:8px;background:var(--linie);margin-top:8px}
.balken span{display:block;height:100%;background:var(--marke)}
.balken.gelb span{background:#e0a526}.balken.rot span{background:var(--rot)}
.knopf-reihe{display:flex;flex-wrap:wrap;gap:var(--abstand-3);align-items:center;margin-top:var(--abstand-4)}
.schmal{max-width:760px}
.text-2{color:var(--text-2)}
.nowrap{white-space:nowrap}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.plan{margin:0}.plan img{display:block;width:100%;height:auto;background:#101010;border:1px solid var(--linie)}.plan figcaption{font-size:11px;color:var(--text-3);margin-top:4px}
.text-block{white-space:pre-wrap;font-family:var(--font);background:var(--flaeche);padding:16px;border:1px solid var(--linie)}
/* Bausatz-Befunde (zurück in den Bausatz): Checkboxen, Reiter am Handy, Filter-Suchfeld, Fieldsets */
.feld input[type=checkbox],.feld input[type=radio],td input[type=checkbox]{width:20px;height:20px;min-height:0;padding:0;margin:0 10px 0 0;flex:0 0 auto;accent-color:#59C134;box-shadow:none}
.feld label:has(input[type=checkbox]),.feld label:has(input[type=radio]),td label:has(input[type=checkbox]){display:flex;align-items:center;gap:0;font-weight:400;cursor:pointer;min-height:44px}
.feld input[type=file]{padding:10px}
.segmente{max-width:100%;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:thin}
.segmente a,.segmente button{white-space:nowrap;flex:0 0 auto}
.filter-zeile input[type=search],.filter-zeile input[type=text]{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--linie);background:var(--karte);color:var(--tinte);font-family:inherit;font-size:15px;border-radius:0}
.filter-zeile input[type=search]:focus{outline:none;border-color:var(--marke)}
fieldset{border:0;padding:0;margin:0;min-width:0}fieldset legend{padding:0;margin-bottom:8px}
/* eckig: auch fest eingetragene Radien des Bausatzes */
.nav a,.nav .aus,.kopf .suchknopf,.segmente,.segmente a,.segmente button,.meldung,.fehlt-tag,.tag-reihe>*,.suche-popup,.suche-treffer,dialog,.karte,.kachel,.kpi .karte{border-radius:0}
/* Hilfe-Knopf oben rechts */
.hilfe-knopf{font-family:var(--font-marke);font-size:22px;text-decoration:none;color:var(--tinte)}
/* Übersicht (admin/index.php) */
.uebersicht-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:var(--abstand-5)}
.schalter-reihe{display:flex;flex-wrap:wrap;gap:8px}
.schalter-reihe a{display:inline-flex;align-items:center;gap:6px;text-decoration:none;color:var(--text-2);font-size:13px;border:1px solid var(--linie);background:var(--karte);padding:6px 10px}
.kpi{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.kpi .karte{border-top:4px solid var(--linie)}
.kpi .karte.gruen-oben{border-top-color:var(--marke)}.kpi .karte.rot-oben{border-top-color:var(--rot)}.kpi .karte.gelb-oben{border-top-color:#e0a526}
.zwei-spalten{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--abstand-4);margin-top:var(--abstand-5)}
@media(max-width:900px){.zwei-spalten{grid-template-columns:1fr}}
.liste-kurz{list-style:none;margin:0;padding:0}
.liste-kurz li a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;border-bottom:1px solid var(--linie-2);text-decoration:none;color:var(--text)}
.liste-kurz li:last-child a{border-bottom:0}
.liste-kurz strong{color:var(--tinte)}
.liste-kurz .klein{font-size:13px;color:var(--text-2)}
.termin-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--abstand-4)}
.termin-karte{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--text);background:var(--karte);border:1px solid var(--linie);padding:var(--abstand-4);box-shadow:var(--schatten-1)}
.termin-karte:hover{border-color:var(--marke)}
.termin-karte .oben{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.termin-karte h3{font-family:var(--font-marke);font-size:22px;text-transform:uppercase;margin:0;color:var(--tinte);letter-spacing:.02em}
.termin-karte .kuerzel{font-size:12px;color:var(--text-2);letter-spacing:.06em}
.tag-zeile{display:grid;grid-template-columns:28px 1fr 64px;gap:8px;align-items:center;font-size:13px}
.tag-zeile .balken{margin:0}
.tag-zeile .zahl{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-2)}