@import url('assets/css/fonts.css');
@import url('assets/css/tokens.css');

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:6rem}
body{margin:0;color:var(--farbe-tinte);background:var(--farbe-papier);font-family:var(--schrift-text);font-size:var(--text-m);line-height:var(--zeilenhoehe-text);text-rendering:optimizeLegibility}
::selection{background:var(--farbe-auswahl);color:var(--farbe-tinte)}
a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}
button{font:inherit;cursor:pointer;color:inherit}
img,svg,video{max-width:100%}
img,video{display:block}
img{height:auto}
figure,p,dl,ol{margin:0}
h1,h2,h3{margin:0;font-family:var(--schrift-display);font-weight:var(--gewicht-titel);font-optical-sizing:auto}
h2{font-size:var(--text-2xl);line-height:var(--zeilenhoehe-titel);letter-spacing:var(--laufweite-titel)}
h3{font-size:var(--text-xl);line-height:var(--zeilenhoehe-h3);letter-spacing:var(--laufweite-h3)}
p+p{margin-top:var(--abstand-4)}
:focus-visible{outline:var(--fokus-breite) solid var(--farbe-fokus);outline-offset:var(--fokus-abstand)}
.wrap{width:min(var(--breite-seite),calc(100% - var(--rand)*2));margin-inline:auto;margin-left:auto;margin-right:auto}
.section{padding-block:var(--abstand-abschnitt);scroll-margin-top:1rem}
.small{font-size:var(--text-s);line-height:1.5;color:var(--farbe-tinte-3)}
.eyebrow{font-size:var(--text-s);font-weight:var(--gewicht-fett);color:var(--farbe-karmin);margin-bottom:var(--abstand-5);line-height:1.5}
.skip-link{position:fixed;z-index:var(--ebene-sprunglink);inset:var(--abstand-4) auto auto var(--abstand-4);padding:var(--abstand-3) var(--abstand-5);background:var(--farbe-blatt);border:var(--linie-stark);transform:translateY(-180%)}
.skip-link:focus{transform:none}
.site-header{position:sticky;top:0;z-index:var(--ebene-kopf);background:var(--farbe-papier);border-bottom:var(--linie-haar)}
.header-inner{min-height:5.5rem;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:var(--abstand-6)}
.wordmark{font-family:var(--schrift-display);font-size:1.6rem;font-weight:var(--gewicht-marke);text-decoration:none;line-height:1.2;letter-spacing:-.03em;position:relative;white-space:nowrap;padding-block:var(--abstand-3)}
.wordmark span{position:absolute;height:6px;width:42%;left:0;bottom:4px;background:var(--bild-stiftlinie) center/100% 100% no-repeat}
.main-nav{display:flex;justify-content:flex-end;gap:var(--abstand-6);align-items:center}
.main-nav a{min-height:var(--hoehe-ziel);display:flex;align-items:center;font-size:var(--text-s);font-weight:var(--gewicht-mittel);text-decoration:none;white-space:nowrap}
.main-nav a:last-child{font-weight:var(--gewicht-fett)}
.nav-toggle{display:none}
.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--spalte);padding-top:var(--abstand-8);padding-bottom:var(--abstand-7);align-items:center}
.hero-copy{container-type:inline-size;padding-bottom:var(--abstand-6)}
.hero h1{font-size:clamp(2.25rem,11cqi,6.25rem);line-height:1.04;letter-spacing:var(--laufweite-claim);max-width:13ch;margin-bottom:var(--abstand-6)}
.marked{position:relative;white-space:nowrap;display:inline-block}
.marked:after{content:'';height:.13em;position:absolute;left:0;right:-.03em;bottom:-.08em;background:var(--bild-doppelt) center/100% 100% no-repeat;transform-origin:left;animation:draw-mark var(--dauer-strich) var(--kurve-aus) both}
.hero-lead{max-width:var(--breite-lead);font-size:var(--text-l);line-height:var(--zeilenhoehe-lead);color:var(--farbe-tinte-2)}
.hero-actions{display:flex;align-items:center;gap:var(--abstand-6);flex-wrap:wrap;margin-top:var(--abstand-6)}
.button{display:inline-flex;white-space:nowrap;align-items:center;justify-content:space-between;gap:var(--abstand-5);min-height:var(--hoehe-knopf-gross);padding:var(--abstand-3) var(--abstand-5);font-size:var(--text-s);font-weight:var(--gewicht-fett);text-decoration:none;border:var(--linie-stark);border-radius:var(--radius-1);transition:box-shadow var(--dauer-kurz),transform var(--dauer-kurz),background var(--dauer-kurz)}
.button-primary{color:var(--farbe-auf-karmin);background:var(--farbe-karmin);border-color:var(--farbe-karmin);box-shadow:var(--schatten-knopf)}
.text-link{display:inline-flex;white-space:nowrap;align-items:center;gap:var(--abstand-3);min-height:var(--hoehe-ziel);font-size:var(--text-s);font-weight:var(--gewicht-fett);text-decoration:none;border-bottom:var(--linie-stark)}
.hero-note{margin-top:var(--abstand-6);font-size:var(--text-s);line-height:1.5;color:var(--farbe-tinte-3);max-width:40ch}
.hero-figure{padding-left:var(--abstand-5);align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.hero-picture{position:relative;aspect-ratio:4/5;overflow:hidden;min-height:0;max-height:35rem;background:var(--farbe-tinte)}
.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:80% center}
.hero-figure figcaption{font-size:var(--text-xs);line-height:1.5;color:var(--farbe-tinte-3);margin-top:var(--abstand-3);display:flex;align-items:baseline;gap:var(--abstand-3)}
.caption-rule{display:inline-block;width:1.8rem;border-top:var(--linie-stark);flex-shrink:0;transform:translateY(-.25em)}
.work{border-top:var(--linie-stark)}
.section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--abstand-raster);align-items:end;margin-bottom:var(--abstand-7)}
.section-head h2{font-size:var(--text-4xl);max-width:20ch}
.section-intro{max-width:var(--breite-lead);color:var(--farbe-tinte-2)}
.work-head .small{margin-top:var(--abstand-5)}
.films{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.31fr);gap:var(--spalte);align-items:start}
.film{min-width:0}
.film-label{display:flex;justify-content:space-between;gap:var(--abstand-3);padding-block:var(--abstand-3);border-top:var(--linie-stark);font-size:var(--text-s);font-weight:var(--gewicht-mittel);flex-wrap:wrap}
.film-label span:last-child{font-size:var(--text-xs);color:var(--farbe-tinte-3);align-self:center}
.film video{width:100%;height:auto;object-fit:contain;background:var(--farbe-tinte)}
.film figcaption{font-size:var(--text-s);line-height:1.5;margin-top:var(--abstand-4);color:var(--farbe-tinte-2);max-width:62ch}
.transcript{font-size:var(--text-xs);line-height:1.55;border-top:var(--linie-haar);margin-top:var(--abstand-5);color:var(--farbe-tinte-3)}
.transcript summary{min-height:var(--hoehe-ziel);padding-block:var(--abstand-3);cursor:pointer;font-weight:var(--gewicht-mittel)}
.transcript>div{padding:var(--abstand-2) 0 var(--abstand-4);max-width:65ch}
.transcript-visual{color:var(--farbe-tinte-2)}
.work-footnote{font-size:var(--text-xs);line-height:1.5;margin-top:var(--abstand-6);max-width:75ch;color:var(--farbe-tinte-3)}
.result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--abstand-raster);border-top:var(--linie-haar)}
.result-heading>p:last-child{max-width:34ch;margin-top:var(--abstand-5);color:var(--farbe-tinte-2)}
.editorial-list article{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:var(--abstand-5);padding-block:var(--abstand-6);border-top:var(--linie-haar)}
.editorial-list article:first-child{padding-top:0;border-top:none}
.list-index{font-family:var(--schrift-display);font-size:var(--text-s);line-height:1.8;color:var(--farbe-tinte-3)}
.editorial-list h3{font-size:var(--text-xl);margin-bottom:var(--abstand-3);max-width:24ch}
.editorial-list p{max-width:49ch;color:var(--farbe-tinte-2)}
.process{border-top:var(--linie-haar)}
.process-list{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spalte)}
.process-list li{padding-top:var(--abstand-5);border-top:var(--linie-stark);min-width:0}
.step-number{font-family:var(--schrift-display);font-size:var(--text-summe);font-weight:var(--gewicht-zahl);line-height:1.1;display:block;margin-bottom:var(--abstand-6)}
.process-list h3{margin-bottom:var(--abstand-4)}
.process-list p{font-size:var(--text-s);color:var(--farbe-tinte-2);max-width:38ch}
.agency{padding-block:var(--abstand-7)}
.agency-sheet{padding:var(--polster-blatt-gross);background:var(--farbe-blatt);border-top:var(--linie-karte)}
.agency .section-head{gap:var(--spalte);margin-bottom:var(--abstand-7)}
.agency .section-head h2{font-size:var(--text-2xl)}
.agency-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--spalte);padding-block:var(--abstand-5);border-top:var(--linie-haar);border-bottom:var(--linie-haar)}
.agency-roles dt{font-weight:var(--gewicht-fett);font-size:var(--text-s);margin-bottom:var(--abstand-3)}
.agency-roles dd{margin:0;font-size:var(--text-s);color:var(--farbe-tinte-2);max-width:29ch}
.agency-bottom{display:flex;align-items:center;justify-content:space-between;gap:var(--abstand-7);margin-top:var(--abstand-6)}
.agency-bottom p{max-width:48ch;font-size:var(--text-s);color:var(--farbe-tinte-2)}
.agency-bottom a{flex-shrink:0}
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--abstand-raster)}
.faq-list details{border-top:var(--linie-haar)}
.faq-list details:last-child{border-bottom:var(--linie-haar)}
.faq-list summary{position:relative;list-style:none;cursor:pointer;min-height:var(--hoehe-ziel);padding:var(--abstand-5) var(--abstand-7) var(--abstand-5) 0;font-family:var(--schrift-display);font-size:var(--text-xl);font-weight:var(--gewicht-titel);line-height:1.3}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:'';position:absolute;right:0;top:calc(var(--abstand-5) + .2em);width:1.2em;height:1.2em;background:var(--bild-plus) center/contain no-repeat}
.faq-list details[open] summary:after{background-image:var(--bild-minus)}
.faq-list details p{padding:0 var(--abstand-7) var(--abstand-5) 0;max-width:57ch;color:var(--farbe-tinte-2)}
.contact{border-top:var(--linie-stark);padding-top:var(--abstand-8)}
.contact-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--abstand-raster);align-items:end}
.contact h2{font-size:var(--text-4xl);max-width:16ch}
.contact-lead{font-size:var(--text-l);color:var(--farbe-tinte-2);max-width:41ch;margin-top:var(--abstand-5);margin-bottom:var(--abstand-6)}
.contact-address{font-size:var(--text-s);margin-top:var(--abstand-5)}
.contact-address a{display:inline-flex;min-height:var(--hoehe-ziel-klein);align-items:center}
.contact-questions{border-left:var(--linie-haar);padding-left:var(--abstand-6);padding-bottom:var(--abstand-4)}
.contact-questions>p{font-weight:var(--gewicht-fett);font-size:var(--text-s);margin-bottom:var(--abstand-5)}
.contact-questions ol{padding-left:1.4em;max-width:36ch}
.contact-questions li{padding-left:var(--abstand-2);margin-bottom:var(--abstand-5);color:var(--farbe-tinte-2)}
.site-footer{background:var(--farbe-tinte);color:var(--farbe-auf-tinte);border-top:4px solid var(--farbe-karmin);padding-block:var(--polster-fuss)}
.footer-grid{display:flex;justify-content:space-between;gap:var(--abstand-7)}
.footer-brand{font-family:var(--schrift-display);font-size:var(--text-xl);font-weight:var(--gewicht-marke);text-decoration:none}
.footer-grid>div>p{color:var(--farbe-auf-tinte-2);font-size:var(--text-s);margin-top:var(--abstand-3)}
.footer-meta nav{display:flex;gap:var(--abstand-5);margin-block:var(--abstand-4);font-size:var(--text-s)}
.footer-meta nav a{display:flex;align-items:center;min-height:var(--hoehe-ziel)}
.site-footer :focus-visible{outline-color:var(--farbe-fokus-auf-dunkel)}
.site-footer .small{color:var(--farbe-auf-tinte-2)}
.legal-header,.legal-footer{width:min(var(--breite-seite),calc(100% - var(--rand)*2));margin-inline:auto;padding-block:var(--abstand-6)}
.legal-content{width:min(var(--breite-text),calc(100% - var(--rand)*2));margin-inline:auto;padding-block:var(--abstand-7) var(--abstand-8);overflow-wrap:anywhere}
.legal-content h1{font-size:var(--text-3xl);line-height:var(--zeilenhoehe-titel);margin-bottom:var(--abstand-6)}
.legal-content h2{font-size:var(--text-xl);margin-top:var(--abstand-7);margin-bottom:var(--abstand-4)}
.legal-content h3{font-size:var(--text-m);font-weight:var(--gewicht-fett);margin-top:var(--abstand-5);margin-bottom:var(--abstand-3)}
.legal-content ul,.legal-content ol{padding-left:1.5em}
.legal-footer{border-top:var(--linie-haar)}
.legal-footer a{display:inline-flex;align-items:center;min-height:var(--hoehe-ziel);margin-right:var(--abstand-5)}
@keyframes draw-mark{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(hover:hover){.button-primary:hover{background:var(--farbe-karmin-tief);border-color:var(--farbe-karmin-tief);box-shadow:var(--schatten-knopf-hover);transform:translate(-1px,-1px)}.text-link:hover,.main-nav a:hover{text-decoration:underline;text-decoration-color:var(--farbe-karmin);text-underline-offset:.28em}.button-primary:active{box-shadow:var(--schatten-knopf-aktiv);transform:translate(2px,2px)}}
@media(max-width:63.99em){.process-list{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav{gap:var(--abstand-5)}.hero{padding-top:var(--abstand-7);grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr)}.hero-figure{padding-left:0}.hero-actions{gap:var(--abstand-5)}.section-head,.result,.faq,.contact-grid{gap:var(--abstand-7)}.films{grid-template-columns:minmax(0,1fr) minmax(0,.38fr)}.agency-bottom{display:block}.agency-bottom a{margin-top:var(--abstand-5)}}
@media(max-width:47.99em){.header-inner{min-height:4.75rem;grid-template-columns:minmax(0,1fr) auto;gap:0}.wordmark{font-size:1.4rem}.main-nav{grid-column:1 / -1;width:100%;justify-content:space-between;gap:var(--abstand-4);padding-block:var(--abstand-2) var(--abstand-3)}.js .nav-toggle{display:flex;align-items:center;gap:var(--abstand-3);min-width:var(--hoehe-ziel);min-height:var(--hoehe-ziel);border:0;background:none;font-size:var(--text-s);font-weight:var(--gewicht-fett);padding:var(--abstand-2) 0 var(--abstand-2) var(--abstand-4)}.nav-toggle svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:2}.js .main-nav:not(.is-open){display:none}.js .main-nav{flex-direction:column;align-items:stretch;gap:0;padding-block:var(--abstand-3) var(--abstand-5)}.js .main-nav a{min-height:var(--hoehe-knopf);border-top:var(--linie-haar)}.hero{grid-template-columns:1fr;padding-top:var(--abstand-7);padding-bottom:var(--abstand-7);gap:var(--abstand-6)}.hero h1{font-size:clamp(2.25rem,11cqi,6.25rem);max-width:15ch}.hero-copy{padding-bottom:0}.hero-figure{display:block}.hero-picture{aspect-ratio:16/10;max-height:none}.hero-picture img{object-position:70% 42%}.hero-note{margin-top:var(--abstand-5);max-width:none}.section-head{grid-template-columns:1fr;gap:var(--abstand-5);align-items:start;margin-bottom:var(--abstand-6)}.section-head h2{font-size:var(--text-4xl)}.films{grid-template-columns:minmax(0,1fr) minmax(0,.45fr);gap:var(--abstand-5)}.film-label{min-height:5rem;align-content:start}.film-label span{width:100%}.result,.faq,.contact-grid{grid-template-columns:1fr;gap:var(--abstand-6)}.result-heading p:last-child{max-width:50ch}.editorial-list article:first-child{border-top:var(--linie-haar);padding-top:var(--abstand-6)}.process-list{grid-template-columns:1fr;gap:var(--abstand-6)}.process-list li{display:grid;grid-template-columns:2rem 1fr;column-gap:var(--abstand-5);padding-top:var(--abstand-5)}.step-number{font-size:var(--text-xl);grid-row:1/3;margin:0;line-height:1.25}.process-list h3{font-size:var(--text-xl)}.process-list p{max-width:55ch;grid-column:2}.agency-roles{grid-template-columns:1fr;gap:var(--abstand-5)}.agency-roles dd{max-width:50ch}.agency-bottom p{max-width:none}.agency .section-head{gap:var(--abstand-5);margin-bottom:var(--abstand-6)}.contact-questions{border-left:none;border-top:var(--linie-haar);padding-top:var(--abstand-5);padding-left:0}.contact-questions ol{max-width:50ch}.footer-grid{display:block}.footer-meta{margin-top:var(--abstand-6)}}
@media(max-width:35.99em){.films{grid-template-columns:1fr;gap:var(--abstand-7)}.film-label{min-height:0}.film-label span{width:auto}.film-short{max-width:24rem;margin-inline:auto}.film-short video{max-height:36rem;width:auto;max-width:100%;margin-inline:auto}.film-short .film-label,.film-short figcaption,.film-short .transcript{max-width:24rem;width:100%}.hero-actions{align-items:stretch;gap:var(--abstand-4)}.hero-actions .button{min-width:14rem}.hero-actions .text-link{width:fit-content}.hero h1 br{display:initial}.hero h1{max-width:12ch}.hero-picture{aspect-ratio:4/3}.hero-picture img{object-position:78% center}.agency-sheet{padding:var(--abstand-5)}.agency .section-head h2{font-size:var(--text-2xl)}.faq-list summary{font-size:var(--text-xl)}}
@media(max-width:22.99em){.wordmark{font-size:1.18rem}.hero h1{font-size:2.4rem}.hero-actions .button{width:100%}.hero-actions{display:grid}.hero-note{font-size:var(--text-xs)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(forced-colors:active){.button-primary{forced-color-adjust:auto;border:2px solid ButtonText}.hero-picture{border:1px solid CanvasText}.marked:after,.wordmark span{background:none;border-bottom:2px solid CanvasText}.faq-list summary:after{background:none;content:'+'}.faq-list details[open] summary:after{content:'−'}}
@media print{@page{size:A4;margin:16mm}.site-header{position:static}.main-nav,.nav-toggle,.hero-actions,.transcript,.site-footer,video{display:none!important}.section{padding-block:12mm}.hero{padding-top:0}.hero h1{font-size:34pt}.hero-figure{max-height:80mm}.hero-picture{max-height:75mm}.wrap{width:100%}.film{break-inside:avoid}.film:after{content:'Video auf der Website abspielen';display:block;font-size:var(--text-s)}.section-head h2,.contact h2{font-size:26pt}.hero-picture{aspect-ratio:4/3}.film-label{min-height:0}.film-print-poster{width:100%;display:block}.site-header .wordmark{font-size:18pt}.hero h1 br{display:inline}.marked:after{animation:none}}

/* Portfolio V3: distinct arrangements for the two consulting films and the brand pair. */
.business-cta{margin-top:var(--abstand-6);max-width:100%;white-space:normal;align-items:baseline;font-size:var(--text-s)}
.business-cta span{flex-shrink:0}
.consulting-work,.brand-work{border-top:var(--linie-haar)}
.consulting-films{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spalte);align-items:start}
.consulting-film video{aspect-ratio:16/9}
.brand-film-main{max-width:100%;margin-bottom:var(--abstand-8)}
.brand-film-main video{max-height:44rem;width:100%;aspect-ratio:16/9}
.brand-reel-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.48fr);gap:var(--abstand-raster);align-items:center;max-width:66rem;margin-inline:auto}
.brand-reel-copy{max-width:38ch}
.brand-reel-copy h3{font-size:var(--text-2xl);margin-bottom:var(--abstand-5)}
.brand-reel-copy>p:last-child{color:var(--farbe-tinte-2);font-size:var(--text-l)}
.brand-film-reel{width:100%;max-width:22rem;justify-self:end}
.brand-film-reel video{width:100%;max-height:40rem;aspect-ratio:9/16}
@media(max-width:47.99em){.consulting-films{grid-template-columns:1fr;gap:var(--abstand-7)}.brand-reel-feature{grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:var(--abstand-6)}.brand-reel-copy h3{font-size:var(--text-xl)}.brand-reel-copy>p:last-child{font-size:var(--text-m)}}
@media(max-width:35.99em){.brand-reel-feature{grid-template-columns:1fr;gap:var(--abstand-6)}.brand-film-reel{justify-self:center}.brand-reel-copy{max-width:40ch}.consulting-film .film-label{min-height:0}.hero h1{max-width:none}.hero h1 br{display:initial}}

