/* Coffeino Site v5.3.0 - Einwilligungsbanner und Zwei-Klick-Einbettungen */

.coffeino-consent{position:fixed;left:0;right:0;bottom:0;z-index:2000;display:flex;justify-content:center;padding:16px clamp(14px,3vw,26px) calc(16px + env(safe-area-inset-bottom));pointer-events:none}
.coffeino-consent[hidden]{display:none}
.consent-card{pointer-events:auto;width:min(760px,100%);background:rgba(255,253,248,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:30px;box-shadow:0 30px 80px rgba(36,24,20,.28);padding:clamp(20px,3vw,28px);transform:translateY(14px);opacity:0;transition:transform .38s cubic-bezier(.22,.9,.3,1),opacity .38s ease}
.coffeino-consent.is-open .consent-card{transform:translateY(0);opacity:1}
.consent-kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.13em;color:var(--coral);font-size:11px;font-weight:950}
.consent-card h2{font-family:var(--serif);letter-spacing:-.04em;color:var(--espresso);font-size:clamp(22px,2.6vw,30px);line-height:1.05;margin:0 0 10px}
.consent-text{margin:0 0 16px;color:var(--muted);font-size:14px;line-height:1.7}
.consent-text a{color:var(--espresso);font-weight:750;text-decoration:underline;text-decoration-color:rgba(223,121,85,.55);text-underline-offset:3px}
.consent-text a:hover{color:var(--coral)}

.consent-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.consent-btn{appearance:none;border:0;cursor:pointer;font-family:var(--sans);font-weight:900;font-size:14px;border-radius:999px;padding:13px 22px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}
.consent-btn:focus-visible{outline:3px solid rgba(223,121,85,.55);outline-offset:2px}
.consent-btn-primary{background:var(--coral);color:#fff;box-shadow:0 12px 26px rgba(223,121,85,.35)}
.consent-btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 32px rgba(223,121,85,.42)}
.consent-btn-secondary{background:transparent;color:var(--espresso);box-shadow:inset 0 0 0 2px var(--espresso)}
.consent-btn-secondary:hover{background:var(--espresso);color:#fff7ec;transform:translateY(-2px)}
.consent-btn-ghost{background:transparent;color:var(--muted);padding:13px 12px;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(74,43,31,.3)}
.consent-btn-ghost:hover{color:var(--espresso)}

.consent-panel{margin:2px 0 16px;padding:6px 0 2px;border-top:1px solid var(--line)}
.consent-panel[hidden]{display:none}
.consent-row{display:flex;align-items:flex-start;gap:14px;padding:12px 0;border-bottom:1px solid rgba(74,43,31,.08)}
.consent-cat b{display:block;color:var(--espresso);font-size:14px;margin-bottom:3px}
.consent-cat small{display:block;color:var(--muted);font-size:12.5px;line-height:1.6}
.consent-panel .consent-btn{margin-top:14px}

.consent-switch{position:relative;display:inline-block;flex:0 0 auto;width:46px;height:26px;margin-top:2px}
.consent-switch input{opacity:0;width:0;height:0}
.consent-switch span{position:absolute;inset:0;border-radius:999px;background:rgba(74,43,31,.22);transition:.2s ease;cursor:pointer}
.consent-switch span:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(36,24,20,.3);transition:.2s ease}
.consent-switch input:checked+span{background:var(--sage)}
.consent-switch input:checked+span:before{transform:translateX(20px)}
.consent-switch input:disabled+span{background:var(--espresso);opacity:.55;cursor:default}
.consent-switch input:disabled+span:before{transform:translateX(20px)}

.legal-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-top:10px}
.legal-links a{color:rgba(255,246,238,.78);font-size:13px;font-weight:700;border-bottom:1px dotted rgba(255,246,238,.35);transition:.18s ease}
.legal-links a:hover{color:#ffd9ac;border-bottom-color:#ffd9ac}

.consent-embed{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:rgba(255,255,255,.82);border:1px dashed rgba(74,43,31,.3);border-radius:30px;padding:clamp(22px,3.5vw,34px);margin:14px 0}
.consent-embed-title{margin:0;font-family:var(--serif);color:var(--espresso);font-size:clamp(19px,2.2vw,24px);letter-spacing:-.03em}
.consent-embed-text{margin:0;color:var(--muted);font-size:13.5px;line-height:1.7;max-width:560px}
.consent-embed-remember{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:12.5px;cursor:pointer}
.consent-embed-remember input{accent-color:var(--coral)}
.consent-embed iframe{width:100%;min-height:380px;border:0;border-radius:22px}

@media(max-width:640px){
  .consent-actions{flex-direction:column;align-items:stretch}
  .consent-btn{width:100%;text-align:center}
  .consent-btn-ghost{width:auto;align-self:center}
}
@media(prefers-reduced-motion:reduce){
  .consent-card{transition:none;transform:none;opacity:1}
}

/* v5.3.0 - Banner bleibt auch auf kleinen Displays vollstaendig bedienbar. */
.consent-card{max-height:calc(100vh - 28px - env(safe-area-inset-bottom));max-height:calc(100dvh - 28px - env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
@media(max-width:480px){
  .coffeino-consent{padding:8px 8px calc(8px + env(safe-area-inset-bottom))}
  .consent-card{border-radius:22px;padding:18px}
  .consent-text{font-size:13px;line-height:1.58}
  .consent-row{gap:10px}
}