@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:"JetBrains Mono", ui-monospace, monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-grund:#0b0b0b;--color-flaeche:#131311;--color-platzhalter:#151513;--color-text:#f2f0ec;--color-gedaempft:#b9b7b1;--color-mono:#8a8a85;--color-akzent:#e4572e;--color-akzent-hover:#f06b42;--color-linie-abschnitt:#1f1f1d;--color-linie-zeile:#262624;--color-auf-akzent-text:#0b0b0b;--color-auf-akzent-gedaempft:#1a1a16;--color-auf-akzent-mono:#32170c;--font-anton:"Anton", Impact, sans-serif;--font-text:"Inter Tight", system-ui, sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}*{box-sizing:border-box}html{scroll-padding-top:76px}body{background:var(--color-grund);min-width:320px;color:var(--color-text);font-family:var(--font-text);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{font-family:var(--font-anton);text-transform:uppercase;letter-spacing:-.015em;margin:0;font-weight:400;line-height:.88}p{text-wrap:pretty;margin:0}a{color:var(--color-text);text-decoration:none}a:hover{color:var(--color-akzent)}img{max-width:100%;display:block}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-akzent);outline-offset:3px}}@layer components;@layer utilities{.sticky{position:sticky}.hidden{display:none}}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Tight;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-tight-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Tight;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/inter-tight-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--rand:clamp(18px, 4vw, 64px);--abschnitt:clamp(48px, 6vw, 88px);--abschnitt-bands:clamp(52px, 6.4vw, 96px)}.px{padding-left:var(--rand);padding-right:var(--rand)}.m{font-family:var(--font-mono);letter-spacing:.13em;text-transform:uppercase;color:var(--color-mono);font-size:11px;font-weight:400}.ac{color:var(--color-akzent)}.m.onac{color:var(--color-auf-akzent-mono)}.section{padding-top:var(--abschnitt);padding-bottom:var(--abschnitt)}.section-linie{border-top:1px solid var(--color-linie-abschnitt)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:clamp(18px,2.2vw,30px);display:flex}.section-head h2{font-size:clamp(32px,5vw,68px)}.btn{background:var(--color-akzent);min-height:54px;color:var(--color-auf-akzent-text);font:600 15px var(--font-text);cursor:pointer;border:0;justify-content:center;align-items:center;padding:0 26px;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.btn:hover{background:var(--color-akzent-hover);color:var(--color-auf-akzent-text)}.btn-sm{min-height:44px;padding:0 18px;font-size:13px}.btn-o{color:var(--color-text);background:0 0;box-shadow:inset 0 0 0 1px #3a3a38}.btn-o:hover{color:var(--color-akzent);box-shadow:inset 0 0 0 1px var(--color-akzent);background:0 0}.btn-dunkel{background:var(--color-grund);color:var(--color-text)}.btn-dunkel:hover{color:var(--color-text);background:#1c1c1a}.fig{background:var(--color-platzhalter);position:relative;overflow:hidden}.fig img{object-fit:cover;width:100%;height:100%;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.fig picture{width:100%;height:100%;display:block}.fig:hover img{transform:scale(1.03)}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-linie-abschnitt);background:#0b0b0bf0;justify-content:space-between;align-items:center;gap:20px;padding-top:20px;padding-bottom:20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand:hover{color:var(--color-text)}.brand-signet{object-fit:contain;flex:none;width:46px;height:46px}.brand-wordmark{font-family:var(--font-anton);text-transform:uppercase;letter-spacing:-.015em;font-size:26px;line-height:.9}.desknav{align-items:center;gap:26px;display:flex}.ni{font:500 15px var(--font-text);color:var(--color-gedaempft);transition:color .2s}.ni:hover{color:var(--color-text)}.site-header .m,.navtoggle{font-size:10px}.navtoggle{color:var(--color-text);cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:none}.navtoggle-bars{flex-direction:column;gap:4px;display:flex}.navtoggle-bars span{background:currentColor;width:20px;height:1.5px}.mobnav{z-index:19;padding:8px var(--rand) 18px;background:var(--color-flaeche);border-bottom:1px solid var(--color-linie-zeile);flex-direction:column;position:sticky;top:84px}.mobnav:not([hidden]){display:flex}.mobnav .ni{padding:11px 0}.mobnav .btn{margin-top:10px}@media(max-width:900px){.desknav{display:none}.navtoggle{display:inline-flex}}.hero{padding-top:clamp(38px,6vw,80px);padding-bottom:clamp(26px,3vw,42px)}.hero-vorzeile{max-width:68ch;line-height:1.8}.hero-h1{margin-top:clamp(14px,2vw,26px);font-size:clamp(52px,12.2vw,192px);line-height:1.06}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:clamp(22px,2.6vw,38px);display:flex}.hero-fig{height:clamp(300px,52vw,660px)}.section-bands{padding-top:var(--abschnitt-bands);padding-bottom:var(--abschnitt-bands)}.band-liste{flex-direction:column;gap:clamp(28px,3.4vw,56px);margin-top:clamp(26px,3vw,42px);display:flex}.band{flex-wrap:wrap;align-items:center;gap:clamp(20px,2.6vw,44px);display:flex}.band-right{flex-wrap:wrap-reverse}.band-fig{flex:440px;min-width:290px;height:clamp(250px,30vw,420px)}.band-text{flex-direction:column;flex:280px;gap:16px;min-width:260px;display:flex}.band-lockup{align-items:center;gap:clamp(14px,1.6vw,24px);display:flex}.band-logo{object-fit:contain;flex:none;width:clamp(58px,7vw,104px);height:auto}.band-name{font-size:clamp(30px,4vw,58px)}.lk:hover{color:var(--color-text)}.lk .l2{transition:color .2s}.lk:hover .l2{color:var(--color-akzent)}.band-slogan{max-width:34ch;font:500 clamp(19px,2vw,25px) / 1.35 var(--font-text)}.band-beschreibung{max-width:42ch;font:400 17px / 1.55 var(--font-text);color:var(--color-gedaempft)}.band-formate{align-self:flex-start;align-items:center;gap:12px;display:flex}.band-formate-logo{object-fit:contain;width:52px;height:52px}.band-cta{align-self:flex-start}.band-nachsatz{max-width:70ch;margin-top:clamp(22px,2.6vw,36px);line-height:1.7}.row-liste{border-top:1px solid var(--color-linie-zeile);flex-direction:column;display:flex}.row{border-bottom:1px solid var(--color-linie-zeile);color:inherit;flex-wrap:wrap;align-items:baseline;gap:14px 22px;padding:24px 0;transition:background .2s;display:flex}.row:hover{background:var(--color-flaeche);color:inherit}.row-nr{flex:none;width:40px}.row-titel{font:500 clamp(21px,2.3vw,32px) / 1.15 var(--font-text);flex:250px}.produktion{flex-wrap:wrap;align-items:center;gap:clamp(24px,3.4vw,56px);display:flex}.produktion-fig{flex:420px;min-width:290px;height:clamp(280px,32vw,460px)}.produktion-text{flex-direction:column;flex:320px;gap:18px;min-width:280px;display:flex}.produktion-h2{font-size:clamp(30px,4.2vw,60px)}.fliess{max-width:44ch;font:400 17px / 1.6 var(--font-text);color:var(--color-gedaempft)}.beleg{box-shadow:inset 0 0 0 1px var(--color-linie-zeile);flex-direction:column;gap:9px;padding:clamp(16px,1.8vw,22px);display:flex}.beleg-text{max-width:40ch;font:500 17px / 1.5 var(--font-text)}.produktion-cta{align-self:flex-start}.logowand{flex-wrap:wrap;gap:14px;margin-bottom:clamp(24px,2.8vw,40px);display:flex}.logowand-feld{flex:148px;justify-content:center;align-items:center;min-width:126px;max-width:190px;height:86px;display:flex}.logowand-feld img{object-fit:contain;max-height:100%}.ref-spalten{flex-wrap:wrap;gap:clamp(28px,3.4vw,56px);display:flex}.ref-spalte{flex-direction:column;flex:250px;gap:12px;min-width:220px;display:flex}.ref-namen{border-top:1px solid var(--color-linie-zeile);font:500 18px / 1.35 var(--font-text);flex-direction:column;gap:10px;padding-top:16px;display:flex}.section-hoeren{flex-direction:column;gap:clamp(22px,2.6vw,36px);display:flex}.section-hoeren .section-head{margin-bottom:0}.video-fig{height:clamp(220px,30vw,400px);box-shadow:inset 0 0 0 1px var(--color-linie-zeile)}.video-start{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:relative}.video-play{width:64px;height:64px;box-shadow:inset 0 0 0 1.5px var(--color-text);background:#0b0b0b59;position:absolute;inset:50% auto auto 50%;translate:-50% -50%}.video-play:after{content:"";border-style:solid;border-width:11px 0 11px 17px;border-color:transparent transparent transparent var(--color-text);position:absolute;inset:50% auto auto 54%;translate:-50% -50%}.video-label{font:500 15px var(--font-text);color:var(--color-text);position:absolute;bottom:14px;left:14px}.video-hinweis{margin-top:9px}.video-frame{border:0;width:100%;height:100%}.ig-liste{flex-wrap:wrap;gap:18px 32px;display:flex}.ig-link{font:400 15px var(--font-text);color:var(--color-mono);align-items:center;gap:9px;display:flex}.ig-link-stark{color:var(--color-text);font-weight:500}.ig-icon{flex:none;width:19px;height:19px}.faq{border-bottom:1px solid var(--color-linie-zeile);flex-direction:column;display:flex}.faq details{border-top:1px solid var(--color-linie-zeile)}.faq summary{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 0;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.frage{font:500 clamp(19px,2vw,25px) / 1.3 var(--font-text);flex:1}.pl{flex:none;width:18px;height:18px;margin-top:6px;transition:transform .22s;position:relative}.pl span{background:var(--color-akzent);position:absolute}.pl span:first-child{width:18px;height:1.5px;top:8px;left:0}.pl span:last-child{width:1.5px;height:18px;top:0;left:8px}.faq details[open] .pl{transform:rotate(45deg)}.antwort{max-width:68ch;font:400 17px / 1.65 var(--font-text);color:var(--color-gedaempft);padding:0 56px 26px 0}.kontakt{background:var(--color-akzent);color:var(--color-auf-akzent-text)}.kontakt a{color:var(--color-auf-akzent-text)}.kontakt a:hover{color:var(--color-auf-akzent-gedaempft)}.kontakt-inner{flex-wrap:wrap;justify-content:space-between;gap:clamp(32px,4vw,64px);padding-top:clamp(48px,6vw,92px);padding-bottom:clamp(48px,6vw,92px);display:flex}.kontakt-links{flex-direction:column;flex:380px;gap:18px;min-width:290px;display:flex}.kontakt-h2{font-size:clamp(38px,6vw,92px)}.kontakt-absatz{max-width:44ch;font:400 18px / 1.55 var(--font-text);color:var(--color-auf-akzent-gedaempft)}.kontakt-daten{flex-direction:column;gap:8px;padding-top:8px;display:flex}.kontakt-telefon{font:600 clamp(24px,2.8vw,38px) / 1.15 var(--font-text)}.kontakt-mail{font:400 17px var(--font-text);color:var(--color-auf-akzent-gedaempft)}.kontakt-rechts{flex-direction:column;flex:340px;gap:16px;min-width:290px;display:flex}.anfrage{flex-direction:column;gap:14px;display:flex}.fld-zeile{flex-wrap:wrap;gap:14px;display:flex}.fld{flex-direction:column;gap:7px;display:flex}.fld-half{flex:150px}.fld>span:first-child{font:500 13px var(--font-text);color:var(--color-auf-akzent-gedaempft)}.fld em{color:var(--color-auf-akzent-gedaempft);font-style:normal}.fld input{width:100%;min-height:52px;font:400 15px var(--font-text);color:var(--color-auf-akzent-text);background:#ffffff8c;border:0;border-radius:0;padding:0 14px;box-shadow:inset 0 0 0 1px #0b0b0b4d}.fld input::placeholder{color:#6b5a50}.fld input:focus{outline:2px solid var(--color-auf-akzent-text);outline-offset:1px;background:#fff}.fld input[aria-invalid=true]{box-shadow:inset 0 0 0 2px var(--color-auf-akzent-mono)}.fld-fehler:not(:empty){font:500 13px var(--font-text);color:var(--color-auf-akzent-mono)}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.anfrage-senden{align-self:flex-start;margin-top:4px}.anfrage-senden[disabled]{opacity:.7;cursor:progress}.anfrage-hinweis{color:var(--color-auf-akzent-gedaempft);line-height:1.7}.anfrage-hinweis a{text-decoration:underline}.anfrage-status:empty{display:none}.anfrage-status{font:500 15px / 1.5 var(--font-text);flex-direction:column;align-items:flex-start;gap:12px;display:flex}.kontakt .anfrage-ausweich,.kontakt .anfrage-ausweich:hover{color:var(--color-text);text-decoration:none}.anfrage-ausweich-hinweis{color:var(--color-auf-akzent-gedaempft);font-weight:400}.anfrage-status[data-art=fehler]{color:var(--color-auf-akzent-mono)}.anfrage-status a{text-decoration:underline}.site-footer{border-top:1px solid var(--color-linie-abschnitt);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:36px;padding-top:44px;padding-bottom:44px;display:flex}.footer-marke{flex-direction:column;gap:12px;display:flex}.footer-marke .m{line-height:1.8}.footer-logo{object-fit:contain;align-self:flex-start;width:auto;height:52px}.footer-spalten{flex-wrap:wrap;gap:32px;display:flex}.footer-spalte{flex-direction:column;gap:9px;display:flex}.footer-spalte a{font:400 14px var(--font-text);color:var(--color-gedaempft)}.footer-spalte a:hover{color:var(--color-akzent)}.rechtstext{max-width:72ch;padding-top:var(--abschnitt);padding-bottom:var(--abschnitt)}.rechtstext h1{margin-bottom:clamp(18px,2.2vw,30px);font-size:clamp(32px,5vw,68px)}.rechtstext h2{margin-top:clamp(28px,3vw,44px);margin-bottom:12px;font-size:clamp(22px,2.6vw,30px)}.rechtstext p,.rechtstext li{font:400 17px / 1.65 var(--font-text);color:var(--color-gedaempft)}.rechtstext p+p{margin-top:12px}.rechtstext ul{margin:12px 0 0;padding-left:20px}.rechtstext li+li{margin-top:8px}.rechtstext a{color:var(--color-akzent);text-decoration:underline}.rechtstext .hinweis{box-shadow:inset 0 0 0 1px var(--color-linie-zeile);color:var(--color-text);margin-top:18px;padding:clamp(16px,1.8vw,22px)}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.fig:hover img{transform:none}}