/* Cannabis Culture Club 37 e.V. – gemeinsame Styles */

/* Schriften lokal vom eigenen Server (keine Verbindung zu Google).
   Die Dateien liegen im Ordner /fonts. Fehlen sie, greifen Systemschriften. */
@font-face{font-family:'Wix Madefor Display';src:url('../fonts/WixMadeforDisplay-Variable.woff') format('woff');font-weight:400 800;font-style:normal;font-display:swap}
@font-face{font-family:'Wix Madefor Text';src:url('../fonts/WixMadeforText-Variable.woff') format('woff');font-weight:400 800;font-style:normal;font-display:swap}

html{scroll-behavior:smooth}
body{margin:0;background:#FFFFFF;font-family:'Wix Madefor Text',system-ui,-apple-system,'Segoe UI',sans-serif;color:#281A39;-webkit-font-smoothing:antialiased}
a{color:inherit}a:hover{color:inherit}
[hidden]{display:none !important}
:focus-visible{outline:3px solid #907ACF;outline-offset:3px}
.dc-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* Navigation */
.dc-nav-desktop{display:none}
.dc-nav-toggle{display:flex}
@media (min-width:960px){.dc-nav-desktop{display:flex}.dc-nav-toggle{display:none}.dc-menu-panel{display:none !important}}

/* Buttons und Links */
.dc-btn-dark,.dc-btn-light,.dc-btn-outline,.dc-link-dark,.dc-link-light,.dc-icon-btn,.dc-faq-icon,.dc-chip{transition:background-color .2s ease,color .2s ease,border-color .2s ease,text-decoration-color .2s ease}
@media (hover:hover){
.dc-btn-dark:hover,.dc-btn-light:hover{background:#DABA81 !important;color:#281A39 !important}
.dc-btn-outline:hover{border-color:#DABA81 !important;color:#DABA81 !important}
.dc-link-dark:hover{color:#DABA81 !important}
.dc-link-light:hover{text-decoration-line:underline !important;text-decoration-color:#DABA81 !important;text-decoration-thickness:2px !important;text-underline-offset:6px !important}
.dc-icon-btn:hover{border-color:#DABA81 !important;background:#F3EFF8 !important}
.dc-faq:hover .dc-faq-icon{background:#DABA81 !important;border-color:#DABA81 !important}
.dc-chip:hover{border-color:#DABA81 !important;color:#DABA81 !important}
.dc-pill:hover{border-color:#8E83A0 !important}
}
.dc-btn-dark:active,.dc-btn-light:active,.dc-btn-dark:focus-visible,.dc-btn-light:focus-visible{background:#DABA81 !important;color:#281A39 !important}
.dc-btn-outline:active,.dc-btn-outline:focus-visible{border-color:#DABA81 !important;color:#DABA81 !important}
.dc-link-dark:active,.dc-link-dark:focus-visible{color:#DABA81 !important}
.dc-link-light:focus-visible{text-decoration-line:underline !important;text-decoration-color:#DABA81 !important;text-decoration-thickness:2px !important;text-underline-offset:6px !important}
.dc-faq:active .dc-faq-icon,.dc-faq:focus-visible .dc-faq-icon{background:#DABA81 !important;border-color:#DABA81 !important}
.dc-chip:active,.dc-chip:focus-visible{border-color:#DABA81 !important;color:#DABA81 !important}
.dc-btn-dark:disabled{opacity:.7;cursor:progress}

/* Formular */
.dc-pill{transition:border-color .2s ease,background-color .2s ease}
.dc-pill:has(input:checked){border-color:#281A39 !important;background:#FFFFFF !important}
.dc-sorten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (min-width:900px){.dc-sorten{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}

/* Altersabfrage und Intro */
html.dc-locked,html.dc-locked body{overflow:hidden}
html.dc-age-ok #dc-overlay{display:none}
.dc-arcs{transform-origin:50% 50%;animation:dcArcs 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes dcArcs{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:none}}
html.dc-gate #dc-hero-arcs{opacity:0;animation:none}
.dc-overlay{transition:background-color .35s ease}
.dc-overlay-out{animation:dcOverlayOut .65s ease forwards;pointer-events:none}
@keyframes dcOverlayOut{to{opacity:0}}
.dc-gate-out{animation:dcGateOut .3s ease forwards}
@keyframes dcGateOut{to{opacity:0;transform:translateY(-10px)}}
.dc-intro-logo{animation:dcIntroLogo .9s cubic-bezier(.2,.7,.2,1) both}
@keyframes dcIntroLogo{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}
.dc-intro-arc{stroke-dasharray:200;stroke-dashoffset:200;animation:dcArcDraw .9s cubic-bezier(.4,0,.2,1) .45s forwards}
.dc-intro-arc2{animation-delay:.65s}
@keyframes dcArcDraw{to{stroke-dashoffset:0}}
@media (prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.dc-arcs{animation:none}
.dc-overlay{transition:none}
.dc-gate-out,.dc-intro-logo{animation:none}
.dc-intro-arc{animation:none;stroke-dashoffset:0}
.dc-overlay-out{animation-duration:.2s}
}

/* Fehlermeldung im Formular */
.dc-form-error{margin:0;padding:12px 14px;border-radius:6px;background:#FBEAEA;color:#8A1C1C;font-size:15px;line-height:1.5}