/* Contact and production planning, V4. */
.production-time{margin-top:var(--abstand-7);padding-top:var(--abstand-6);border-top:var(--linie-haar);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--abstand-raster);align-items:start}
.production-time .eyebrow{margin-bottom:var(--abstand-3)}
.production-time h3{font-size:var(--text-2xl)}
.production-time>p{max-width:55ch;color:var(--farbe-tinte-2)}
.contact-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}
.contact-intro{min-width:0}
.contact-next{border-top:var(--linie-haar);padding-top:var(--abstand-5);max-width:43ch}
.contact-next h3{font-size:var(--text-xl);margin-bottom:var(--abstand-3)}
.contact-next p{font-size:var(--text-s);color:var(--farbe-tinte-2)}
.contact-next .small{font-size:var(--text-xs);color:var(--farbe-tinte-3)}
.contact-form-panel{min-width:0;padding:var(--abstand-6);background:var(--farbe-blatt);border-top:var(--linie-karte)}
.contact-form{display:grid;gap:var(--abstand-5);position:relative}
.form-intro,.form-privacy,.field-hint,.field-error{font-size:var(--text-xs);line-height:1.5}
.form-intro,.form-privacy,.field-hint{color:var(--farbe-tinte-3)}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--abstand-5)}
.form-field{min-width:0}
.form-field label{display:block;margin-bottom:var(--abstand-2);font-size:var(--text-s);font-weight:var(--gewicht-fett)}
.field-optional{font-size:var(--text-xs);font-weight:var(--gewicht-normal);color:var(--farbe-tinte-3)}
.form-field input,.form-field textarea{display:block;width:100%;min-height:3rem;border:var(--linie-feld);border-radius:var(--radius-1);padding:var(--abstand-3);font:inherit;font-size:1rem;line-height:1.5;color:var(--farbe-tinte);background:var(--farbe-blatt)}
.form-field textarea{resize:vertical;min-height:10rem}
.form-field input[aria-invalid="true"],.form-field textarea[aria-invalid="true"]{border-color:var(--farbe-fehler);border-width:2px}
.field-hint,.field-error{margin-top:var(--abstand-2)}
.field-error{color:var(--farbe-fehler);font-weight:var(--gewicht-mittel)}
.form-trap{position:absolute;inset:auto auto auto -10000px;width:1px;height:1px;overflow:hidden}
.form-submit{justify-content:space-between;width:100%;white-space:normal;text-align:left}
.form-submit:disabled{cursor:wait;box-shadow:none;transform:none;opacity:.7}
.contact-form[aria-busy="true"]{cursor:progress}
.form-status{margin-top:var(--abstand-5);padding:var(--abstand-4);border-left:4px solid var(--farbe-tinte);background:var(--farbe-papier);font-size:var(--text-s);line-height:1.5;overflow-wrap:anywhere}
.form-status[data-state="error"]{color:var(--farbe-fehler);border-color:var(--farbe-fehler);background:var(--farbe-fehler-flaeche)}
.form-status[data-state="success"]{color:var(--farbe-erfolg);border-color:var(--farbe-erfolg);background:var(--farbe-erfolg-flaeche)}
.form-noscript{font-size:var(--text-s)}
@media(max-width:63.99em){.contact-grid{gap:var(--abstand-6)}.contact-form-panel{padding:var(--abstand-5)}.form-row{grid-template-columns:1fr}}
@media(max-width:47.99em){.contact-grid,.production-time{grid-template-columns:1fr;gap:var(--abstand-6)}.contact-next{max-width:none}.contact-form-panel{padding:var(--abstand-5)}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:35.99em){.form-row{grid-template-columns:1fr}.contact-form-panel{padding:var(--abstand-5) var(--abstand-4)}.production-time h3 br{display:none}.form-field input,.form-field textarea{font-size:1rem}.form-submit{min-width:0}}
@media(forced-colors:active){.form-field input,.form-field textarea,.form-status{border:2px solid CanvasText}}
@media print{.contact-form-panel{display:none}.contact-grid,.production-time{display:block}.production-time{break-inside:avoid}.contact-address a:after{content:' (' attr(href) ')'}}

.hero-play{position:absolute;left:var(--abstand-4);right:var(--abstand-4);bottom:var(--abstand-4);display:flex;align-items:center;justify-content:center;gap:var(--abstand-3);min-height:var(--hoehe-knopf);padding:var(--abstand-3);background:var(--farbe-blatt);color:var(--farbe-tinte);border:var(--linie-stark);border-radius:var(--radius-1);font-size:var(--text-s);font-weight:var(--gewicht-fett);box-shadow:var(--schatten-knopf-klein)}
.hero-play svg{width:1.25rem;height:1.25rem;fill:currentColor;flex-shrink:0}
.hero-play-length{font-weight:var(--gewicht-normal)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.form-status{white-space:pre-line}
@media(max-width:47.99em){html:not(.js) .main-nav{flex-wrap:wrap}.hero-play{left:var(--abstand-3);right:var(--abstand-3);bottom:var(--abstand-3)}}
@media(hover:hover){.hero-play:hover{background:var(--farbe-papier);box-shadow:var(--schatten-knopf-hover)}}
@media print{.hero-play{display:none}}