.kopf-gruppe{position:fixed;inset-inline:0;inset-block-start:0;z-index:50;transition:transform .3s var(--kurve)}.kopf-gruppe.ist-gescrollt{transform:translateY(calc(-1 * var(--ankuendigung-aktiv, 0px)))}.ankuendigung{height:var(--ankuendigung-hoehe);display:flex;align-items:center;justify-content:center;padding-inline:var(--rand);background:var(--ankuendigung-farbe, var(--c-ankuendigung));color:var(--c-weiss)}.ankuendigung{position:relative}.ankuendigung__fenster{position:relative;width:100%;height:100%;overflow:hidden}.ankuendigung__nachricht{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ankuendigung__text{display:inline-flex;align-items:center;gap:8px;max-width:100%;letter-spacing:1.5px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ankuendigung__raten{display:inline-flex;gap:0;font-size:0}.ankuendigung__raten .raten__logo{height:15px;border-radius:3px}.ankuendigung--rollt .ankuendigung__fenster{margin-inline:28px}.ankuendigung--rollt .ankuendigung__nachricht{opacity:.01;transform:translateY(100%);transition:transform .45s cubic-bezier(.23,1,.32,1),opacity .45s cubic-bezier(.23,1,.32,1)}.ankuendigung--rollt .ankuendigung__nachricht.ist-aktiv{opacity:1;transform:none}.ankuendigung--rollt .ankuendigung__nachricht.ist-weg{opacity:.01;transform:translateY(-100%)}.ankuendigung__pause{position:absolute;inset-inline-end:2px;inset-block-start:50%;translate:0 -50%;display:grid;place-items:center;width:42px;height:42px;color:#ffffff8c}.ankuendigung__pause .icon{grid-area:1 / 1}.ankuendigung__pause .icon--abspielen,.ankuendigung.ist-angehalten .ankuendigung__pause .icon--pause{opacity:0}.ankuendigung.ist-angehalten .ankuendigung__pause .icon--abspielen{opacity:1}@media(hover:hover)and (pointer:fine){.ankuendigung__pause:hover{color:var(--c-weiss)}}@media(prefers-reduced-motion:reduce){.ankuendigung--rollt .ankuendigung__nachricht,.ankuendigung--rollt .ankuendigung__nachricht.ist-weg{transform:none}}.ankuendigung__pfeil{display:inline-block;margin-inline-start:4px}[dir=rtl] .ankuendigung__pfeil{transform:scaleX(-1)}.kopf{display:block}.kopf__balken{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12.8px;height:var(--kopf-hoehe);padding:10px 20px;background:var(--c-weiss);transition:background-color .3s var(--kurve),color .3s var(--kurve),margin .3s var(--kurve),border-radius .3s var(--kurve),backdrop-filter .3s var(--kurve)}.kopf:not(.kopf--startseite) .kopf__balken{grid-template-columns:1fr auto 1fr}.kopf--durchsichtig:not(.ist-gescrollt) .kopf__balken{background:transparent}.kopf.ist-gescrollt .kopf__balken{box-shadow:0 1px #0000000f}.kopf__links,.kopf__rechts{display:flex;align-items:center;gap:12.8px}.kopf__rechts{justify-self:end}.kopf__symbol{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:24px}.kopf__logo{display:grid;width:min(var(--logo-breite-handy, 50px),calc(100vw - 168px))}.kopf__logo img{grid-area:1 / 1;width:100%;height:auto;transition:opacity .3s var(--kurve)}.kopf__logo-bild--hell{opacity:0}.kopf__logo,.kopf__knopf,.sprachwahl__auswahl,.konto-wahl__auswahl{position:relative}.kopf__symbol:after,.sprachwahl__auswahl:after,.konto-wahl__auswahl:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.kopf__logo:after{content:"";position:absolute;top:-18px;right:-6px;bottom:-18px;left:-6px}.kopf__knopf:after{content:"";position:absolute;top:-6px;right:-3px;bottom:-6px;left:-3px}.kopf__knopf{transition:background-color .3s var(--kurve),color .3s var(--kurve),transform .14s ease-out}.kopf__knopf-kurz{display:none}@media(max-width:559px),(min-width:1024px)and (max-width:1179px){.kopf__knopf-lang{display:none}.kopf__knopf-kurz{display:inline}}.kopf--hell-oben:not(.ist-gescrollt) .kopf__balken{color:var(--c-weiss)}.kopf--hell-oben:not(.ist-gescrollt) .kopf__logo-bild--dunkel{opacity:0}.kopf--hell-oben:not(.ist-gescrollt) .kopf__logo-bild--hell{opacity:1}.kopf--hell-oben:not(.ist-gescrollt) .kopf__knopf{background:var(--c-weiss);color:var(--c-schwarz)}@media(hover:hover)and (pointer:fine){.kopf--hell-oben:not(.ist-gescrollt) .kopf__knopf:hover{background:#ebebea}}.kopf__logo--einfarbig .kopf__logo-bild--dunkel{filter:brightness(0)}.kopf__logo-text{font-size:16px;font-weight:600;white-space:nowrap}.kopf__nav,.kopf__konto{display:none}.kopf__nav a,.konto-wahl__auswahl{transition:opacity var(--dauer) ease-out}@media(hover:hover)and (pointer:fine){.kopf__nav a:hover,.konto-wahl__auswahl:hover{opacity:.6}}.kopf__zahl{position:absolute;inset-block-start:-7px;inset-inline-end:-9px;min-width:18px;height:18px;padding-inline:5px;border-radius:var(--r-voll);background:var(--c-schwarz);color:var(--c-weiss);font-size:12px;line-height:18px;font-variant-numeric:tabular-nums;text-align:center}@media(max-width:1023px){.kopf .sprachwahl{display:none}.kopf:not(.kopf--startseite) .kopf__knopf,.kopf--startseite.kopf--korb-voll .kopf__knopf{display:none}.kopf--startseite:not(.kopf--korb-voll) .kopf__warenkorb{display:none}}@media(min-width:1024px){.kopf__balken{grid-template-columns:1fr auto 1fr;padding:0 32px}.kopf--durchsichtig:not(.ist-gescrollt) .kopf__balken{margin:16px 32px 0;border-radius:var(--r-mittel);background:#ffffff4d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.kopf--hell-oben:not(.ist-gescrollt) .kopf__balken{background:#06101e47}.kopf__menu-knopf{display:none}.kopf__nav,.kopf__konto{display:block}.kopf__nav ul{display:flex;gap:24px}.kopf__nav a{display:block;padding-block:13px}.kopf .kopf__nav a,.kopf .konto-wahl__auswahl,.kopf .sprachwahl__auswahl{font-family:var(--schrift-titel);font-size:14px;letter-spacing:.3px}.kopf__logo{justify-self:center;width:clamp(160px,30vw - 140px,var(--logo-breite, 82px))}.kopf__rechts{gap:24px}}.sprachwahl,.konto-wahl{position:relative}.sprachwahl__auswahl,.konto-wahl__auswahl{display:inline-flex;align-items:center;gap:4px;cursor:pointer;list-style:none;white-space:nowrap}@media(min-width:1280px){.kopf__chat{display:inline-flex}}@media(min-width:1024px)and (max-width:1119px){.kopf__nav ul{gap:14px}.kopf__rechts{gap:16px}}.sprachwahl__auswahl::-webkit-details-marker,.konto-wahl__auswahl::-webkit-details-marker{display:none}.sprachwahl[open] .icon--chevron{transform:rotate(180deg)}.sprachwahl__liste,.konto-wahl__liste{position:absolute;inset-inline-end:0;inset-block-start:calc(50% + var(--kopf-hoehe) / 2 + 8px);display:grid;min-width:160px;padding:8px;border-radius:var(--r-mittel);background:var(--c-weiss);color:var(--c-schwarz);box-shadow:0 8px 30px #0000001f;transform-origin:top right}[dir=rtl] :is(.sprachwahl__liste,.konto-wahl__liste){transform-origin:top left}[open]>:is(.sprachwahl__liste,.konto-wahl__liste){animation:aufklappen .2s cubic-bezier(.23,1,.32,1)}@keyframes aufklappen{0%{opacity:.01;transform:scale(.95)}}@media(prefers-reduced-motion:reduce){@keyframes aufklappen{0%{opacity:.01}}}.sprachwahl__liste{grid-template-columns:repeat(2,minmax(0,1fr));min-width:300px}.sprachwahl__liste button{min-height:44px;padding:10px 12px;border-radius:var(--r-klein);font-size:15px;text-align:start}.sprachwahl__liste [aria-current]{background:var(--c-hell)}.sprachwahl__liste.laenderwahl__liste{grid-template-columns:1fr;min-width:260px;max-height:min(60vh,440px);overflow-y:auto;overscroll-behavior:contain}.kopf .laenderwahl__liste{min-width:320px}.laenderwahl__liste button{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.laenderwahl__waehrung{font-family:var(--schrift-mono);font-size:13px;color:#5f5f66}.laenderwahl__zeichen{text-transform:none}.laenderwahl__trenner{margin:6px 12px;border:0;border-block-start:1px solid rgba(0,0,0,.08)}@media(hover:hover)and (pointer:fine){.sprachwahl__liste button:hover{background:var(--c-hell)}}.konto-wahl__liste{width:300px}.konto-liste{display:grid}.konto-liste__eintrag{display:grid;gap:2px;padding:12px;border-radius:var(--r-klein);transition:background-color .2s ease-out}.konto-liste__eintrag:active{background:var(--c-hell)}@media(hover:hover)and (pointer:fine){.konto-liste__eintrag:hover{background:var(--c-hell)}}.konto-liste__titel{font-size:15px;font-weight:500}.konto-liste__text{font-size:14px;color:var(--c-grau)}.konto-liste__hinweis{padding:8px 12px 4px;font-size:13px;color:var(--c-grau)}html:has(.schublade[open],.blatt[open]),html.menue-offen{overflow:hidden}.schublade{inset-block:0;inset-inline-start:0;inset-inline-end:auto;width:min(100%,420px);max-width:100%;height:100%;max-height:100%;margin:0;padding:0;border:0;flex-direction:column;background:var(--c-weiss);color:var(--c-schwarz);transform:translate(-100%);transition:transform .35s var(--kurve),overlay .35s allow-discrete,display .35s allow-discrete}[dir=rtl] .schublade{transform:translate(100%)}.schublade[open]{display:flex;transform:none}@starting-style{.schublade[open]{transform:translate(-100%)}}@starting-style{[dir=rtl] .schublade[open]{transform:translate(100%)}}.schublade::backdrop{background:#00000080;opacity:0;transition:opacity .25s var(--kurve),overlay .25s allow-discrete,display .25s allow-discrete}.schublade[open]::backdrop{opacity:1}@starting-style{.schublade[open]::backdrop{opacity:0}}.schublade__kopf{display:flex;align-items:center;justify-content:space-between;min-height:var(--kopf-hoehe);padding:10px 20px}.burger{position:relative;display:block;width:24px;height:24px}.burger i{position:absolute;inset-inline:4px;top:50%;height:1.5px;margin-top:-.75px;border-radius:1px;background:currentColor;transition:translate .15s cubic-bezier(.77,0,.175,1) .15s,rotate .15s cubic-bezier(.77,0,.175,1)}.burger i:first-child{translate:0 -3px}.burger i:last-child{translate:0 3px}[aria-expanded=true]>.burger i{translate:0 0;rotate:45deg;transition:translate .15s cubic-bezier(.77,0,.175,1),rotate .15s cubic-bezier(.77,0,.175,1) .15s}[aria-expanded=true]>.burger i:last-child{rotate:-45deg}.menue{position:absolute;inset-inline:0;top:100%;display:none;height:calc(100dvh - var(--menue-oben, 96px));overflow-y:auto;overscroll-behavior:contain;background:var(--c-weiss);color:var(--c-schwarz);opacity:.01;transition:opacity .18s cubic-bezier(.23,1,.32,1),display .18s allow-discrete}.menue.ist-offen{display:block;opacity:1;transition-duration:.3s}@starting-style{.menue.ist-offen{opacity:.01}}.menue__innen{display:flex;flex-direction:column;min-height:100%;padding:8px var(--rand) calc(24px + env(safe-area-inset-bottom))}.menue__teil{opacity:.01;translate:0 -8px;transition:opacity .15s cubic-bezier(.23,1,.32,1),translate .15s cubic-bezier(.23,1,.32,1)}.menue.ist-offen .menue__teil{opacity:1;translate:0 0;transition-duration:.3s;transition-delay:calc(min(var(--n),8)*30ms + 40ms)}@starting-style{.menue.ist-offen .menue__teil{opacity:.01;translate:0 -8px}}.menue__suche{padding-block:4px 12px}.menue__nav{flex:1}.menue__nav>ul{display:grid;gap:2px}.menue__link{display:block;padding-block:10px;font-size:28px;line-height:1.15;font-weight:500;letter-spacing:.3px;transition:color .15s ease-out}.menue__link:active,.menue__unter a:active{color:var(--c-grau)}.menue__link[aria-current=page]{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:6px}.menue__unter{display:grid;gap:4px;padding-block:0 12px}.menue__klapp summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.menue__klapp summary::-webkit-details-marker{display:none}.menue__klapp summary svg{color:var(--c-grau);transition:rotate .2s cubic-bezier(.23,1,.32,1)}.menue__klapp[open] summary svg{rotate:180deg}.menue__klapp[open] .menue__unter{animation:menue-auf .2s cubic-bezier(.23,1,.32,1)}@keyframes menue-auf{0%{opacity:.01;translate:0 -6px}}.menue__unter a{display:flex;align-items:center;min-height:36px;font-size:16px;color:var(--c-grau)}.menue__fuss{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-block-start:24px;padding-block-start:20px;border-block-start:1px solid var(--c-rahmen)}.menue__konto{display:grid;gap:2px;margin-block-start:8px}.menue__konto-titel{font-size:13px;color:var(--c-grau)}.menue__konto .konto-liste__eintrag{margin-inline:-12px}.menue__konto .konto-liste__hinweis{padding-inline:0}.menue__sprachen{display:flex;flex-wrap:wrap;gap:4px;width:fit-content;max-width:100%;padding:4px;border-radius:24px;background:var(--c-hell)}.menue__sprachen button{min-height:40px;padding-inline:18px;border-radius:var(--r-voll);font-size:15px;transition:background-color .2s ease-out}.menue__sprachen [aria-current]{background:var(--c-weiss);box-shadow:0 1px 3px #0000001f}.menue__land{display:grid;gap:6px;margin-block-start:16px}.menue__land-titel{font-size:13px;color:#5f5f66}.menue__land select{width:100%;min-height:48px;padding-inline:18px 44px;border:0;border-radius:24px;background:var(--c-hell) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23111' stroke-width='1.5'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 18px center;color:inherit;font:inherit;font-size:16px;-webkit-appearance:none;appearance:none}[dir=rtl] .menue__land select{background-position:left 18px center}html.menue-offen .kopf .kopf__balken{background:var(--c-weiss);color:var(--c-schwarz);box-shadow:0 1px #0000000f}html.menue-offen .kopf--hell-oben .kopf__knopf{background:var(--c-schwarz);color:var(--c-weiss)}html.menue-offen .kopf--hell-oben .kopf__logo-bild--dunkel{opacity:1}html.menue-offen .kopf--hell-oben .kopf__logo-bild--hell{opacity:0}@media(min-width:1024px){.menue{display:none!important}}@media(prefers-reduced-motion:reduce){.burger i,.menue,.menue__teil,.menue__klapp summary svg{transition:none!important}.menue__klapp[open] .menue__unter{animation:none}}.suchfeld{display:flex;align-items:center;gap:10px;min-height:56px;padding-inline:16px 6px;border-radius:var(--r-mittel);background:var(--c-hell);transition:box-shadow var(--dauer) ease-out}.suchfeld:focus-within{box-shadow:inset 0 0 0 2px var(--c-schwarz)}.suchfeld>.icon{flex:none;color:var(--c-grau)}.suchfeld__eingabe{flex:1;width:0;min-width:0;height:52px;border:0;background:none;font-size:18px;outline:none;-webkit-appearance:none;appearance:none}.suchfeld__eingabe::placeholder{color:var(--c-grau);opacity:1}.suchfeld__knopf{flex:none;min-height:44px;padding-inline:16px;border-radius:var(--r-klein);background:var(--c-schwarz);color:var(--c-weiss);font-size:15px;font-weight:500}.suchfeld--klein{min-height:48px;padding-inline-end:12px}.suchfeld--klein .suchfeld__eingabe{height:46px;font-size:16px}html:not([lang=ar]) [lang=ar]{font-family:system-ui,-apple-system,Segoe UI,Tahoma,sans-serif}.hilfe-knopf{position:fixed;z-index:19;inset-inline-end:16px;inset-block-end:calc(16px + var(--vorschau-platz, 0px) + env(safe-area-inset-bottom));display:inline-flex;align-items:center;gap:8px;min-height:48px;padding-inline:16px 18px;border-radius:999px;background:var(--c-schwarz);color:var(--c-weiss);font-size:15px;font-weight:500;box-shadow:0 6px 24px #00000038,inset 0 0 0 1px #ffffff24;transition:transform .16s cubic-bezier(.23,1,.32,1)}.hilfe-knopf:active{transform:scale(.96)}body:has(.kaufleiste) .hilfe-knopf{inset-block-end:calc(var(--leiste-platz, 88px) + 38px + var(--vorschau-platz, 0px) + env(safe-area-inset-bottom))}.hilfe-knopf.ist-weg{opacity:0;pointer-events:none;transform:translateY(8px)}.hilfe-knopf{transition:transform .16s cubic-bezier(.23,1,.32,1),opacity .2s ease-out}@media(max-width:767px){.hilfe-knopf{justify-content:center;width:52px;min-height:52px;padding:0}.hilfe-knopf span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}@media print{.hilfe-knopf{display:none}}@media(min-width:1024px){body.seite--product .hilfe-knopf{inset-inline:24px auto;inset-block-end:calc(24px + var(--vorschau-platz, 0px))}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/kopf.css.map */