/* ============================================================================
   festival-brand.css · Coffee Festival Brand-ID für das CRM
   Quelle: coffeefestival.info (assets/css/main.css) – Ink, Espresso, Roast, Ivory/Bone,
   Ember als Akzent, Archivo (variabel, Breite 62–125 %) und MonoLabel für Beschriftungen.
   Lädt als LETZTES Stylesheet (nach dem Premium-Theme, head.php) und setzt nur Tokens
   und Typografie – das Layout bleibt das des Themes.
   ============================================================================ */
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
  src:url("fonts/archivo-latin.woff2") format("woff2-variations");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Archivo";font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;
  src:url("fonts/archivo-latin-ext.woff2") format("woff2-variations");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"MonoLabel";font-style:normal;font-display:swap;font-weight:400;
  src:url("fonts/mono-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2191,U+2193,U+2212,U+2215}
@font-face{font-family:"MonoLabel";font-style:normal;font-display:swap;font-weight:400;
  src:url("fonts/mono-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+2C60-2C7F}

/* ---- Tokens: dunkel („Ink“, Standard wie die Website) -------------------- */
:root,
html[data-theme="dark"]{
  --cp-void:#0B0806; --cp-deep:#100C09; --cp-bg:var(--cp-deep);
  --cp-surface:#17110D; --cp-surface-2:#1F1711; --cp-surface-3:#281D15;
  --cp-hover:rgba(244,238,228,.05);
  --cp-line:rgba(244,238,228,.10); --cp-line-2:rgba(244,238,228,.17);
  --cp-text:#E3D9C9; --cp-strong:#F4EEE4; --cp-muted:#9A8C7E; --cp-dim:#877A6C;
  --cp-rust:#CD4C1A; --cp-rust-hi:#E2551E; --cp-rust-soft:rgba(226,85,30,.13); --cp-rust-line:rgba(226,85,30,.40);
  --cp-glow:#E3D9C9; --cp-on-rust:#FFFFFF;
  --cp-success:#4F9D69; --cp-warning:#E9B44C; --cp-danger:#E5484D; --cp-info:#6CA6D9;
  --cp-body-bg:
    radial-gradient(1100px 520px at 78% -12%, rgba(109,81,63,.16), transparent 62%),
    radial-gradient(900px 480px at 100% 0%, rgba(226,85,30,.08), transparent 60%),
    var(--cp-void);
}
/* ---- Tokens: hell („Ivory“) --------------------------------------------- */
html[data-theme="light"]{
  --cp-void:#EFE7DA; --cp-deep:#F7F2EA; --cp-bg:var(--cp-deep);
  --cp-surface:#FFFDF9; --cp-surface-2:#F7F1E8; --cp-surface-3:#EDE4D6;
  --cp-hover:rgba(36,23,16,.04);
  --cp-line:rgba(36,23,16,.10); --cp-line-2:rgba(36,23,16,.18);
  --cp-text:#241710; --cp-strong:#0B0806; --cp-muted:#6A5C4F; --cp-dim:#6D5F52;
  --cp-rust:#BC4618; --cp-rust-hi:#BC4618; --cp-rust-soft:rgba(226,85,30,.09); --cp-rust-line:rgba(188,70,24,.36);
  --cp-glow:#E3D9C9; --cp-on-rust:#FFFFFF;
  --cp-success:#2F7A4A; --cp-warning:#8A5A0E; --cp-danger:#B8282E; --cp-info:#2F6FA8;
  --cp-body-bg:
    radial-gradient(1100px 520px at 80% -14%, rgba(227,217,201,.75), transparent 62%),
    var(--cp-void);
}

/* ---- Schrift ------------------------------------------------------------ */
:root{
  --cp-font:"Archivo",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --cp-display:"Archivo",ui-sans-serif,system-ui,sans-serif;
  --cf-mono:"MonoLabel",ui-monospace,"SF Mono",Menlo,monospace;
}
html[data-theme]:not(#cp) body,
html[data-theme]:not(#cp) body .form-control,
html[data-theme]:not(#cp) body .btn,
html[data-theme]:not(#cp) body .select2-container,
html[data-theme]:not(#cp) body table.dataTable{font-family:var(--cp-font)}
html[data-theme]:not(#cp) body .page-title h1,
html[data-theme]:not(#cp) body .card-title,
html[data-theme]:not(#cp) body h1,html[data-theme]:not(#cp) body h2{font-family:var(--cp-display);font-stretch:108%;letter-spacing:-.012em}
html[data-theme]:not(#cp) body .page-title h1{font-weight:800}
/* Beschriftungen wie auf der Website: Mono, Versalien, gesperrt */
html[data-theme]:not(#cp) body .sidebar .sidebar-menu .ca-nav-group span,
html[data-theme]:not(#cp) body table.dataTable thead th,
html[data-theme]:not(#cp) body .fv-label{font-family:var(--cf-mono);letter-spacing:.12em}
html[data-theme]:not(#cp) body table.dataTable thead th{font-weight:400;font-size:11px;text-transform:uppercase}

/* ---- Akzent: Auswahl, Fokus ------------------------------------------- */
::selection{background:rgba(226,85,30,.35);color:inherit}
html[data-theme]:not(#cp) body a:not(.btn):not(.badge):hover{color:var(--cp-rust-hi)}
html[data-theme]:not(#cp) body .form-control:focus{border-color:var(--cp-rust-line);box-shadow:0 0 0 3px var(--cp-rust-soft)}

/* Eingeklappte Menüleiste: runde, farbige Bildmarke statt der dunklen Favicon-Datei aus den Einstellungen */
.sidebar-brand.brand-logo-mini img,.brand-logo-mini img.dashboard-image{content:url("img/icon-192.png");width:40px!important;height:40px!important;max-width:none;object-fit:contain;border-radius:50%;margin:0 auto;display:block}
/* Logo-Bereich bleibt beim Scrollen der Menüleiste oben und deckt die Menüpunkte ab (Links haben z-index 2) */
.sidebar .sidebar-brand,.sidebar .sidebar-brand.brand-logo-mini{z-index:30!important}
.sidebar-toggled .sidebar .sidebar-brand.brand-logo-mini{box-shadow:0 1px 0 rgba(244,238,228,.07),0 10px 14px -10px rgba(0,0,0,.7)}

/* ============================================================================
   Anmeldeseite (html.fv-si setzt head-brand.php): Desktop Info links / Karte rechts,
   iPad hoch und quer (< 1180 px) Karte oben, Infos darunter, Handy einspaltig mit 16 px Rand.
   Die Seite scrollt normal – feste Höhe und overflow:hidden aus RISE schnitten Karte und Fußzeile ab.
   :not(#fv):not(#fw) hebt die Regeln über Premium-Theme und signin-enhance.css.
   ========================================================================== */
html.fv-si:not(#fv){height:auto!important;overflow-x:hidden!important;overflow-y:auto!important}
.fv-si:not(#fv):not(#fw) body.signin-page{
  --si-strong:#F4EEE4;--si-text:#E3D9C9;--si-muted:#B9AB98;--si-dim:#8E8073;--si-line:rgba(244,238,228,.12);
  --si-box:rgba(11,8,6,.58);--si-icon:rgba(226,85,30,.12);--si-rust:#E2551E;
  --si-veil:linear-gradient(90deg,rgba(11,8,6,.94) 0%,rgba(11,8,6,.82) 40%,rgba(11,8,6,.42) 100%);
  --si-veil-flach:rgba(11,8,6,.84);
  display:block!important;height:auto!important;min-height:100vh!important;min-height:100dvh!important;margin:0!important;padding:0!important;
  overflow:visible!important;position:relative!important;background:#0B0806!important;animation:none!important}
html.fv-si[data-theme="light"]:not(#fv):not(#fw) body.signin-page{
  --si-strong:#17110D;--si-text:#2B221C;--si-muted:#5F5348;--si-dim:#7D6E61;--si-line:rgba(11,8,6,.12);
  --si-box:rgba(255,252,247,.74);--si-icon:rgba(205,76,26,.09);--si-rust:#C2461A;
  --si-veil:linear-gradient(90deg,rgba(247,242,234,.96) 0%,rgba(247,242,234,.88) 40%,rgba(247,242,234,.42) 100%);
  --si-veil-flach:rgba(247,242,234,.9);
  background:#F7F2EA!important}
/* Foto und Schleier als feste Ebenen: bleiben beim Scrollen stehen, auch auf iPad/iPhone (dort kein background-attachment:fixed) */
.fv-si:not(#fv):not(#fw) body.signin-page::before,
.fv-si:not(#fv):not(#fw) body.signin-page::after{content:""!important;position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;
  width:auto!important;height:auto!important;border-radius:0!important;filter:none!important;transform:none!important;opacity:1!important;
  animation:none!important;pointer-events:none;z-index:0!important}
.fv-si:not(#fv):not(#fw) body.signin-page::before{background:var(--cp-signin-photo,none) center 58%/cover no-repeat,#0B0806!important}
.fv-si:not(#fv):not(#fw) body.signin-page::after{background:var(--si-veil)!important}
.fv-si:not(#fv):not(#fw) body.signin-page > .rst-signin-blob{display:none!important}
/* Sprache und Hell/Dunkel oben rechts: auf dem Foto lesbar in beiden Modi */
.fv-si:not(#fv):not(#fw) body.signin-page .rst-signin-utilbar :is(button,select){background:var(--si-box)!important;border-color:var(--si-line)!important;color:var(--si-text)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important}
.fv-si:not(#fv):not(#fw) body.signin-page .rst-signin-utilbar :is(button,select):hover{color:var(--si-strong)!important;border-color:var(--si-rust)!important}

.fv-si:not(#fv):not(#fw) body.signin-page .scrollable-page{
  display:grid!important;grid-template-columns:minmax(0,1fr) minmax(400px,480px);grid-template-areas:"info karte";align-items:center;
  column-gap:clamp(48px,6vw,112px);width:min(1280px,100%)!important;max-width:none!important;height:auto!important;
  min-height:100vh!important;min-height:100dvh!important;margin:0 auto!important;
  padding:clamp(48px,7vh,112px) clamp(32px,4vw,56px) clamp(80px,9vh,112px)!important;
  box-sizing:border-box!important;position:relative!important;z-index:1!important;overflow:visible!important}
.fv-si:not(#fv):not(#fw) body.signin-page .form-signin{grid-area:karte;justify-self:end;width:100%!important;max-width:480px!important;margin:0!important}

/* Info-Panel */
.fv-si:not(#fv):not(#fw) .fv-signin-info{grid-area:info;width:100%;max-width:600px;color:var(--si-text);animation:fv-si-ein .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes fv-si-ein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.fv-si:not(#fv):not(#fw) .fv-si-logo{display:block;height:34px;width:auto;max-width:100%;margin:0 0 26px}
.fv-si:not(#fv):not(#fw) .fv-si-logo.is-hell,
html.fv-si[data-theme="light"]:not(#fv):not(#fw) .fv-si-logo{display:none}
html.fv-si[data-theme="light"]:not(#fv):not(#fw) .fv-si-logo.is-hell{display:block}
.fv-si:not(#fv):not(#fw) .fv-si-kicker{display:flex;align-items:center;gap:10px;margin:0;font-family:var(--cf-mono,ui-monospace,monospace);font-size:11px;line-height:1.5;letter-spacing:.16em;text-transform:uppercase;color:var(--si-rust)}
.fv-si:not(#fv):not(#fw) .fv-si-kicker span{flex:none;width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(226,85,30,.18)}
.fv-si:not(#fv):not(#fw) .fv-signin-info h2{margin:14px 0 12px;font-family:var(--cp-display,inherit);font-size:clamp(32px,1.4vw + 22px,46px);line-height:1.07;font-weight:800;font-stretch:112%;letter-spacing:-.022em;color:var(--si-strong);text-wrap:balance}
.fv-si:not(#fv):not(#fw) .fv-si-lead{margin:0 0 24px;max-width:52ch;font-size:16px;line-height:1.6;color:var(--si-muted)}
.fv-si:not(#fv):not(#fw) .fv-si-event{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin:0 0 28px;padding:18px 20px 18px 22px;
  border:1px solid var(--si-line);border-left:3px solid var(--si-rust);border-radius:3px;background:var(--si-box);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.fv-si:not(#fv):not(#fw) .fv-si-label{font-family:var(--cf-mono,ui-monospace,monospace);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--si-dim)}
.fv-si:not(#fv):not(#fw) .fv-si-name{display:block;margin:5px 0 10px;font-size:18px;font-weight:700;line-height:1.3;color:var(--si-strong)}
.fv-si:not(#fv):not(#fw) .fv-si-meta{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;padding:0;list-style:none}
.fv-si:not(#fv):not(#fw) .fv-si-meta li{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:13.5px;line-height:1.45;color:var(--si-text)}
.fv-si:not(#fv):not(#fw) .fv-si-meta svg{flex:none;width:15px;height:15px;color:var(--si-rust)}
.fv-si:not(#fv):not(#fw) .fv-si-count{min-width:84px;padding-left:20px;border-left:1px solid var(--si-line);text-align:center}
.fv-si:not(#fv):not(#fw) .fv-si-count b{display:block;font-family:var(--cp-display,inherit);font-size:38px;line-height:1;font-weight:800;font-stretch:112%;color:var(--si-rust);font-variant-numeric:tabular-nums}
.fv-si:not(#fv):not(#fw) .fv-si-count span{display:block;margin-top:6px;font-family:var(--cf-mono,ui-monospace,monospace);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--si-dim)}
.fv-si:not(#fv):not(#fw) .fv-si-punkte{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px;margin:0 0 26px;padding:0;list-style:none}
.fv-si:not(#fv):not(#fw) .fv-si-punkte li{display:flex;align-items:flex-start;gap:14px;margin:0}
.fv-si:not(#fv):not(#fw) .fv-si-punkte svg{flex:none;box-sizing:border-box;width:38px;height:38px;padding:9px;border-radius:3px;background:var(--si-icon);border:1px solid rgba(226,85,30,.28);color:var(--si-rust)}
.fv-si:not(#fv):not(#fw) .fv-si-punkte b{display:block;margin:1px 0 3px;font-size:14.5px;font-weight:650;line-height:1.35;color:var(--si-strong)}
.fv-si:not(#fv):not(#fw) .fv-si-punkte span{display:block;font-size:13px;line-height:1.5;color:var(--si-muted)}
.fv-si:not(#fv):not(#fw) .fv-si-fuss{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding-top:18px;border-top:1px solid var(--si-line);font-size:14px;color:var(--si-muted)}
.fv-si:not(#fv):not(#fw) .fv-si-fuss a{display:inline-flex;align-items:center;gap:6px;color:var(--si-rust)!important;font-weight:600;text-decoration:none!important}
.fv-si:not(#fv):not(#fw) .fv-si-fuss a svg{width:16px;height:16px;transition:transform .2s ease}
.fv-si:not(#fv):not(#fw) .fv-si-fuss a:hover{text-decoration:underline!important;text-underline-offset:3px}
.fv-si:not(#fv):not(#fw) .fv-si-fuss a:hover svg{transform:translateX(3px)}

/* Anmeldekarte: Überschrift, „Passwort vergessen?“ unter dem Passwortfeld, Konto-Zeile in Markenfarbe */
.fv-si:not(#fv):not(#fw) .form-signin .rst-signin-card{padding-top:36px!important;padding-bottom:32px!important}
.fv-si:not(#fv):not(#fw) .form-signin .rst-signin-card .card-header{padding:0 0 20px!important}
.fv-si:not(#fv):not(#fw) .form-signin .rst-signin-card .card-header img{padding:0!important;height:36px;width:auto;max-width:100%}
.fv-si:not(#fv):not(#fw) .form-signin .fv-si-karte-kopf{margin:0 0 24px;text-align:center}
.fv-si:not(#fv):not(#fw) .form-signin .fv-si-karte-kopf h1{margin:0 0 6px;font-family:var(--cp-display,inherit);font-size:22px;line-height:1.2;font-weight:800;font-stretch:108%;letter-spacing:-.01em;color:var(--cp-strong)}
.fv-si:not(#fv):not(#fw) .form-signin .fv-si-karte-kopf p{margin:0;font-size:13.5px;line-height:1.5;color:var(--cp-muted)}
.fv-si:not(#fv):not(#fw) .form-signin .fv-si-vergessen{margin:-6px 0 18px!important;text-align:right;font-size:13px}
.fv-si:not(#fv):not(#fw) .form-signin .fv-si-vergessen a{color:var(--cp-muted)!important;text-decoration:none}
.fv-si:not(#fv):not(#fw) .form-signin .fv-si-vergessen a:hover{color:var(--cp-rust-hi)!important}
.fv-si:not(#fv):not(#fw) .form-signin .fv-si-konto{margin:24px 0 0!important;padding-top:18px;border-top:1px solid var(--cp-line);text-align:center;font-size:13.5px;color:var(--cp-muted)}
.fv-si:not(#fv):not(#fw) .form-signin .fv-si-konto a{color:var(--cp-rust-hi)!important;font-weight:600}
.fv-si:not(#fv):not(#fw) .form-signin .ca-pk-hint{font-size:12.5px;line-height:1.5;color:var(--cp-dim)}

/* Laptops mit wenig Höhe: Karte etwas kompakter, damit sie ohne Scrollen passt */
@media (min-width:1180px) and (max-height:860px){
  .fv-si:not(#fv):not(#fw) .form-signin .ca-pk-hint{display:none}
  .fv-si:not(#fv):not(#fw) .form-signin .cp-trust{margin-top:20px}
  .fv-si:not(#fv):not(#fw) .form-signin .cp-trust-item{padding:10px 6px 9px}
  .fv-si:not(#fv):not(#fw) .form-signin .cp-trust-item svg{width:30px;height:30px}
}
/* iPad hoch/quer und kleine Laptops: Karte oben, Infos darunter in gleicher Breite */
@media (max-width:1179px){
  .fv-si:not(#fv):not(#fw) body.signin-page::after{background:var(--si-veil-flach)!important}
  .fv-si:not(#fv):not(#fw) body.signin-page .scrollable-page{grid-template-columns:minmax(0,1fr);grid-template-areas:"karte" "info";justify-items:center;align-items:start;
    row-gap:64px;width:100%!important;min-height:0!important;padding:96px 32px 64px!important}
  .fv-si:not(#fv):not(#fw) body.signin-page .form-signin{justify-self:center;max-width:560px!important}
  .fv-si:not(#fv):not(#fw) .fv-signin-info{max-width:560px}
  .fv-si:not(#fv):not(#fw) .fv-si-logo{display:none!important}
  .fv-si:not(#fv):not(#fw) body.signin-page .footer{position:relative!important;z-index:1}
  /* Sprache/Hell-Dunkel scrollen mit, statt über der Karte zu stehen */
  .fv-si:not(#fv):not(#fw) body.signin-page .rst-signin-utilbar{position:absolute!important;top:calc(20px + env(safe-area-inset-top))!important;right:20px!important}
}
/* Handy */
@media (max-width:600px){
  .fv-si:not(#fv):not(#fw) body.signin-page .scrollable-page{row-gap:48px;padding:calc(72px + env(safe-area-inset-top)) 16px 40px!important}
  .fv-si:not(#fv):not(#fw) body.signin-page .form-signin{width:100%!important;max-width:none!important}
  .fv-si:not(#fv):not(#fw) body.signin-page .rst-signin-utilbar{position:absolute!important;top:calc(16px + env(safe-area-inset-top))!important;right:16px!important}
  .fv-si:not(#fv):not(#fw) .fv-signin-info h2{font-size:28px}
  .fv-si:not(#fv):not(#fw) .fv-si-lead{margin-bottom:22px;font-size:15px}
  .fv-si:not(#fv):not(#fw) .fv-si-event{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px 16px 16px 18px;margin-bottom:28px}
  .fv-si:not(#fv):not(#fw) .fv-si-count{display:flex;align-items:baseline;gap:8px;min-width:0;padding:12px 0 0;border-left:0;border-top:1px solid var(--si-line);text-align:left}
  .fv-si:not(#fv):not(#fw) .fv-si-count b{font-size:28px}
  .fv-si:not(#fv):not(#fw) .fv-si-count span{margin:0}
  .fv-si:not(#fv):not(#fw) .fv-si-punkte{grid-template-columns:minmax(0,1fr);gap:18px}
}
@media (prefers-reduced-motion:reduce){.fv-si:not(#fv):not(#fw) .fv-signin-info{animation:none}}

/* ============================================================================
   Kopfleiste: ruhig, gruppiert, einheitliche Knöpfe – und Stufen für Laptop, iPad quer/hoch, Handy
   ========================================================================== */
#default-navbar{border-bottom:1px solid rgba(244,238,228,.08)}
#default-navbar .navbar-nav{align-items:center;gap:2px}
/* Agentur-Werkzeuge ausblenden: Favoriten-Projekte, Favoriten-Kunden, Dashboard-Wechsel */
#default-navbar .navbar-nav > li:has(> a svg.feather-grid),
#default-navbar .navbar-nav > li:has(> a svg.feather-briefcase),
#default-navbar .navbar-nav > li:has(> a svg.feather-monitor){display:none!important}
/* einheitliche Symbolknöpfe */
#default-navbar .navbar-nav > li > a.nav-link,#default-navbar .rst-topbar-wrap > button:not(.rst-ai-topbar-toggle):not(.rst-search-trigger),
#default-navbar .rst-notif-bell,#default-navbar .rst-mobile-overflow-btn,#default-navbar .mui-theme-toggle{
  min-width:36px;height:36px;padding:0 8px!important;border-radius:4px;display:inline-flex!important;align-items:center;justify-content:center;transition:background .15s,color .15s}
#default-navbar .navbar-nav > li > a.nav-link:hover,#default-navbar .rst-topbar-wrap > button:hover,#default-navbar .rst-notif-bell:hover,
#default-navbar .rst-mobile-overflow-btn:hover,#default-navbar .mui-theme-toggle:hover{background:rgba(244,238,228,.07)}
#default-navbar .rst-search-trigger{min-width:36px;height:36px;padding:0 8px!important;border-radius:4px}
#default-navbar .rst-search-trigger:hover{background:rgba(244,238,228,.07)}
/* Stempeluhr dezent statt orangem Kreis */
#default-navbar .cp-clk-wrap .cp-clk{transform:scale(.92);opacity:.85}
#default-navbar .cp-clk-wrap .cp-clk:hover{opacity:1}
/* Trennlinien zwischen den Gruppen */
#default-navbar .fv-umschalter{margin-right:10px}
#default-navbar .rst-topbar-wrap{padding-left:10px;margin-left:6px;border-left:1px solid rgba(244,238,228,.1)}
#default-navbar .navbar-nav > li.dropdown:last-child{padding-left:10px;margin-left:4px;border-left:1px solid rgba(244,238,228,.1)}
/* Festival-Umschalter: kompakt mit Kürzel auf kleinen Bildschirmen */
.fv-umschalter > button span.kz{display:none;font-family:"MonoLabel",ui-monospace,monospace;font-size:12px;letter-spacing:.08em}
html[data-theme="light"] #default-navbar{border-bottom-color:rgba(36,23,16,.1)}

/* Laptop schmal */
/* Name neben dem Profilbild nur auf breiten Bildschirmen – sonst rutscht die Leiste aus dem Bild */
#default-navbar .navbar-nav > li.dropdown:last-child .user-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1599px){
  #default-navbar .navbar-nav > li.dropdown:last-child .user-name{display:none!important}
  .fv-umschalter > button{max-width:260px}
}
/* iPad quer (1024–1366) */
@media (max-width:1366px){
  #default-navbar .navbar-nav > li:has(> a svg.feather-clock),#default-navbar .rst-email-btn{display:none!important}
  #default-navbar .rst-ai-topbar-toggle{font-size:0!important;min-width:36px;padding:0 9px!important}
  #default-navbar .rst-ai-topbar-toggle svg{margin:0!important}
}
@media (max-width:1180px){
  .fv-umschalter > button span.n{display:none}
  .fv-umschalter > button span.kz{display:inline}
  .fv-umschalter > button{max-width:none}
  #default-navbar .rst-notes-btn,#default-navbar .rst-translator{display:none!important}
}
/* iPad hoch (768–1024) */
@media (max-width:1024px){
  #default-navbar .navbar-nav > li:has(> a svg.feather-check-circle),#default-navbar .cp-clk-wrap,#default-navbar .mui-theme-toggle{display:none!important}
  .fv-umschalter > button span.k{display:none}
  #default-navbar .rst-topbar-wrap,#default-navbar .navbar-nav > li.dropdown:last-child{border-left:0;padding-left:0;margin-left:0}
}
/* Handy */
@media (max-width:575px){
  .fv-umschalter{margin:0 4px}
  .fv-umschalter > button{height:32px;padding:0 8px;gap:4px}
  .fv-umschalter-menue{position:fixed;left:8px;right:8px;top:58px;min-width:0}
  .fv-lk-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fv-lk-countdown b{font-size:28px}
  .fv-kopf h1{font-size:22px}
  .fv-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .fv-tabs a{white-space:nowrap}
}
/* Festival-Reiter auf iPad: in einer Zeile wischbar statt umbrechen */
@media (max-width:1180px){
  .fv-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .fv-tabs::-webkit-scrollbar{display:none}
  .fv-tabs a{white-space:nowrap}
}
/* Logo in der Kopfleiste (Tablet/Handy): helle Wortmarke auf dunklem Grund */
#default-navbar a.brand-logo img.dashboard-image{content:url("img/cf-lockup-ivory.svg");height:24px;width:auto;max-width:150px}
html[data-theme="light"] #default-navbar a.brand-logo img.dashboard-image{content:url("img/cf-lockup-espresso.svg")}
@media (max-width:575px){
  #default-navbar a.brand-logo{display:none!important}
  #default-navbar .rst-ai-topbar-toggle{min-width:34px;padding:0 7px!important}
  /* Schnellaktionen im Begrüßungsbereich: zwei Spalten, nichts abgeschnitten */
  html body .cp-hero .cp-hero-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
  html body .cp-hero .cp-hero-actions .cp-qa{justify-content:center;font-size:10.5px!important;letter-spacing:.05em!important;padding:0 6px!important;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  html body .cp-hero .cp-hero-actions .cp-qa-search{grid-column:1/-1}
  .cp-hero-title{font-size:26px!important}
}
/* Startseiten-Logo der mobilen Kopfleiste (contentag): helle Wortmarke im dunklen Modus */
#default-navbar a.cp-home-logo{background-image:url("img/cf-lockup-ivory.svg")!important;background-size:contain!important;background-repeat:no-repeat!important;background-position:left center!important}
html[data-theme="light"] #default-navbar a.cp-home-logo{background-image:url("img/cf-lockup-espresso.svg")!important}
@media (max-width:575px){#default-navbar a.cp-home-logo{display:none!important}}
/* Festival-Seiten auf Tablet/Handy: Reiter als wischbare Zeile, Kennzahlen zweispaltig, Kopf kompakter */
@media (max-width:1180px){
  .fv-page .fv-tabs{flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-left:-4px;margin-right:-4px}
  .fv-page .fv-tabs::-webkit-scrollbar{display:none}
  .fv-page .fv-tabs a{white-space:nowrap;flex:none}
}
@media (max-width:767px){
  .fv-page .fv-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .fv-page .fv-kpi{min-height:0;padding:12px}
  .fv-page .fv-kpi-w{font-size:20px}
  .fv-page .fv-kopf .fv-sub{font-size:12px}
  .fvr-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .fvr-tabs a{white-space:nowrap}
}
/* Flackern unter der Kopfleiste (Chrome): Karten behielten nach dem Einblenden (mui-fade-in, Füllmodus „forwards“)
   eine Transformation und wurden dadurch eigene Grafikebenen – unter der fixierten Leiste zeichnete Chrome deren
   oberen Streifen falsch, sobald die Leiste neu gezeichnet wurde. Dazu keine Daueranimationen mehr in der Leiste
   (KI-Symbol läuft nur noch, während der Assistent arbeitet; Glocke ruhig). */
.card{animation-fill-mode:backwards!important}
#default-navbar .rst-ai-topbar-toggle:not(.is-busy):not([aria-busy="true"]) svg .cp-aim-run{display:none}
#default-navbar .rst-ai-topbar-toggle:not(.is-busy):not([aria-busy="true"]) svg .cp-aim-hex{opacity:1}
#default-navbar .rst-ai-topbar-toggle:not(.is-busy):not([aria-busy="true"]) svg .cp-aim-star{animation:none}
#default-navbar .rst-push-toggle svg{animation:none!important}
/* Telefonfeld (intl-tel-input 25): Länderliste im dunklen Design statt weißer Liste mit heller Schrift */
.iti{--iti-dropdown-bg:var(--cp-surface-2,#1F1711);--iti-hover-color:rgba(226,85,30,.16);--iti-border-color:var(--cp-line-2,rgba(244,238,228,.16));--iti-dialcode-color:var(--cp-muted,#9A8C7E);--iti-arrow-color:var(--cp-muted,#9A8C7E)}
.iti__dropdown-content{background:var(--cp-surface-2,#1F1711)!important;border:1px solid var(--cp-line-2,rgba(244,238,228,.16))!important;border-radius:4px!important;box-shadow:0 24px 50px -18px rgba(0,0,0,.85)!important;overflow:hidden}
.iti__search-input{background:var(--cp-surface,#17110D)!important;color:var(--cp-strong,#F4EEE4)!important;border:0!important;border-bottom:1px solid var(--cp-line,rgba(244,238,228,.1))!important;border-radius:0!important;padding:10px 12px 10px 36px!important;box-shadow:none!important}
.iti__search-input::placeholder{color:var(--cp-muted,#9A8C7E)}
.iti__country-list{background:transparent!important;scrollbar-color:rgba(244,238,228,.18) transparent}
.iti__country{color:var(--cp-text,#E3D9C9)!important;padding:8px 12px!important}
.iti__country-name{color:var(--cp-text,#E3D9C9)!important}
.iti__dial-code{color:var(--cp-muted,#9A8C7E)!important;font-variant-numeric:tabular-nums}
.iti__country.iti__highlight,.iti__country:hover{background:rgba(226,85,30,.16)!important}
.iti__country.iti__highlight .iti__country-name{color:var(--cp-strong,#F4EEE4)!important}
.iti__country[aria-selected="true"] .iti__country-name{color:var(--fv-ember,#E2551E)!important}
.iti__no-results{color:var(--cp-muted,#9A8C7E)!important;padding:12px!important}
.iti__country-list .iti__divider,.iti__divider{border-bottom-color:var(--cp-line,rgba(244,238,228,.1))!important}
/* KI-Gedächtnis im Assistenten: warmer Markenton statt neutralem Grau */
.rst-ai-memory{background:var(--cp-deep,#100C09)!important}
/* Teilnehmer-Überblick: Agentur-Karten (offene Stunden, Budgets & Retainer) entfallen */
#overview .cp-co-card.cp-lb-ov,#overview .cp-co-card.cp-bg-card{display:none!important}
/* Kundenfreigaben abgeschaltet (01.11.2026): Video-Feedback-Knopf und Sterne-Bewertung aus extensions.js ausblenden – api.php antwortet „disabled“ */
.rst-lb-tool[title="Video-Feedback aufnehmen"],.ext-nps-widget{display:none!important}