/* ===== MACHBAR – Cookie-Consent (DSGVO/TTDSG) – im Seitendesign ===== */
.mcc-root{ --mcc-bg:#141416; --mcc-card:#1b1b1e; --mcc-line:rgba(255,255,255,.12);
  --mcc-gold:#DDB56E; --mcc-gold-deep:#b8914f; --mcc-ink:#0A0A0B; --mcc-text:#EDEDEA;
  --mcc-muted:#a4a59f; font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif; }

/* Nicht-blockierendes Eck-Banner unten rechts – kein Scrim, kein Blur, Seite bleibt bedienbar */
.mcc-overlay{position:fixed;z-index:2147483000;display:none;box-sizing:border-box;
  left:14px;right:14px;bottom:14px;max-width:calc(100vw - 28px);pointer-events:none}
.mcc-overlay.is-open{display:block}
@media(min-width:680px){.mcc-overlay{left:auto;width:620px}}

/* Card */
.mcc-card{width:100%;background:var(--mcc-card);color:var(--mcc-text);pointer-events:auto;
  border:1px solid var(--mcc-line);border-radius:16px;
  box-shadow:0 24px 60px -18px rgba(0,0,0,.7),0 2px 8px rgba(0,0,0,.35);overflow:hidden;
  max-height:calc(100dvh - 28px);display:flex;flex-direction:column;
  animation:mcc-in .35s cubic-bezier(.22,1,.36,1)}
@keyframes mcc-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.mcc-card:focus{outline:none}
.mcc-body{padding:15px 24px 2px;overflow:auto}
.mcc-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.66rem;font-weight:700;
  letter-spacing:.22em;text-transform:uppercase;color:var(--mcc-gold);margin:0 0 6px}
.mcc-eyebrow::before{content:"";width:18px;height:2px;background:var(--mcc-gold)}
.mcc-title{font-family:"Anton",Impact,sans-serif;font-weight:400;letter-spacing:.5px;
  font-size:clamp(1.2rem,3.2vw,1.5rem);line-height:1.05;margin:0 0 6px;color:#fff;text-transform:uppercase}
.mcc-text{font-size:.88rem;line-height:1.5;color:var(--mcc-muted);margin:0 0 2px}
.mcc-text a{color:var(--mcc-gold);text-decoration:underline;text-underline-offset:2px}

/* Options */
.mcc-opts{margin:18px 0 4px;display:flex;flex-direction:column;gap:10px}
.mcc-opt{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;
  background:#161618;border:1px solid var(--mcc-line);border-radius:11px;padding:14px 16px}
.mcc-opt h3{margin:0 0 3px;font-size:.98rem;font-weight:700;color:#fff}
.mcc-opt p{margin:0;font-size:.83rem;line-height:1.5;color:var(--mcc-muted)}
.mcc-opt-txt{min-width:0}

/* Switch */
.mcc-switch{position:relative;flex:none;width:46px;height:26px;margin-top:2px}
.mcc-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.mcc-track{position:absolute;inset:0;border-radius:99px;background:#3a3a3e;transition:background .2s}
.mcc-track::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;
  background:#fff;transition:transform .2s}
.mcc-switch input:checked + .mcc-track{background:var(--mcc-gold)}
.mcc-switch input:checked + .mcc-track::after{transform:translateX(20px)}
.mcc-switch input:disabled + .mcc-track{background:var(--mcc-gold-deep);opacity:.65}
.mcc-switch input:focus-visible + .mcc-track{outline:2px solid #fff;outline-offset:2px}

/* Footer / buttons */
.mcc-actions{display:flex;flex-wrap:wrap;gap:8px;padding:10px 24px 14px;border-top:1px solid var(--mcc-line);background:var(--mcc-card)}
.mcc-btn{flex:1 1 auto;min-width:108px;cursor:pointer;border:1px solid var(--mcc-line);
  background:transparent;color:var(--mcc-text);font:inherit;font-weight:700;font-size:.88rem;
  padding:10px 16px;border-radius:9px;transition:border-color .2s,background .2s,transform .15s;text-align:center}
.mcc-btn:hover{border-color:#5a5a5e}
.mcc-btn:active{transform:translateY(1px)}
.mcc-btn--primary{background:var(--mcc-gold);border-color:var(--mcc-gold);color:var(--mcc-ink)}
.mcc-btn--primary:hover{background:#e8c486;border-color:#e8c486}
.mcc-btn:focus-visible{outline:2px solid var(--mcc-gold);outline-offset:2px}
.mcc-link{flex:0 0 auto;background:none;border:none;color:var(--mcc-muted);text-decoration:underline;
  text-underline-offset:3px;cursor:pointer;font:inherit;font-size:.85rem;padding:10px 6px}
.mcc-link:hover{color:#fff}
/* Schmale Screens: Buttons untereinander, nichts ragt über den Rand */
@media(max-width:440px){
  .mcc-actions{flex-direction:column;align-items:stretch}
  .mcc-btn{width:100%;min-width:0}
  .mcc-link{order:3;text-align:center;padding:8px 0 2px}
}

/* zweite Ebene nur anzeigen, wenn geöffnet */
.mcc-root .mcc-details{display:none}
.mcc-root.mcc-show-details .mcc-details{display:block}
.mcc-root.mcc-show-details .mcc-intro-actions{display:none}

/* Re-Open Fußzeilen-Link (als Button, optisch wie die Footer-Links) */
.mcc-settings-link{background:none;border:none;color:inherit;font:inherit;cursor:pointer;
  text-decoration:underline;text-underline-offset:3px;padding:0;line-height:inherit}
.mcc-settings-link:hover{color:#DDB56E}

/* Trustindex-Platzhalter (Content-Blocker) */
.mcc-block{border:1px dashed rgba(0,0,0,.18);border-radius:14px;background:#f3f3f1;
  padding:30px 24px;text-align:center;color:#444;max-width:640px}
.mcc-block h3{font-family:"Anton",Impact,sans-serif;font-weight:400;text-transform:uppercase;
  letter-spacing:.5px;font-size:1.3rem;margin:0 0 8px;color:#1a1a1c}
.mcc-block p{margin:0 auto 16px;font-size:.92rem;line-height:1.55;max-width:46ch}
.mcc-block a{color:var(--mcc-gold-deep);text-decoration:underline}
.mcc-block .mcc-btn--primary{flex:0 0 auto;min-width:0;display:inline-block}