.pm{--pm-a:#ff8a1f;--pm-b:#cd3301;--pm-text:#1d1d1f;--pm-grau:#6e6e73;--pm-kurve:cubic-bezier(.32,.72,0,1);position:relative;overflow:hidden;padding:clamp(60px,9vw,120px) 16px clamp(50px,7vw,90px);background:linear-gradient(180deg,#f4f4f4,#fff 45%,#f4f4f4);color:var(--pm-text);font-family:"Glacial Indifference",-apple-system,"Segoe UI",Arial,sans-serif}
.pm *{box-sizing:border-box}
.pm-kopf{max-width:940px;margin:0 auto clamp(30px,5vw,56px);text-align:center}
.pm-kopf>*{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s var(--pm-kurve)}
.pm-an .pm-kopf>*{opacity:1;transform:none}
.pm-an .pm-kopf>:nth-child(2){transition-delay:.08s}
.pm-an .pm-kopf>:nth-child(3){transition-delay:.16s}
.pm-marke{margin:0 0 10px;font-size:15px;font-weight:700;letter-spacing:.02em;color:var(--pm-b)}
.pm h2{margin:0;font-size:clamp(38px,6.4vw,72px);line-height:1.04;letter-spacing:-.02em;font-weight:700}
.pm-lead{margin:18px auto 0;max-width:620px;font-size:clamp(18px,2vw,23px);line-height:1.35;color:var(--pm-grau)}
.pm-leiste{display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:var(--br,820px);min-height:44px;margin:0 auto 14px;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .35s ease,transform .45s var(--pm-kurve),max-width .6s var(--pm-kurve)}
.pm-offen .pm-leiste{opacity:1;transform:none;pointer-events:auto}
.pm-knopf{appearance:none;display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:rgba(0,0,0,.06);color:var(--pm-text);font:inherit;font-size:15px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease}
.pm-knopf:hover{background:rgba(0,0,0,.1)}
.pm-knopf:active{transform:scale(.96)}
.pm-knopf.pm-haupt{background:var(--pm-c2,#1668d6);color:#fff}
.pm-knopf.pm-haupt:hover{filter:brightness(1.08)}
.pm-knopf svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.pm :focus-visible{outline:3px solid var(--pm-c1,#44a6f5);outline-offset:3px}
.pm-buehne{position:relative;max-width:1400px;margin:0 auto;perspective:1600px}
.pm-schein{position:absolute;left:50%;top:50%;width:80%;height:80%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,var(--pm-c1,#ff8a1f),transparent);opacity:.2;filter:blur(70px);transition:background .8s ease;pointer-events:none}
.pm-rahmen{position:relative;max-width:100%;margin:0 auto;transition:transform .7s var(--pm-kurve),width .7s var(--pm-kurve);will-change:transform}
.pm-geraet{--p:0;position:relative;padding:clamp(8px,1.3vw,15px);border-radius:clamp(16px,2.6vw,30px);background:#17181b;box-shadow:0 0 0 2px #c9cacd,0 0 0 3px #ececee,0 40px 80px -24px rgba(0,0,0,.42),0 14px 30px -14px rgba(0,0,0,.28);transform:translateY(calc((1 - var(--p))*110px)) scale(calc(.86 + .14*var(--p))) rotateX(calc((1 - var(--p))*16deg));transform-origin:50% 100%}
.pm-geraet:before{content:"";position:absolute;left:50%;top:clamp(3px,.5vw,6px);width:clamp(3px,.4vw,5px);aspect-ratio:1;border-radius:50%;background:#34373d;transform:translateX(-50%)}
.pm-geraet:after{content:"";position:absolute;right:9%;top:-3px;width:6.5%;height:3px;border-radius:3px 3px 0 0;background:#b7b8bb}
.pm-schirm{position:relative;overflow:hidden;border-radius:clamp(8px,1.4vw,16px);background:#fff;container-type:inline-size;isolation:isolate;transition:height .7s var(--pm-kurve)}
.pm-home{position:absolute;inset:0;display:flex;flex-direction:column;background:radial-gradient(70% 90% at 10% 0%,#fff3e6,transparent 62%),radial-gradient(70% 90% at 96% 100%,#e9eefb,transparent 64%),#fbfbfd;transition:transform .55s var(--pm-kurve),opacity .35s ease,filter .35s ease;transform-origin:var(--ox,50%) var(--oy,50%)}
.pm-offen .pm-home{transform:scale(1.14);opacity:0;pointer-events:none}
.pm-status{display:flex;justify-content:space-between;padding:1.4cqw 2.4cqw 0;color:#1d1d1f;font-size:1.4cqw;font-weight:700;letter-spacing:.01em}
.pm-kacheln{flex:1;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,1fr);align-items:center;justify-items:center;padding:1.2cqw 5.5cqw 2.6cqw}
.pm-kachel{appearance:none;display:flex;flex-direction:column;align-items:center;gap:.8cqw;width:100%;padding:0;border:0;background:none;color:#1d1d1f;font:inherit;font-size:1.5cqw;font-weight:700;cursor:pointer;opacity:0;transform:translateY(4cqw) scale(.7);transition:opacity .5s ease var(--v,0s),transform .75s var(--pm-kurve) var(--v,0s)}
.pm-an .pm-kachel{opacity:1;transform:none}
.pm-symbol{position:relative;display:grid;place-items:center;width:9.6cqw;aspect-ratio:1;border-radius:21%;box-shadow:0 .6cqw 1.6cqw rgba(0,0,0,.18);transition:transform .35s var(--pm-kurve),box-shadow .35s ease}
.pm-symbol img{display:block;width:100%;height:100%;border-radius:21%;object-fit:cover}
.pm-eigen{background:linear-gradient(160deg,#6b7280,#2b303a)}
.pm-symbol svg{width:68%;height:68%;fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pm-kachel:hover .pm-symbol{transform:translateY(-.5cqw) scale(1.06);box-shadow:0 1.2cqw 2.4cqw rgba(0,0,0,.32)}
.pm-kachel:active .pm-symbol{transform:scale(.93)}
.pm-kachel[data-tour] .pm-symbol:after{content:"";position:absolute;inset:0;border-radius:21%;animation:pmPuls 2.6s ease-out infinite}
.pm-wahl .pm-kachel:not(.pm-gewaehlt){opacity:.38}
.pm-app{position:absolute;inset:0;visibility:hidden;background:#fff}
.pm-offen .pm-app{visibility:visible}
.pm-ebene{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0;transition:transform .75s var(--pm-kurve)}
.pm-shot{display:block;width:100%;height:100%;object-fit:cover}
.pm-gl{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background:#fff;color:#1d1d1f}
.pm-gl-status{display:flex;justify-content:space-between;padding:2cqw 3.4cqw 0;font:600 2.4cqw/1.2 -apple-system,"Segoe UI",Arial,sans-serif}
.pm-gl-apps{display:grid;grid-template-columns:repeat(5,1fr);gap:4.4cqw 3cqw;padding:7cqw 6cqw 0}
.pm-gl-apps img{display:block;width:100%;border-radius:21%}
.pm-gl-dock{position:absolute;left:4cqw;right:4cqw;bottom:3cqw;display:flex;align-items:center;justify-content:space-between;gap:1.6cqw;padding:2cqw 2.6cqw;border-radius:4cqw;background:#f0f1f4;box-shadow:inset 0 0 0 1px #dfe0e5}
.pm-gl-dock img{display:block;width:12cqw;border-radius:21%}
.pm-gl-dock i{width:1px;height:10cqw;background:#c9cad0}
.pm-wz{position:absolute;height:auto;pointer-events:none}
.pm-link{margin:0 0 10px}
.pm-link a{color:var(--pm-c2,#1668d6);font-weight:700}
.pm-spot{position:absolute;z-index:2;border-radius:1.6cqw;opacity:0;box-shadow:0 0 0 300cqw rgba(12,14,22,.34),0 0 0 2px #fff,0 0 2cqw rgba(255,255,255,.5);transition:left .75s var(--pm-kurve),top .75s var(--pm-kurve),width .75s var(--pm-kurve),height .75s var(--pm-kurve),opacity .4s ease;pointer-events:none}
.pm-fokus .pm-spot{opacity:1}
.pm-punkte{position:absolute;inset:0;z-index:3;transition:opacity .3s ease}
.pm-fokus .pm-punkte{opacity:0;pointer-events:none}
.pm-punkt{appearance:none;position:absolute;display:grid;place-items:center;width:28px;height:28px;margin:-14px 0 0 -14px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.72);-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);box-shadow:0 2px 12px rgba(0,0,0,.26),inset 0 0 0 1px rgba(255,255,255,.7);cursor:pointer;opacity:0;transform:scale(.4);transition:opacity .4s ease var(--v,0s),transform .6s var(--pm-kurve) var(--v,0s)}
.pm-punkte-da .pm-punkt{opacity:1;transform:none}
.pm-punkt svg{width:44%;height:44%;fill:none;stroke:#1d1d1f;stroke-width:2.6;stroke-linecap:round;transition:transform .3s var(--pm-kurve)}
.pm-punkt:hover{background:#fff}
.pm-punkt:hover svg{transform:rotate(90deg)}
.pm-punkt:before{content:"";position:absolute;inset:0;border-radius:50%;animation:pmPuls 2.8s ease-out infinite;animation-delay:var(--v,0s)}
@keyframes pmPuls{0%{box-shadow:0 0 0 0 rgba(22,104,214,.42)}70%,100%{box-shadow:0 0 0 14px rgba(22,104,214,0)}}
.pm-karte{position:absolute;z-index:5;left:calc(50% + var(--br,820px)/2 - 240px);top:50%;width:360px;max-height:min(100%,640px);overflow:auto;padding:24px 24px 18px;border-radius:26px;background:rgba(255,255,255,.76);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);box-shadow:0 24px 60px -16px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.7);opacity:0;transform:translate(26px,-50%) scale(.97);transition:opacity .35s ease,transform .6s var(--pm-kurve);pointer-events:none}
.pm-karte-da .pm-karte{opacity:1;transform:translate(0,-50%);pointer-events:auto}
.pm-karte-da:not(.pm-offen) .pm-rahmen{transform:translateX(-200px)}
.pm-zu{position:absolute;right:14px;top:14px;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.07);color:var(--pm-text);cursor:pointer}
.pm-zu svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.pm-zaehler{margin:0 0 6px;font-size:13px;font-weight:700;color:var(--pm-c2,#1668d6)}
.pm-karte h3{margin:0 34px 10px 0;font-size:27px;line-height:1.1;letter-spacing:-.01em;font-weight:700}
.pm-karte p{margin:0 0 12px;font-size:17px;line-height:1.42;color:#2a2a2d}
.pm-karte .pm-zusatz{padding:12px 14px;border-radius:14px;background:rgba(0,0,0,.045);font-size:15.5px}
.pm-karte dl{margin:0 0 12px}
.pm-karte dt{font-size:16px;font-weight:700}
.pm-karte dd{margin:0 0 8px;font-size:16px;line-height:1.35;color:#3c3c40}
.pm-inl{display:inline-block;height:1.15em;width:auto;vertical-align:-.2em;border-radius:3px}
.pm-streifen{display:block;max-width:100%;max-height:300px;width:auto;height:auto;margin:0 auto 12px;border-radius:8px}
.pm-maskottchen{float:right;width:64px;height:64px;margin:18px 0 4px 8px;border-radius:50%;mix-blend-mode:multiply}
.pm-inhalt{transition:opacity .25s ease,transform .45s var(--pm-kurve)}
.pm-wechsel .pm-inhalt{opacity:0;transform:translateY(8px)}
.pm-geste{display:grid;place-items:center;margin:0 0 12px}
.pm-geste span{position:relative;display:block;width:128px;height:92px;border:5px solid #17181b;border-radius:11px;background:#fff;overflow:hidden}
.pm-geste i{position:absolute;left:0;top:calc(50% - 0px);width:22px;height:22px;margin-top:-11px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 5px rgba(229,72,77,.22);animation:pmWisch 2.4s var(--pm-kurve) infinite}
@keyframes pmWisch{0%{left:4px;opacity:0}12%{opacity:1}72%{left:calc(100% - 26px);opacity:1}100%{left:calc(100% - 26px);opacity:0}}
.pm-g-hoch i{left:50%;top:auto;margin:0 0 0 -11px;animation-name:pmHoch}
.pm-g-runter i{left:50%;margin:0 0 0 -11px;animation-name:pmRunter}
.pm-g-ecke i{animation-name:pmEcke}
.pm-g-halten i{left:50%;margin:0 0 0 -11px;animation-name:pmHalten}
@keyframes pmHoch{0%{top:calc(100% - 22px);opacity:0}12%{opacity:1}55%,80%{top:30%;opacity:1}100%{top:30%;opacity:0}}
@keyframes pmRunter{0%{top:8%;opacity:0}12%{opacity:1}72%{top:calc(100% - 26px);opacity:1}100%{top:calc(100% - 26px);opacity:0}}
@keyframes pmEcke{0%{left:calc(100% - 24px);top:2px;opacity:0}12%{opacity:1}72%{left:calc(100% - 24px);top:60%;opacity:1}100%{left:calc(100% - 24px);top:60%;opacity:0}}
@keyframes pmHalten{0%{top:calc(100% - 22px);opacity:0}12%{opacity:1}50%,85%{top:40%;opacity:1}100%{top:40%;opacity:0}}
.pm-steuer{position:sticky;bottom:-18px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px -8px 0;padding:8px;border-radius:16px;background:rgba(255,255,255,.86)}
.pm-punkte-reihe{display:flex;flex-wrap:wrap;gap:6px}
.pm-punkte-reihe button{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.18);cursor:pointer;transition:background .25s ease,transform .25s ease}
.pm-punkte-reihe button[aria-current=true]{background:var(--pm-c2,#1668d6);transform:scale(1.25)}
.pm-pfeile{display:flex;gap:6px}
.pm-pfeil{display:grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.07);color:var(--pm-text);cursor:pointer;transition:background .2s ease}
.pm-pfeil:hover{background:rgba(0,0,0,.13)}
.pm-pfeil:disabled{opacity:.35;cursor:default}
.pm-pfeil svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.pm-lauf{height:3px;margin-top:12px;border-radius:3px;background:rgba(0,0,0,.08);overflow:hidden;opacity:0}
.pm-tour .pm-lauf{opacity:1}
.pm-lauf i{display:block;height:100%;width:0;background:var(--pm-c2,#1668d6)}
.pm-fuss{max-width:760px;margin:clamp(36px,5vw,56px) auto 0;text-align:center;font-size:14px;line-height:1.5;color:var(--pm-grau)}
.pm-fuss a{color:var(--pm-b);font-weight:700}
.pm-fuss p{margin:0 0 8px}
.pm-sp{position:absolute;top:0;bottom:0;display:flex;flex-direction:column;justify-content:space-around;gap:10px;width:270px;pointer-events:none}
.pm-eng{justify-content:center}
.pm-eng .pm-blase{padding:10px 40px 10px 16px;border-radius:18px}
.pm-eng .pm-bt{margin-bottom:4px;font-size:16px}
.pm-eng .pm-bv{-webkit-line-clamp:2;font-size:13px}
.pm-eng .pm-bp{top:9px}
.pm-sp-l{right:calc(100% + 26px)}
.pm-sp-r{left:calc(100% + 26px)}
.pm-blase{appearance:none;position:relative;display:block;width:100%;padding:14px 44px 14px 18px;border:0;border-radius:22px;background:rgba(255,255,255,.66);-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);box-shadow:0 10px 30px -12px rgba(0,0,0,.2),inset 0 0 0 1px rgba(255,255,255,.75);color:var(--pm-text);font:inherit;text-align:left;cursor:pointer;opacity:0;transform:translateX(var(--von,0)) scale(.94);transition:opacity .5s ease,filter .4s ease,box-shadow .3s ease,transform .6s var(--pm-kurve)}
.pm-sp-l .pm-blase{--von:40px}
.pm-sp-r .pm-blase{--von:-40px}
.pm-punkte-da .pm-blase{opacity:1;transform:none;pointer-events:auto;transition-delay:var(--v,0s),0s,0s,var(--v,0s)}
.pm-bt{display:block;margin-bottom:6px;font-size:18px;font-weight:700;line-height:1.15}
.pm-bv{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:14px;line-height:1.35;color:#55565c;filter:blur(3.4px);-webkit-mask-image:linear-gradient(180deg,#000 35%,transparent);mask-image:linear-gradient(180deg,#000 35%,transparent);user-select:none;transition:filter .3s ease}
.pm-bp{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.07);transition:background .25s ease,transform .35s var(--pm-kurve)}
.pm-bp svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.pm-blase.pm-hell{transform:translateY(-3px) scale(1.02);box-shadow:0 18px 40px -14px rgba(0,0,0,.28),inset 0 0 0 1.5px var(--pm-c2,#1668d6);transition-delay:0s}
.pm-blase.pm-hell .pm-bv{filter:blur(2.2px)}
.pm-blase.pm-hell .pm-bp{background:var(--pm-c2,#1668d6);color:#fff;transform:rotate(90deg)}
.pm-punkt.pm-hell{background:var(--pm-c2,#1668d6)}
.pm-punkt.pm-hell svg{stroke:#fff}
.pm-fokus .pm-blase{opacity:.5;filter:blur(2px);transition-delay:0s}
.pm-fokus .pm-blase:hover{opacity:.9;filter:none}
.pm-fokus .pm-blase.pm-aktiv,.pm-fokus[data-seite=l] .pm-sp-l .pm-blase,.pm-fokus[data-seite=r] .pm-sp-r .pm-blase{opacity:0;pointer-events:none}
.pm-linien{position:absolute;left:0;top:0;z-index:4;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transition:opacity .2s ease}
.pm-linien.pm-da{opacity:1}
.pm-linien path{fill:none;stroke:var(--pm-c2,#1668d6);stroke-width:1.5;stroke-linecap:round}
@media(min-width:1100px){
.pm-offen .pm-karte{transform:translateY(-50%);transform-origin:0 0;transition:opacity .25s ease}
.pm-offen.pm-karte-da .pm-karte{transform:translateY(-50%)}
.pm-offen[data-seite=r] .pm-karte{left:min(calc(100% - 360px),calc(50% + var(--br,548px)/2 - 34px))}
.pm-offen[data-seite=l] .pm-karte{left:max(0px,calc(50% - var(--br,548px)/2 + 34px - 360px))}
}
@media(max-width:1099px){
.pm-sp,.pm-linien{display:none}
.pm-karte-da .pm-rahmen,.pm-karte-da.pm-offen .pm-leiste{transform:none}
.pm-karte{position:relative;left:auto;right:auto;top:auto;width:auto;max-width:820px;max-height:none;margin:0 auto;transform:translateY(14px);display:none}
.pm-karte-da .pm-karte{display:block;margin-top:18px;transform:none}
}
@media(max-width:700px){
.pm-punkte{display:none}
.pm-leiste .pm-knopf{min-height:38px;padding:0 13px;font-size:14px}
.pm-karte{padding:20px 18px 14px;border-radius:22px}
.pm-karte h3{font-size:24px}
.pm-kachel{font-size:1.9cqw}
.pm-symbol{width:11cqw}
.pm-kacheln{padding:.6cqw 2.2cqw 1.6cqw}
.pm-status{font-size:2cqw}
}
@media(prefers-reduced-motion:reduce){
.pm *,.pm *:before,.pm *:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}
.pm-geraet{transform:none}
}
.pm-streifen.pm-klein{float:right;max-height:210px;margin:0 0 8px 12px}
.pm-karte dl{clear:none}
.pm-knapp{gap:7px}
.pm-knapp .pm-blase{padding:9px 36px 9px 14px;border-radius:14px}
.pm-knapp .pm-bt{margin:0;font-size:15px}
.pm-knapp .pm-bv{display:none}
.pm-knapp .pm-bp{top:7px;right:8px;width:22px;height:22px}
.pm-gn{position:relative;width:100%;height:100%;background:#fff;overflow:hidden}
.pm-gn-kopf{position:absolute;left:0;top:0;width:100%;height:26.5%;overflow:hidden}
.pm-gn-kopf img{display:block;width:100%;height:auto}
.pm-gn-blatt{position:absolute;left:0;right:0;top:26.5%;bottom:0;background:repeating-linear-gradient(180deg,#fff 0,#fff calc(4.6cqw - 1px),#dfe7f3 calc(4.6cqw - 1px),#dfe7f3 4.6cqw);box-shadow:inset 0 1px 0 #e3e4e8}
.pm-gn-video{position:absolute;left:23.6%;top:29.4%;width:52.7%;height:39.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqw;border-radius:3cqw;background:#fff;box-shadow:0 1cqw 4cqw rgba(0,0,0,.14),inset 0 0 0 1px #e3e4e8;font:700 3.4cqw/1.2 -apple-system,"Segoe UI",Arial,sans-serif;color:#1d1d1f}
.pm-gn-video img{width:32%;mix-blend-mode:multiply}
.pm-gn-zettel{position:absolute;top:71.2%;width:30.8%;height:26.7%;display:grid;place-items:center;border-radius:1cqw;background:#fdf6e3;box-shadow:0 .8cqw 2cqw rgba(0,0,0,.12);font:600 3cqw/1.2 -apple-system,"Segoe UI",Arial,sans-serif;color:#3a3a3e}
.pm-dk{justify-content:flex-start}