/* Cockpit - Gestaltung.
   Farben mit Rollen: Espresso = Rahmen, Bronze = Handlung, Salbei = Ruhe/Hinweis, Sand = Flaeche.
   Hochwertig heisst hier: weiche, geschichtete Schatten statt Linien, viel Luft, eine
   Serifenschrift fuer Zahlen und Titel, ruhige Bewegung (nie hektisch, nie bei
   "Bewegung reduzieren"). Keine Deko-Ornamente - nur Icons, die etwas bedeuten. */
:root{
  --bg:#F6F1EA; --bg-2:#EFE7DC; --flaeche:#FFFFFF; --sand:#F4EEE5; --sand-2:#EADFCF;
  --ink:#2A211B; --ink-2:#6B5A50; --ink-3:#9A8A7E;
  --linie:#E6DCCF; --linie-2:#F0E9DF;
  --bronze:#A07D4C; --bronze-2:#C29A63; --bronze-ink:#7C5F38; --bronze-hell:#F5ECDF;
  --salbei:#5E7564; --salbei-ink:#34493C; --salbei-hell:#E2EBE4;
  --rahmen:#211A15; --rahmen-2:#2E241D; --rahmen-ink:#F1E8DC; --rahmen-blass:#A8967F;
  --gefahr:#9B3F33; --gefahr-hell:#F7E8E3;
  --kopf:'Cormorant Garamond',Georgia,serif;
  --text:'Jost',-apple-system,'Segoe UI',system-ui,sans-serif;
  --radius:20px; --radius-k:12px;
  --spalte:1680px; /* breite Fenster nutzen (Mandy 24.10.2026), Obergrenze gegen zu lange Zeilen */
  --schatten-1:0 1px 2px rgba(42,33,27,.04),0 2px 8px rgba(42,33,27,.04);
  --schatten-2:0 1px 2px rgba(42,33,27,.05),0 8px 24px -6px rgba(42,33,27,.10),0 24px 48px -24px rgba(42,33,27,.12);
  --schatten-3:0 2px 4px rgba(42,33,27,.06),0 18px 40px -10px rgba(42,33,27,.20),0 40px 80px -30px rgba(42,33,27,.22);
  --weich:cubic-bezier(.22,.8,.26,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);font-family:var(--text);font-size:15.5px;line-height:1.5;font-weight:400;
  background:var(--bg);
  background-image:radial-gradient(1200px 600px at 85% -10%,#FBF3E6 0%,transparent 60%),
                   radial-gradient(900px 500px at -10% 110%,#EEE9DF 0%,transparent 55%);
  background-attachment:fixed;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--kopf);font-weight:600;line-height:1.1;margin:0;letter-spacing:-.005em}
h1{font-size:40px}
h2{font-size:24px}
h3{font-size:19px}
.zahl b,.datum b,h1,h2,.kal-zahl,.held-zahl{font-variant-numeric:lining-nums}
a{color:var(--bronze-ink)}
button,input,select,textarea{font:inherit;color:inherit}
::selection{background:var(--bronze-hell)}

/* ---------- Icons ---------- */
.ico{width:20px;height:20px;flex:0 0 auto;stroke:currentColor;fill:none;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle}
.ico.k{width:16px;height:16px}
.ico-blase{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;flex:0 0 auto;
  background:linear-gradient(145deg,var(--bronze-hell),#FFFFFF);color:var(--bronze-ink);
  box-shadow:inset 0 0 0 1px rgba(160,125,76,.14),0 6px 14px -8px rgba(160,125,76,.5);
  transition:transform .45s var(--weich)}
.ico-blase.salbei{background:linear-gradient(145deg,var(--salbei-hell),#FFFFFF);color:var(--salbei-ink);
  box-shadow:inset 0 0 0 1px rgba(52,73,60,.14),0 6px 14px -8px rgba(52,73,60,.5)}
.ico-blase.rot{background:linear-gradient(145deg,var(--gefahr-hell),#FFFFFF);color:var(--gefahr);
  box-shadow:inset 0 0 0 1px rgba(155,63,51,.12),0 6px 14px -8px rgba(155,63,51,.45)}
.ico-blase.lila{background:linear-gradient(145deg,#EEEAF4,#FFFFFF);color:#5A4E70;
  box-shadow:inset 0 0 0 1px rgba(90,78,112,.12),0 6px 14px -8px rgba(90,78,112,.45)}

/* ---------- Rahmen: Menue links, Inhalt rechts ---------- */
.rahmen{display:grid;grid-template-columns:256px 1fr;min-height:100vh}
.menue{background:linear-gradient(180deg,var(--rahmen-2) 0%,var(--rahmen) 55%);color:var(--rahmen-ink);
  padding:28px 16px 22px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.04);overflow-y:auto}
.marke{text-decoration:none;color:inherit;padding:0 12px 26px;display:flex;align-items:center;gap:12px}
.marke-zeichen{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;color:#2A211B;flex:0 0 auto;
  background:linear-gradient(140deg,var(--akzent-licht),var(--bronze-2) 55%,var(--bronze));
  box-shadow:0 8px 20px -8px color-mix(in srgb,var(--akzent) 70%,transparent),inset 0 1px 0 rgba(255,255,255,.45)}
.marke-zeichen .ico{width:21px;height:21px;stroke-width:1.9}
.marke-name{display:block;font-family:var(--kopf);font-size:27px;font-weight:600;letter-spacing:.01em;line-height:1}
.marke-studio{display:block;font-size:12px;color:var(--rahmen-blass);margin-top:4px;min-height:1em;letter-spacing:.02em}
.menue ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
.menue li a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;text-decoration:none;
  color:rgba(241,232,220,.78);font-size:14.5px;position:relative;
  transition:background .25s,color .25s,transform .35s var(--weich)}
.menue li a .ico{opacity:.75;transition:transform .45s var(--weich),opacity .25s}
.menue li a:hover{background:rgba(241,232,220,.06);color:#fff}
.menue li a:hover .ico{transform:scale(1.1);opacity:1}
.menue li a.aktiv{color:#fff;background:linear-gradient(100deg,color-mix(in srgb,var(--akzent) 30%,transparent),color-mix(in srgb,var(--akzent) 6%,transparent));
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--akzent) 25%,transparent)}
.menue li a.aktiv .ico{opacity:1;color:var(--akzent-licht)}
.menue li a.aktiv::before{content:"";position:absolute;left:-16px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,var(--akzent-licht),var(--bronze-2))}
.menue .trenner{height:1px;background:rgba(241,232,220,.09);margin:12px 12px}
.menue-fuss{margin-top:auto;padding:14px;font-size:12px;color:var(--rahmen-blass);border-radius:14px;
  background:rgba(241,232,220,.04);box-shadow:inset 0 0 0 1px rgba(241,232,220,.06);display:flex;gap:10px;align-items:flex-start}
.menue-fuss .ico{color:#A9C2B0;width:18px;height:18px;margin-top:1px}
.menue-knopf{display:none}

main{padding:44px 48px 90px;outline:0;min-width:0}
.seite{max-width:var(--spalte);margin:0 auto}
.seitenkopf{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:28px}
.seitenkopf p{margin:6px 0 0;color:var(--ink-2)}
.laedt{color:var(--ink-3)}

/* Seitenwechsel: Inhalte steigen gestaffelt auf. Ohne Animation sind sie sofort sichtbar
   (Endzustand ist der Normalzustand - die Animation fuehrt nur dorthin). */
@media (prefers-reduced-motion:no-preference){
  .seite > *{animation:auf .6s var(--weich) both}
  .seite > *:nth-child(2){animation-delay:.05s}
  .seite > *:nth-child(3){animation-delay:.1s}
  .seite > *:nth-child(4){animation-delay:.15s}
  .seite > *:nth-child(5){animation-delay:.2s}
  .seite > *:nth-child(6){animation-delay:.25s}
  .zahlen > *{animation:auf .6s var(--weich) both}
  .zahlen > *:nth-child(2){animation-delay:.06s}
  .zahlen > *:nth-child(3){animation-delay:.12s}
  .zahlen > *:nth-child(4){animation-delay:.18s}
}
/* Nur Deckkraft: Text, der per transform gleitet, wird danach sichtbar "fetter" (Mandy 23.10.2026: zitterig). */
@keyframes auf{from{opacity:0}to{opacity:1}}

/* ---------- Knoepfe ---------- */
.knopf{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;
  background:var(--flaeche);border-radius:12px;padding:10px 17px;cursor:pointer;text-decoration:none;
  color:var(--ink);font-size:14.5px;white-space:nowrap;box-shadow:var(--schatten-1),inset 0 0 0 1px var(--linie);
  transition:transform .3s var(--weich),box-shadow .3s var(--weich),color .2s}
.knopf:hover{box-shadow:var(--schatten-2),inset 0 0 0 1px var(--bronze-2);color:var(--bronze-ink)}
.knopf:active{filter:brightness(.97)}
.knopf.haupt{color:#fff;font-weight:500;background:linear-gradient(135deg,var(--bronze-2),var(--bronze) 60%,#8C6B3E);
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 10px 22px -10px rgba(140,107,62,.75),0 2px 4px rgba(140,107,62,.25)}
.knopf.haupt:hover{color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 16px 30px -12px rgba(140,107,62,.85),0 2px 4px rgba(140,107,62,.25)}
.knopf.haupt .ico{transition:transform .45s var(--weich)}
.knopf.haupt:hover .ico{transform:scale(1.12)}
.knopf.klein{padding:7px 13px;font-size:13.5px;border-radius:10px}
.knopf.weg:hover{box-shadow:var(--schatten-2),inset 0 0 0 1px var(--gefahr);color:var(--gefahr)}
.knopf.gefahr{background:var(--gefahr);color:#fff;box-shadow:0 10px 22px -10px rgba(155,63,51,.7)}
.knopf.gefahr:hover{color:#fff}
.knopf:disabled{opacity:.45;cursor:not-allowed;transform:none}
.knopfreihe{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.textknopf{border:0;background:none;padding:0;color:var(--bronze-ink);cursor:pointer;font-size:14px;font-weight:500;
  display:inline-flex;align-items:center;gap:5px;text-decoration:none}
.textknopf:hover{color:var(--bronze)}
.textknopf .ico{transition:transform .35s var(--weich)}
.textknopf:hover .ico{transform:translateX(3px)}
a.textknopf{color:var(--bronze-ink)}

/* ---------- Karten ---------- */
.karte{background:rgba(255,255,255,.86);border-radius:var(--radius);padding:24px 26px;box-shadow:var(--schatten-2);
  border:1px solid rgba(255,255,255,.7)}
.karte + .karte{margin-top:20px}
.karte h2{margin-bottom:14px}
.karte-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.karte-kopf h2{margin:0;display:flex;align-items:center;gap:10px}
.karte-kopf h2 .ico{color:var(--bronze)}
.raster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.raster > .karte + .karte{margin-top:0}
.leer{color:var(--ink-3);margin:0;display:flex;align-items:center;gap:10px}
.hinweis{background:var(--salbei-hell);border-radius:var(--radius-k);padding:13px 16px;color:var(--salbei-ink);
  font-size:14.5px;margin:0 0 20px;display:flex;gap:10px;align-items:center;box-shadow:inset 0 0 0 1px rgba(52,73,60,.12)}
.hinweis.warn{background:#F8EBE2;color:#8A4A33;box-shadow:inset 0 0 0 1px rgba(138,74,51,.14)}
.hinweis a{font-weight:500;color:inherit}

/* Startkarte auf "Heute": das naechste Shooting gross */
.held{position:relative;overflow:hidden;border-radius:26px;padding:28px 30px;color:var(--rahmen-ink);margin-bottom:20px;
  background:radial-gradient(600px 300px at 100% 0%,color-mix(in srgb,var(--akzent) 45%,transparent),transparent 60%),
             radial-gradient(500px 260px at 0% 120%,rgba(138,139,108,.35),transparent 60%),
             linear-gradient(100deg,rgba(30,24,20,.94) 0%,rgba(30,24,20,.78) 45%,rgba(30,24,20,.35) 100%),
             url(bilder/duene-900.jpg) center 60%/cover,
             linear-gradient(135deg,#2E241D,#1E1814);
  box-shadow:var(--schatten-3);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;min-height:180px}
.held::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,255,255,.05)}
.held-titel{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--akzent-licht);display:flex;align-items:center;gap:8px}
.held-name{font-family:var(--kopf);font-size:34px;font-weight:600;line-height:1.1;margin:8px 0 6px;color:#fff}
.held-fakten{display:flex;flex-wrap:wrap;gap:8px 18px;color:rgba(241,232,220,.82);font-size:14px}
.held-fakten span,.held-fakten a{display:inline-flex;align-items:center;gap:7px}
.held-fakten .ico{color:var(--akzent-licht)}
.held-countdown{text-align:center;padding:14px 22px;border-radius:20px;background:rgba(255,255,255,.06);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);min-width:120px}
.held-zahl{display:block;font-family:var(--kopf);font-size:52px;font-weight:600;line-height:1;color:#fff}
.held-countdown small{color:var(--akzent-licht);font-size:12.5px;letter-spacing:.05em}
.held a{color:inherit;text-decoration:none}
.held a.held-name:hover{color:#F3DEBB}
.held-leer{color:rgba(241,232,220,.8);margin:6px 0 0}

/* Zahlen oben auf "Heute" */
.zahlen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.zahl{background:rgba(255,255,255,.86);border-radius:var(--radius);padding:18px 18px 16px;text-decoration:none;color:inherit;
  display:flex;flex-direction:column;gap:12px;box-shadow:var(--schatten-2);border:1px solid rgba(255,255,255,.7);
  transition:transform .4s var(--weich),box-shadow .4s var(--weich)}
a.zahl:hover{box-shadow:var(--schatten-3),inset 0 0 0 1px var(--bronze-2)}
a.zahl:hover .ico-blase{transform:scale(1.08)}
.zahl b{display:block;font-family:var(--kopf);font-size:40px;font-weight:600;line-height:.9}
.zahl span{font-size:13px;color:var(--ink-2)}

/* ---------- Listen ---------- */
.liste{list-style:none;margin:0;padding:0}
.liste li{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--linie-2)}
.liste li:first-child{border-top:0;padding-top:4px}
.liste .haupt-text{flex:1;min-width:0}
.liste .haupt-text b{font-weight:500}
.neben{color:var(--ink-2);font-size:13.5px}
.liste a.zeile{display:flex;align-items:center;gap:14px;flex:1;min-width:0;text-decoration:none;color:inherit;
  border-radius:14px;margin:-6px -8px;padding:6px 8px;transition:background .25s}
.liste a.zeile:hover{background:var(--sand)}
.liste a.zeile:hover .datum{box-shadow:var(--schatten-1),inset 0 0 0 1px var(--bronze-2)}
.datum{flex:0 0 auto;width:54px;text-align:center;border-radius:14px;padding:6px 0;line-height:1.1;
  background:linear-gradient(160deg,#FFFFFF,var(--sand));box-shadow:var(--schatten-1),inset 0 0 0 1px var(--linie);
  transition:transform .4s var(--weich)}
.datum b{display:block;font-family:var(--kopf);font-size:23px;font-weight:600}
.datum span{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--bronze-ink);font-weight:500}

.tabelle{width:100%;border-collapse:separate;border-spacing:0}
.tabelle th{text-align:left;font-weight:500;font-size:11.5px;text-transform:uppercase;letter-spacing:.1em;
  color:var(--ink-3);padding:0 12px 10px}
.tabelle td{padding:13px 12px;border-top:1px solid var(--linie-2);vertical-align:middle}
.tabelle tr.klickbar{cursor:pointer}
.tabelle tr.klickbar td{transition:background .2s}
.tabelle tr.klickbar:hover td{background:var(--sand)}
.tabelle tr.klickbar:hover td:first-child{border-radius:12px 0 0 12px}
.tabelle tr.klickbar:hover td:last-child{border-radius:0 12px 12px 0}
.tabelle td.zahlspalte,.tabelle th.zahlspalte{text-align:right;white-space:nowrap}
.initialen{width:36px;height:36px;border-radius:50%;display:inline-grid;place-items:center;font-size:13px;font-weight:500;
  color:var(--bronze-ink);background:linear-gradient(145deg,var(--bronze-hell),#fff);box-shadow:inset 0 0 0 1px rgba(160,125,76,.16);
  margin-right:12px;flex:0 0 auto}
.name-zelle{display:flex;align-items:center}

.marke-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;padding:3px 10px 3px 8px;border-radius:99px;
  background:var(--sand-2);color:var(--ink-2);white-space:nowrap;font-weight:500}
.marke-status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}
.marke-status.s-anfrage{background:#F6EADB;color:#8A6233}
.marke-status.s-gebucht{background:var(--salbei-hell);color:var(--salbei-ink)}
.marke-status.s-fotografiert,.marke-status.s-bearbeitung{background:#EEEAF4;color:#5A4E70}
.marke-status.s-galerie{background:#E5EEF0;color:#3F5F68}
.marke-status.s-abgeschlossen{background:#F0EBE4;color:var(--ink-3)}

.suche-feld{position:relative;flex:1;max-width:380px}
.suche-feld .ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}
.suche-feld input[type=search]{padding-left:40px}
.werkzeuge{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.reiter{display:inline-flex;gap:4px;padding:4px;border-radius:14px;background:rgba(255,255,255,.7);box-shadow:var(--schatten-1),inset 0 0 0 1px var(--linie);flex-wrap:wrap}
.reiter a{padding:7px 13px;border-radius:10px;font-size:13.5px;text-decoration:none;color:var(--ink-2);transition:background .25s,color .25s}
.reiter a:hover{color:var(--ink)}
.reiter a.an{background:var(--rahmen);color:#fff;box-shadow:0 6px 14px -8px rgba(33,26,21,.7)}

/* Aufgaben */
.aufgabe{display:flex;align-items:flex-start;gap:12px}
.aufgabe input[type=checkbox]{appearance:none;-webkit-appearance:none;margin:2px 0 0;width:22px;height:22px;border-radius:7px;
  flex:0 0 auto;cursor:pointer;background:#fff;box-shadow:inset 0 0 0 1.5px var(--linie);display:grid;place-items:center;
  transition:background .25s,box-shadow .25s,transform .3s var(--weich)}
.aufgabe input[type=checkbox]:hover{box-shadow:inset 0 0 0 1.5px var(--salbei)}
.aufgabe input[type=checkbox]:checked{background:var(--salbei);box-shadow:none;transform:scale(1.05)}
.aufgabe input[type=checkbox]:checked::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;
  transform:translateY(-1px) rotate(45deg)}
.aufgabe.erledigt .haupt-text{color:var(--ink-3);text-decoration:line-through}
.faellig{color:#A0492F}

/* Programme und Kanaele */
.programme{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.programm{background:rgba(255,255,255,.86);border-radius:var(--radius);padding:20px;box-shadow:var(--schatten-2);
  border:1px solid rgba(255,255,255,.7);display:flex;flex-direction:column;gap:8px;position:relative;
  transition:transform .4s var(--weich),box-shadow .4s var(--weich)}
.programm:hover{box-shadow:var(--schatten-3),inset 0 0 0 1px var(--bronze-2)}
.programm:hover .ico-blase{transform:scale(1.08)}
.programm-kopf{display:flex;align-items:center;gap:12px;padding-right:22px}
.programm a.oeffnen{font-family:var(--kopf);font-size:22px;font-weight:600;color:var(--ink);text-decoration:none;line-height:1.1}
.programm a.oeffnen::after{content:"";position:absolute;inset:0}
.programm p{margin:0;font-size:13.5px;color:var(--ink-2)}
.programm .bearbeiten{position:relative;z-index:1;align-self:flex-start;margin-top:auto;font-size:13px;color:var(--ink-3)}
.programm .raus{position:absolute;right:18px;top:20px;color:var(--ink-3);transition:transform .35s var(--weich),color .2s}
.programm:hover .raus{transform:translate(2px,-2px);color:var(--bronze)}
.programm.aus{opacity:.7}
.programm.aus .ico-blase{filter:grayscale(1)}
.kanal-knoepfe{display:flex;gap:6px;flex-wrap:wrap}
.kanal-knoepfe .knopf{padding:6px 10px}

/* ---------- Kalender ---------- */
.kal-kopf{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.kal-kopf h2{margin:0 6px;min-width:190px;text-align:center}
.kal-kopf .textknopf{margin-left:auto}
.kal-wochentage,.kal-raster{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.kal-wochentage span{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);text-align:center;padding-bottom:6px}
.kal-tag{position:relative;border:0;background:#FFFFFF;border-radius:14px;min-height:92px;padding:8px 8px 10px;text-align:left;
  cursor:pointer;display:flex;flex-direction:column;gap:3px;box-shadow:inset 0 0 0 1px var(--linie-2);
  transition:box-shadow .25s,transform .35s var(--weich),background .25s;overflow:hidden;min-width:0}
.kal-tag:hover{box-shadow:inset 0 0 0 1px var(--bronze-2),var(--schatten-2);z-index:1}
.kal-tag.fremd{background:transparent;box-shadow:none;opacity:.45}
.kal-tag.heute .kal-zahl{background:var(--rahmen);color:#fff}
.kal-tag.gewaehlt{box-shadow:inset 0 0 0 2px var(--bronze),var(--schatten-2)}
.kal-zahl{font-family:var(--kopf);font-size:17px;font-weight:600;width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;margin-bottom:2px}
.kal-termin{font-size:11.5px;line-height:1.3;padding:3px 6px;border-radius:6px;white-space:nowrap;overflow:hidden;
  text-overflow:ellipsis;background:var(--salbei-hell);color:var(--salbei-ink);max-width:100%}
.kal-termin.s-anfrage{background:#F6EADB;color:#8A6233}
.kal-termin.s-fotografiert,.kal-termin.s-bearbeitung{background:#EEEAF4;color:#5A4E70}
.kal-termin.s-galerie{background:#E5EEF0;color:#3F5F68}
.kal-termin.s-abgeschlossen{background:#F0EBE4;color:var(--ink-3)}
.kal-mehr{font-size:11px;color:var(--ink-3);padding-left:4px}
.kal-punkt{display:none}
.termin{display:flex;gap:18px;padding:16px 0;border-top:1px solid var(--linie-2)}
.termin:first-of-type{border-top:0;padding-top:4px}
.termin-zeit{flex:0 0 170px;white-space:nowrap;font-weight:500;color:var(--bronze-ink);display:flex;gap:8px;align-items:flex-start}
.termin-zeit .ico{margin-top:2px}
.termin-inhalt{flex:1;min-width:0}
.termin-inhalt > a{text-decoration:none;color:var(--ink);margin-right:6px}
.termin-inhalt > a:hover{color:var(--bronze-ink)}
.termin-kontakt{margin-top:6px;font-size:14px}
.notiz-kurz{margin-top:6px;white-space:pre-line}

/* ---------- Formulare ---------- */
label.feld{display:block;margin-bottom:14px}
label.feld > span{display:block;font-size:12.5px;color:var(--ink-2);margin-bottom:6px;font-weight:500;letter-spacing:.01em}
input[type=text],input[type=email],input[type=tel],input[type=url],input[type=date],input[type=time],input[type=password],
input[type=number],input[type=search],select,textarea{width:100%;border:0;border-radius:12px;background:#FFFFFF;
  padding:11px 13px;font-size:15px;box-shadow:inset 0 0 0 1px var(--linie),0 1px 2px rgba(42,33,27,.03);
  transition:box-shadow .2s}
textarea{min-height:90px;resize:vertical}
input:hover,select:hover,textarea:hover{box-shadow:inset 0 0 0 1px #D8C9B5}
input:focus,select:focus,textarea:focus{outline:0;box-shadow:inset 0 0 0 1.5px var(--bronze),0 0 0 4px rgba(160,125,76,.14)}
.zwei{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.drei{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 14px}
.haken{display:flex;gap:10px;align-items:center;margin-bottom:9px;font-size:14.5px;cursor:pointer}
.haken input{width:18px;height:18px;accent-color:var(--salbei)}
fieldset{border:0;padding:0;margin:0 0 16px}
legend{font-size:12.5px;color:var(--ink-2);margin-bottom:8px;padding:0;font-weight:500}
.kindzeile{display:grid;grid-template-columns:1fr 170px auto;gap:8px;margin-bottom:8px}
.feld-knopf{display:flex;align-items:flex-end;padding-bottom:14px}

/* ---------- Fenster ---------- */
dialog{border:0;border-radius:24px;padding:0;width:min(640px,calc(100vw - 32px));max-height:calc(100vh - 32px);
  box-shadow:0 40px 100px -20px rgba(33,26,21,.45),0 0 0 1px rgba(255,255,255,.6);color:var(--ink);background:#FFFDFB}
dialog::backdrop{background:rgba(33,26,21,.45);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
@media (prefers-reduced-motion:no-preference){
  dialog[open]{animation:fensterauf .4s var(--weich)}
}
@keyframes fensterauf{from{opacity:0}to{opacity:1}}
.fenster-kopf{padding:24px 28px 4px}
.fenster-inhalt{padding:14px 28px 8px}
.fenster-fuss{padding:16px 28px 22px;display:flex;gap:8px;align-items:center;flex-wrap:wrap;
  background:linear-gradient(180deg,rgba(255,253,251,0),#FFFDFB 30%);position:sticky;bottom:0}
.fenster-fuss .platz{flex:1}

/* Detailseiten */
.angaben{display:grid;grid-template-columns:150px 1fr;gap:10px 16px;margin:0}
.angaben dt{color:var(--ink-3);font-size:13.5px;display:flex;align-items:center;gap:8px}
.angaben dt .ico{color:var(--bronze);opacity:.8}
.angaben dd{margin:0}
.zurueck{display:inline-flex;align-items:center;gap:6px;margin-bottom:14px;font-size:14px;text-decoration:none;color:var(--ink-2)}
.zurueck:hover{color:var(--bronze-ink)}
.zurueck .ico{transition:transform .35s var(--weich)}
.zurueck:hover .ico{transform:translateX(-3px)}

.mitteilung{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);background:var(--rahmen);
  color:var(--rahmen-ink);padding:11px 18px 11px 14px;border-radius:99px;font-size:14px;z-index:50;
  box-shadow:0 16px 40px -10px rgba(0,0,0,.45);display:flex;gap:9px;align-items:center}
.mitteilung .ico{color:#A9C2B0}
@media (prefers-reduced-motion:no-preference){
  .mitteilung{animation:hoch .45s var(--weich)}
}
@keyframes hoch{from{opacity:0}to{opacity:1}}

/* Abstaende statt style-Attributen: die Content-Security-Policy laesst keine Inline-Stile zu. */
.abstand{margin-top:20px}
.abstand-k{margin-top:8px}
.absatz{margin:0 0 12px}
.ohne-rand{margin:0}
.randnotiz{margin:10px 0 0;font-size:13.5px}
.danach{margin:14px 0 0}
.notiztext{white-space:pre-line;margin:16px 0 0}

/* ---------- Handy ---------- */
@media (max-width:820px){
  .rahmen{grid-template-columns:1fr}
  .menue{position:sticky;top:0;height:auto;flex-direction:row;flex-wrap:wrap;align-items:center;
    padding:12px 16px;z-index:20;box-shadow:0 10px 30px -12px rgba(0,0,0,.45);overflow:visible}
  .marke{padding:0;flex:1}
  .marke-zeichen{width:34px;height:34px;border-radius:11px}
  .marke-name{font-size:23px}
  .menue-knopf{display:inline-flex;align-items:center;gap:7px;border:0;background:rgba(241,232,220,.08);color:var(--rahmen-ink);
    border-radius:11px;padding:8px 13px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(241,232,220,.12)}
  .menue ul{display:none;width:100%;padding-top:12px}
  .menue.offen > ul{display:flex}
  .menue li a.aktiv::before{display:none}
  .menue-fuss{display:none}
  main{padding:22px 16px 80px}
  h1{font-size:32px}
  .held{grid-template-columns:1fr;padding:22px;border-radius:22px}
  .held-name{font-size:28px}
  .held-countdown{display:flex;align-items:baseline;gap:10px;justify-content:flex-start;padding:10px 14px;min-width:0}
  .held-zahl{font-size:36px}
  .raster{grid-template-columns:1fr}
  .zahlen{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .zahl b{font-size:34px}
  .karte{padding:20px 18px}
  .zwei,.drei{grid-template-columns:1fr}
  .kindzeile{grid-template-columns:1fr 1fr auto}
  .tabelle .weg-handy{display:none}
  .angaben{grid-template-columns:1fr;gap:2px}
  .angaben dt{margin-top:10px}
  .kal-wochentage,.kal-raster{gap:3px}
  .kal-tag{min-height:52px;padding:5px;border-radius:10px;align-items:center}
  .kal-zahl{font-size:15px;width:26px;height:26px}
  .kal-termin,.kal-mehr{display:none}
  .kal-punkt{display:block;width:6px;height:6px;border-radius:50%;background:var(--bronze)}
  .kal-kopf h2{min-width:0;font-size:21px}
  .termin{flex-direction:column;gap:6px}
  .termin-zeit{flex:none}
}

/* ---------- CRM ---------- */
.sterne{display:inline-flex;gap:1px;vertical-align:middle;color:#E2D6C4}
.sterne .stern{display:inline-grid;color:inherit}
.sterne .stern.an{color:#C9A15E}
.sterne .ico{width:14px;height:14px;fill:currentColor;stroke:currentColor;stroke-width:1}
.sterne.klickbar .stern{border:0;background:none;padding:1px;cursor:pointer;transition:transform .3s var(--weich)}
.sterne.klickbar .stern:hover{transform:scale(1.2)}
.sterne.klickbar .ico{width:19px;height:19px}
.kopf-zeile{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.sterne-wahl{display:inline-flex;flex-direction:row-reverse;gap:4px;margin-bottom:6px}
.sterne-wahl input{position:absolute;opacity:0;width:1px;height:1px}
.sterne-wahl label{cursor:pointer;color:#E2D6C4;transition:transform .3s var(--weich),color .2s}
.sterne-wahl label .ico{width:28px;height:28px;fill:currentColor;stroke-width:1}
.sterne-wahl label:hover,.sterne-wahl label:hover ~ label,.sterne-wahl input:checked ~ label{color:#C9A15E}
.sterne-wahl label:hover{transform:scale(1.15)}
.sterne-wahl input:focus-visible + label{outline:2px solid var(--bronze);outline-offset:2px;border-radius:4px}
.chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:6px}
.chip{font-size:11.5px;padding:2px 9px;border-radius:99px;background:var(--sand);color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--linie)}
.marke-sperre{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:500;color:var(--gefahr);
  background:var(--gefahr-hell);padding:2px 8px;border-radius:99px;vertical-align:middle}
.tabelle tr.gesperrt .initialen{background:var(--gefahr-hell);color:var(--gefahr)}
.sperre-feld{background:#FBF4F1;border-radius:14px;padding:12px 14px 2px;box-shadow:inset 0 0 0 1px #F1DED7}
.verlauf-neu{display:flex;gap:8px;align-items:flex-end;margin-bottom:12px}
.verlauf-neu textarea{min-height:46px}
.verlauf{list-style:none;margin:0;padding:0 0 0 14px;border-left:2px solid var(--linie)}
.verlauf li{position:relative;padding:6px 0 10px 8px}
.verlauf li::before{content:"";position:absolute;left:-20px;top:12px;width:10px;height:10px;border-radius:50%;
  background:#fff;box-shadow:inset 0 0 0 2px var(--bronze-2)}
.verlauf-datum{display:block;font-size:12px;color:var(--ink-3)}
.verlauf-text{white-space:pre-line}
.zuordnung{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
@media (max-width:820px){ .zuordnung{grid-template-columns:1fr} .verlauf-neu{flex-direction:column;align-items:stretch} }

/* Demo-Leiste und Wuensche */
.demo-leiste{position:sticky;top:0;z-index:30;display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;
  padding:9px 16px;font-size:13.5px;color:#fff;background:linear-gradient(90deg,#8C6B3E,var(--bronze-2),#8C6B3E)}
.demo-leiste a{color:#fff;font-weight:500}
body.demo .menue{top:38px;height:calc(100vh - 38px)}
.liste.plan li{align-items:flex-start}
.liste.plan .ico-blase{width:32px;height:32px;border-radius:11px}
@media (max-width:820px){ body.demo .menue{top:0;height:auto} .demo-leiste{position:static} }

/* Marke Photo & You: das & kursiv */
.marke-name{font-size:25px;white-space:nowrap}

/* ================================================================ Gestaltung
   Jede Fotografin passt Photo&You an ihr Branding an (Mandy, 23.10.2026): Schrift-Richtung,
   Und-Zeichen, Akzentfarbe, Farbe der Seitenleiste, eigenes Logo. Alle Farben leiten sich
   aus EINER Akzentfarbe ab, damit nichts beisst. */
:root{
  --akzent:#5E7564;
  --bronze:var(--akzent);
  --bronze-2:color-mix(in srgb,var(--akzent) 72%,#fff);
  --bronze-ink:color-mix(in srgb,var(--akzent) 70%,#000);
  --bronze-hell:color-mix(in srgb,var(--akzent) 12%,#fff);
  --akzent-licht:color-mix(in srgb,var(--akzent) 45%,#fff);
  --und:'Parisienne',cursive;
  --kopf-gewicht:400;
}
h1,h2,h3,.marke-name,.zahl b,.datum b,.held-name,.held-zahl,.kal-zahl,.programm a.oeffnen{font-weight:var(--kopf-gewicht)}
:root,:root[data-schrift="magazin"]{--kopf:'Libre Caslon Display',Georgia,serif;--text:'Libre Franklin',system-ui,sans-serif;--kopf-gewicht:400}
:root[data-schrift="editorial"]{--kopf:'Bodoni Moda',Georgia,serif;--text:'Albert Sans',system-ui,sans-serif;--kopf-gewicht:700}
:root[data-schrift="galerie"]{--kopf:'Noto Serif Display',Georgia,serif;--text:'Hanken Grotesk',system-ui,sans-serif;--kopf-gewicht:500}
:root[data-schrift="warm"]{--kopf:'Young Serif',Georgia,serif;--text:'Onest',system-ui,sans-serif;--kopf-gewicht:400}
:root[data-rahmen="wald"]{--rahmen:#22322A;--rahmen-2:#30473A}
:root[data-rahmen="nacht"]{--rahmen:#181F2C;--rahmen-2:#263045}
:root[data-rahmen="aubergine"]{--rahmen:#261B25;--rahmen-2:#382735}

/* Wortmarke: Photo&You ohne Leerzeichen, das & in eigener Schrift und Farbe, nicht kursiv */
.marke-name{font-family:var(--kopf);font-size:19px;white-space:nowrap;text-transform:uppercase;letter-spacing:.07em;display:inline-flex;align-items:center}
.marke-name .und{font-family:var(--und);font-style:normal;font-weight:400;text-transform:none;letter-spacing:0;color:var(--akzent-licht);font-size:1.55em;line-height:.6;margin:0 .05em;position:relative;top:.06em}
.marke-zeichen.logo{background:#fff;padding:4px;overflow:hidden}
.marke-zeichen.logo img{width:100%;height:100%;object-fit:contain;border-radius:9px}

/* Einstellungen > Gestaltung */
.wahl-reihe{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin-bottom:18px}
.wahl-karte{position:relative;cursor:pointer;border-radius:14px;padding:14px 14px 12px;background:#fff;box-shadow:inset 0 0 0 1px var(--linie);transition:box-shadow .25s}
.wahl-karte:hover{box-shadow:inset 0 0 0 1px var(--bronze-2)}
.wahl-karte input{position:absolute;opacity:0;pointer-events:none}
.wahl-karte:has(input:checked){box-shadow:inset 0 0 0 2px var(--bronze),var(--schatten-1)}
.wahl-karte:has(input:focus-visible){outline:2px solid var(--bronze);outline-offset:2px}
.wahl-karte .muster{display:block;font-size:27px;line-height:1.1;white-space:nowrap;color:var(--ink)}
.wahl-karte .muster .und{color:var(--bronze)}
.wahl-karte small{display:block;margin-top:6px;font-size:12px;color:var(--ink-3)}
.und-wahl{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:18px}
.und-wahl .wahl-karte{text-align:center;padding:8px 4px}
.und-wahl .wahl-karte b{display:block;font-size:44px;line-height:1.1;font-weight:400;color:var(--bronze)}
.farb-wahl{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:18px}
.farb-knopf{width:38px;height:38px;border-radius:50%;border:0;cursor:pointer;box-shadow:inset 0 0 0 3px #fff,0 0 0 1px var(--linie)}
.farb-knopf.an{box-shadow:inset 0 0 0 3px #fff,0 0 0 2px var(--ink)}
.farb-wahl input[type=color]{width:46px;height:38px;border:0;padding:0;background:none;cursor:pointer}
.rahmen-wahl .wahl-karte{padding:0;overflow:hidden}
.rahmen-wahl .wahl-karte span{display:block;height:46px}
.rahmen-wahl .wahl-karte small{padding:6px 12px 8px;margin:0}
.logo-vorschau{width:64px;height:64px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--linie);display:grid;place-items:center;overflow:hidden}
.logo-vorschau img{max-width:100%;max-height:100%}
.logo-zeile{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
@media (max-width:820px){ .und-wahl{grid-template-columns:repeat(4,1fr)} }

/* Muster in der Gestaltungs-Auswahl */
.schrift-magazin{font-family:'Libre Caslon Display';text-transform:uppercase;letter-spacing:.06em}.schrift-editorial{font-family:'Bodoni Moda';font-weight:700}.schrift-galerie{font-family:'Noto Serif Display';font-weight:500}.schrift-warm{font-family:'Young Serif'}
.wahl-karte .muster .und{font-family:var(--und)}
.farbe-A07D4C{background:#A07D4C}
.farbe-B4735F{background:#B4735F}
.farbe-5E7564{background:#5E7564}
.farbe-2F6F6A{background:#2F6F6A}
.farbe-3E5A7A{background:#3E5A7A}
.farbe-7D2E3A{background:#7D2E3A}
.farbe-9A7AA0{background:#9A7AA0}
.rahmen-espresso{background:linear-gradient(135deg,#2E241D,#000)}
.rahmen-wald{background:linear-gradient(135deg,#30473A,#000)}
.rahmen-nacht{background:linear-gradient(135deg,#263045,#000)}
.rahmen-aubergine{background:linear-gradient(135deg,#382735,#000)}
.und-parisienne{font-family:'Parisienne'}.und-mrs{font-family:'Mrs Saint Delafield'}.und-alex{font-family:'Alex Brush'}.und-petit{font-family:'Petit Formal Script'}.und-caslon{font-family:'Libre Caslon Display'}.und-bodoni{font-family:'Bodoni Moda';font-weight:700}.und-gloock{font-family:'Gloock'}
.wahl-karte .muster .und{text-transform:none;letter-spacing:0;font-size:1.3em}
.und-wahl .wahl-karte b{font-size:50px}

/* App-Icon P&Y als Zeichen oben links */
.marke-zeichen img{width:100%;height:100%;border-radius:inherit;display:block}
.marke-zeichen:has(img){background:none;padding:0;overflow:hidden}
.marke-zeichen.logo:has(img){background:#fff;padding:4px}

/* ================================================================ Freundlicher (Mandy, 23.10.2026)
   "Dieses Dunkelbraun als komplette Flaeche schreckt ab." Standard ist jetzt eine helle
   Seitenleiste in Salbei; die dunklen Varianten bleiben unter Gestaltung waehlbar.
   Alle Farben der Leiste haengen an diesen Variablen. */
:root,:root[data-rahmen="salbei"]{
  --menue-bg:linear-gradient(180deg,#EDF3EE 0%,#D9E5DC 100%);
  --menue-ink:#3A4B3F; --menue-ink-2:#6A7D6F; --menue-stark:#2B362F;
  --menue-hover:rgba(52,73,60,.08); --menue-aktiv:#FFFFFF; --menue-aktiv-schatten:0 1px 2px rgba(40,52,45,.06),0 6px 16px -8px rgba(40,52,45,.25);
  --menue-linie:rgba(52,73,60,.16); --menue-ico-aktiv:var(--salbei-ink); --menue-strich:var(--salbei); --menue-und:var(--bronze);
}
:root[data-rahmen="sand"]{
  --menue-bg:linear-gradient(180deg,#FCF8F2 0%,#F2E9DD 100%);
  --menue-ink:#55473C; --menue-ink-2:#8E7C6E; --menue-stark:#2A211B;
  --menue-hover:rgba(160,125,76,.08); --menue-aktiv:#FFFFFF; --menue-aktiv-schatten:0 1px 2px rgba(42,33,27,.06),0 6px 16px -8px rgba(42,33,27,.25);
  --menue-linie:rgba(160,125,76,.18); --menue-ico-aktiv:var(--bronze-ink); --menue-strich:var(--bronze); --menue-und:var(--bronze);
}
:root[data-rahmen="espresso"],:root[data-rahmen="wald"],:root[data-rahmen="nacht"],:root[data-rahmen="aubergine"]{
  --menue-bg:linear-gradient(180deg,var(--rahmen-2) 0%,var(--rahmen) 55%);
  --menue-ink:rgba(241,232,220,.78); --menue-ink-2:var(--rahmen-blass); --menue-stark:#FFFFFF;
  --menue-hover:rgba(241,232,220,.06); --menue-aktiv:color-mix(in srgb,var(--akzent) 24%,transparent); --menue-aktiv-schatten:inset 0 0 0 1px color-mix(in srgb,var(--akzent) 25%,transparent);
  --menue-linie:rgba(241,232,220,.09); --menue-ico-aktiv:var(--akzent-licht); --menue-strich:var(--akzent-licht); --menue-und:var(--akzent-licht);
}
.menue{background:var(--menue-bg);color:var(--menue-ink);box-shadow:inset -1px 0 0 var(--menue-linie)}
.marke{color:var(--menue-stark)}
.marke-studio{color:var(--menue-ink-2)}
.marke-name .und{color:var(--menue-und)}
.menue li a{color:var(--menue-ink)}
.menue li a:hover{background:var(--menue-hover);color:var(--menue-stark)}
.menue li a.aktiv{background:var(--menue-aktiv);color:var(--menue-stark);box-shadow:var(--menue-aktiv-schatten)}
.menue li a.aktiv .ico{color:var(--menue-ico-aktiv)}
.menue li a.aktiv::before{background:var(--menue-strich)}
.menue .trenner{background:var(--menue-linie)}
.menue-fuss{color:var(--menue-ink-2);background:var(--menue-hover);box-shadow:inset 0 0 0 1px var(--menue-linie)}
.menue-fuss .ico{color:var(--salbei-ink)}
:root[data-rahmen="espresso"] .menue-fuss .ico,:root[data-rahmen="wald"] .menue-fuss .ico,:root[data-rahmen="nacht"] .menue-fuss .ico,:root[data-rahmen="aubergine"] .menue-fuss .ico{color:#A9C2B0}
@media (max-width:820px){
  .menue{box-shadow:0 10px 30px -16px rgba(40,52,45,.35)}
  .menue-knopf{background:var(--menue-hover);color:var(--menue-stark);box-shadow:inset 0 0 0 1px var(--menue-linie)}
}

/* Startkarte hell: Text auf Creme links, das Duenenbild laeuft rechts weich hinein */
.held{color:var(--ink);
  background:linear-gradient(90deg,#FBF8F3 0%,#FBF8F3 36%,rgba(251,248,243,.85) 48%,rgba(251,248,243,0) 70%),
             url(bilder/duene-900.jpg) right 58%/64% auto no-repeat,
             #FBF8F3;
  box-shadow:var(--schatten-2);border:1px solid rgba(255,255,255,.8)}
.held::after{box-shadow:none}
.held-titel{color:var(--salbei-ink)}
.held-name{color:var(--ink)}
.held a.held-name:hover{color:var(--bronze-ink)}
.held-fakten{color:var(--ink-2)}
.held-fakten .ico{color:var(--bronze)}
.held-countdown{background:rgba(255,255,255,.78);box-shadow:0 8px 24px -12px rgba(42,33,27,.35);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.held-zahl{color:var(--ink)}
.held-countdown small{color:var(--salbei-ink)}
.held-leer{color:var(--ink-2)}
@media (max-width:820px){
  .held{padding-top:150px;background:linear-gradient(180deg,rgba(251,248,243,0) 0%,rgba(251,248,243,.6) 30%,#FBF8F3 52%),
        url(bilder/duene-900.jpg) center 30%/cover no-repeat,#FBF8F3}
}
.rahmen-salbei{background:linear-gradient(135deg,#EDF3EE,#CFDDD3)}
.rahmen-sand{background:linear-gradient(135deg,#FCF8F2,#EADFCF)}

/* Telefonnummer als Knopf mit Auswahl: anrufen, SMS, WhatsApp */
.tel-knopf{border:0;background:none;padding:0;font:inherit;color:var(--bronze-ink);text-decoration:underline;text-underline-offset:3px;
  cursor:pointer;display:inline-flex;align-items:center;gap:7px}
.held .tel-knopf{color:inherit;text-decoration:none}
.tel-knopf:hover{color:var(--bronze)}
.kontakt-wahl{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-bottom:6px}
.kontakt-weg{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;background:#fff;border:0;font:inherit;cursor:pointer;
  text-decoration:none;color:var(--ink);box-shadow:inset 0 0 0 1px var(--linie);transition:box-shadow .25s}
.kontakt-weg:hover{box-shadow:inset 0 0 0 1px var(--bronze-2),var(--schatten-1)}
.kontakt-weg b{font-weight:500}
.kontakt-weg:hover .ico-blase{transform:scale(1.08)}

/* Menue in Gruppen (Mandy 23.10.2026: alles soll sichtbar sein) */
.menue ul{gap:1px}
.menue li.gruppe{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--menue-ink-2);padding:14px 12px 4px;font-weight:600}
.menue li.gruppe:first-child{padding-top:0}
.menue li a{padding:7px 12px;font-size:14px}
.menue-bald{margin-left:auto;font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--menue-ink-2);
  border:1px solid var(--menue-linie);border-radius:99px;padding:1px 6px}
.marke{padding-bottom:18px}
.bald-marke{display:inline-block;vertical-align:middle;font-family:var(--text);font-size:12px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--salbei-ink);background:var(--salbei-hell);padding:3px 10px;border-radius:99px;font-weight:600}
.bald-karte{display:grid;grid-template-columns:180px 1fr;gap:26px;align-items:start}
.bald-bild{aspect-ratio:1;border-radius:20px;display:grid;place-items:center;background:
  linear-gradient(135deg,rgba(236,238,227,.85),rgba(245,236,223,.85)),url(bilder/arbeitsplatz-900.jpg) center/cover}
.bald-bild .ico-blase{width:72px;height:72px;border-radius:22px}
.bald-bild .ico-blase .ico{width:32px;height:32px}
@media (max-width:820px){ .bald-karte{grid-template-columns:1fr} .bald-bild{aspect-ratio:3/1} }

/* Spotkit als Marke im Bereich Locations */
.spotkit-zeile{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.spotkit-zeile img{border-radius:6px;box-shadow:0 2px 6px -2px rgba(42,33,27,.4)}
.spotkit-zeile b{font-weight:600;color:var(--ink)}

/* ================================================================ Buchhaltung, Rechnungen, Preislisten */
.tabelle td.plus{color:var(--salbei-ink)} .tabelle td.minus{color:var(--ink)}
.tabelle tr.summe td{border-top:2px solid var(--linie)}
.balken-zeile{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) auto;gap:12px;align-items:center;padding:7px 0;font-size:14px}
.balken{height:8px;border-radius:99px;background:var(--sand);overflow:hidden}
.balken i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--bronze-2),var(--bronze))}
.balken i.b1{width:5%}
.balken i.b2{width:10%}
.balken i.b3{width:15%}
.balken i.b4{width:20%}
.balken i.b5{width:25%}
.balken i.b6{width:30%}
.balken i.b7{width:35%}
.balken i.b8{width:40%}
.balken i.b9{width:45%}
.balken i.b10{width:50%}
.balken i.b11{width:55%}
.balken i.b12{width:60%}
.balken i.b13{width:65%}
.balken i.b14{width:70%}
.balken i.b15{width:75%}
.balken i.b16{width:80%}
.balken i.b17{width:85%}
.balken i.b18{width:90%}
.balken i.b19{width:95%}
.balken i.b20{width:100%}

.ablage-gross{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:30px 20px;margin-bottom:18px;border-radius:var(--radius);
  background:rgba(255,255,255,.7);box-shadow:inset 0 0 0 2px var(--linie);cursor:pointer;transition:box-shadow .25s,background .25s}
.ablage-gross:hover,.ablage-gross.drueber{box-shadow:inset 0 0 0 2px var(--bronze);background:#fff}
.beleg-bild{max-width:100%;max-height:260px;border-radius:12px;display:block;box-shadow:var(--schatten-1)}
.konten-liste{columns:2;column-gap:28px}
.konten-liste .haken{break-inside:avoid}
.kontonr{font-variant-numeric:tabular-nums;color:var(--ink-3);display:inline-block;min-width:3.2em}
.pos-zeile{display:grid;grid-template-columns:1fr 70px 110px 82px auto;gap:6px;margin-bottom:6px}
.gruppen-titel{font-size:20px;margin:22px 0 10px}
.pakete{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.paket{background:rgba(255,255,255,.86);border-radius:var(--radius);padding:20px;box-shadow:var(--schatten-2);cursor:pointer;transition:box-shadow .3s}
.paket:hover{box-shadow:var(--schatten-3),inset 0 0 0 1px var(--bronze-2)}
.paket-kopf{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.paket-kopf b{font-family:var(--kopf);font-size:21px;font-weight:var(--kopf-gewicht)}
.paket-preis{font-family:var(--kopf);font-size:22px;color:var(--bronze-ink);white-space:nowrap}
.paket-liste{margin:10px 0 0;padding-left:18px;color:var(--ink-2);font-size:14px}
/* Rechnungsblatt (A4) */
.rechnung-blatt{background:#fff;max-width:794px;margin:0 auto;padding:56px 64px;border-radius:6px;box-shadow:var(--schatten-2);font-size:14px;color:#222;line-height:1.5}
.rb-kopf{display:flex;justify-content:space-between;gap:20px}
.rb-absender{font-size:13px;color:#444}
.rb-logo img{max-height:70px;max-width:180px}
.rb-zeile{font-size:9.5px;color:#777;border-bottom:1px solid #ccc;display:inline-block;margin:40px 0 6px}
.rb-empfaenger{min-height:90px}
.rb-meta{display:flex;gap:28px;justify-content:flex-end;margin:10px 0 26px;font-size:13px}
.rb-meta span{display:block;color:#888;font-size:11px}
.rb-titel{font-size:26px;margin:0 0 14px;color:#222}
.rb-tabelle{width:100%;border-collapse:collapse;margin-bottom:14px}
.rb-tabelle th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#777;border-bottom:1px solid #ccc;padding:6px 4px}
.rb-tabelle td{padding:8px 4px;border-bottom:1px solid #eee}
.rb-tabelle .zahlspalte{text-align:right;white-space:nowrap}
.rb-summen{margin-left:auto;width:290px;font-size:13.5px}
.rb-summen div{display:flex;justify-content:space-between;padding:3px 0}
.rb-summen .rb-ges{border-top:2px solid #222;margin-top:4px;padding-top:7px;font-size:16px}
.rb-notiz{white-space:pre-line}
.rb-fuss{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:46px;padding-top:12px;border-top:1px solid #ccc;font-size:10px;color:#666}
@media (max-width:820px){ .rechnung-blatt{padding:28px 20px} .rb-fuss{grid-template-columns:1fr 1fr} .konten-liste{columns:1} .pos-zeile{grid-template-columns:1fr 1fr} }
@media print{
  @page{size:A4;margin:14mm}
  body{background:#fff!important}
  .menue,.demo-leiste,.nicht-drucken,.mitteilung,.zurueck{display:none!important}
  .rahmen{display:block}
  main{padding:0}
  .rechnung-blatt{box-shadow:none;padding:0;max-width:none}
  .seite > *{animation:none!important}
}

/* X oben rechts in jedem Fenster */
dialog{position:fixed}
.fenster-x{position:absolute;top:14px;right:14px;z-index:5;width:36px;height:36px;border-radius:50%;border:0;cursor:pointer;
  background:var(--sand);color:var(--ink-2);font-size:24px;line-height:1;display:grid;place-items:center;transition:background .2s,color .2s}
.fenster-x:hover{background:var(--sand-2);color:var(--ink)}
.fenster-kopf{padding-right:64px}
/* Nachrichtenverlauf */
.nachrichten-verlauf{margin-bottom:14px;border-radius:14px;background:var(--sand);padding:10px 14px}
.nachrichten-verlauf summary{cursor:pointer;font-size:13.5px;color:var(--ink-2);display:flex;gap:7px;align-items:center}
.nachricht-blase{background:#fff;border-radius:12px 12px 12px 4px;padding:8px 12px;margin-top:8px;white-space:pre-line;font-size:14px;box-shadow:var(--schatten-1)}
.nachricht-blase .neben{display:block;font-size:11.5px;margin-bottom:2px}
.verlauf li.ist-nachricht::before{box-shadow:inset 0 0 0 2px var(--salbei)}

/* Startkarte wieder moody (Mandy 23.10.2026: vorher besser lesbar, dunkler schoener, passt zum Waldgruen) */
.held{color:#F3EFE6;border:0;
  background:linear-gradient(100deg,rgba(24,36,29,.94) 0%,rgba(28,42,34,.84) 42%,rgba(30,45,36,.45) 75%,rgba(30,45,36,.25) 100%),
             url(bilder/duene-900.jpg) center 60%/cover no-repeat,#22322A;
  box-shadow:var(--schatten-3)}
.held::after{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(255,255,255,.05)}
.held-titel{color:#C9D8CC}
.held-name,.held a.held-name{color:#FFFFFF}
.held a.held-name:hover{color:#E4EEE6}
.held-fakten{color:rgba(243,239,230,.92);font-size:14.5px}
.held-fakten .ico{color:#B7CDBE}
.held .tel-knopf{color:#FFFFFF;font-weight:500}
.held-countdown{background:rgba(255,255,255,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.held-zahl{color:#FFFFFF}
.held-countdown small{color:#C9D8CC}
.held-leer{color:rgba(243,239,230,.85)}
@media (max-width:820px){
  .held{padding-top:22px;background:linear-gradient(180deg,rgba(24,36,29,.55) 0%,rgba(24,36,29,.92) 60%),url(bilder/duene-900.jpg) center 40%/cover no-repeat,#22322A}
}

/* Statusleiste am Shooting: eigene Zeile, klar vom Rest getrennt */
.status-leiste{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 20px;padding:14px 18px;border-radius:var(--radius);
  background:linear-gradient(135deg,var(--bronze-hell),#fff);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--akzent) 22%,transparent),var(--schatten-1)}
.status-titel{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--bronze-ink);margin-right:4px}
.status-wahl select{min-width:190px;font-weight:500}
.status-schritte{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:6px 0 0;padding:0;width:100%}
.status-schritte li{font-size:11.5px;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.7);color:var(--ink-3)}
.status-schritte li.erledigt{color:var(--salbei-ink);background:var(--salbei-hell)}
.status-schritte li.jetzt{color:#fff;background:var(--bronze)}
.verk-liste li{align-items:flex-start}
.verk-liste .ico-blase{width:34px;height:34px;border-radius:11px}
.verk .textknopf,.verk .bald-marke{margin-left:auto;white-space:nowrap;align-self:center}

/* Vertraege */
.vertrag-text{white-space:pre-wrap;font-size:14.5px;line-height:1.65}
/* Outfit & Styling */
.schrank{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.stueck-karte{background:rgba(255,255,255,.86);border-radius:var(--radius);overflow:hidden;box-shadow:var(--schatten-2);cursor:pointer;transition:box-shadow .3s}
.stueck-karte:hover{box-shadow:var(--schatten-3),inset 0 0 0 1px var(--bronze-2)}
.stueck-karte img,.stueck-karte .stueck-leer{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}
.stueck-leer{display:grid;place-items:center;background:var(--sand);color:var(--ink-3)}
.stueck-leer .ico{width:34px;height:34px}
.stueck-text{padding:12px 14px;display:flex;flex-direction:column;gap:3px;position:relative}
.stueck-text .farbpunkt{position:absolute;right:12px;top:14px}
.farbpunkt{display:inline-block;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.farbpunkt.gross{width:30px;height:30px}
.palette{display:flex;gap:6px;margin:8px 0}
.tipp-text{margin:6px 0 0;color:var(--ink-2);font-size:14px;white-space:pre-line}
.foto-wahl{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.foto-wahl img,.foto-wahl .stueck-leer{width:90px;height:120px;border-radius:12px;object-fit:cover}
.farb-reihe{display:flex;gap:10px;margin-bottom:14px}
.farb-reihe input[type=color]{width:52px;height:40px;border:0;padding:0;background:none;cursor:pointer}
.programm .knopfreihe.bearbeiten{gap:14px}

/* Wasserzeichen-Studio */
.wz-raster{display:grid;grid-template-columns:minmax(300px,380px) 1fr;gap:20px;align-items:start}
.wz-muster{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}
.wz-muster .wahl-karte b{display:block;font-size:14px;font-weight:600}
.wz-regler span{display:flex;justify-content:space-between}
.wz-regler input[type=range]{width:100%;accent-color:var(--bronze)}
.wz-logo{background:#3a3a3a}
.wz-vorschau{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;position:sticky;top:20px}
.wz-vorschau figure{margin:0}
.wz-vorschau canvas{display:block;width:100%;height:auto;border-radius:14px;box-shadow:var(--schatten-2);background:#222}
.wz-vorschau figcaption{text-align:center;font-size:13px;color:var(--ink-3);margin-top:6px}
@media (max-width:1000px){ .wz-raster{grid-template-columns:1fr} .wz-vorschau{position:static} }

/* Landingpages: Einstellungen links, Handy-Vorschau rechts */
.lp-raster{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:24px;align-items:start}
.lp-handy{position:sticky;top:20px;display:flex;justify-content:center}
.lp-rahmen{width:340px;height:690px;border-radius:44px;padding:12px;background:#1b1b1b;box-shadow:var(--schatten-3)}
.lp-seite{height:100%;border-radius:34px;overflow-y:auto;background:#FBF8F3;font-size:14px;color:#2A211B;scrollbar-width:none}
.lp-seite::-webkit-scrollbar{display:none}
.lp-held{padding:40px 22px 26px;color:#fff;text-align:center;background:linear-gradient(180deg,rgba(24,36,29,.55),rgba(24,36,29,.85)),url(bilder/duene-900.jpg) center/cover}
.lp-marke{font-family:var(--kopf);font-size:15px;letter-spacing:.08em;text-transform:uppercase;opacity:.9;margin-bottom:22px}
.lp-marke img{max-height:46px;max-width:160px}
.lp-held h2{font-size:30px;color:#fff;margin:0 0 6px}
.lp-datum{margin:0;opacity:.9}
.lp-block{padding:18px 22px;border-bottom:1px solid #EFE7DC}
.lp-block h3{font-size:18px;margin:0 0 8px}
.lp-block p{margin:0 0 6px}
.lp-text{white-space:pre-line;color:#5a4d43}
.lp-block ul{margin:4px 0 0;padding-left:18px;color:#5a4d43}
.lp-knopf{display:inline-block;margin:6px 6px 0 0;padding:9px 16px;border-radius:12px;background:var(--bronze);color:#fff;font-weight:500;font-size:13.5px}
.lp-knopf.hell{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--linie)}
@media (max-width:1000px){ .lp-raster{grid-template-columns:1fr} .lp-handy{position:static} }

/* Kunden-Branding: alles, was an Kunden geht, nutzt diese Werte (gesetzt per JS aus den Einstellungen) */
[data-kunden-marke]{--k-farbe:#5E7564;--k-grund:#FBF8F3;--k-text:#2A211B;--k-kopf:'Libre Caslon Display',Georgia,serif;--k-schrift:'Libre Franklin',sans-serif}
.lp-seite{background:var(--k-grund);color:var(--k-text);font-family:var(--k-schrift)}
.lp-seite h2,.lp-seite h3,.lp-marke{font-family:var(--k-kopf)}
.lp-held{background:linear-gradient(180deg,color-mix(in srgb,var(--k-farbe) 45%,transparent),color-mix(in srgb,var(--k-farbe) 85%,#000)),url(bilder/duene-900.jpg) center/cover}
.lp-knopf{background:var(--k-farbe)}
.lp-text,.lp-block ul{color:color-mix(in srgb,var(--k-text) 75%,var(--k-grund))}
.lp-block{border-bottom-color:color-mix(in srgb,var(--k-text) 8%,var(--k-grund))}
.rechnung-blatt{font-family:var(--k-schrift)}
.rechnung-blatt .rb-titel{font-family:var(--k-kopf);color:var(--k-farbe)}
.rechnung-blatt .rb-summen .rb-ges{border-top-color:var(--k-farbe)}
.modul-liste{columns:3;column-gap:20px}
.modul-liste .haken{break-inside:avoid}
.marken-probe{margin-top:16px;border-radius:16px;overflow:hidden;background:var(--k-grund);color:var(--k-text);font-family:var(--k-schrift);box-shadow:inset 0 0 0 1px var(--linie)}
.mp-kopf{padding:22px;background:var(--k-farbe);color:#fff;display:flex;gap:14px;align-items:center}
.mp-kopf img{max-height:40px;max-width:120px}
.mp-kopf h3{font-family:var(--k-kopf);color:#fff;margin:0;font-size:24px}
.marken-probe p{padding:14px 22px 0;margin:0}
.mp-knopf{display:inline-block;margin:12px 22px 20px;padding:9px 16px;border-radius:10px;background:var(--k-farbe);color:#fff}
@media (max-width:820px){ .modul-liste{columns:1} }

/* Dashboards: Kacheln wie im Buchhaltungs-Set, Entwicklungsgrafik */
[data-widget][hidden]{display:none!important}
.set-kacheln{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}
.set-kachel{background:rgba(255,255,255,.86);border-radius:var(--radius);padding:20px 22px;box-shadow:var(--schatten-2)}
.set-kachel span{display:block;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:600}
.set-kachel b{display:block;font-family:var(--kopf);font-weight:400;font-size:34px;line-height:1.1;margin:8px 0 4px}
.set-kachel small{color:var(--ink-2);font-size:13px}
.set-kachel.hervor{background:linear-gradient(135deg,#2B3A2E,#22322A);color:#F3EFE6}
.set-kachel.hervor span,.set-kachel.hervor small{color:#C9D8CC}
.entwicklung{width:100%;height:auto;display:block}
.e-raster{stroke:var(--linie-2);stroke-width:1}
.e-achse{font-size:11px;fill:var(--ink-3);font-family:var(--text)}
rect.e-ein{fill:#2E7D50} rect.e-aus{fill:#C47F2A}
polyline.e-linie{fill:none;stroke:var(--ink);stroke-width:2;stroke-linejoin:round}
.e-legende{font-size:12.5px;color:var(--ink-2);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.e-legende i{display:inline-block;width:12px;height:10px;border-radius:2px;margin-right:4px}
.e-legende i.e-ein{background:#2E7D50} .e-legende i.e-aus{background:#C47F2A} .e-legende i.e-linie{height:2px;background:var(--ink)}
.gross-zahl{font-family:var(--kopf);font-size:32px;margin:0 0 2px}
.abstand-raster{margin-top:20px}
@media (max-width:820px){ .set-kacheln{grid-template-columns:1fr} }

.menue-fuss .textknopf{color:var(--menue-stark);font-size:12px;text-decoration:underline;text-underline-offset:2px;margin-top:2px}

.link-zahl{display:block;color:var(--ink);text-decoration:none}
.link-zahl:hover{color:var(--bronze-ink)}
.tabelle.bwa td{padding:10px 12px}

/* Wishlist: Anhaenge, Aufnahme, Fortschritt */
.anhaenge{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.anhaenge li{display:flex;align-items:center;gap:10px;font-size:13.5px}
.anhaenge img{width:54px;height:54px;object-fit:cover;border-radius:8px}
.anhaenge audio{height:34px;max-width:220px}
.anhaenge span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aufnahme-laeuft{color:var(--gefahr);font-weight:500;margin:10px 0 0}
.liste.plan .prozent{font-family:var(--kopf);font-weight:400;font-size:20px;color:var(--bronze-ink);align-self:center;min-width:52px;text-align:right}
.fortschritt{display:block;height:6px;border-radius:99px;background:var(--sand);margin-top:8px;overflow:hidden}
.fortschritt i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--salbei),var(--bronze))}
.fortschritt i.p0{width:0%}
.fortschritt i.p5{width:5%}
.fortschritt i.p10{width:10%}
.fortschritt i.p15{width:15%}
.fortschritt i.p20{width:20%}
.fortschritt i.p25{width:25%}
.fortschritt i.p30{width:30%}
.fortschritt i.p35{width:35%}
.fortschritt i.p40{width:40%}
.fortschritt i.p45{width:45%}
.fortschritt i.p50{width:50%}
.fortschritt i.p55{width:55%}
.fortschritt i.p60{width:60%}
.fortschritt i.p65{width:65%}
.fortschritt i.p70{width:70%}
.fortschritt i.p75{width:75%}
.fortschritt i.p80{width:80%}
.fortschritt i.p85{width:85%}
.fortschritt i.p90{width:90%}
.fortschritt i.p95{width:95%}
.fortschritt i.p100{width:100%}

.code-anzeige{font-family:ui-monospace,Consolas,monospace;font-size:22px;letter-spacing:.06em;background:var(--sand);border-radius:12px;padding:14px 18px;margin:0 0 12px;word-break:break-all}
@media print{
  body.code-druck .seite > *:not(.karte){display:none!important}
  body.code-druck .karte{display:none!important}
  body.code-druck .karte:has(.code-anzeige){display:block!important;box-shadow:none}
  body.code-druck .karte:has(.code-anzeige) .knopfreihe{display:none}
}

/* FEED Atelier */
.feed-logo{font-size:44px;line-height:1}
.feed-logo .feed-a{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:.08em}
.feed-logo .feed-b{font-family:'Parisienne',cursive;color:var(--bronze-ink);font-size:.95em;font-weight:400}
.feed-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.feed-raster .karte h2{font-size:22px;margin-bottom:6px}
.punkte{margin:8px 0 0;padding-left:20px;display:grid;gap:6px}
/* Locations mit Spotkit */
.spotkit-zeile{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lo-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;margin-top:16px}
.lo-karte{display:flex;flex-direction:column;background:var(--flaeche);border-radius:var(--radius);box-shadow:var(--schatten-1);overflow:hidden;color:var(--ink);text-decoration:none;transition:box-shadow .2s var(--weich)}
.lo-karte:hover{box-shadow:var(--schatten-2)}
.lo-bild{position:relative;aspect-ratio:4/3;background:var(--salbei-hell);display:grid;place-items:center;color:var(--salbei)}
.lo-bild img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lo-entwurf{position:absolute;top:10px;left:10px;background:var(--rahmen);color:var(--rahmen-ink);font-size:12px;border-radius:99px;padding:3px 10px}
.lo-text{padding:12px 14px 14px;display:grid;gap:6px}
.lo-text b{font-family:var(--kopf);font-size:21px;font-weight:var(--kopf-gewicht)}
.chips{display:flex;flex-wrap:wrap;gap:4px}
.chip{background:var(--salbei-hell);color:var(--salbei-ink);font-size:12px;border-radius:99px;padding:2px 9px}
.monate-mini{display:grid;grid-template-columns:repeat(12,1fr);gap:2px}
.monate-mini i{height:4px;border-radius:2px;background:var(--linie)}
.monate-mini i.an{background:var(--salbei)}
.chip-wahl{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 14px}
.chip-knopf input{position:absolute;opacity:0;pointer-events:none}
.chip-knopf span{display:inline-block;border:1.5px solid var(--linie);border-radius:99px;padding:5px 12px;font-size:13.5px;cursor:pointer;background:var(--flaeche)}
.chip-knopf input:checked+span{background:var(--salbei);border-color:var(--salbei);color:#fff}
.chip-knopf input:focus-visible+span{outline:2px solid var(--bronze);outline-offset:2px}
.chip-neu{width:120px;border-radius:99px;padding:5px 12px;font-size:13.5px}
.farb-reihe{display:flex;gap:10px;margin:8px 0 12px}
.farb-reihe input[type=color]{width:56px;height:56px;border-radius:12px;border:0;padding:0;cursor:pointer;background:none}
.lo-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.lo-foto{margin:0;position:relative;background:var(--sand);border-radius:var(--radius-k);overflow:hidden}
.lo-foto img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.lo-foto.haupt{box-shadow:0 0 0 2px var(--salbei)}
.lo-foto figcaption{padding:8px;display:grid;gap:6px}
.lo-foto figcaption input[type=text]{font-size:13px;padding:5px 8px}
.lo-foto-knoepfe{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.mini-chip input{position:absolute;opacity:0;pointer-events:none}
.mini-chip span{display:inline-block;font-size:11.5px;border:1px solid var(--linie);border-radius:99px;padding:1px 7px;cursor:pointer;background:var(--flaeche)}
.mini-chip input:checked+span{background:var(--salbei-ink);color:#fff;border-color:var(--salbei-ink)}
.mini-knopf{border:0;background:none;cursor:pointer;font-size:16px;color:var(--ink-2);padding:0 4px;margin-left:auto}
.mini-knopf+.mini-knopf{margin-left:0}
.ki-marke-klein,.haupt-marke{position:absolute;top:8px;font-size:11px;border-radius:99px;padding:2px 8px;background:rgba(34,50,42,.85);color:#fff}
.ki-marke-klein{right:8px}.haupt-marke{left:8px}

@font-face{font-family:'Cormorant Garamond';src:url(/atelier/fonts/CormorantGaramond-Variable.ttf) format('truetype');font-weight:300 700;font-display:swap}

/* Landingpage: Location-Baustein */
.lp-location .lp-bild{width:calc(100% + 0px);aspect-ratio:4/3;object-fit:cover;border-radius:10px;display:block;margin-bottom:10px}
.lp-fakten{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:8px 0;font-size:12.5px}
.lp-fakten dt{opacity:.65}.lp-fakten dd{margin:0}
.lp-liste{margin:6px 0;padding-left:18px;font-size:12.5px}
.lp-klein{font-size:11.5px;opacity:.7;margin:10px 0 4px}
.lp-wahl{display:grid;gap:8px;margin-top:8px}
.lp-wahl-karte{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:6px;font-size:12.5px}
.lp-wahl-karte img,.lp-wahl-leer{width:64px;height:64px;object-fit:cover;border-radius:8px;display:block;background:rgba(0,0,0,.06)}
.lp-wahl-karte span{display:block;opacity:.75;font-size:11.5px;line-height:1.35}
.lp-herz{font-size:22px;padding:0 6px;opacity:.8}

/* Werbung (Meta) */
.werbe-hinweis{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.werbe-hinweis .haupt-text{flex:1;min-width:220px}
.hinweis-karte{border-left:4px solid var(--bronze)}
.status-punkt{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ink-3);margin:0 4px 1px 0;vertical-align:middle}
.status-punkt.an{background:#3E8E5A}
h2.abschnitt{font-size:26px;margin:28px 0 12px}
details.karte summary{cursor:pointer}
#fenster form.breit{max-width:960px}
.wb-gestalten{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}
@media (max-width:760px){.wb-gestalten{grid-template-columns:1fr}}
.wb-vorschlag{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--linie);border-radius:12px;padding:10px 12px;margin-top:8px;cursor:pointer;font-size:14px}
.wb-vorschlag b{display:block}
.wb-vorschlag>span{flex:1;display:grid;gap:6px}.wb-vorschlag input[type=text],.wb-vorschlag textarea{width:100%;font:inherit;border:1px solid var(--linie);border-radius:8px;padding:6px 8px;background:#fff}.wb-v-titel{font-weight:600}
.wb-vorschlag:has(input:checked){border-color:var(--salbei);background:var(--salbei-hell)}
.ig-post{background:#fff;border:1px solid #dbdbdb;border-radius:8px;overflow:hidden;font:13px/1.4 -apple-system,'Segoe UI',system-ui,sans-serif;color:#000}
.ig-kopf{display:flex;gap:8px;align-items:center;padding:8px 10px}
.ig-kopf small{color:#737373}
.ig-avatar{width:30px;height:30px;border-radius:50%;background:var(--salbei-hell)}
.ig-bild{aspect-ratio:4/5;background:#efefef;display:grid;place-items:center;color:#999}
.ig-bild img{width:100%;height:100%;object-fit:cover;display:block}
.ig-cta{display:flex;justify-content:space-between;padding:9px 12px;border-bottom:1px solid #efefef;font-weight:600}
.ig-text{margin:0;padding:8px 12px 12px}
/* Assistent unten rechts */
.as-knopf{position:fixed;right:20px;bottom:20px;z-index:40;display:flex;align-items:center;gap:8px;border:0;border-radius:99px;padding:12px 18px 12px 14px;cursor:pointer;
  background:var(--rahmen);color:var(--rahmen-ink);font:inherit;font-size:14px;box-shadow:var(--schatten-3)}
.as-knopf .ico{width:20px;height:20px;color:#E9D6B0}
.as-knopf.offen{visibility:hidden}
.as-fenster{position:fixed;right:20px;bottom:20px;z-index:41;width:min(380px,calc(100vw - 32px));height:min(560px,calc(100vh - 40px));display:flex;flex-direction:column;
  background:var(--flaeche);border-radius:20px;box-shadow:var(--schatten-3);overflow:hidden}
.as-fenster[hidden]{display:none}
.as-kopf{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 12px 18px;background:var(--rahmen);color:var(--rahmen-ink)}
.as-kopf b{display:flex;align-items:center;gap:8px;font-weight:500}
.as-kopf .textknopf{color:var(--rahmen-ink)}
.as-zu{border:0;background:none;color:var(--rahmen-ink);font-size:24px;line-height:1;cursor:pointer;padding:0 4px;margin-left:6px}
.as-einst{padding:12px 16px;border-bottom:1px solid var(--linie);font-size:13.5px}
.as-einst[hidden]{display:none}
.as-verlauf{flex:1;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;font-size:14px}
.as-ich{align-self:flex-end;background:var(--salbei);color:#fff;border-radius:16px 16px 4px 16px;padding:8px 12px;max-width:85%}
.as-er{align-self:flex-start;background:var(--sand);border-radius:16px 16px 16px 4px;padding:10px 12px;max-width:92%}
.as-beispiele{margin:8px 0 0;padding:0;list-style:none;display:grid;gap:4px}
.as-beispiele .textknopf{font-size:13px;text-align:left}
.as-karte{background:var(--flaeche);border-radius:12px;padding:10px 12px;margin-top:8px}
.as-karte dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;margin:0 0 10px;font-size:13px}
.as-karte dt{color:var(--ink-2)}.as-karte dd{margin:0;font-weight:500}
.as-eingabe{display:flex;gap:6px;padding:10px;border-top:1px solid var(--linie)}
.as-eingabe input{flex:1;border:1.5px solid var(--linie);border-radius:99px;padding:9px 14px;font:inherit;font-size:14px;min-width:0}
.as-mikro,.as-senden{border:0;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;cursor:pointer;background:var(--sand);color:var(--ink)}
.as-senden{background:var(--salbei);color:#fff}
.as-mikro.an{background:var(--gefahr);color:#fff}
@media (max-width:760px){.as-knopf span{display:none}.as-knopf{padding:14px}}
@media print{.as-knopf,.as-fenster{display:none!important}}

.lo-filter select{width:auto;min-width:160px}
.lo-filter .suche-feld{flex:1;min-width:220px}

.feed-raster .karte{margin:0}
.hinweis-karte{margin-bottom:16px}
/* Assistent: immer ein runder Knopf (Mandy 23.10.) */
.as-knopf{width:60px;height:60px;padding:0;justify-content:center;border-radius:50%}
/* Rosé aus dem Herz im Logo statt Menügrün: am Handy lief der Knopf sonst im grünen Menü unter (Mandy 25.10.2026) */
.as-knopf{background:#C98E7C;color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.85),var(--schatten-3)}
.as-knopf .ico{color:#fff}
.as-knopf span{display:none}
.as-knopf .ico{width:26px;height:26px}
.as-knopf:hover{filter:brightness(1.15)}
.as-plan{margin:8px 0;padding-left:18px;display:grid;gap:4px}
.as-plan a{color:var(--salbei-ink);font-weight:500}
.as-klein{font-size:12.5px;color:var(--ink-2);margin:6px 0}
.as-er .knopfreihe{margin-top:8px}
.feed-logo.klein{font-size:28px}
.as-text{width:100%;border:1.5px solid var(--linie);border-radius:10px;padding:8px 10px;font:inherit;font-size:13.5px;margin:0 0 10px;resize:vertical}
/* Verträge per E-Mail */
.v-schritte ol{margin:6px 0 10px;padding-left:22px;display:grid;gap:12px}
.v-schritte li.erledigt::marker{color:var(--salbei)}
.v-schritte li .knopf{margin-left:6px;vertical-align:middle}
.mail-vorschau{white-space:pre-wrap;font:13.5px/1.55 var(--text);background:var(--sand);border-radius:12px;padding:14px 16px;max-height:340px;overflow:auto;margin:0 0 10px}
.vertrag-antwort{white-space:pre-line;background:var(--salbei-hell);border-radius:12px;padding:12px 14px;margin:6px 0 0}
.luecken{gap:6px;margin-top:6px}
.chip-knopf-k{border:1.5px solid var(--linie);background:var(--flaeche);border-radius:99px;padding:4px 11px;font:inherit;font-size:13px;cursor:pointer}
.chip-knopf-k:hover{border-color:var(--salbei);color:var(--salbei-ink)}
/* Vertrag: gesetzt im Kunden-Branding */
.vertrag-blatt{padding:60px 68px 56px}
.v-kopf{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding-bottom:26px;border-bottom:2px solid var(--k-farbe);margin-bottom:28px}
.v-logo{max-height:70px;max-width:240px;object-fit:contain}
.v-studio{font-family:var(--k-kopf);font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--k-farbe)}
.v-titel{font-family:var(--k-kopf);font-weight:400;font-size:30px;line-height:1.15;margin:0;color:#1f1f1f}
.v-rolle{display:block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--k-farbe);font-weight:600;margin-bottom:6px}
.v-parteien{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:22px;font-size:13.5px;line-height:1.55}
.v-parteien b{font-size:15px}
.v-fakten{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 20px;margin:0 0 28px;padding:16px 20px;border-radius:10px;background:color-mix(in srgb,var(--k-farbe) 7%,#fff)}
.v-fakten dt{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:#777;margin:0}
.v-fakten dd{margin:2px 0 0;font-weight:500}
.v-koerper{font-size:13.8px;line-height:1.65;color:#262626}
.v-koerper>p{margin:0 0 14px}
.v-abschnitt{margin:0 0 16px;break-inside:avoid}
.v-abschnitt h3{font-family:var(--k-kopf);font-weight:400;font-size:17px;margin:0 0 4px;color:#1f1f1f}
.v-abschnitt h3 span{color:var(--k-farbe);margin-right:4px}
.v-abschnitt p{margin:0}
.v-bestaetigung{margin-top:30px;padding-top:18px;border-top:1px solid #e3e3e3;font-size:13px;color:#444}
.v-bestaetigung p{margin:0}
@media (max-width:820px){.vertrag-blatt{padding:28px 20px}.v-parteien{grid-template-columns:1fr;gap:16px}.v-fakten{grid-template-columns:1fr 1fr}}
@media print{.v-fakten{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.vertrag-blatt{margin-top:20px}
/* Pflichtangaben, Zahlungsziele, Kontenkatalog */
.feld.pflicht>span::after,.pflicht-stern{content:" *";color:#B4473A;font-weight:600}
.pflicht-stern{margin-right:2px}
.bed-zeile{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr auto auto;gap:10px;align-items:end;padding:12px 0;border-bottom:1px solid var(--linie-2)}
.bed-zeile .feld{margin:0}.bed-zeile .feld[hidden]{display:none}
.bed-standard{margin:0 0 10px}
@media (max-width:900px){.bed-zeile{grid-template-columns:1fr 1fr}}
.rb-raten{width:100%;border-collapse:collapse;margin:6px 0 14px;font-size:13.5px}
.rb-raten td{padding:5px 0;border-bottom:1px solid #eee}.rb-raten tr.summe td{font-weight:600;border-bottom:0}
.katalog li[hidden],[data-konto-zeile][hidden]{display:none}
.katalog{max-height:46vh;overflow:auto;margin-top:10px}
.gebucht{color:var(--salbei);font-weight:600}
/* FibuFlow */
.fibo-logo .feed-b{margin-left:2px}
.fibo-zeile{margin:0 0 2px;font-size:17px;line-height:1}
.fibo-zeile .feed-a{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;letter-spacing:.08em}
.fibo-zeile .feed-b{font-family:'Parisienne',cursive;color:var(--bronze-ink);margin-left:2px}
/* Diagramme (gepruefte Farben: Einnahmen gruen, Ausgaben bronze) */
.diagramm{width:100%;height:auto;display:block}
.d-ein{fill:#2E7D50}.d-aus{fill:#C47F2A}
i.d-ein{background:#2E7D50}i.d-aus{background:#C47F2A}
.d-raster{stroke:var(--linie);stroke-width:1}
.d-achse{font-size:11px;fill:var(--ink-3)}
.d-wert{font-size:11.5px;fill:var(--ink);font-weight:600}
.d-hit{fill:transparent}
.d-mark:hover .d-ein,.d-mark:hover .d-aus{opacity:.8}
.rangliste{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.rangliste li{display:grid;grid-template-columns:minmax(120px,1.1fr) 1.4fr auto;gap:12px;align-items:center;font-size:14px}
.rl-name small{display:block;color:var(--ink-3);font-size:12px}
.rl-balken{height:10px;background:var(--linie-2);border-radius:99px;overflow:hidden}
.rl-balken i{display:block;height:100%;border-radius:99px}
.rl-wert{font-weight:600;text-align:right;white-space:nowrap}
.tabelle-scroll{overflow-x:auto}
/* Jahr und Anpassen auf einer Linie, gleich hoch */
.leiste-gleich{align-items:flex-end}
/* Filter: kleine Beschriftung ueber dem Feld, alle Felder buendig (Mandy 25.10.2026) */
.leiste-gleich .jahr-wahl{display:grid;gap:4px;margin:0;color:var(--ink-2);font-size:12px;font-weight:500}
.leiste-gleich .jahr-wahl select{width:auto;height:42px;padding:0 34px 0 14px}
.leiste-gleich .knopf{height:42px;padding-top:0;padding-bottom:0}
/* Menue: Buchhaltung aufklappen */
.menue .unter{display:none;list-style:none;margin:2px 0 6px 18px;padding:0 0 0 10px;border-left:1px solid rgba(255,255,255,.14)}
.menue li.mit-unter.offen .unter{display:block}
.menue .unter a{display:block;padding:5px 10px;font-size:13.5px;opacity:.78;border-radius:8px;color:inherit;text-decoration:none}
.menue .unter a:hover{opacity:1;background:rgba(255,255,255,.06)}
.menue .unter a.aktiv{opacity:1;font-weight:600;background:rgba(255,255,255,.1)}
.rl-balken i.w5{width:5%}
.rl-balken i.w10{width:10%}
.rl-balken i.w15{width:15%}
.rl-balken i.w20{width:20%}
.rl-balken i.w25{width:25%}
.rl-balken i.w30{width:30%}
.rl-balken i.w35{width:35%}
.rl-balken i.w40{width:40%}
.rl-balken i.w45{width:45%}
.rl-balken i.w50{width:50%}
.rl-balken i.w55{width:55%}
.rl-balken i.w60{width:60%}
.rl-balken i.w65{width:65%}
.rl-balken i.w70{width:70%}
.rl-balken i.w75{width:75%}
.rl-balken i.w80{width:80%}
.rl-balken i.w85{width:85%}
.rl-balken i.w90{width:90%}
.rl-balken i.w95{width:95%}
.rl-balken i.w100{width:100%}
.dash-bereiche{display:grid;gap:14px}
.dash-bereich{border:0;margin:0;padding:0}
.dash-bereich legend{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--salbei-ink);font-weight:600;margin-bottom:4px}
.karte-kopf select[data-ust-zeitraum]{width:auto;height:38px;padding:0 32px 0 12px}
.karte-kopf .knopfreihe .haken{margin:0}
.tabelle td:first-child{white-space:nowrap}
/* Naechste Schritte, Kunden-Umsatz, Kunden-Chips */
.schritte .zeile{gap:12px}
.schritt-punkt{width:10px;height:10px;border-radius:50%;background:var(--salbei);flex:none}
.schritt-punkt.eilig{background:#C47F2A}.schritt-punkt.ruhig{background:var(--linie)}
.kunde-zahlen{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:10px}
.kunde-zahlen b{display:block;font-family:var(--kopf);font-weight:var(--kopf-gewicht);font-size:20px}
.kunde-zahlen span{font-size:12px;color:var(--ink-3)}
.zs-punkt{fill:var(--ink)}
.chip.auto{background:var(--salbei);color:#fff}
.chip.herkunft{background:var(--bronze-hell);color:var(--bronze-ink)}
.chip.warn-chip{background:var(--gefahr-hell);color:var(--gefahr)}
.null-sterne{margin:6px 0 0;font-size:14px}
@media (max-width:700px){.kunde-zahlen{grid-template-columns:1fr 1fr}}
.stern-null{border:1.5px solid var(--linie);background:var(--flaeche);color:var(--ink-3);border-radius:99px;font:inherit;font-size:11px;font-weight:600;width:22px;height:22px;line-height:1;cursor:pointer;margin-right:4px;vertical-align:middle}
.stern-null.an{background:var(--gefahr);border-color:var(--gefahr);color:#fff}
.spotkit-zeichen{width:20px;height:22px;color:var(--salbei-ink);vertical-align:-4px}
/* Drill-down, Belege, KU-Check */
a.drill{color:inherit;text-decoration:none;border-bottom:1px dotted color-mix(in srgb,currentColor 45%,transparent)}
a.drill:hover{color:var(--salbei-ink);border-bottom-color:currentColor}
.filter-hinweis .textknopf{margin-left:6px}
.buchungsliste td{vertical-align:top}
.beleg-zelle{display:flex;gap:8px;align-items:flex-start;white-space:nowrap}
.beleg-sorte{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;flex:none}
.beleg-sorte .ico{width:14px;height:14px}
.beleg-sorte.s-rechnung{background:var(--salbei-hell);color:var(--salbei-ink)}
.beleg-sorte.s-bar{background:var(--bronze-hell);color:var(--bronze-ink)}
.beleg-sorte.s-dauer{background:#E6E1F0;color:#4D3F73}
.beleg-anhang{border:0;background:none;cursor:pointer;padding:0 2px;font-size:15px;color:var(--salbei-ink)}
.beleg-anhang .ico{width:16px;height:16px}
.beleg-fehlt{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--gefahr-hell);color:var(--gefahr);font-weight:700;font-size:12px}
.belegsorten-legende{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.beleg-feld{border:1px solid var(--linie);border-radius:12px;padding:10px 14px;margin:10px 0 0}
.beleg-feld legend{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);padding:0 4px}
.ku-zeilen{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:12px}
.ku-zeilen span{display:block;font-size:13px;color:var(--ink-2)}
.ku-zeilen b{display:block;font-family:var(--kopf);font-weight:var(--kopf-gewicht);font-size:24px;margin:2px 0 6px}
.ku-balken.drueber i{background:var(--gefahr)}
.ku-vorjahr{margin-top:8px}
@media (max-width:760px){.ku-zeilen{grid-template-columns:1fr}}
.beleg-sorte.s-eigen{background:#E9E4DA;color:var(--ink-2)}
.kunde-rechnungen td{padding:9px 8px}
/* FibuFlow rechts oben, gross */
.kopf-rechts{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.fibu-marke{font-size:34px;line-height:1}
@media (max-width:760px){.kopf-rechts{align-items:flex-start}.fibu-marke{font-size:28px}}
.seitenkopf>div:first-child{flex:1 1 360px;min-width:0}
.werkzeuge>select{width:auto;min-width:150px}
/* FEED Atelier im Fenster */
.atelier-seite{max-width:none;padding-bottom:0}
.atelier-kopf{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.atelier-kopf .feed-logo{font-size:30px}
.atelier-rahmen{display:block;width:100%;height:calc(100vh - 160px);min-height:560px;border:0;background:transparent}
.atelier-titel .feed-logo{font-size:inherit}
@media (max-width:820px){.atelier-rahmen{height:calc(100vh - 150px);border-radius:18px;background:#fff;box-shadow:var(--schatten-1)}}
/* Zahlen anklickbar, ohne Unterstrich (Mandy: keine gestrichelte Linie) */
a.drill{border-bottom:0;text-decoration:none;color:inherit;cursor:pointer;border-radius:4px;transition:background .15s}
a.drill:hover{background:var(--salbei-hell);color:var(--salbei-ink)}
.klickbar-svg{cursor:pointer}
.menue li.mit-unter.offen.eingeklappt .unter{display:none}
a.set-kachel.kachel-link{text-decoration:none;color:inherit;display:block}
a.set-kachel.kachel-link:hover{box-shadow:var(--schatten-2)}
.karten-feld{height:min(68vh,620px);border-radius:18px;overflow:hidden;box-shadow:var(--schatten-1)}
.karten-feld.klein{height:260px;margin:6px 0 4px}
.kartennadel{cursor:pointer}
.kartennadel path{fill:#34493C;stroke:#fff;stroke-width:1.5}
.kartennadel circle{fill:#fff}
.kartennadel.ist-entwurf path{fill:#fff;stroke:#34493C;stroke-width:2.5}
.kartennadel.ist-entwurf circle{fill:#34493C}
.karten-fenster{display:grid;gap:4px;min-width:170px;font:13px/1.4 var(--text)}
.karten-fenster img{width:100%;height:90px;object-fit:cover;border-radius:8px}
.karten-fenster .knopf{justify-self:start;margin-top:4px}
.spotkit-titel{display:flex;align-items:center;gap:10px}
.spotkit-titel .spotkit-zeichen{width:34px;height:38px;vertical-align:0}
.spotkit-marke{display:flex;align-items:center;gap:6px;font-family:var(--kopf);font-size:28px;color:var(--ink)}
.spotkit-marke .spotkit-zeichen{width:24px;height:27px}
/* Belegsymbole (klar, vier Sorten) und A4-Blatt */
button.beleg-sorte{border:0;cursor:pointer;padding:0}
.beleg-sorte{width:30px;height:30px;border-radius:8px}
.beleg-sorte svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
button.beleg-sorte:hover{filter:brightness(.95);box-shadow:0 0 0 2px currentColor}
.beleg-sorte.fehlt{background:#fff;box-shadow:inset 0 0 0 1.5px var(--gefahr);color:var(--gefahr)}
.a4-blatt{width:min(100%,560px);aspect-ratio:210/297;margin:0 auto;background:#fff;box-shadow:var(--schatten-2);border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.a4-blatt img,.a4-blatt object{width:100%;height:100%;object-fit:contain;display:block}
.a4-blatt.eigenbeleg{display:block;padding:9% 10%;font-size:14px;color:#222}
.a4-blatt.eigenbeleg h3{font-size:24px;margin:0 0 4px}
.a4-blatt.eigenbeleg dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:28px 0}
.a4-blatt.eigenbeleg dt{color:#777}.a4-blatt.eigenbeleg dd{margin:0}
.a4-blatt .unterschrift{margin-top:80px;border-top:1px solid #999;width:60%;padding-top:4px;font-size:12px;color:#777}

/* ---------------------------------------------------------------- Rechnungsvorlagen (24.10.2026)
   Zehn Anordnungen des A4-Blatts. Farben und Schriften kommen aus dem Branding (--k-*). */
.rechnung-blatt{color:var(--k-text);position:relative;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rechnung-blatt .rb-absender{color:inherit;opacity:.85}
.rv-zwei{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start}
.rv-drei{display:grid;grid-template-columns:1fr 1fr auto;gap:24px;align-items:start;margin:30px 0 28px}
.rv-zwei .rb-meta,.rv-drei .rb-meta{margin:0;flex-direction:column;gap:6px;align-items:flex-end;text-align:right}
.rv-klein{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--k-farbe);margin:0 0 6px;font-weight:600}
/* 2 Linie */
.rv-linie{border-left:10px solid var(--k-farbe)}
.rv-linie .rb-kopf{align-items:flex-start}.rv-linie .rb-absender{text-align:right}
.rv-linie .rb-titel{margin:34px 0 18px;font-size:30px}
.rv-linie .rb-zeile{margin-top:0}
.rv-linie .rb-tabelle th{color:var(--k-farbe);border-bottom-color:var(--k-farbe)}
/* 3 Kopfband */
.rv-kopfband{padding:0!important}
.rv-band{background:var(--k-farbe);color:#fff;padding:40px 64px 34px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.rv-band .rb-titel{color:#fff!important;font-size:38px;margin:0}
.rv-band p{margin:6px 0 0;font-size:12.5px;opacity:.9}
.rv-logo-platte{background:#fff;border-radius:10px;padding:10px 14px}
.rv-logo-platte img{max-height:56px;max-width:160px;display:block}
.rv-innen{padding:30px 64px 48px}
.rv-kopfband .rv-zwei{margin-bottom:26px}.rv-kopfband .rb-absender{text-align:right;font-size:12.5px}
.rv-kopfband .rb-tabelle th{color:var(--k-farbe)}
/* 4 Zentriert */
.rv-mitte{text-align:center;padding-bottom:14px;border-bottom:1px solid color-mix(in srgb,var(--k-farbe) 40%,#fff)}
.rv-mitte .rb-logo img{max-height:80px;max-width:220px;margin:0 auto 10px;display:block}
.rv-absenderzeile{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin:0}
.rv-zentriert .rb-fuss{text-align:center}
/* 5 Minimal */
/* 6 Seitenleiste */
/* 7 Grosser Titel */
/* 8 Rahmen */
/* 9 Bloecke */
.rv-bloecke .rb-titel{font-size:30px;margin:30px 0 16px}
.rv-flaeche{background:var(--k-grund);border-radius:10px;padding:16px 18px;height:100%}
.rv-bloecke .rv-zwei{grid-template-columns:1.3fr 1fr;margin-bottom:24px}
.rv-bloecke .rv-flaeche .rb-meta{align-items:stretch;text-align:left;margin:0;flex-direction:column}
.rv-bloecke .rb-tabelle thead th{background:var(--k-farbe);color:#fff;border:0;padding:9px 10px}
.rv-bloecke .rb-tabelle td{border:0;padding:9px 10px}
.rv-bloecke .rb-tabelle tbody tr:nth-child(even) td{background:var(--k-grund)}
.rv-bloecke .rb-summen{background:var(--k-farbe);color:#fff;border-radius:10px;padding:12px 16px;width:310px}
.rv-bloecke .rb-summen .rb-ges{border-top-color:#fff}
/* 10 Fussband */
.rv-fussband{padding:0!important;display:flex;flex-direction:column;min-height:1123px}
.rv-fussband .rv-innen{padding:56px 64px 30px;flex:1}
.rv-fussband .rb-absender{text-align:right}
.rv-fussband .rv-zwei{margin-bottom:24px}
.rv-fussband .rb-titel{margin:26px 0 14px}
.rv-unten{grid-template-columns:auto 1fr;align-items:center;margin:8px 0 18px}
.rv-kachel{background:var(--k-farbe);color:#fff;border-radius:14px;padding:18px 26px;min-width:220px}
.rv-kachel span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.rv-kachel b{font-family:var(--k-kopf);font-size:32px;font-weight:400}
.rv-fussband .rb-fuss{background:var(--k-grund);margin:0;padding:22px 64px;border:0}
/* Auswahlseite */
.rv-branding-raster{display:grid;grid-template-columns:1.6fr repeat(3,90px) 1fr 1fr;gap:14px;align-items:end}
.rv-branding-raster input[type=color]{width:100%;height:42px;border:0;padding:0;background:none;cursor:pointer}
.rv-galerie{display:grid;grid-template-columns:repeat(3,260px);justify-content:center;gap:22px;margin-top:22px}
@media (max-width:1100px){.rv-galerie{grid-template-columns:repeat(auto-fill,260px)}}
.rv-karte{margin:0;background:var(--flaeche);border-radius:var(--radius-k);box-shadow:var(--schatten-1);padding:14px;display:flex;flex-direction:column;gap:12px;transition:box-shadow .25s}
.rv-karte.an{box-shadow:0 0 0 2px var(--akzent),var(--schatten-2)}
.rv-mini{all:unset;cursor:zoom-in;display:block;width:232px;height:328px;overflow:hidden;border-radius:6px;background:#fff;box-shadow:inset 0 0 0 1px var(--linie);position:relative}
.rv-mini-innen{position:absolute;left:0;top:0;width:794px;transform-origin:0 0;transform:scale(.2922);pointer-events:none}
.rv-mini .rechnung-blatt,.rv-gross .rechnung-blatt{width:794px;max-width:none;min-height:1123px;box-shadow:none;border-radius:0}
.rv-karte figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px}
.rv-karte figcaption small{display:block;color:var(--ink-3);font-size:12.5px;line-height:1.3}
.rv-haken{flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--linie);background:var(--flaeche);color:transparent;cursor:pointer;display:grid;place-items:center;padding:0;transition:background .2s,border-color .2s,color .2s}
.rv-haken svg{width:16px;height:16px}
.rv-haken:hover{border-color:var(--akzent)}
.rv-haken[aria-checked="true"]{background:var(--akzent);border-color:var(--akzent);color:#fff;cursor:default}
dialog.fenster-a4{width:min(880px,calc(100vw - 32px))}
.rv-gross{padding:10px 28px;overflow:auto}
.rv-gross .rechnung-blatt{box-shadow:var(--schatten-1)}
@media (max-width:820px){
  .rv-branding-raster{grid-template-columns:1fr 1fr 1fr}
  .rv-branding-raster > div{grid-column:1/-1}
  .rv-drei{grid-template-columns:1fr}
  .rv-band,.rv-innen,.rv-fussband .rv-innen,.rv-fussband .rb-fuss{padding-left:20px;padding-right:20px}
}
@page rechnung{size:A4;margin:0}
@media print{
  .rechnung-blatt{page:rechnung;width:210mm;min-height:296mm;aspect-ratio:auto;padding:16mm 18mm!important;border-radius:0}
  .rv-kopfband,.rv-fussband{padding:0!important}
  .rv-linie{padding-left:16mm!important}
}
.rv-linie .rb-kopf > .rb-absender:only-child,.rv-fussband .rb-kopf > .rb-absender:only-child{margin-left:auto;text-align:right}

/* ---------------------------------------------------------------- Online-Galerien (24.10.2026) */
.gl-cover{width:46px;height:46px;border-radius:10px;overflow:hidden;background:var(--sand);display:grid;place-items:center;color:var(--ink-3);flex:none}
.gl-cover.gross{width:76px;height:76px;border-radius:14px}
.gl-cover img{width:100%;height:100%;object-fit:cover;display:block}
.gl-tabelle td{vertical-align:middle}
.gl-tags i{display:inline-block;font-style:normal;font-size:11.5px;background:var(--bronze-hell);color:var(--bronze-ink);border-radius:20px;padding:1px 9px;margin:4px 4px 0 0}
.gl-karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.gl-karte{display:flex;gap:14px;align-items:center;padding:10px;border-radius:var(--radius-k);text-decoration:none;color:inherit;transition:background .2s}
.gl-karte:hover{background:var(--sand)}
.gl-karte small{display:block;color:var(--ink-3);font-size:12.5px;margin-bottom:4px}
.gl-kopf{align-items:center}
.gl-kopf-links{display:flex;gap:18px;align-items:center}
.gl-kopf-links p{margin:4px 0 0}
.gl-kopf .marke-status{margin-left:6px}
.gl-punkt{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--akzent);vertical-align:middle}
.feld-inline{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-2)}
.feld-inline select{width:auto}
.gl-set{margin-bottom:18px;transition:box-shadow .2s}
.gl-set.drueber{box-shadow:0 0 0 2px var(--akzent),var(--schatten-2)}
.gl-setname{font-family:var(--kopf);font-size:22px;border:0;background:transparent;padding:4px 6px;border-radius:8px;min-width:0;flex:1;max-width:360px}
.gl-setname:hover,.gl-setname:focus{background:var(--sand);outline:0}
.gl-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}
.gl-fotos.klein{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}
.gl-foto{position:relative;margin:0}
.gl-foto img,.gl-ohne{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px;display:block;background:var(--sand)}
.gl-ohne{display:grid;place-items:center;color:var(--ink-3)}
.gl-foto.titel img{box-shadow:0 0 0 3px var(--akzent)}
.gl-foto figcaption{font-size:11.5px;color:var(--ink-3);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gl-foto-knoepfe{position:absolute;top:6px;right:6px;display:flex;gap:4px;opacity:0;transition:opacity .2s}
.gl-foto:hover .gl-foto-knoepfe,.gl-foto:focus-within .gl-foto-knoepfe{opacity:1}
.gl-foto-knoepfe button{width:28px;height:28px;border-radius:50%;border:0;background:rgba(255,255,255,.92);cursor:pointer;font-size:14px;line-height:1;box-shadow:var(--schatten-1)}
.gl-foto.titel [data-gl-titelbild]{background:var(--akzent);color:#fff}
@media (hover:none){.gl-foto-knoepfe{opacity:1}}
.gl-ablage{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:34px 20px;border:2px dashed var(--linie);border-radius:var(--radius-k);cursor:pointer;color:var(--ink-2)}
.gl-ablage:hover{border-color:var(--akzent);background:var(--bronze-hell)}
.gl-ablage small{color:var(--ink-3);max-width:460px}
.gl-gestaltung{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}
.gl-wahl{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gl-vorschau-rahmen{position:sticky;top:20px}
.gl-vorschau{background:var(--k-grund);border-radius:22px;overflow:hidden;box-shadow:var(--schatten-2);font-family:var(--k-schrift);color:var(--k-text);padding-bottom:12px;max-height:620px;overflow-y:auto}
.gv-held{position:relative;padding:44px 16px 30px;text-align:center;color:#fff;background:var(--k-farbe)}
.gv-held img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62)}
.gv-held b,.gv-held small{position:relative;display:block}
.gv-held b{font-family:var(--k-kopf);font-size:24px;font-weight:400}
.gv-held small{opacity:.9;font-size:12px}
.gv-raster{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px}
.ga-klein .gv-raster{gap:3px}.ga-gross .gv-raster{gap:16px}
.gv-bild{display:block;aspect-ratio:1;overflow:hidden;border-radius:6px;background:color-mix(in srgb,var(--k-farbe) 18%,#fff)}
.gv-bild img{width:100%;height:100%;object-fit:cover;display:block}
.gv-fliessend .gv-raster{display:block;columns:3;column-gap:8px}
.ga-klein.gv-fliessend .gv-raster{column-gap:3px}.ga-gross.gv-fliessend .gv-raster{column-gap:16px}
.gv-fliessend .gv-bild{aspect-ratio:3/2;margin-bottom:8px;break-inside:avoid}
.gv-fliessend .gv-bild.hoch{aspect-ratio:2/3}
.ga-klein.gv-fliessend .gv-bild{margin-bottom:3px}.ga-gross.gv-fliessend .gv-bild{margin-bottom:16px}
.gv-gross .gv-raster{grid-template-columns:1fr}
.gv-gross .gv-bild{aspect-ratio:3/2}.gv-gross .gv-bild.hoch{aspect-ratio:2/3}
.gl-verlauf .ico-blase.warn{background:var(--gefahr-hell);color:var(--gefahr)}
.gl-spaeter{opacity:.75}
.gl-mail{border:1px solid var(--linie);border-radius:var(--radius-k);padding:14px 16px 6px;margin:0 0 14px}
@media (max-width:900px){.gl-gestaltung{grid-template-columns:1fr}.gl-wahl{grid-template-columns:1fr}.gl-vorschau-rahmen{position:static}.gl-kopf-links .gl-cover{display:none}}

/* Rechnungsvorlagen, Runde 2 (Mandy 24.10.2026): echtes A4, Fusszeile immer ganz unten, Logo-Platzhalter */
.rechnung-blatt{display:flex;flex-direction:column;aspect-ratio:210/297}
.rechnung-blatt .rb-luft{flex:1 1 auto;min-height:40px}
.rechnung-blatt .rb-fuss{margin-top:0}
.rv-kopfband .rv-innen{flex:1;display:flex;flex-direction:column}
.rv-fussband .rv-innen{display:flex;flex-direction:column}
.rv-fussband .rv-innen .rb-luft{display:none}
.rb-logo-platz{display:grid;place-items:center;width:150px;height:62px;border:1.5px dashed color-mix(in srgb,var(--k-farbe) 55%,#fff);border-radius:6px;
  color:color-mix(in srgb,var(--k-farbe) 75%,#fff);font-size:11px;letter-spacing:.14em;text-transform:uppercase;background:color-mix(in srgb,var(--k-farbe) 5%,#fff)}
.rv-mitte .rb-logo-platz{margin:0 auto 10px}
.rv-logo-platte .rb-logo-platz{border-color:#bbb;color:#888;background:#fff}
.rv-kopfband .rv-logo-platte:has(.rb-logo-platz){padding:0;background:none}
/* "Mit Symbolen" nach Mandys Word-Rechnung */
.rv-symbole .rb-kopf{align-items:flex-end;border-bottom:2px solid var(--k-text);padding-bottom:6px}
.rv-symbole .rb-titel{font-size:64px;line-height:1;margin:0;color:var(--k-text)}
.rv-absenderzeile-farbig{font-size:10px;font-weight:700;color:var(--k-farbe);margin:52px 0 4px;line-height:1.35}
.rv-symbole .rv-zwei{margin-bottom:6px}
.rv-liste{display:grid;grid-template-columns:auto auto;gap:3px 12px;margin:0;font-size:13px}
.rv-liste dt{font-weight:700;text-align:right}.rv-liste dd{margin:0}
.rv-ueberschrift{font-size:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--k-farbe);margin:34px 0 18px}
.rv-symbole .rb-tabelle{counter-reset:pos}
.rv-symbole .rb-tabelle thead th{background:var(--k-farbe);color:#fff;border:0;padding:8px 10px;font-size:12px;letter-spacing:0;text-transform:none}
.rv-symbole .rb-tabelle td{padding:8px 10px}
.rv-symbole .rb-tabelle tbody tr{counter-increment:pos}
.rv-symbole .rb-tabelle tbody td:first-child::before{content:counter(pos) ". ";color:#888}
.rv-symbole .rb-summen{width:300px}
.rv-symbole .rb-summen .rb-ges{background:var(--k-farbe);color:#fff;border:0;padding:8px 10px;margin-top:6px}
.rv-symbolfuss{border-top:3px solid var(--k-text);text-align:center;position:relative;padding-top:26px!important;margin-top:24px}
.rv-symbolfuss .rv-symbol{position:absolute;top:-19px;width:36px;height:36px;margin-left:-18px;border-radius:50%;background:#fff;border:1.5px solid var(--k-text);display:grid;place-items:center;color:var(--k-text)}
.rv-symbolfuss > div{position:relative;display:flex;flex-direction:column;align-items:center}
.rv-symbolfuss > div .rv-symbol{left:50%;top:-45px}
.rv-symbolfuss .rv-symbol svg{width:17px;height:17px}

/* Schriftauswahl mit Vorschau (24.10.2026): jede Schrift in sich selbst geschrieben */
.sw-wahl{position:relative}
.sw-knopf{width:100%;height:44px;text-align:left;padding:0 34px 0 13px;border:0;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--linie);color:var(--ink);font-size:17px;cursor:pointer;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;position:relative}
.sw-knopf::after{content:"";position:absolute;right:14px;top:16px;width:7px;height:7px;border-right:1.5px solid var(--ink-3);border-bottom:1.5px solid var(--ink-3);transform:rotate(45deg)}
.sw-auswahl{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 4px);min-width:220px;max-height:320px;overflow:auto;background:var(--flaeche);border-radius:12px;box-shadow:var(--schatten-2);padding:6px}
.sw-zeile{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 12px;border-radius:8px;font-size:19px;color:var(--ink);cursor:pointer;line-height:1.25}
.sw-zeile:hover{background:var(--sand)}
.sw-zeile[aria-selected="true"]{background:var(--sand);box-shadow:inset 3px 0 0 var(--akzent)}
.sw-knopf:hover{box-shadow:inset 0 0 0 1px #D8C9B5}

/* Eigener Briefkopf (24.10.2026) */
.rv-briefkopf{padding:0!important;position:relative;overflow:hidden}
.rv-bk-bild{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:0;pointer-events:none}
.rv-bk-inhalt{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;padding-left:9.5%;padding-right:9.5%}
.rv-briefkopf .rb-zeile{margin-top:0}
.rv-briefkopf .rb-titel{margin:26px 0 14px}
.rv-bk-platz{position:absolute;left:0;right:0;display:grid;place-items:center;background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--k-farbe) 7%,#fff) 0 12px,#fff 12px 24px);
  border-bottom:1.5px dashed color-mix(in srgb,var(--k-farbe) 50%,#fff);color:color-mix(in srgb,var(--k-farbe) 80%,#fff);font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.rv-bk-platz.oben{top:0;height:21.4%}
.rv-bk-platz.unten{bottom:0;height:8.4%;border-bottom:0;border-top:1.5px dashed color-mix(in srgb,var(--k-farbe) 50%,#fff)}
.rv-bk-raster{max-width:760px}
.rv-vorgaben{margin:6px 0 14px;padding-left:18px;font-size:14px;line-height:1.55}
.rv-vorgaben li{margin-bottom:4px}
@media print{.rv-briefkopf{padding:0!important}}
.karte:has(.sw-auswahl:not([hidden])),section:has(.sw-auswahl:not([hidden])){position:relative;z-index:60}

/* Grosser Titel (schlicht) */
.rv-titel .rb-kopf{align-items:flex-end}
.rv-titel .rb-titel{font-size:68px;line-height:.9;margin:0;color:var(--k-farbe)}
.rv-titel .rb-tabelle thead th{border-bottom:2px solid var(--k-farbe)}

/* Monats- und Jahresabschluss (24.10.2026) */
.pruefung{border-top:1px solid var(--linie);padding:12px 2px}
.pruefung:first-of-type{border-top:0}
.pruefung summary{display:grid;grid-template-columns:30px 220px 1fr;gap:10px;align-items:start;cursor:pointer;list-style:none}
.pruefung summary::-webkit-details-marker{display:none}
.pruef-zeichen{width:26px;height:26px;border-radius:50%;display:grid;place-items:center}
.pruef-zeichen svg{width:15px;height:15px}
.pruefung.gut .pruef-zeichen{background:var(--salbei-hell,#E8EEEA);color:var(--salbei-ink,#4D5E53)}
.pruefung.info .pruef-zeichen{background:var(--sand);color:var(--ink-2)}
.pruefung.warn .pruef-zeichen{background:#F6E2D6;color:#9A4E2F}
.pruefung .liste,.pruefung p{margin:10px 0 0 40px}
.liste.kompakt li{padding:6px 0}
.frage{border-top:1px solid var(--linie);padding:14px 0;display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:center}
.frage:first-of-type{border-top:0}
.frage-wahl{display:flex;gap:6px;flex-wrap:wrap}
.frage-knopf{border-radius:20px;padding:6px 13px;font-size:13.5px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--linie);background:#fff;white-space:nowrap}
.frage-knopf input{position:absolute;opacity:0;pointer-events:none}
.frage-knopf.an{background:var(--akzent);color:#fff;box-shadow:none}
.frage.a-nein .frage-knopf.an{background:#B4735F}
.frage-notiz{grid-column:1/-1}
.fortschritt{height:6px;border-radius:3px;background:var(--sand);overflow:hidden;margin:0 0 10px}
.fortschritt span{display:block;height:100%;background:var(--akzent);width:0;transition:width .3s}
.kopier-zahl{border:0;background:none;cursor:pointer;font:inherit;color:inherit;padding:2px 4px;border-radius:6px;display:inline-flex;gap:6px;align-items:center}
.kopier-zahl svg{width:13px;height:13px;opacity:.45}
.kopier-zahl:hover{background:var(--sand)}
.tabelle.elster td:first-child{white-space:nowrap}
.tabelle.elster td:nth-child(2){width:100%}
.fehlt-karte.warn{box-shadow:inset 3px 0 0 #B4735F,var(--schatten-1)}
.karte.gedimmt{opacity:.6}
.reiter-zahl{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:10px;background:#B4735F;color:#fff;font-size:11px;padding:0 5px;margin-left:4px}
.fa-liste{margin:6px 0 14px}
@media (max-width:820px){.pruefung summary{grid-template-columns:30px 1fr}.pruefung summary .neben{grid-column:2}.frage{grid-template-columns:1fr}}

/* Kennzahlen vorne, Abgabe an ELSTER (24.10.2026) */
.tabelle.elster td.kz,.tabelle.elster th.kz{width:52px;font-variant-numeric:tabular-nums;font-weight:600;color:var(--akzent)}
.tabelle.elster td:nth-child(2){width:auto}
.abgabe{margin-top:22px;padding-top:16px;border-top:1px dashed var(--linie)}
.abgabe h3{display:flex;gap:8px;align-items:center;font-size:16px;margin:0 0 10px}
.abgabe h3 svg{width:16px;height:16px}

/* Umzug auf die eigene Adresse (24.10.2026) */
.umzug-leiste{position:sticky;top:0;z-index:80;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:10px 16px;background:var(--akzent);color:#fff;font-size:14.5px}
.umzug-leiste svg{width:16px;height:16px}
.umzug-leiste .knopf{background:#fff;color:var(--ink);box-shadow:none}

/* Hinweis auf neue Fassung (24.10.2026) */
.fassung-leiste{position:sticky;top:0;z-index:79;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:9px 16px;background:var(--sand);color:var(--ink);font-size:14px;box-shadow:0 1px 0 var(--linie)}
.fassung-leiste svg{width:15px;height:15px}
.menue-version{margin:8px 0 2px;text-align:left;padding-left:44px;font-size:10.5px;letter-spacing:.08em;color:var(--menue-ink-2,#A9B5AC);opacity:.6}
@media (max-width:820px){.menue-version{display:none}}

/* Buchungstabelle passt auch in schmalere Fenster (24.10.2026) */
.beleg-zelle{white-space:normal;min-width:118px;max-width:190px;overflow-wrap:normal;word-break:normal}
.zahlungserinnerung{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.ueberfaellig-tage{color:#9A4E2F;font-weight:600}

/* Reiter-Block: Abstand zwischen Eingangs- und Ausgangsrechnungen (24.10.2026) */
.reiter-luecke{width:1px;margin:6px 10px;background:var(--linie);align-self:stretch}

/* Export: Wahl Steuerberatung / fuer mich (24.10.2026) */
.ex-fuer-wahl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:4px 0 16px}
.ex-fuer{display:flex;flex-direction:column;gap:2px;text-align:left;padding:14px 16px;border:1px solid var(--linie);border-radius:12px;background:var(--flaeche,#fff);cursor:pointer;font:inherit;color:inherit}
.ex-fuer span{font-size:.88em;opacity:.75}
.ex-fuer.an{border-color:var(--bronze,#9A6B4F);box-shadow:inset 0 0 0 1px var(--bronze,#9A6B4F)}
.ex-fuer.an b::before{content:"✓ ";color:var(--bronze,#9A6B4F)}
.kurz-feld{width:140px;height:42px}

/* DATEV-Nummern im Export (24.10.2026) */
.kurz-feld{width:140px;height:42px}

/* Kunden: Veroeffentlichungserlaubnis sichtbar (24.10.2026) */
.chip-erlaubt{background:var(--salbei-hell,#E6EBE1);color:var(--ink,#2B2420)}

/* FibuFlow-Uebersicht: Abstand unter "Das fehlt noch" wie zwischen den anderen Reihen (24.10.2026) */
.fehlt-karte{margin-bottom:20px}

/* Anlageverzeichnis: eigene Spalten, rollt in schmalen Fenstern (24.10.2026) */
.tabelle-rahmen{overflow-x:auto}
.anlagen-tabelle td{white-space:nowrap;vertical-align:top}
.anlagen-tabelle th{vertical-align:bottom}
.anlagen-tabelle td:first-child{white-space:normal;min-width:180px}
.anlagen-tabelle td,.anlagen-tabelle th{padding-left:8px;padding-right:8px}
.anlagen-tabelle td:first-child{min-width:150px}

/* Belegspalte: Zelle bleibt Tabellenzelle, damit die Zeile beim Drueberfahren ganz markiert wird (24.10.2026) */
.tabelle td.beleg-zelle{display:table-cell}
.beleg-innen{display:flex;gap:8px;align-items:flex-start}

/* Fehlender Beleg: rot, auch die Flaeche (24.10.2026) */
.beleg-sorte.fehlt{background:#F6E3DE}
.beleg-luecke{color:var(--gefahr);font-size:.86em}
.code-anzeige.klein{display:inline-block;font-size:16px;padding:4px 10px;margin:4px 0}

/* Handy: breite Tabellen rollen in ihrem Kasten, die Seite selbst bleibt fest (24.10.2026) */
@media (max-width:700px){.karte table.tabelle{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}

/* Zahlungsstand am Shooting (24.10.2026) */
.zahl-stand{font-size:.9em;color:var(--ink-2)}
.zahl-stand.z-ueber{color:var(--gefahr);font-weight:600}
.zahl-stand.z-faellig{color:var(--salbei-ink)}

/* versteckte Hinweise wirklich verstecken (leerer roter Kasten im Fenster) */
[hidden]{display:none!important}

/* Galerie: Reihenfolge von Hand (24.10.2026) */
.gl-foto.ziehbar{cursor:grab}
.gl-foto.zieht{opacity:.4}
/* Tarif und Verkauf (25.10.2026) */
.fakten{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:0 0 14px}
.fakten dt{color:var(--ink-2)}.fakten dd{margin:0;font-weight:500}
.liste-schlicht{margin:0;padding-left:18px;display:grid;gap:6px}
.trichter{display:grid;gap:8px;margin:6px 0 12px}
.tr-zeile{display:grid;grid-template-columns:150px 1fr 56px;gap:12px;align-items:center;font-size:14px}
.tr-zeile i{display:block;height:14px;border-radius:99px;background:var(--akzent);min-width:4px}
.tr-zeile b{text-align:right}
@media (max-width:600px){.tr-zeile{grid-template-columns:110px 1fr 40px}.fakten{grid-template-columns:1fr}}
.feld-kurz{max-width:260px}
/* Nummernkreise (25.10.2026) */
.nk-kopf,.nk-zeile{display:grid;grid-template-columns:1.1fr 1.4fr 90px 150px 1fr 32px;gap:8px;align-items:center}
.nk-kopf{font-size:12px;color:var(--ink-2);margin:10px 0 4px}
.nk-zeile{margin-bottom:8px}.nk-zeile input{min-width:0}
.nk-haken{display:flex;gap:6px;align-items:center;font-size:13px}.nk-haken input{width:auto}
.nk-name{font-weight:500}
.nk-vorschau{font-family:ui-monospace,Consolas,monospace;font-size:13px;background:var(--sand);border-radius:8px;padding:6px 8px;overflow:hidden;text-overflow:ellipsis}
.nk-vorschau.warn{background:#F6E3DC;color:#7A3B2A}
@media (max-width:820px){.nk-kopf{display:none}.nk-zeile{grid-template-columns:1fr 1fr;padding:10px;border:1px solid var(--linie);border-radius:12px}}
/* Gleicher Abstand nach jeder Karte, nichts klebt oder ueberlappt (Mandy 25.10.2026) */
.seite > .karte + :not(p):not(.karte){margin-top:20px}
.seite > .karte + .karte{margin-top:20px}
.link-zeile{display:grid;grid-template-columns:150px 200px 1fr 36px;gap:10px;align-items:end;margin-bottom:6px}
@media (max-width:820px){.link-zeile{grid-template-columns:1fr 1fr}.link-zeile .feld:nth-child(3){grid-column:1/-1}}
.rb-einleitung{margin:0 0 14px;white-space:normal}
.bar-foto{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:0 0 18px}
.bar-foto .neben{flex:1;min-width:220px;font-size:13px}
@media (max-width:820px){.bar-foto .knopf{width:100%;justify-content:center;padding:14px}}
/* ---------------------------------------------------------------- Preislisten (25.10.2026, Spotkit-Prinzip) */
.pl-posten{margin:6px 0 12px}
.pl-verbinder{display:flex;gap:6px;justify-content:center;margin:2px 0}
.pl-verbinder.erste{display:none}
.pl-vk{border:0;border-radius:99px;padding:3px 12px;font:inherit;font-size:12.5px;cursor:pointer;background:var(--sand);color:var(--ink-2)}
.pl-vk.an{background:var(--rahmen);color:#fff}
.pl-zeile-b{display:grid;grid-template-columns:32px 1fr 32px;gap:8px;align-items:start;background:rgba(255,255,255,.7);border-radius:12px;padding:6px 8px;box-shadow:inset 0 0 0 1px var(--linie)}
.pl-griff{border:0;background:none;cursor:grab;font-size:18px;line-height:1;color:var(--ink-3);padding:8px 4px}
.pl-weg{border:0;background:none;cursor:pointer;font-size:20px;color:var(--ink-3);padding:6px}
.pl-weg:hover{color:var(--gefahr)}
.pl-posten-auf summary{display:flex;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:8px 0}
.pl-posten-auf summary::-webkit-details-marker{display:none}
.pl-posten-auf summary small{display:block;color:var(--ink-2);font-style:italic;font-size:12.5px;font-weight:400}
.pl-betrag{white-space:nowrap;font-family:var(--kopf);font-size:17px}.pl-betrag.blass{color:var(--ink-3);font-family:inherit;font-size:13px}
.pl-auf{border-top:1px solid var(--linie);padding:10px 0 2px}
.pl-auf summary{cursor:pointer;color:var(--ink-2);font-size:14px;display:flex;gap:6px;align-items:center}
.pl-form{margin-top:10px}
.pl-vorschau{max-width:520px;margin:12px 0;padding:18px 20px;border-radius:14px;background:var(--sand)}
.pl-name{font-size:22px;margin:0 0 6px}.pl-vorwort{white-space:pre-line;margin:0 0 12px;color:var(--ink-2)}.pl-linie{border:0;border-top:1px solid var(--linie);margin:0 0 12px}
.pl-zeile{display:flex;align-items:baseline;gap:8px;margin-top:10px}.pl-punkte{flex:1 1 20px;min-width:20px;height:2px;align-self:center;margin-top:6px;background-image:radial-gradient(circle,currentColor 1px,transparent 1.2px);background-size:7px 2px;background-repeat:repeat-x;opacity:.35}
.pl-b{font-family:var(--kopf);font-size:1.15em;white-space:nowrap;flex:none}.pl-b.anfrage{font-size:.85em;opacity:.6;font-family:inherit}
.pl-hinweis{margin:2px 0 0;font-size:.85em;font-style:italic;opacity:.7}
.pl-verb{text-align:center;font-family:var(--kopf);font-style:italic;font-size:1.05em;opacity:.55;margin:4px 0 -4px}
.pl-fuss{margin:16px 0 0;font-size:.8em;opacity:.6}
/* ---------------------------------------------------------------- Outfit & Styling (25.10.2026) */
.os-filterkarte{display:grid;gap:10px}
.os-filter{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.os-filter>span{font-size:12px;font-weight:500;color:var(--ink-2);min-width:80px}
.klein-reiter a{padding:5px 11px;font-size:13px}
.os-schrank{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px;margin:0 0 20px}
.os-stueck{background:rgba(255,255,255,.86);border-radius:var(--radius);box-shadow:var(--schatten-2);overflow:hidden}
.os-stueck.weg{opacity:.55}
.os-bild{position:relative;aspect-ratio:3/4;background:var(--sand);cursor:pointer}
.os-bild img{width:100%;height:100%;object-fit:cover;display:block}
.os-leer{position:absolute;inset:0;display:grid;place-items:center;color:var(--ink-3);font-size:13px}
.os-zaehler{position:absolute;top:8px;left:8px;background:rgba(0,0,0,.45);color:#fff;font-size:12px;border-radius:99px;padding:2px 8px}
.os-marken{position:absolute;left:8px;bottom:8px;display:grid;gap:4px}.os-marken i{font-style:normal;font-size:11px;background:rgba(255,255,255,.92);border-radius:99px;padding:2px 8px}
.os-text{padding:12px 14px 14px;display:grid;gap:6px}.os-text .klein{font-size:12px}
.os-schalter{display:flex;gap:6px;flex-wrap:wrap}
.pille{border:0;border-radius:99px;padding:5px 11px;font:inherit;font-size:12.5px;cursor:pointer;background:var(--sand);color:var(--ink-2)}
.pille.an{background:var(--akzent);color:#fff}
.os-fotos{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin:8px 0}
.os-fotos figure{margin:0;display:grid;gap:2px}.os-fotos img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:10px}.os-fotos figcaption{font-size:12px;color:var(--ink-2)}
.os-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.os-chip{display:inline-flex;align-items:center;gap:4px;background:var(--sand);border-radius:99px;padding:4px 6px 4px 12px;font-size:13px}
.os-chip button{border:0;background:none;cursor:pointer;font-size:16px;line-height:1;color:var(--ink-2)}
.os-weg-bild{max-width:240px;border-radius:12px;display:block;margin-bottom:10px}
.os-hinweise{display:grid;gap:10px;margin:8px 0}
.os-hinweis{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start}
.os-hinweis.aus{opacity:.55}
.os-hinweis textarea{width:100%}
.chip-wahl.klein{margin:6px 0}.chip-wahl.klein .chip-knopf span{font-size:12px;padding:4px 10px}
/* Kundenansicht in der Landingpage-Vorschau */
.of-filter{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.of-chip{border:0;border-radius:99px;padding:6px 12px;font:inherit;font-size:13px;background:var(--sand)}.of-chip.an{background:var(--rahmen);color:#fff}
.of-raster{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:10px}
.of-bilder{position:relative;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:12px;aspect-ratio:3/4;background:var(--sand)}
.of-bilder img{flex:0 0 100%;width:100%;height:100%;object-fit:cover;scroll-snap-align:start}
.of-zahl{position:absolute;top:6px;left:6px;background:rgba(0,0,0,.45);color:#fff;font-size:11px;border-radius:99px;padding:1px 7px}
.of-herz{position:absolute;top:6px;right:6px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.85);display:grid;place-items:center}.of-herz svg{width:18px;height:18px;fill:none;stroke:#B4735F;stroke-width:1.8}
.of-marken{position:absolute;left:6px;bottom:6px;display:grid;gap:3px}.of-marken i{font-style:normal;font-size:10px;background:rgba(255,255,255,.9);border-radius:99px;padding:1px 6px}
.of-name{margin:6px 2px;font-size:13px}.of-groessen[hidden]{display:none}
.of-spalten{display:grid;gap:12px}.of-spalten h3{font-size:16px}.of-spalten ul{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:14px}
.of-ja li::before{content:'✓';color:#5E8A5E;margin-right:6px}.of-nein li::before{content:'✕';color:#B4735F;margin-right:6px}
.os-arten summary{cursor:pointer;font-size:12.5px;color:var(--ink-2);margin:4px 0}
.versand-schritte{margin:14px 0 4px;padding-left:20px;display:grid;gap:10px}.versand-schritte li{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
/* Verfahrensdokumentation (25.10.2026) */
.vd-blatt{margin-top:16px}
.vd-blatt h1{font-size:30px;margin:0 0 4px}.vd-blatt .vd-unter{color:#666;margin:0 0 22px}
.vd-blatt h2{font-size:19px;margin:26px 0 8px}.vd-blatt h3{font-size:15px;margin:16px 0 6px}
.vd-blatt ul{margin:6px 0 10px;padding-left:20px}.vd-klein{font-size:12px;color:#777;margin-top:30px}
.vd-wahl{display:grid;gap:2px}.vd-wahl .haken{margin:4px 0}
.vd-vorschlag{font-style:normal;font-size:11px;background:var(--sand);border-radius:99px;padding:1px 8px;margin-left:6px;color:var(--ink-2)}
[data-vd-form] .feld input{width:100%;max-width:640px}
.partner-link{background:var(--sand);border-radius:10px;padding:10px 14px;font-size:14px;word-break:break-all}
.feld-mini{max-width:90px}.feld-klein{max-width:130px}
/* Kunden: leere Liste mit Import-Angebot, Import-Vorschau (Mandy 25.10.2026) */
div.leer{flex-direction:column;align-items:flex-start;gap:14px;padding:6px 0}
div.leer p{margin:0}
[data-vorschau]{margin-top:18px}
[data-vorschau] .tabelle td,[data-vorschau] .tabelle th{font-size:13px;white-space:nowrap}
/* Wishlist mit Antwort per Mail (Mandy 25.10.2026) */
.willkommen-wunsch{margin-top:18px;padding:14px 16px;border-radius:12px;background:var(--sand)}
.willkommen-wunsch h3{margin:0 0 6px;font-size:16px;display:flex;align-items:center;gap:8px}
.willkommen-wunsch p{margin:0 0 10px}
.willkommen-wunsch p:last-child{margin:0}
.wunsch-liste li{align-items:flex-start}
.wunsch-antwort{display:block;margin-top:6px;padding:8px 10px;border-left:3px solid var(--bronze);background:var(--sand);white-space:pre-line}
.wunsch-eingang{padding:16px 0;border-top:1px solid var(--linie)}
.wunsch-eingang:first-of-type{border-top:0}
.wunsch-text{white-space:pre-line;margin:6px 0 12px}
.wunsch-mail{align-self:end;margin-bottom:12px}
.mail-vorschau{white-space:pre-line}
.chip.wunsch-umgesetzt{background:var(--salbei-hell)}
/* Kunden: Anschrift in drei Feldern, Sortierwahl (Mandy 25.10.2026) */
.drei-anschrift{display:grid;grid-template-columns:2fr 1fr 2fr;gap:0 14px}
@media (max-width:600px){.drei-anschrift{grid-template-columns:1fr 2fr}.drei-anschrift .feld:first-child{grid-column:1/-1}}
.sortier-wahl{display:flex;align-items:center;gap:8px;margin-left:auto}
.sortier-wahl select{width:auto}
/* Newsletter (Mandy 25.10.2026) */
.nl-vorschau{max-height:70vh;overflow:auto;border-radius:12px}
.nl-empfaenger{max-height:280px;overflow:auto;margin-top:10px}
/* Menue: Fusskasten nie ueber den letzten Punkten (Mandy 25.10.2026, Verwaltung P&Y) - nichts schrumpfen, fester Abstand */
.menue > *{flex-shrink:0}
.menue > ul{padding-bottom:24px}
/* Verwaltung P&Y: Formulare mit Beschriftung statt einer Reihe kleiner Kaestchen (Mandy 25.10.2026) */
.admin-form{margin-top:20px;padding-top:18px;border-top:1px solid var(--linie)}
.admin-form h3{margin:0 0 10px;font-size:15px}
.zwei-eng{display:grid;grid-template-columns:1fr 110px;gap:0 10px}
/* Was ist neu (Mandy 25.10.2026) */
.neu-leiste{position:sticky;top:0;z-index:79;display:flex;gap:12px;align-items:center;justify-content:center;flex-wrap:wrap;padding:9px 16px;background:var(--salbei-hell);color:var(--salbei-ink);font-size:14px;box-shadow:0 1px 0 var(--linie)}
.neu-leiste svg{width:15px;height:15px}
.neu-tag h2{margin-bottom:6px}
.neu-eintrag{display:grid;grid-template-columns:96px 1fr;gap:14px;padding:14px 0;border-top:1px solid var(--linie)}
.neu-eintrag:first-of-type{border-top:0}
.neu-eintrag h3{margin:0 0 4px;font-size:16px}
.neu-eintrag p{margin:0;color:var(--ink-2);line-height:1.55}
.neu-eintrag .chip{justify-self:start;align-self:start}
.neu-eintrag.ungesehen h3::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--bronze);margin-left:8px;vertical-align:middle}
.chip.neu-neu{background:var(--salbei-hell);color:var(--salbei-ink)}
.chip.neu-geaendert{background:var(--bronze-hell);color:var(--bronze-ink)}
.chip.neu-behoben{background:var(--sand-2);color:var(--ink)}
.menue-version a{color:inherit;text-decoration:none}
.menue-version a:hover{text-decoration:underline}
@media (max-width:600px){.neu-eintrag{grid-template-columns:1fr;gap:6px}}
/* Handy-Menue (Mandy 25.10.2026): schmale Leiste von links, etwa halbe Bildschirmbreite, scrollt in sich.
   Die geoeffnete Seite bleibt rechts daneben sichtbar; Tippen dorthin schliesst das Menue. Untermenue per Tippen auf. */
@media (max-width:820px){
  .menue.offen > ul{position:fixed;top:0;left:0;bottom:0;width:min(58vw,290px);min-width:220px;z-index:40;
    padding:18px 10px 40px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;background:var(--menue-bg);box-shadow:12px 0 40px -18px rgba(20,26,22,.55)}
  .menue.offen::after{content:"";position:fixed;inset:0;z-index:39;background:rgba(20,26,22,.18)}
  .menue li.mit-unter.auf .unter,.menue li.mit-unter.auf.eingeklappt .unter{display:block}
  .menue li.mit-unter.offen:not(.auf) .unter{display:none}
}

/* Galerie-Designs (Mandy 25.10.2026): echtes Bildschirmfoto je Design + Vorschau-Knopf */
.gl-designs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:6px}
.gl-designs.gross{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}
.design-karte{display:flex;flex-direction:column;gap:8px}
.design-karte .wahl-karte{flex:1;padding:8px 8px 12px}
.design-karte b{display:block;margin-top:4px;font-size:14px}
.design-bild{display:block;width:100%;aspect-ratio:10/9;object-fit:cover;object-position:top center;border-radius:9px;background:var(--sand-2,#EFE7DC);box-shadow:0 1px 2px rgba(42,33,27,.08),0 10px 24px -18px rgba(42,33,27,.45)}
.design-vorschau{align-self:flex-start}
@media (max-width:900px){.gl-designs{grid-template-columns:repeat(2,1fr)}}
.gl-video{position:absolute;left:6px;top:6px;padding:2px 8px;border-radius:999px;background:rgba(20,16,12,.62);color:#fff;font-size:11.5px;font-weight:500;letter-spacing:.02em;pointer-events:none}
.design-karte .wahl-karte{position:relative}
.design-karte.ist-standard .wahl-karte{box-shadow:inset 0 0 0 2px var(--bronze),var(--schatten-1)}
.standard-marke{position:absolute;left:16px;top:16px;z-index:1;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:var(--bronze);color:#fff;font-size:12px;font-weight:600}
.design-zeile{display:flex;align-items:center;gap:12px}
.design-haken{display:inline-flex;align-items:center;cursor:pointer}
.design-haken input{width:22px;height:22px;margin:0;accent-color:var(--bronze);cursor:pointer}
.design-karte img[data-gl-design-vorschau]{cursor:zoom-in}
/* Infozeichen mit Erklaerung (Mandy 25.10.2026) */
.info-i{position:relative;display:inline-grid;place-items:center;width:17px;height:17px;margin-left:4px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ink-3);color:var(--ink-3);font:italic 600 11px/1 Georgia,serif;vertical-align:1px;cursor:help}
.info-i::before{content:"i"}
.info-i::after{content:attr(data-info);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);width:max-content;max-width:300px;padding:10px 12px;border-radius:10px;background:var(--rahmen,#2A211B);color:#fff;font:400 13px/1.45 var(--text-schrift,system-ui),sans-serif;font-style:normal;white-space:pre-line;text-align:left;box-shadow:0 10px 30px -12px rgba(0,0,0,.45);opacity:0;visibility:hidden;transition:opacity .15s;z-index:30;pointer-events:none}
.info-i:hover::after,.info-i:focus::after{opacity:1;visibility:visible}
/* Begrüßung: Ausrichtung rechts neben der Überschrift statt eigener Zeile (Mandy 25.10.2026) */
.gl-begruessung{display:block;margin-bottom:14px}
.gl-begruessung-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.gl-begruessung-kopf>span:first-child{font-size:12.5px;color:var(--ink-2);font-weight:500;letter-spacing:.01em}
.gl-ausrichtung{display:inline-flex;align-items:center;gap:14px;font-size:13px}.gl-ausrichtung .haken{margin:0}
/* Newsletter: Vorlagen und Bausteine (Mandy 25.10.2026) */
.nl-vorlagen-knoepfe{margin:-4px 0 12px;align-items:center}
.nl-neue-vorlage{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;padding:12px 14px;margin:0 0 12px;border-radius:12px;background:var(--sand-2,#F3EBDF)}
.nl-neue-vorlage .feld{flex:1;min-width:220px;margin:0}
.nl-bausteine{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 -4px}
.nl-baustein{border:1.5px solid var(--linie);border-radius:99px;padding:4px 12px;font:inherit;font-size:13px;background:var(--flaeche,#fff);color:var(--ink);cursor:pointer}
.nl-baustein:hover{border-color:var(--bronze);color:var(--bronze)}
.nl-baustein::before{content:"+ ";opacity:.6}
[data-nl-vorlage]{max-width:300px;width:auto}
.karte-kopf:has([data-nl-vorlage]) h2{white-space:nowrap}
.schlagwort-feld{width:100%;max-width:340px;font:inherit;padding:7px 10px;border-radius:10px;border:1.5px solid var(--linie);background:#fff}
.schlagwort-tabelle td.rechts{text-align:right;white-space:nowrap}
/* Titelbild, Handy und App-Icon (Mandy 25.10.2026) */
.gl-rollen{margin-bottom:14px}
.gl-rollen-reihe{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gl-rolle{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 8px 10px;border:0;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px var(--linie);font:inherit;text-align:left;cursor:pointer;color:var(--ink)}
.gl-rolle:hover{box-shadow:inset 0 0 0 1.5px var(--bronze)}
.gl-rolle-bild{display:grid;place-items:center;width:100%;aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:var(--sand-2,#F3EBDF);color:var(--ink-3);font-style:italic}
.gl-rolle-bild img{width:100%;height:100%;object-fit:cover;display:block}
.gl-rolle:nth-child(2) .gl-rolle-bild{aspect-ratio:3/2}
.gl-rolle:nth-child(2) .gl-rolle-bild img{width:45%;border-radius:8px;height:92%}
.gl-rolle.ist-icon .gl-rolle-bild img{width:auto;height:84%;aspect-ratio:1;border-radius:22%}
.gl-rolle small{color:var(--ink-3);font-size:12px}
.gl-wahlbild{padding:0;border:0;border-radius:10px;overflow:hidden;cursor:pointer;background:none;box-shadow:inset 0 0 0 1px var(--linie)}
.gl-wahlbild img{display:block;width:100%;aspect-ratio:1;object-fit:cover}
.gl-wahlbild.an{box-shadow:0 0 0 3px var(--bronze)}
.gl-icon-zuschnitt{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.gl-icon-zuschnitt canvas{width:220px;height:220px;border-radius:22%;box-shadow:0 10px 30px -14px rgba(0,0,0,.45);background:var(--sand-2,#F3EBDF)}
.gl-icon-zuschnitt input[type=range]{width:100%;accent-color:var(--bronze)}
@media (max-width:700px){.gl-rollen-reihe{grid-template-columns:1fr 1fr}.gl-icon-zuschnitt{grid-template-columns:1fr;justify-items:center}}
/* Websites auf Zuruf (Mandy 25.10.2026) */
.wz-einstieg{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;background:linear-gradient(135deg,var(--flaeche,#fff),var(--sand-2,#F3EBDF))}
.wz-einstieg h2{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.wz-aenderungen{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.wz-aenderungen li{padding:12px 14px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--linie);background:#fff}
.wz-aenderungen li.geht-nicht{opacity:.6}
.wz-alt,.wz-neu{margin-top:6px;padding:8px 10px;border-radius:8px;font-size:14px;white-space:pre-wrap}
.wz-alt{background:#FBEDEA;color:#7A3B30;text-decoration:line-through;text-decoration-color:rgba(122,59,48,.5)}
.wz-neu{background:#EAF2EC;color:#2F5A3B}
.wz-alt span,.wz-neu span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.7;text-decoration:none;margin-bottom:2px}
.wz-ergebnis{white-space:pre-wrap;padding:12px 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--linie)}
@media (max-width:700px){.wz-einstieg{flex-direction:column;align-items:flex-start}}
.gl-kundenlink{color:inherit;text-decoration:underline;text-decoration-color:var(--linie);text-underline-offset:3px}.gl-kundenlink:hover{color:var(--bronze);text-decoration-color:currentColor}
.set-schalter{margin:0 6px 0 0;font-size:13px;white-space:nowrap}.set-schalter input{width:16px;height:16px}
.in-arbeit{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:7px;vertical-align:-5px;border-radius:50%;background:rgba(211,174,119,.16);cursor:help}
.in-arbeit svg{width:16px;height:16px;fill:none;stroke:#D3AE77;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.in-arbeit-legende{display:block;margin-top:4px}
/* Handy: Tabellen passen in die Breite statt rechts abgeschnitten zu werden (Mandy 25.10.2026, BWA und Rechnungen) */
@media (max-width:600px){
  .karte .tabelle th,.karte .tabelle td{padding-left:6px;padding-right:6px}
  .karte .tabelle td{font-size:14px}
  .karte .tabelle th{letter-spacing:.04em;font-size:10.5px}
  .karte .tabelle th.zahlspalte{white-space:normal}
  .karte .tabelle .marke-status{font-size:11.5px;padding:3px 8px}
  .karte table.tabelle.bwa{display:table;table-layout:auto}
  .karte table.tabelle.bwa td:first-child{white-space:normal;hyphens:auto}
}
/* In-Arbeit-Symbol: im Menü ganz rechts, alle untereinander; Legende bündig mit „Version“ (Mandy 25.10.2026) */
.menue li a .in-arbeit{margin-left:auto}
.in-arbeit-legende{display:flex;align-items:center;gap:8px;margin-top:6px}
.in-arbeit-legende .in-arbeit{margin:0;vertical-align:0}
/* Set-Schalter als Symbole: farbig = an, blass + durchgestrichen = aus (Mandy 25.10.2026) */
.set-symbole{display:inline-flex;gap:6px;margin-right:6px}
.set-symbol{position:relative;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;cursor:pointer;border:1.5px solid var(--linie);color:var(--ink-3);background:transparent;transition:background .15s,color .15s,border-color .15s}
.set-symbol input{position:absolute;opacity:0;width:1px;height:1px}
.set-symbol .ico{width:17px;height:17px}
.set-symbol::after{content:"";position:absolute;left:7px;right:7px;top:50%;height:1.5px;background:currentColor;transform:rotate(-45deg);opacity:.8}
.set-symbol:has(input:checked){background:var(--salbei-hell);border-color:var(--salbei);color:var(--salbei-ink,#2E4A3A)}
.set-symbol:has(input:checked)::after{display:none}
.set-symbol:has(input:focus-visible){outline:2px solid var(--akzent);outline-offset:2px}
.gl-set-aus{opacity:.55}
.gl-set-aus .gl-setname{text-decoration:line-through}
.gl-set-aus img,.gl-set-aus video{opacity:.45}
/* Grossansicht im Fotos-Reiter */
.gl-foto img[data-gl-mini]{cursor:zoom-in}
.gl-gross{position:relative;display:grid;place-items:center;min-width:min(80vw,900px)}
.gl-gross img{max-width:min(86vw,1200px);max-height:78vh;border-radius:10px;display:block}
.gl-gross-pfeil{position:absolute;top:calc(50% - 26px);width:48px;height:48px;border-radius:50%;border:0;background:rgba(20,16,12,.55);color:#fff;font-size:28px;line-height:1;display:grid;place-items:center;cursor:pointer}
.gl-gross-pfeil.links{left:10px}.gl-gross-pfeil.rechts{right:10px}
.gl-gross-name{margin:8px 0 0;text-align:center}
/* Mehrere Fotos zum Entfernen anhaken (Mandy 25.10.2026) */
.gl-weg-leiste{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;padding:10px 14px;border-radius:12px;background:var(--sand)}
.gl-weg-leiste>span{flex:1;min-width:200px;font-size:14px}
.gl-weg-wahl{cursor:pointer}
.gl-weg-wahl img{transition:opacity .15s}
.gl-weg-wahl:not(.an) img{opacity:.55}
.gl-weg-haken{position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);border:1.5px solid var(--linie);color:transparent}
.gl-weg-wahl.an .gl-weg-haken{background:#B4473A;border-color:#B4473A;color:#fff}
.gl-weg-wahl.an img{outline:3px solid #B4473A;outline-offset:-3px}
.set-symbol:has([data-gl-set-wz])::after{display:none}
.gl-vollbild{position:fixed;inset:0;z-index:1000;background:#0E0C0A;display:grid;place-items:center}
.gl-vollbild img{max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain;display:block}
.gl-vollbild .gl-gross-pfeil{z-index:2}
.gl-vollbild-x{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:26px;line-height:1;display:grid;place-items:center;cursor:pointer}
.gl-vollbild .gl-gross-name{position:absolute;left:0;right:0;bottom:12px;color:rgba(255,255,255,.75);font-size:13px}
.gl-vollbild-laden{color:#fff;opacity:.7}

/* Hilfe (26.10.2026) */
.hilfe-schritte{margin:0;padding-left:22px;display:grid;gap:12px}
.hilfe-schritte li span{display:block;color:var(--text-leise,#6b5f57);font-size:14.5px}
.hilfe-bereich{border-top:1px solid var(--linie);padding:12px 0}
.hilfe-bereich:first-of-type{border-top:0}
.hilfe-bereich summary{cursor:pointer;display:flex;align-items:center;gap:10px;list-style:none}
.hilfe-bereich summary::-webkit-details-marker{display:none}
.hilfe-bereich summary svg{width:18px;height:18px;flex:none}
.hilfe-bereich p,.hilfe-bereich ul{margin:10px 0 0 28px}
.hilfe-bereich ul{padding-left:18px;display:grid;gap:6px}

/* Zugangssperre (26.10.2026): ohne gueltigen Schluessel liegt sie ueber allem */
#zugang-sperre{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:16px;background:rgba(34,50,42,.82);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#zugang-sperre .zs-kasten{width:min(520px,100%);background:var(--flaeche,#FBF7F1);border-radius:20px;padding:28px;box-shadow:0 30px 80px -30px rgba(0,0,0,.5)}
#zugang-sperre h2{margin:0 0 10px}
#zugang-sperre .knopfreihe{flex-wrap:wrap;margin:14px 0}
/* Kaeufer-Pillen in der Verwaltung */
.kf-leiste{display:grid;gap:10px}.kf-gruppe{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.kf-gruppe>.neben{min-width:90px}
.kf-pille{border:0;background:none;padding:0;cursor:pointer;font:inherit;display:inline-flex;align-items:center;gap:4px}
.kf-pillen{display:flex;flex-wrap:wrap;gap:4px}.pille-an{outline:2px solid currentColor;outline-offset:1px}

/* Art der Galerie (26.10.2026) */
.gl-art{border:0;padding:0;margin:0 0 16px;display:grid;gap:6px}.gl-art legend{font-weight:600;margin-bottom:4px}