@property --c{syntax: "<color>"; inherits: true; initial-value: #3d68ff;}.obn{--nacht: #0d0c0b;--nacht-2: #171513;--stein: #f4f0ea;--stein-2: #b8b0a6;--linie: rgba(244, 240, 234, .16);--display: "Archivo", "Arial Narrow", "Helvetica Neue", Arial, sans-serif;--text: "Manrope", "Helvetica Neue", Arial, sans-serif;--kopf: 56px;--unten: 0px;--rand-l: max(16px, env(safe-area-inset-left, 0px));--rand-r: max(16px, env(safe-area-inset-right, 0px));position:relative;background:var(--nacht);color:var(--stein);font-family:var(--text);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:--c .9s ease;overflow-x:clip}.obn--voll{--kopf: 0px}.obn *,.obn *:before,.obn *:after{box-sizing:border-box}.obn div:empty{display:block}.obn a{color:inherit}.obn :focus-visible{outline:2px solid var(--stein);outline-offset:3px;box-shadow:none}.obn .obn-klein{font:700 12px/1.2 var(--text);letter-spacing:.2em;text-transform:uppercase;color:var(--stein-2)}.obn .obn-schlag{font-family:var(--display);font-weight:900;font-stretch:66%;text-transform:uppercase;line-height:.86;letter-spacing:-.005em;text-wrap:balance;color:var(--stein);margin:0;word-break:normal}.obn p{margin:0;letter-spacing:0}.obn .obn-knopf{display:inline-flex;align-items:center;justify-content:center;font:800 13px/1 var(--display);font-stretch:80%;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--nacht);background:var(--stein);padding:15px 20px;border:1px solid var(--stein);border-radius:0;cursor:pointer;transition:background .25s,color .25s}.obn .obn-knopf:hover{background:transparent;color:var(--stein)}.obn .obn-knopf--hohl{background:transparent;color:var(--stein);border-color:var(--linie)}.obn .obn-knopf--hohl:hover{border-color:var(--stein)}.obn-knoepfe{display:flex;flex-wrap:wrap;gap:10px}.obn-spur{position:relative}.obn-buehne{position:relative;height:100vh;height:100svh;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse 70% 55% at 50% 34%,#1d1a17,#1d1a1700 70%),linear-gradient(to bottom,#0b0a09 0%,var(--nacht) 55%,#121110 100%);--fig-h: min(62vh, 660px, calc(100svh - var(--unten) - var(--fig-top) - 190px));--fig-w: calc(var(--fig-h) * .487);--fig-top: calc(var(--kopf) + 7vh);--abstand: min(19vw, 270px);--zoom: 1;--tilt: 0deg;--x: 0px;--y: 0px;--seiten: 1;--glut: 0;--fokus: 0;--nav: 0;--ende: 0;--v1: 1;--v2: 0;--v3: 0;--v4: 0;--r1: 0deg;--r2: -64deg;--r3: -64deg;--r4: -64deg;--s1: 0%;--s2: 0%;--s3: 0%;--s4: 0%}.obn--js .obn-spur{height:calc(100svh * (var(--laenge, 6) + 1))}.obn--js .obn-buehne{position:sticky;top:0}.obn--kurz .obn-buehne{--seiten: 0;--glut: 1;--fokus: 1}.obn-farbraum{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:var(--glut);background:radial-gradient(ellipse 46% 62% at 64% 50%,color-mix(in srgb,var(--c) 82%,transparent),color-mix(in srgb,var(--c) 34%,transparent) 40%,#0000 72%),radial-gradient(ellipse 120% 70% at 50% 115%,color-mix(in srgb,var(--c) 26%,transparent),#0000 62%),linear-gradient(to right,#0505068c,#05050600 45%)}@media(max-width:700px){.obn-farbraum{background:radial-gradient(ellipse 70% 55% at 50% 52%,color-mix(in srgb,var(--c) 78%,transparent),color-mix(in srgb,var(--c) 30%,transparent) 42%,#0000 74%),radial-gradient(ellipse 120% 60% at 50% 115%,color-mix(in srgb,var(--c) 24%,transparent),#0000 62%)}}.obn-schwebe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;animation:obn-schweben 5.5s ease-in-out infinite}@keyframes obn-schweben{50%{transform:translateY(-7px)}}.obn-korona{position:absolute;left:50%;z-index:0;pointer-events:none;top:calc(var(--fig-top) + var(--fig-h) * .44);width:calc(var(--fig-h) * .84);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%) scale(calc(1 + (1 - var(--seiten)) * .5));opacity:var(--seiten);background:radial-gradient(circle at 50% 50%,#050504 0 64%,#0b0a09 70.5%,#0000 71%);box-shadow:0 0 0 1px color-mix(in srgb,var(--c) 70%,#ffffff),0 0 26px 3px color-mix(in srgb,var(--c) 85%,transparent),0 0 110px 26px color-mix(in srgb,var(--c) 34%,transparent),inset 0 0 34px 2px color-mix(in srgb,var(--c) 45%,transparent)}.obn-licht{position:absolute;left:50%;z-index:2;pointer-events:none;top:calc(var(--fig-top) + var(--fig-h) * .03);width:calc(var(--fig-w) * 1.3);height:5px;transform:translate(-50%) translateY(calc((1 - var(--seiten)) * -60px));opacity:var(--seiten);background:linear-gradient(90deg,#fff0,#fff 18% 82%,#fff0);box-shadow:0 0 16px 3px #ffffff8c,0 6px 44px 10px color-mix(in srgb,var(--c) 45%,transparent)}.obn-licht:after{content:"";position:absolute;left:-15%;right:-15%;top:5px;height:calc(var(--fig-h) * .9);background:linear-gradient(to bottom,#ffffff21,#fff0 75%);clip-path:polygon(17% 0,83% 0,100% 100%,0 100%)}.obn-sockel{position:absolute;left:50%;z-index:1;pointer-events:none;top:calc(var(--fig-top) + var(--fig-h) * .89 + 6px);width:calc(var(--fig-w) * 1.55);transform:translate(-50%) translateY(calc((1 - var(--seiten)) * 80px));opacity:var(--seiten)}.obn-sockel .obn-platte{height:calc(var(--fig-h) * .085);background:linear-gradient(180deg,#34302b,#1c1a17 55%,#12110f);border-top:1px solid rgba(255,255,255,.16);transform:perspective(520px) rotateX(64deg);transform-origin:50% 100%}.obn-sockel .obn-kante{height:12px;margin-top:-1px;background:linear-gradient(180deg,#1b1916,#0e0d0c);border-bottom:2px solid color-mix(in srgb,var(--c) 80%,#ffffff);box-shadow:0 6px 26px 2px color-mix(in srgb,var(--c) 60%,transparent)}.obn-sockel .obn-boden{position:absolute;left:-30%;right:-30%;top:calc(100% + 26px);height:46px;background:radial-gradient(ellipse 50% 50% at 50% 50%,color-mix(in srgb,var(--c) 42%,transparent),#0000 70%);filter:blur(6px)}.obn-karussell{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;perspective:1500px;perspective-origin:50% 42%}.obn .obn-figur{--k: 0;--ak: 0;position:absolute;left:50%;top:var(--fig-top);width:var(--fig-w);height:var(--fig-h);min-width:0;min-height:0;padding:0;margin:0;border:0;border-radius:0;background:none;box-shadow:none;cursor:pointer;color:inherit;transform:translate(-50%) translate(calc(var(--k) * (var(--abstand) + (1 - var(--seiten)) * 34vw))) translateZ(calc(var(--ak) * -240px)) rotateY(calc(var(--k) * -13deg));opacity:calc(var(--seiten) * (1 - var(--ak) * .22));filter:brightness(.17) saturate(.4) contrast(1.15)}.obn .obn-figur:before,.obn .obn-figur:after{display:none}.obn .obn-figur:not(.obn-aktiv):hover{filter:brightness(.36) saturate(.6)}.obn .obn-figur.obn-aktiv{z-index:3;cursor:default;opacity:1;filter:none;transform:translate(-50%) translate3d(var(--x),var(--y),0) rotate(var(--tilt)) scale(var(--zoom))}.obn-karussell.obn-wechsel .obn-figur{transition:transform .95s cubic-bezier(.2,.75,.15,1),filter .7s ease,opacity .7s ease}.obn-ansicht{position:absolute;top:0;left:50%;height:100%;transform:translate(-50%);opacity:0;--a0: 4%;--a1: 7.5%;--oben: linear-gradient(to bottom, rgba(0,0,0,0) var(--a0), rgba(0,0,0,.5) calc((var(--a0) + var(--a1)) / 2), #000 var(--a1))}.obn-ansicht.obn-v2{--a0: 9%;--a1: 13%}.obn-ansicht.obn-v3{--a0: 7%;--a1: 10.5%}.obn-ansicht.obn-v4{--a0: 8%;--a1: 11%}.obn .obn-ansicht img{display:block;width:100%;height:100%;max-width:none;border-radius:0;-webkit-mask-image:var(--oben);mask-image:var(--oben);-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.obn-figur .obn-ansicht.obn-v1{opacity:1}.obn-figur.obn-aktiv .obn-v1,.obn-figur.obn-raus .obn-v1{opacity:var(--v1);transform:translate(-50%) perspective(1100px) rotateY(var(--r1))}.obn-figur.obn-aktiv .obn-v2,.obn-figur.obn-raus .obn-v2{opacity:var(--v2);transform:translate(-50%) perspective(1100px) rotateY(var(--r2))}.obn-figur.obn-aktiv .obn-v3,.obn-figur.obn-raus .obn-v3{opacity:var(--v3);transform:translate(-50%) perspective(1100px) rotateY(var(--r3))}.obn-figur.obn-aktiv .obn-v4,.obn-figur.obn-raus .obn-v4{opacity:var(--v4);transform:translate(-50%) perspective(1100px) rotateY(var(--r4))}.obn-glanz{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen;-webkit-mask-image:var(--oben),var(--bild);mask-image:var(--oben),var(--bild);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-composite:source-in;mask-composite:intersect;background:linear-gradient(102deg,#fff0 43%,#ffffff6b 49%,#ffffffa6,#ffffff6b 51%,#fff0 57%);background-size:320% 100%;background-repeat:no-repeat;background-position:0% 0}.obn-figur:not(.obn-aktiv) .obn-glanz{display:none}.obn-v1 .obn-glanz{background-position:var(--s1) 0}.obn-v2 .obn-glanz{background-position:var(--s2) 0}.obn-v3 .obn-glanz{background-position:var(--s3) 0}.obn-v4 .obn-glanz{background-position:var(--s4) 0}.obn-anker{position:absolute;width:0;height:0}.obn-ebene{position:absolute;z-index:5}.obn-hero-text{left:var(--rand-l);bottom:calc(var(--unten) + 132px + env(safe-area-inset-bottom,0px));max-width:min(38vw,560px);display:grid;gap:16px;opacity:var(--seiten);transform:translateY(calc((1 - var(--seiten)) * -40px));pointer-events:none}.obn .obn-hero-text h1,.obn .obn-hero-text .obn-titel{font-size:clamp(52px,6.5vw,116px)}.obn .obn-hero-text .obn-claim{font-weight:500;color:var(--stein-2);font-size:16px}.obn-hero-rechts{right:var(--rand-r);bottom:calc(var(--unten) + 132px + env(safe-area-inset-bottom,0px));display:grid;gap:6px;justify-items:end;text-align:right;opacity:var(--seiten);pointer-events:none}.obn .obn-preis{font:800 34px/1 var(--display);font-stretch:72%;letter-spacing:.01em;font-variant-numeric:tabular-nums;color:var(--stein)}.obn-hinweis{display:flex;align-items:center;gap:10px;margin-top:14px}.obn-hinweis i{display:block;width:1px;height:38px;background:linear-gradient(var(--stein),rgba(244,240,234,0));animation:obn-tropfen 2.2s ease-in-out infinite;transform-origin:top}@keyframes obn-tropfen{0%{transform:scaleY(0)}45%{transform:scaleY(1)}to{transform:scaleY(1);opacity:0}}.obn-fokus-text,.obn-merkmal{left:var(--rand-l);top:50%;width:min(34vw,500px);display:grid;gap:14px;pointer-events:none}.obn-fokus-text{opacity:var(--fokus);transform:translateY(-50%) translate(calc((1 - var(--fokus)) * -48px))}.obn .obn-fokus-text .obn-schlag{font-size:clamp(60px,8.6vw,150px)}.obn .obn-leit{font:800 20px/1.2 var(--display);font-stretch:80%;letter-spacing:.06em;text-transform:uppercase;color:var(--stein)}.obn .obn-fokus-text .obn-lang{max-width:40ch;color:var(--stein-2)}.obn-merkmal{opacity:0;visibility:hidden;transform:translateY(-50%)}.obn .obn-merkmal .obn-schlag{font-size:clamp(42px,5.4vw,92px)}.obn .obn-merkmal p{max-width:34ch;color:var(--stein-2);font-size:16px}.obn .obn-merkmal .obn-nr{color:var(--stein)}.obn-ende{left:50%;bottom:calc(40px + env(safe-area-inset-bottom,0px));transform:translate(-50%) translateY(calc((1 - var(--ende)) * 20px));opacity:var(--ende);visibility:hidden}.obn-ende.obn-sichtbar{visibility:visible}.obn-punkt{position:absolute;z-index:6;left:0;top:0;width:18px;height:18px;margin:-9px 0 0 -9px;border:1.5px solid var(--stein);opacity:0;pointer-events:none;box-shadow:0 0 18px 2px color-mix(in srgb,var(--c) 70%,transparent)}.obn-punkt:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:var(--stein)}.obn-punkt:after{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border:1.5px solid var(--stein);animation:obn-puls 1.8s ease-out infinite}@keyframes obn-puls{to{transform:scale(2.6);opacity:0}}.obn-verbindung{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;pointer-events:none;overflow:visible}.obn-verbindung polyline{fill:none;stroke:var(--stein);stroke-width:1;opacity:0}.obn-nav{right:var(--rand-r);top:50%;transform:translateY(-50%);display:grid;gap:8px;opacity:var(--nav)}.obn .obn-nav button{position:relative;width:38px;height:38px;padding:0;min-width:0;min-height:0;border-radius:0;font:800 12px/1 var(--display);font-stretch:80%;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--stein-2);background:#0d0c0b59;border:1px solid var(--linie);cursor:pointer;box-shadow:none;transition:color .3s,border-color .3s,background .3s}.obn .obn-nav button span{position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%);white-space:nowrap;font:700 11px/1 var(--text);letter-spacing:.18em;text-transform:uppercase;opacity:0;transition:opacity .3s;color:var(--stein)}.obn .obn-nav button.obn-an{color:var(--nacht);background:var(--stein);border-color:var(--stein)}.obn .obn-nav button.obn-an span{opacity:1}.obn-farbwahl{left:50%;bottom:calc(var(--unten) * var(--seiten) + 22px + env(safe-area-inset-bottom,0px));transform:translate(-50%);display:grid;justify-items:center;gap:12px;width:max-content}.obn-farbwahl .obn-reihe{display:flex;align-items:center;gap:10px}.obn .obn-pfeil{width:40px;height:40px;padding:0;min-width:0;min-height:0;display:grid;place-items:center;cursor:pointer;border-radius:0;box-shadow:none;color:var(--stein);background:#0d0c0b66;border:1px solid var(--linie);transition:border-color .25s}.obn .obn-pfeil:hover{border-color:var(--stein)}.obn .obn-pfeil svg{width:14px;height:14px}.obn .obn-farbname{min-width:13ch;text-align:center;white-space:nowrap;color:var(--stein);font:800 19px/1 var(--display);font-stretch:72%;letter-spacing:.08em;text-transform:uppercase}.obn-chips{display:flex;gap:8px}.obn .obn-chip{width:18px;height:18px;padding:0;min-width:0;min-height:0;cursor:pointer;background:var(--f);border-radius:0;box-shadow:none;border:1px solid rgba(244,240,234,.35);outline-offset:3px;transition:transform .25s}.obn .obn-chip:hover{transform:translateY(-2px)}.obn .obn-chip[aria-pressed=true]{outline:1.5px solid var(--stein)}.obn-liste{padding-block:72px 24px;padding-left:var(--rand-l);padding-right:var(--rand-r)}.obn--js .obn-liste{display:none}.obn-liste-innen{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.obn-liste-innen article{display:grid;gap:10px;align-content:start;border-top:1px solid var(--linie);padding-top:18px}.obn .obn-liste-innen .obn-schlag{font-size:34px}.obn .obn-liste-innen p{color:var(--stein-2)}.obn-finale{padding-block:120px 96px;padding-left:var(--rand-l);padding-right:var(--rand-r);position:relative}.obn-finale-innen{max-width:1240px;margin:0 auto;display:grid;gap:44px}.obn-finale-kopf{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:24px}.obn .obn-finale .obn-schlag{font-size:clamp(54px,8vw,132px)}.obn .obn-finale-kopf p{max-width:36ch;color:var(--stein-2)}.obn-farb-reihe{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.obn .obn-karte{--fl: #888;position:relative;display:grid;grid-template-rows:1fr auto;text-decoration:none;background:radial-gradient(ellipse 70% 42% at 50% 92%,color-mix(in srgb,var(--fl) 52%,transparent),#0000 70%),var(--nacht-2);border:1px solid var(--linie);aspect-ratio:3 / 4.6;max-width:100%;overflow:hidden;transition:border-color .3s}.obn .obn-karte:hover{border-color:var(--fl)}.obn-karte .obn-bild{position:relative;min-height:0;display:block}.obn .obn-karte img{position:absolute;left:50%;bottom:0;height:104%;width:auto;max-width:none;transform:translate(-50%);transition:transform .5s cubic-bezier(.2,.75,.15,1);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 4%,rgba(0,0,0,.5) 6%,#000 8%);mask-image:linear-gradient(to bottom,#0000 4%,#00000080,#000 8%)}.obn .obn-karte:hover img{transform:translate(-50%) translateY(-6px)}.obn-karte .obn-fuss{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:14px;border-top:1px solid var(--linie);background:#0d0c0bb3}.obn-karte .obn-fuss b{font:800 15px/1.1 var(--display);font-stretch:74%;letter-spacing:.06em;text-transform:uppercase;color:var(--stein)}.obn-karte .obn-fuss span{color:var(--stein-2);font-size:13px;font-variant-numeric:tabular-nums}.obn-finale-fuss{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center;justify-content:space-between;border-top:1px solid var(--linie);padding-top:28px}.obn-daten{display:flex;flex-wrap:wrap;gap:8px 28px;color:var(--stein-2);font-size:14px}.obn-daten b{color:var(--stein);font-weight:700}@media(max-width:700px){.obn-buehne{--fig-h: min(50svh, 118vw, calc(100svh - var(--unten) - var(--fig-top) - 190px));--fig-top: calc(var(--kopf) + 120px);--abstand: 44vw}.obn--kurz .obn-buehne{--fig-top: calc(var(--kopf) + 150px)}.obn-hero-text{top:calc(var(--kopf) + 10px);bottom:auto;max-width:none;right:var(--rand-r);gap:8px}.obn .obn-hero-text h1,.obn .obn-hero-text .obn-titel{font-size:44px}.obn-hero-text .obn-klein{display:none}.obn .obn-hero-text .obn-claim{font-size:14px}.obn-hero-rechts{display:none}.obn-fokus-text{top:calc(var(--kopf) + 8px);width:auto;right:var(--rand-r);transform:translate(calc((1 - var(--fokus)) * -30px));gap:8px}.obn .obn-fokus-text .obn-schlag{font-size:50px}.obn .obn-leit{font-size:15px}.obn .obn-fokus-text .obn-lang{display:none}.obn-merkmal{top:auto;bottom:calc(118px + env(safe-area-inset-bottom,0px));right:var(--rand-r);width:auto;transform:none;gap:6px;padding:14px 16px;background:#0d0c0bb8;border:1px solid var(--linie);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.obn--kurz .obn-merkmal{bottom:calc(84px + env(safe-area-inset-bottom,0px))}.obn .obn-merkmal .obn-schlag{font-size:30px}.obn .obn-merkmal p{font-size:14px}.obn-verbindung{display:none}.obn-nav{top:calc(var(--kopf) + 8px);transform:none;gap:6px}.obn .obn-nav button{width:32px;height:32px}.obn .obn-nav button span{display:none}.obn .obn-farbname{font-size:16px}.obn-liste-innen{grid-template-columns:minmax(0,1fr)}.obn-finale{padding-block:84px 64px}.obn-farb-reihe{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;scrollbar-width:none}.obn-farb-reihe::-webkit-scrollbar{display:none}.obn .obn-karte{scroll-snap-align:start}}@media(max-width:749px){.obn--kurz .obn-ende{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}@media(min-width:701px)and (max-width:1050px){.obn .obn-hero-text h1,.obn .obn-hero-text .obn-titel{font-size:64px}.obn .obn-fokus-text .obn-schlag{font-size:72px}}@media(prefers-reduced-motion:reduce){.obn-schwebe,.obn-hinweis i,.obn-punkt:after{animation:none}.obn-karussell.obn-wechsel .obn-figur{transition-duration:.01s}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/omnea-buehne.css.map */