@font-face{font-family:Inter;src:local("Inter");font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}:root{--bg:#0b0712;--bg2:#160921;--ink:#fbf8ff;--muted:#c7bdd3;--violet:#7c3cff;--green:#6ee7b7;--red:#ff5364;--gold:#e6bd55;--glass:rgba(255,255,255,.075);--line:rgba(255,255,255,.14);--shadow:0 30px 80px rgba(0,0,0,.38)}body{margin:0;background:radial-gradient(circle at 15% 10%,rgba(124,60,255,.19),transparent 30%),radial-gradient(circle at 85% 30%,rgba(68,189,145,.11),transparent 26%),var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}.ambient{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:999}.site-header{position:fixed;z-index:50;left:50%;top:18px;transform:translateX(-50%);width:min(1180px,calc(100% - 32px));height:70px;padding:8px 12px 8px 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:22px;background:rgba(15,9,24,.68);backdrop-filter:blur(20px);box-shadow:0 12px 40px rgba(0,0,0,.2)}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.03em}.brand img{width:58px;height:43px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:25px}.site-header nav>a:not(.button){color:var(--muted);font-size:.92rem}.section{width:min(1180px,calc(100% - 40px));margin:auto;position:relative}.hero{min-height:100svh;padding:150px 0 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:3vw}.hero-copy{position:relative;z-index:3}.eyebrow,.card-label{display:block;margin-bottom:18px;text-transform:uppercase;letter-spacing:.2em;color:var(--green);font-size:.75rem;font-weight:800}.hero h1,.section-heading h2,.contact-copy h2,.legal-shell h1{font-size:clamp(3.25rem,7vw,7.2rem);line-height:.91;letter-spacing:-.07em;margin:0;text-wrap:balance}.hero h1{max-width:780px}.lead{font-size:clamp(1.08rem,1.55vw,1.32rem);color:var(--muted);max-width:610px;margin:30px 0}.hero-actions{display:flex;align-items:center;gap:24px}.button{display:inline-flex;justify-content:center;align-items:center;gap:34px;min-height:58px;padding:0 24px;border:0;border-radius:17px;background:linear-gradient(135deg,#8b50ff,var(--violet));color:#fff;font:inherit;font-weight:800;box-shadow:0 14px 35px rgba(124,60,255,.35);cursor:pointer;transition:.25s}.button:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(124,60,255,.46)}.button-small{min-height:45px;padding:0 18px;border-radius:14px;font-size:.88rem}.text-button{border:0;background:none;color:var(--muted);font:inherit;font-weight:700;text-decoration:underline;text-underline-offset:5px;cursor:pointer}.hero-art{height:min(73vh,760px);min-height:500px;position:relative;display:flex;align-items:flex-end;justify-content:center}.joker-full{position:relative;z-index:2;max-width:100%;max-height:100%;filter:drop-shadow(0 35px 45px rgba(0,0,0,.65));animation:float 6s ease-in-out infinite}.halo{position:absolute;inset:12% 8% 4%;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(124,60,255,.46),rgba(66,25,112,.08) 55%,transparent 72%);filter:blur(10px)}.anniversary-pin{position:absolute;z-index:4;width:clamp(120px,14vw,190px);right:-2%;bottom:7%;transform:rotate(7deg);filter:drop-shadow(0 12px 20px rgba(0,0,0,.5))}.scroll-cue{position:absolute;bottom:35px;left:0;font-size:.7rem;letter-spacing:.17em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px}.scroll-cue span{display:block;width:38px;height:1px;background:var(--muted)}@keyframes float{50%{transform:translateY(-12px) rotate(.7deg)}}.zeedel-section{padding:130px 0}.section-heading{text-align:center;max-width:920px;margin:0 auto 55px}.section-heading h2,.contact-copy h2{font-size:clamp(2.7rem,5vw,5.8rem)}.section-heading p{font-size:1.25rem;color:var(--muted)}.glass{border:1px solid var(--line);background:linear-gradient(140deg,rgba(255,255,255,.1),rgba(255,255,255,.035));backdrop-filter:blur(22px);box-shadow:var(--shadow)}.zeedel-card{border-radius:34px;overflow:hidden;display:grid;grid-template-columns:minmax(330px,.8fr) 1.2fr}.zeedel-visual{position:relative;min-height:700px;background:radial-gradient(circle at center,rgba(110,231,183,.22),transparent 57%),linear-gradient(145deg,#251238,#0a0710);display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.zeedel-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,rgba(14,8,20,.5))}.zeedel-visual img{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 40px #000)}.zeedel-copy{padding:clamp(32px,5vw,75px);max-height:790px;overflow:auto;scrollbar-color:var(--violet) transparent}.poem{font-family:Georgia,serif;font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.74;color:#eee8f5;white-space:normal}.contact-section{padding:130px 0 150px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:start}.contact-copy{position:sticky;top:130px}.contact-copy p{font-size:1.14rem;color:var(--muted);max-width:510px;margin:28px 0}.mail-link{display:inline-block;color:var(--green);border-bottom:1px solid rgba(110,231,183,.4);padding-bottom:5px}.contact-form{border-radius:30px;padding:clamp(24px,4vw,52px)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px}.field{display:grid;gap:8px}.field-wide{grid-column:1/-1}.field span{font-size:.78rem;font-weight:750;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}input,textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:rgba(7,4,12,.38);color:#fff;padding:14px 15px;font:inherit;outline:none;transition:.2s}textarea{resize:vertical}input:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(110,231,183,.11)}.consent{display:flex;gap:11px;color:var(--muted);font-size:.83rem;margin:25px 0}.consent input{width:18px;height:18px;flex:none;accent-color:var(--violet)}.submit{width:100%}.honey{position:absolute;left:-9999px}.notice{padding:14px 16px;border-radius:12px;margin-bottom:20px}.notice.success{background:rgba(110,231,183,.13);color:#bffce5;border:1px solid rgba(110,231,183,.25)}.notice.error{background:rgba(255,83,100,.13);color:#ffc2c8;border:1px solid rgba(255,83,100,.3)}footer{border-top:1px solid var(--line);width:min(1180px,calc(100% - 40px));margin:auto;padding:36px 0 42px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;color:var(--muted)}footer div{display:grid}footer strong{color:#fff}footer nav{display:flex;gap:24px;font-size:.85rem}footer small{grid-column:1/-1;font-size:.72rem}.reveal{transition:opacity .75s,transform .75s}.js .reveal:not(.visible){opacity:0;transform:translateY(28px)}.legal-page{min-height:100vh;display:grid;place-items:center}.legal-shell{width:min(720px,calc(100% - 30px));padding:50px;border-radius:28px}.legal-shell .eyebrow{margin-top:50px}.legal-shell h1{font-size:4rem}.legal-shell p{color:var(--muted)}
@media(max-width:850px){.site-header nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-top:135px}.hero-art{height:54vh;min-height:420px}.hero h1{font-size:clamp(3rem,14vw,5rem)}.scroll-cue{display:none}.zeedel-card,.contact-grid{grid-template-columns:1fr}.zeedel-visual{min-height:520px}.contact-copy{position:static;margin-bottom:20px}.anniversary-pin{right:5%}.contact-section,.zeedel-section{padding:90px 0}}
@media(max-width:560px){.site-header{top:10px;width:calc(100% - 20px)}.brand span{display:none}.section{width:min(100% - 24px,1180px)}.hero{padding-top:115px}.hero-art{min-height:360px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.zeedel-visual{min-height:430px}.zeedel-card,.contact-form{border-radius:22px}.hero-actions{align-items:flex-start;flex-direction:column}.button{width:100%}footer{grid-template-columns:1fr}footer nav{flex-wrap:wrap}footer small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.joker-full{animation:none}.reveal{transition:none!important}}

/* Light-first redesign ---------------------------------------------------- */
:root{--bg:#fff;--bg2:#f6f7f9;--ink:#17131c;--muted:#68616f;--violet:#7c3cff;--green:#64963b;--blue:#0987d4;--glass:rgba(255,255,255,.72);--line:rgba(38,24,49,.12);--shadow:0 24px 70px rgba(58,39,73,.12)}
html[data-theme="dark"]{--bg:#0b0712;--bg2:#160921;--ink:#fbf8ff;--muted:#c7bdd3;--glass:rgba(24,16,34,.72);--line:rgba(255,255,255,.14);--shadow:0 30px 80px rgba(0,0,0,.38)}
body{position:relative;background:radial-gradient(circle at 12% 7%,rgba(124,60,255,.07),transparent 27%),radial-gradient(circle at 88% 30%,rgba(100,150,59,.065),transparent 28%),var(--bg);color:var(--ink);font-weight:300;transition:background-color .3s,color .3s}
html[data-theme="dark"] body{background:radial-gradient(circle at 15% 10%,rgba(124,60,255,.19),transparent 30%),radial-gradient(circle at 85% 30%,rgba(100,150,59,.11),transparent 26%),var(--bg)}
.site-header{top:14px;height:126px;padding:10px 20px 10px 28px;background:rgba(255,255,255,.76);border-color:var(--line);border-radius:28px}
html[data-theme="dark"] .site-header{background:rgba(15,9,24,.76)}
.brand{font-weight:300;gap:18px}.brand img{width:152px;height:112px}.brand span{display:none}
.site-header nav{gap:20px}.site-header nav>a:not(.button){font-weight:300}.theme-toggle{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--glass);color:var(--ink);font-size:1.25rem;cursor:pointer}.theme-toggle:hover{border-color:var(--violet)}
.hero{padding-top:195px}.hero h1,.section-heading h2,.contact-copy h2,.legal-shell h1{font-weight:300}.hero h1{font-size:clamp(3.1rem,6.5vw,6.75rem);line-height:.95}.accent-blue{color:var(--blue)}.punctuation{display:inline-block;background:radial-gradient(circle at 30% 25%,var(--violet) 5%,#64963b 78%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-weight:300}.eyebrow,.card-label{font-weight:300;color:var(--green)}.button{font-weight:300;background:linear-gradient(135deg,var(--violet),#64963b);box-shadow:0 12px 30px rgba(100,82,145,.2)}.text-button{font-weight:300}.glass{background:linear-gradient(140deg,rgba(255,255,255,.72),rgba(255,255,255,.46));border-color:var(--line)}html[data-theme="dark"] .glass{background:linear-gradient(140deg,rgba(255,255,255,.1),rgba(255,255,255,.035))}
.zeedel-section:before,.contact-section:before{content:"";position:absolute;pointer-events:none;z-index:-1;background:center/contain no-repeat;opacity:.11;filter:grayscale(1) contrast(1.25)}.zeedel-section:before{width:min(45vw,580px);height:700px;left:-22vw;top:16%;background-image:url('../img/joker-full.png');transform:rotate(-8deg)}.contact-section:before{width:min(38vw,480px);height:560px;right:-18vw;top:18%;background-image:url('../img/joker-portrait.png');transform:rotate(7deg)}html[data-theme="dark"] .zeedel-section:before,html[data-theme="dark"] .contact-section:before{opacity:.085;filter:grayscale(1) brightness(1.8)}
.zeedel-card{grid-template-columns:minmax(330px,.8fr) 1.2fr;align-items:stretch}.zeedel-copy{max-height:none;overflow:visible}.zeedel-visual{min-height:700px;background:radial-gradient(circle at center,rgba(100,150,59,.16),transparent 58%),linear-gradient(145deg,#f0edf5,#fff)}html[data-theme="dark"] .zeedel-visual{background:radial-gradient(circle at center,rgba(100,150,59,.22),transparent 57%),linear-gradient(145deg,#251238,#0a0710)}.poem{color:var(--ink);font-weight:300}
.contact-grid{display:block;max-width:960px;margin:auto}.contact-copy{position:static;text-align:center;max-width:720px;margin:0 auto 48px}.contact-copy p{max-width:680px;margin:24px auto}.form-grid{grid-template-columns:repeat(3,1fr)}.field-wide{grid-column:1/-1}.field span{font-weight:400}.contact-form{background:var(--glass)}input,textarea{background:rgba(255,255,255,.62);color:var(--ink)}html[data-theme="dark"] input,html[data-theme="dark"] textarea{background:rgba(7,4,12,.38);color:#fff}
footer{padding:20px 0 22px;grid-template-columns:1fr auto;min-height:66px}footer small{grid-column:auto;font-size:.78rem}footer nav{font-size:.8rem}
@media(max-width:850px){.site-header{height:106px}.brand img{width:126px;height:94px}.hero{padding-top:155px}.contact-grid{max-width:100%}.form-grid{grid-template-columns:1fr 1fr}.zeedel-section:before,.contact-section:before{opacity:.07}}
@media(max-width:560px){.site-header{height:88px;padding:7px 11px 7px 14px}.brand img{width:96px;height:72px}.theme-toggle{width:40px;height:40px}.site-header .button-small{min-height:40px;padding:0 13px}.hero{padding-top:125px}.form-grid{grid-template-columns:1fr}.zeedel-visual{min-height:430px}footer{grid-template-columns:1fr;gap:9px}footer nav{gap:18px}}

/* Fasnachtsfiguren und Hero-Abgleich mit der Designreferenz */
.fasnacht-backdrop{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.fasnacht-backdrop+header{z-index:50}main,footer{position:relative;z-index:1}.figure{position:absolute;width:clamp(130px,15vw,250px);height:auto;opacity:.12;mix-blend-mode:multiply;filter:saturate(1.15);transform-origin:center}.figure-1{top:2%;left:-2%;transform:rotate(-14deg) scale(.8)}.figure-2{top:12%;right:-3%;transform:rotate(16deg) scale(1.08)}.figure-3{top:23%;left:39%;transform:rotate(9deg) scale(.72)}.figure-4{top:34%;right:4%;transform:rotate(-11deg) scale(.9)}.figure-5{top:44%;left:-1%;transform:rotate(15deg) scale(1.12)}.figure-6{top:54%;left:46%;transform:rotate(-8deg) scale(.78)}.figure-7{top:65%;left:7%;transform:rotate(12deg) scale(.95)}.figure-8{top:74%;right:8%;transform:rotate(17deg) scale(.75)}.figure-9{top:84%;left:37%;transform:rotate(-10deg) scale(1.03)}.figure-10{top:93%;right:-1%;transform:rotate(8deg) scale(.86)}
.zeedel-section:before,.contact-section:before{display:none}
html[data-theme="dark"] .figure{opacity:.11;mix-blend-mode:screen;filter:saturate(1.2) contrast(1.08)}
.hero{grid-template-columns:1.15fr .85fr}.hero-copy{max-width:820px}.hero h1{font-size:clamp(3.55rem,6.6vw,7.15rem);font-weight:750;line-height:.89;letter-spacing:-.075em}.hero .lead{max-width:650px;font-size:clamp(1rem,1.35vw,1.2rem);font-weight:500}.hero-art{max-width:430px;justify-self:end}.accent-blue{color:#078cdb}.section-heading h2,.contact-copy h2{font-weight:700;letter-spacing:-.065em}.site-header nav .button-small{min-width:98px;gap:0}.site-header nav .button-small+.button-small{margin-left:-8px}
@media(max-width:850px){.figure{width:clamp(105px,26vw,180px);opacity:.08}.hero{grid-template-columns:1fr}.hero-copy{max-width:none}.hero-art{justify-self:center}.site-header nav{gap:9px}.site-header nav .button-small{min-width:auto}.site-header nav .button-small+.button-small{margin-left:0}}
@media(max-width:560px){.site-header nav .button-small{font-size:.76rem;padding:0 10px}.site-header nav{gap:6px}.hero h1{font-size:clamp(3rem,15vw,4.7rem)}.figure{opacity:.065}.figure:nth-child(even){display:none}}

/* Kompaktere Hero-, Zeedel- und Kontaktgestaltung */
.hero-nowrap{white-space:nowrap}
.hero h1{line-height:1.02}
.hero h1 .punctuation{font-size:1.14em;line-height:1;vertical-align:baseline;padding:0 .055em .035em .015em;overflow:visible;background:linear-gradient(135deg,#078cdb 15%,#7c3cff 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-art{max-width:370px;transform:translateX(82px)}
.figure-2{top:18%;right:-4%}
.joker-full{max-width:92%;max-height:92%}
.section-heading{max-width:1100px}
.section-heading h2{font-size:clamp(2.45rem,4.55vw,5.25rem);white-space:nowrap}
.zeedel-visual{isolation:isolate;align-items:flex-end}
.zeedel-visual:after{z-index:4;pointer-events:none}
.zeedel-visual .zeedel-upload{position:relative;z-index:2;width:100%;height:100%;object-fit:contain}
.zeedel-visual .zeedel-joker{position:absolute;z-index:3;right:-3%;bottom:2%;width:72%;height:auto;max-height:62%;object-fit:contain;object-position:right bottom}
.zeedel-visual .zeedel-character{position:absolute;z-index:1;width:43%;height:auto;max-height:48%;object-fit:contain;object-position:center top;opacity:.16;mix-blend-mode:multiply;filter:grayscale(.15) saturate(1.1);border-radius:20px}
.zeedel-character-left{left:2%;top:3%;transform:rotate(-7deg)}
.zeedel-character-right{right:2%;top:15%;transform:rotate(7deg)}
html[data-theme="dark"] .zeedel-visual .zeedel-character{opacity:.14;mix-blend-mode:screen;filter:grayscale(.2) saturate(1.15) contrast(1.06)}
.contact-form input[type="text"],.contact-form input[type="email"],.contact-form input[type="tel"]{min-height:42px;padding:9px 13px;font-size:.93rem}
.contact-form textarea{height:auto;min-height:68px;max-height:120px;padding:9px 13px;font-size:.93rem}
.contact-form .submit{width:auto;min-height:42px;padding:0 18px;border-radius:13px;gap:12px;font-size:.9rem}
.contact-eyebrow{word-spacing:0;letter-spacing:.2em}
.contact-punctuation{display:inline-block;font-size:1.08em;line-height:1;vertical-align:baseline;padding:0 .045em .025em .01em;overflow:visible;background:linear-gradient(135deg,#078cdb 12%,#7c3cff 88%);-webkit-background-clip:text;background-clip:text;color:transparent}
@media(max-width:850px){.hero-art{transform:none}.section-heading h2{font-size:clamp(2.25rem,8vw,4.2rem)}.zeedel-visual .zeedel-joker{right:1%;width:65%}.zeedel-visual .zeedel-character{width:37%}}
@media(max-width:620px){.section-heading h2{white-space:normal}.hero-nowrap{white-space:normal}.zeedel-visual .zeedel-joker{width:70%;right:-4%}.zeedel-visual .zeedel-character{width:42%}.contact-form .submit{width:auto}}

/* Impressum und Datenschutz */
body.legal-page{display:block;min-height:100vh;padding:180px 20px 70px;background:radial-gradient(circle at 12% 18%,rgba(9,135,212,.13),transparent 28%),radial-gradient(circle at 88% 28%,rgba(124,60,255,.12),transparent 30%),radial-gradient(circle at 50% 88%,rgba(100,150,59,.1),transparent 32%),var(--bg)}
.legal-header{position:fixed}
.legal-shell{position:relative;isolation:isolate;display:block;width:min(820px,100%);margin:0 auto;padding:clamp(30px,5vw,58px);border-radius:32px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.72),rgba(255,255,255,.38));border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(26px) saturate(1.18);-webkit-backdrop-filter:blur(26px) saturate(1.18);box-shadow:0 30px 90px rgba(59,38,77,.16),inset 0 1px 0 rgba(255,255,255,.82)}
html[data-theme="dark"] .legal-shell{background:linear-gradient(145deg,rgba(31,20,44,.78),rgba(16,10,25,.56));border-color:rgba(255,255,255,.14);box-shadow:0 34px 95px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.1)}
.legal-shell:before{content:"";position:absolute;z-index:-1;width:310px;height:310px;top:-145px;right:-105px;border-radius:50%;background:radial-gradient(circle,rgba(124,60,255,.24),rgba(9,135,212,.08) 58%,transparent 72%);filter:blur(4px);pointer-events:none}
.legal-shell-wide{width:min(940px,100%)}
.legal-shell .legal-back{display:inline-block;margin-bottom:32px;color:var(--muted);font-size:.9rem;border-bottom:1px solid var(--line)}
.legal-shell .eyebrow{margin:0 0 14px}
.legal-shell h1{font-size:clamp(3rem,7vw,5.4rem);line-height:.95;margin:0 0 44px;font-weight:700;letter-spacing:-.065em}
.legal-shell section{margin:12px 0;padding:22px 24px;border:1px solid rgba(255,255,255,.62);border-radius:18px;background:rgba(255,255,255,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.65)}
html[data-theme="dark"] .legal-shell section{background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.055)}
.legal-shell section:first-of-type{margin-top:0}
.legal-shell h2{margin:0 0 12px;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.3}
.legal-shell p{margin:0 0 13px;color:var(--muted)}
.legal-shell p:last-child{margin-bottom:0}
.legal-shell strong{color:var(--ink)}
.legal-shell section a{color:var(--blue);border-bottom:1px solid rgba(9,135,212,.3)}
.legal-updated{padding-top:24px!important;margin-top:10px!important;border-top:1px solid var(--line);font-size:.84rem}
@media(max-width:560px){body.legal-page{padding:120px 12px 40px}.legal-shell{padding:28px 18px;border-radius:22px}.legal-shell h1{margin-bottom:34px}.legal-shell section{padding:19px 17px;border-radius:15px}.legal-header .brand img{width:96px;height:72px}}

/* Vollständige Mobile-Optimierung */
@media(max-width:700px){
  html{scroll-padding-top:96px}
  .site-header{top:8px;width:calc(100% - 16px);height:82px;padding:6px 9px 6px 12px;border-radius:20px}
  .brand{min-width:0;gap:0}.brand img{width:88px;height:66px}.brand span{display:none}
  .site-header nav{gap:6px}.theme-toggle{width:38px;height:38px;flex:0 0 38px;font-size:1rem}
  .site-header .button-small{width:auto;min-width:0;min-height:38px;padding:0 11px;border-radius:11px;font-size:.74rem;gap:0;white-space:nowrap}
  .site-header nav .button-small+.button-small{margin-left:0}
  .section{width:calc(100% - 24px)}
  .hero{min-height:auto;padding:122px 0 68px;grid-template-columns:1fr;gap:24px}
  .hero-copy{text-align:left}.hero h1{font-size:clamp(2.65rem,13.5vw,4.35rem);line-height:1.03;letter-spacing:-.07em;overflow-wrap:normal}
  .hero-nowrap{white-space:normal}.hero .lead{margin:23px 0;font-size:1rem;line-height:1.55}
  .hero-actions{flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}.hero-actions .button{width:auto;min-height:48px;padding:0 18px;border-radius:14px;gap:18px}
  .hero-art{width:100%;max-width:310px;height:390px;min-height:0;margin:0 auto;transform:none;justify-self:center}.joker-full{max-width:88%;max-height:100%}
  .zeedel-section,.contact-section{padding:72px 0}.section-heading{margin-bottom:32px}.section-heading h2{font-size:clamp(2.2rem,11vw,3.65rem);line-height:1;white-space:normal}.section-heading p{font-size:1rem;margin-bottom:0}
  .zeedel-card{grid-template-columns:1fr;border-radius:22px}.zeedel-visual{min-height:390px}.zeedel-copy{padding:28px 22px}.poem{font-size:1rem;line-height:1.65}
  .zeedel-visual .zeedel-joker{width:72%;right:-4%;max-height:65%}.zeedel-visual .zeedel-character{width:41%;max-height:44%}.zeedel-character-right{top:12%}
  .contact-copy{max-width:100%;margin-bottom:30px}.contact-copy h2{font-size:clamp(2.55rem,13vw,4rem);line-height:1;letter-spacing:-.065em}.contact-copy p{font-size:1rem;line-height:1.55;margin:20px auto}.mail-link{font-size:.92rem;overflow-wrap:anywhere}
  .contact-form{padding:23px 18px;border-radius:22px}.form-grid{grid-template-columns:1fr;gap:17px}.field-wide{grid-column:auto}.contact-form input[type="text"],.contact-form input[type="email"],.contact-form input[type="tel"]{min-height:44px}.contact-form textarea{min-height:70px}.consent{align-items:flex-start;margin:20px 0;line-height:1.45}.contact-form .submit{width:100%;min-height:44px}
  footer{width:calc(100% - 24px);grid-template-columns:1fr;gap:10px;padding:20px 0 26px}footer nav{gap:17px;flex-wrap:wrap}footer small{grid-column:auto}
  .figure{width:clamp(90px,30vw,145px);opacity:.06}.figure:nth-child(even){display:none}
  body.legal-page{padding:108px 10px 34px}.legal-header{height:82px}.legal-header .brand img{width:88px;height:66px}.legal-shell{padding:26px 16px;border-radius:20px}.legal-shell h1{font-size:clamp(2.65rem,13vw,4rem);margin-bottom:30px}.legal-shell section{padding:18px 15px;border-radius:14px}.legal-shell h2{font-size:1.12rem}.legal-shell p{font-size:.94rem;line-height:1.6}
}
@media(max-width:390px){
  .site-header{padding-left:8px}.brand img{width:75px;height:58px}.site-header .button-small{padding:0 8px;font-size:.69rem}.theme-toggle{width:35px;height:35px;flex-basis:35px}
  .hero h1{font-size:clamp(2.4rem,13.2vw,3.25rem)}.hero-art{height:340px}.zeedel-visual{min-height:350px}
}

/* Gut lesbare Formularbestätigung */
.notice.success{background:rgba(38,190,132,.14);color:#176247;border-color:rgba(31,145,103,.34);font-weight:400}
html[data-theme="dark"] .notice.success{background:rgba(110,231,183,.13);color:#c9fbea;border-color:rgba(110,231,183,.3)}