.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.kopf{padding-block:var(--raum-4) 0}.kopf .huelle{justify-content:center;display:flex}.kopf__logo{width:clamp(9rem,7rem + 8vw,12rem);height:auto}.held{padding-block:clamp(1rem,2.5vh,2rem) clamp(2.5rem,6vh,4.5rem)}.held__huelle{position:relative}.schweber{display:none}@media (width>=74rem){.schweber{pointer-events:none;width:0;height:0;display:block;position:absolute;inset:0 auto auto 50%}.schweber__i{opacity:0;will-change:transform;position:absolute}.schweber__i .i3{max-width:none}.schweber__i--1{top:.75rem;right:27.5rem}.schweber__i--2{top:.25rem;left:27.5rem}.schweber__i--3{top:8rem;right:27.5rem}}@media (width>=74rem) and (prefers-reduced-motion:no-preference){.schweber__i{animation:flug 1.1s var(--kurve) calc(var(--v,0) * .16s + .2s) both, schweben 6.5s ease-in-out calc(var(--v,0) * .16s + 1.3s) infinite alternate}.schweber__i--1{--v:0;--dx:0px;--r:-4deg}.schweber__i--2{--v:1;--dx:0px;--r:4deg}.schweber__i--3{--v:2;--dx:0px;--r:-6deg}@keyframes flug{0%{opacity:0;transform:translate(var(--dx,0), 48px) scale(.7) rotate(var(--r,0deg))}to{opacity:1;transform:none}}@keyframes schweben{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-12px) rotate(var(--r,0deg))}}}@media (width>=74rem) and (prefers-reduced-motion:reduce){.schweber__i{opacity:1}}.held__kopf{text-align:center;max-width:52rem;margin-block-end:clamp(1.5rem,3.5vw,2.5rem);margin-inline:auto}.held h1{margin-block-end:var(--raum-4);font-size:clamp(2.25rem,1.2rem + 3.8vw,4rem);line-height:1.02}.held__sub{max-width:40rem;margin-inline:auto}.held__raster{gap:var(--raum-6) clamp(2rem, 4vw, 4rem);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.mock{order:1}.karte{order:2}.chips{order:3}.drin{order:4}.vorschau__rahmen{order:5}@media (width>=62rem){.held__raster{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-auto-rows:auto}.mock,.chips,.drin,.vorschau__rahmen{order:0;grid-column:1}.karte{order:0;grid-area:1/2/span 4;align-self:start;position:sticky;inset-block-start:1.5rem}}.mock{padding:var(--raum-6) 0 var(--raum-2);place-items:center;display:grid;position:relative}.mock__bild{width:min(100%,31rem);height:auto}.buch{aspect-ratio:3/4;background:var(--schwarz-weich);border:1px solid #ffffff2e;border-radius:.375rem .75rem .75rem .375rem;width:min(60%,14rem);position:relative;overflow:hidden;box-shadow:.5rem .5rem #d4d4d8,1rem 1rem #e8e8ea}.buch>img{object-fit:cover;width:100%;height:100%}.buch__cover{color:#fff;align-items:flex-end;padding:1.5rem;display:flex;position:absolute;inset:0}.buch__titel{font:600 1.5rem/1.05 var(--schrift-kopf);letter-spacing:-.03em}.mock__tag{border:2px solid var(--orange);background:var(--schwarz);font:600 .9375rem/1 var(--schrift-kopf);letter-spacing:-.01em;z-index:2;border-radius:.5rem;padding:.5rem .9rem;position:absolute;inset-block-start:.5rem;inset-inline-start:0;transform:rotate(-4deg)}.chips{gap:var(--raum-3);display:grid}@media (width>=36rem){.chips{grid-template-columns:auto auto;justify-content:start}.chips li{white-space:nowrap}}.chips li{align-items:center;gap:var(--raum-3);min-height:3.25rem;padding:var(--raum-2) var(--raum-4);border:1px solid var(--linie);border-radius:var(--radius);font:600 var(--text-sm)/1.25 var(--schrift-text);display:flex}.chips li>img{flex:none;width:1.375rem;height:1.375rem}.chips__google{gap:.875rem}.chips li.chips__google>img{width:1.75rem;height:1.75rem}.chips__stapel{gap:.3rem;display:grid}.chips__sterne{gap:2px;display:flex}.chips__sterne svg{width:1.0625rem;height:1.0625rem;fill:var(--orange-hell)}.chips__haken{width:1.25rem;height:1.25rem;color:var(--akzent);flex:none}.drin__titel{font-size:var(--text-h3);margin-block-end:var(--raum-3)}.haken{gap:.7rem;max-width:38rem;display:grid}.haken li{padding-inline-start:2rem;position:relative}.haken li:before{content:"";border-inline-start:3px solid var(--akzent);border-block-end:3px solid var(--akzent);width:1.1rem;height:.6rem;position:absolute;inset-block-start:.45em;inset-inline-start:0;transform:rotate(-45deg)translateY(-30%)}.karte{padding:clamp(1.25rem,2.5vw,2rem);scroll-margin-top:1rem}.form__titel{margin-block-end:var(--raum-4);font-size:clamp(1.25rem,1.1rem + .6vw,1.6rem)}.feld{margin-block-end:.75rem;position:relative}.feld input[type=text],.feld input[type=email],.feld input[type=tel],.feld input[type=url]{width:100%;height:3.5rem;padding:1.25rem var(--raum-4) .25rem;font:inherit;color:var(--schwarz);transition:border-color var(--dauer-kurz);background:#fff;border:1.5px solid #0a0a0b33;border-radius:.875rem;font-size:1rem}.feld>label{color:#0a0a0b9e;pointer-events:none;transform-origin:0 0;transition:transform var(--dauer-mittel) var(--kurve), color var(--dauer-kurz);font-size:1rem;line-height:1.5rem;position:absolute;inset-block-start:1.0625rem;inset-inline-start:calc(var(--raum-4) + 1.5px)}.feld input:focus+label,.feld input:not(:placeholder-shown)+label{color:#0a0a0bbd;transform:translateY(-.7rem)scale(.875)}.feld input:hover{border-color:#0a0a0b80}.feld input:focus-visible{outline:3px solid var(--orange);outline-offset:1px;border-color:var(--schwarz)}.feld input[aria-invalid=true]{border-color:var(--farbe-fehler)}.feld__fehler{color:var(--farbe-fehler);font-size:var(--text-sm);margin-block-start:var(--raum-1);font-weight:600}.feld__fehler:empty{display:none}.feld--check{gap:var(--raum-3);grid-template-columns:auto 1fr;align-items:start;margin-block:1rem .5rem;display:grid}.feld--check input{width:1.375rem;height:1.375rem;accent-color:var(--orange-tief);margin:.1rem 0 0}.feld--check>label{pointer-events:auto;font-size:var(--text-sm);color:inherit;line-height:1.45;position:static;transform:none}.feld--check .feld__fehler{grid-column:1/-1}.honig{width:1px;height:1px;position:absolute;inset-inline-start:-9999px;overflow:hidden}.form__btn{width:100%;margin-block-start:var(--raum-2)}.form__status{min-height:1.25rem;font-size:var(--text-sm);margin-block-start:var(--raum-2)}.form__status.fehler{color:var(--farbe-fehler);font-weight:600}.form__mikro{font-size:var(--text-sm);text-align:center}.erfolg:focus{outline:none}.erfolg p{margin-block-start:var(--raum-3)}.beleg{align-items:center;gap:var(--raum-4);border-block-start:1px solid var(--linie);margin-block-start:var(--raum-4);padding-block-start:var(--raum-4);display:flex}.beleg__koepfe{flex:none;display:flex}.beleg__koepfe li+li{margin-inline-start:-.65rem}.beleg__koepfe img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:2.5rem;height:2.5rem}.beleg__text{font-size:var(--text-sm);line-height:1.3;display:grid}@media (width<=35.99rem){.beleg{text-align:center;gap:var(--raum-3);flex-direction:column}.beleg__text{justify-items:center}}.beleg__text span{color:var(--leise)}.vorschau__rahmen{padding:clamp(1rem,3vw,2rem);overflow:hidden}.buch3d{aspect-ratio:1191.84/841.92;perspective:2600px;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:pan-y;user-select:none;border-radius:.5rem;width:min(100%,42rem);margin-inline:auto}.buch3d__innen{width:100%;height:100%;transform-style:preserve-3d;transition:transform .9s var(--kurve);position:relative;transform:translate(-25%)}.buch3d[data-stand="1"] .buch3d__innen,.buch3d[data-stand="2"] .buch3d__innen{transform:none}.seite-basis{z-index:0;position:absolute;inset:0 0 0 50%}.blatt{transform-origin:0;transform-style:preserve-3d;transition:transform .9s var(--kurve), z-index 0s linear .45s;position:absolute;inset:0 0 0 50%}.blatt[data-i="0"]{z-index:3}.blatt[data-i="1"]{z-index:2}.buch3d[data-stand="1"] .blatt[data-i="0"],.buch3d[data-stand="2"] .blatt{transform:rotateY(-180deg)}.buch3d[data-stand="1"] .blatt[data-i="0"],.buch3d[data-stand="2"] .blatt[data-i="0"]{z-index:1}.seite{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border:1px solid #ffffff29;position:absolute;inset:0;overflow:hidden}.seite--rueck{transform:rotateY(180deg)}.seite img{object-fit:cover;pointer-events:none;width:100%;height:100%}.seite__leer{font:600 var(--text-sm)/1 var(--schrift-text);color:#0a0a0b80;place-items:center;display:grid;position:absolute;inset:0}.buch3d:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.vorschau__leiste{justify-content:space-between;align-items:center;gap:var(--raum-4);flex-wrap:wrap;margin-block-start:var(--raum-4);display:flex}.vorschau__zaehler{font:600 var(--text-sm)/1.2 var(--schrift-text);letter-spacing:.02em}.vorschau__knoepfe{gap:var(--raum-2);display:flex}.vorschau__knoepfe button{justify-content:center;align-items:center;gap:var(--raum-2);color:#fff;min-width:2.75rem;height:2.75rem;font:600 var(--text-sm)/1 var(--schrift-kopf);white-space:nowrap;cursor:pointer;transition:background-color var(--dauer-kurz), color var(--dauer-kurz), border-color var(--dauer-kurz), padding var(--dauer-mittel) var(--kurve);background:0 0;border:1.5px solid #ffffffb3;border-radius:999px;padding:0;display:inline-flex}.vorschau__knoepfe button:hover:not(:disabled){color:var(--schwarz);background:#fff}.vorschau__knoepfe button:disabled{opacity:.3;cursor:default}.vorschau__knoepfe svg{width:1.125rem;height:1.125rem}.vorschau__knoepfe button.ist-cta{background:var(--orange);border-color:var(--orange);color:var(--auf-akzent);padding-inline:1.25rem 1rem}.vorschau__knoepfe button.ist-cta:hover{background:var(--orange-hell);border-color:var(--orange-hell);color:var(--auf-akzent)}@media (prefers-reduced-motion:reduce){.buch3d__innen,.blatt{transition:none}}.fuss{color:var(--leise);padding-block:var(--raum-8);border-block-start:1px solid var(--linie);font-size:var(--text-sm)}.fuss__innen{gap:var(--raum-4) var(--raum-8);flex-wrap:wrap;justify-content:space-between;display:flex}.fuss__links{gap:var(--raum-6);display:flex}.fuss a{text-underline-offset:4px}.fuss a:hover,.fuss__marke{color:#fff}.balken{z-index:50;padding:var(--raum-3) var(--rand) calc(var(--raum-3) + env(safe-area-inset-bottom));transition:transform var(--dauer-mittel) var(--kurve);background:#0a0a0bf0;position:fixed;inset-block-end:0;inset-inline:0;transform:translateY(110%)}.balken.offen{transform:none}.balken .btn{width:100%}@media (width>=62rem){.balken{display:none}}@media (prefers-reduced-motion:reduce){.balken{transition:none}}
