:root{--bg:#061b20;--panel:#0b292fdc;--line:#8bcab52c;--green:#00daa8;--text:#eef9f5;--muted:#abc7c3}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#061b20;color:var(--text);font-family:Arial,Helvetica,sans-serif;isolation:isolate}body:before{content:'';position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#02171d88,#031a21e8),url('assets/background.png') center/cover no-repeat}body:after{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,#00141a66,transparent 30%,transparent 70%,#00141a66)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:5px}header{max-width:1600px;margin:auto;min-height:112px;padding:18px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:25px;background:#041c225c}.brand{display:flex;align-items:center}.brand img{width:115px;height:90px;object-fit:contain;background:#d8f0e6;border-radius:5px;padding:4px 12px}nav{display:flex;gap:34px;align-items:center;font-size:13px}nav a:hover{color:var(--green)}.nav-contact{padding:12px 17px;border:1px solid #8bcab55c;display:flex;gap:28px}.intro-section{max-width:1500px;padding:55px 5% 46px;margin:auto}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.7;font-weight:700;margin:0 0 16px}.eyebrow i{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px}.green,em{color:var(--green)}em{font-style:normal}h1{font-size:clamp(40px,4.4vw,65px);letter-spacing:-2.5px;line-height:1.08;margin:18px 0}p{line-height:1.75}.intro-section>p:last-child{color:#c2dad4;font-size:15px;margin-bottom:0}.apps-section{max-width:1500px;margin:auto;padding:0 5% 70px}.selector-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.selector-top .eyebrow{margin:0}.selector-top>span{font-size:9px;letter-spacing:1.7px;color:var(--muted)}.app-tabs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.app-tab{position:relative;text-align:left;display:flex;align-items:center;gap:20px;min-height:112px;padding:18px 25px;border:1px solid #7dc2af55;background:#0b2c32e8;transition:background .2s,border-color .2s;box-shadow:0 14px 50px #0002}.app-tab:hover{background:#123c40;border-color:#6bd8ba}.app-tab[aria-selected=true]{border-color:var(--green);background:#0d383bdc;box-shadow:inset 0 -3px 0 var(--green)}.app-tab img{width:66px;height:66px;object-fit:contain;border-radius:12px}.app-tab .stone-logo{width:108px;border-radius:0}.app-tab span{display:flex;flex-direction:column;gap:9px}.app-tab small{font-size:9px;letter-spacing:1.6px;color:#a6c5bd}.app-tab strong{font-size:17px;font-weight:600;line-height:1.25}.app-tab b{margin-left:auto;color:var(--green);font-size:23px;font-weight:400}#selection-hint{text-align:center;padding:60px 20px 25px;color:#b1cec5;font-size:14px}#selection-hint span{display:block;color:var(--green);font-size:25px;margin-bottom:10px}.app-panel{margin-top:32px;animation:reveal .25s ease-out}.app-columns{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,1.65fr) minmax(210px,.8fr);gap:30px;align-items:start}.video-column{min-width:0}.video-frame{aspect-ratio:9/16;background:linear-gradient(145deg,#143f42,#061a20);border:1px solid #5ca49166;overflow:hidden;box-shadow:0 20px 55px #0004;position:relative}.video-frame iframe{width:100%;height:100%;position:absolute;inset:0;border:0}.video-consent{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:25px 22px;text-align:center;background:radial-gradient(circle at 50% 35%,#1d5d4f8c,transparent 60%)}.video-kicker{font-size:8px;letter-spacing:2px;color:#c0dcd2;position:absolute;top:22px}.video-app-icon{width:68px;height:68px;border-radius:16px;margin-bottom:24px}.play-button{width:62px;height:62px;border-radius:50%;border:1px solid var(--green);color:#03231b;background:var(--green);font-size:22px;padding-left:8px;margin-bottom:25px}.play-button:hover{background:#77f6d6}.video-consent strong{font-size:23px;line-height:1.25;letter-spacing:-.5px}.video-consent p{font-size:11px;color:#b2cfc6;max-width:220px;margin:20px 0 10px}.video-consent a{font-size:10px;text-decoration:underline}.youtube-link{display:block;font-size:10px;letter-spacing:.4px;padding-top:15px;color:#b5d3c9}.app-main>.eyebrow{font-size:9px;margin:0 0 8px}.app-main h2{font-size:clamp(28px,3vw,44px);letter-spacing:-1.5px;line-height:1.1;margin:0}.app-subtitle{font-size:13px;color:#b8d0c7;margin:14px 0 26px}.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.gallery-heading h3{font-size:14px;margin:0;font-weight:500}.gallery-heading>span{font-size:7px;letter-spacing:1px;color:#a7c9be}.screenshots{display:flex;overflow-x:auto;gap:10px;padding-bottom:12px;scrollbar-color:#419b83 #0a292d;scrollbar-width:thin}.shot{flex:0 0 115px;padding:0;background:#0d3035;border:1px solid #4b887a66;text-align:left}.shot img{display:block;width:100%;height:205px;object-fit:contain;background:#082126}.shot span{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#b8d9cd;padding:10px}.shot b{font-weight:400;color:var(--green)}.shot:hover{border-color:var(--green)}.description{padding-top:24px}.description h3{font-size:21px;letter-spacing:-.5px;line-height:1.3;margin:0 0 12px}.description p{font-size:13px;color:#bdd4cc}.feature-group{border-top:1px solid var(--line);padding:20px 0;display:flex;gap:18px}.feature-label{align-self:start;margin-top:3px;border:1px solid #59ae9366;font-size:9px;padding:5px 7px;color:var(--green);min-width:42px;text-align:center}.feature-group h4{font-size:13px;font-weight:600;margin:4px 0 10px}.feature-group ul{margin:0;padding-left:16px;color:#b6d0c6;font-size:12px;line-height:1.9}.description .independent{font-size:10px;color:#9ebfb4;border-top:1px solid var(--line);padding-top:16px}.source-link{font-size:11px;color:var(--green)}.app-facts{border:1px solid #4c897b66;background:#0a282ee8;padding:25px 20px;text-align:center}.facts-icon{width:88px;height:88px;object-fit:contain;border-radius:18px;margin-bottom:20px}.app-facts>.eyebrow{font-size:8px;margin-bottom:9px;color:#a5c8ba}.app-facts h3{font-size:19px;letter-spacing:-.5px;line-height:1.25;margin:0 0 25px}.app-facts dl{text-align:left;font-size:11px;margin:0}.app-facts dl>div{border-top:1px solid var(--line);padding:12px 0;display:flex;justify-content:space-between;gap:10px}.app-facts dt{color:#99b9ad}.app-facts dd{margin:0;text-align:right}.age-rating{border-top:1px solid var(--line);padding-top:20px;display:flex;text-align:left;align-items:center;gap:10px}.age-rating img{width:45px;height:45px;object-fit:contain}.age-rating span{font-size:11px}.age-rating small{display:block;font-size:8px;line-height:1.5;color:#9ebcaf;margin-top:5px}.store-badge{display:block;margin:16px -8px 4px}.store-badge img{width:100%;height:auto;max-width:220px}.support-link{font-size:10px;color:#b4d1c5}.coming-soon{padding:100px 25px;text-align:center;border:1px solid var(--line);background:#092a30b8}.coming-soon h2{font-size:clamp(32px,5vw,70px);color:var(--green);letter-spacing:3px;margin:0}.news-section{max-width:1350px;margin:0 auto 65px;padding:40px 0;border-top:1px solid var(--line)}.news-section>div{display:flex;justify-content:space-between;gap:30px;align-items:center}.news-section h2{font-size:32px;font-weight:500;letter-spacing:-1px;margin:0;line-height:1.2}.news-section p:last-child{font-size:13px;color:#a4c4b7}footer{max-width:1500px;margin:auto;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid var(--line);background:#051d2380}footer>div{display:flex;gap:25px;font-size:11px}.footer-brand{font-size:13px;font-weight:700;letter-spacing:1.7px}.footer-brand span{display:block;font-size:10px;letter-spacing:0;font-weight:400;color:#9ebeb1;margin-top:8px}footer small{font-size:10px;color:#9ebeb1}.legal{max-width:850px;min-height:65vh;margin:auto;padding:70px 25px}.legal h1{font-size:48px}.legal h2{font-size:25px;letter-spacing:-.5px;margin-top:35px}.legal p,.legal li{color:#bdd4cb;line-height:1.8}.notice{border-left:3px solid var(--green);padding:16px 22px;background:var(--panel)}.lightbox{border:1px solid #498f7b;background:#061a20f5;color:var(--text);padding:45px 55px 20px;max-width:95vw;max-height:95dvh;overflow:visible}.lightbox::backdrop{background:#001016e8;backdrop-filter:blur(8px)}.lightbox img{display:block;max-height:75dvh;max-width:75vw;object-fit:contain;margin:auto}.lightbox button{border:1px solid #599c88;background:#10372f;padding:10px 15px}.lightbox-close{position:absolute;right:8px;top:8px}.lightbox-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:15px}.lightbox-controls span{font-size:12px;color:#bad8cb}@keyframes reveal{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(min-width:1600px){.news-section{max-width:1350px}}@media(max-width:1350px){.news-section{margin-left:5%;margin-right:5%}.app-columns{gap:20px;grid-template-columns:minmax(190px,.9fr) minmax(0,1.5fr) minmax(190px,.8fr)}.app-facts{padding:22px 15px}.video-consent{padding:20px 15px}.video-consent strong{font-size:20px}.video-consent p{font-size:10px}}@media(max-width:1000px){.app-columns{grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr)}.app-facts{grid-column:1/-1;display:grid;grid-template-columns:100px 1fr 1fr;gap:15px 30px;text-align:left;align-items:center}.facts-icon{grid-column:1;grid-row:1/3;margin:0}.app-facts>.eyebrow{display:none}.app-facts h3{grid-column:2;margin:0}.app-facts dl{grid-column:3;grid-row:1/4}.age-rating{grid-column:2;border:0;padding:0}.store-badge{grid-column:1/3;margin:0;max-width:210px}.support-link{grid-column:3}.app-tab{padding:17px}.app-tab strong{font-size:15px}}@media(max-width:650px){header{min-height:90px;padding:12px 5%;gap:10px}.brand img{width:80px;height:65px;padding:3px 7px}nav{font-size:10px;gap:15px}.nav-contact{padding:9px;gap:8px}.intro-section{padding:36px 5% 30px}.intro-section h1{font-size:44px;letter-spacing:-2px}.intro-section>p:last-child{font-size:12px}.intro-section br{display:none}.intro-section h1 br{display:block}.selector-top>span{display:none}.app-tabs{gap:9px}.app-tab{min-height:150px;flex-direction:column;align-items:start;padding:15px 12px;gap:12px}.app-tab img{width:45px;height:45px;border-radius:9px}.app-tab .stone-logo{width:75px}.app-tab strong{font-size:13px}.app-tab small{font-size:7px}.app-tab b{position:absolute;right:12px;top:20px;font-size:20px}.app-columns{grid-template-columns:1fr;gap:28px}.video-column{max-width:320px;width:100%;margin:auto}.app-main h2{font-size:37px}.app-main{grid-row:2}.app-facts{grid-row:3;grid-template-columns:80px 1fr;gap:18px}.app-facts dl{grid-column:1/-1;grid-row:auto}.app-facts h3{grid-column:2}.facts-icon{width:70px;height:70px;grid-row:1/3}.age-rating{grid-column:2;grid-row:2}.store-badge{grid-column:1/-1}.support-link{grid-column:1/-1}.video-consent strong{font-size:25px}.video-consent p{font-size:11px}.news-section>div{align-items:start;flex-direction:column;gap:12px}.news-section h2{font-size:28px}.news-section{margin-bottom:20px}.apps-section{padding-bottom:45px}footer{flex-direction:column;align-items:start;gap:22px}.gallery-heading>span{font-size:6px}.lightbox{padding:45px 15px 15px}.lightbox img{max-width:80vw}.lightbox-controls{gap:10px}.lightbox-controls button{padding:10px}.coming-soon{padding:70px 15px}.coming-soon h2{font-size:30px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-panel{animation:none}}
.app-columns>*{min-width:0}@media(max-width:650px){.app-columns{grid-template-columns:minmax(0,1fr)}}
/* Navigation, Markenbereich und Icon-Auswahl */
html{scroll-padding-top:100px}.site-header{position:sticky;top:0;z-index:20;max-width:none;min-height:100px;height:100px;padding:12px 5%;background:#062126d9;backdrop-filter:blur(16px);transition:height .3s,min-height .3s,padding .3s}.site-header.is-scrolled{min-height:66px;height:66px;padding-top:6px;padding-bottom:6px;box-shadow:0 5px 25px #00151a66}.site-header .brand{opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .25s,transform .25s}.site-header.is-scrolled .brand{opacity:1;pointer-events:auto;transform:none}.site-header .brand img{width:70px;height:54px;padding:2px 7px}.nav-contact{padding:0;border:0;display:block}.intro-section{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,1fr);align-items:center;gap:60px;padding-top:50px;padding-bottom:45px}.intro-copy>p:last-child{font-size:15px;color:#c2dad4;margin-bottom:0}.hero-brand{justify-self:center;width:min(100%,320px);background:#d8f0e6;border-radius:9px;padding:18px;display:block;box-shadow:0 18px 60px #00171633}.hero-brand img{display:block;width:100%;height:auto;object-fit:contain}.app-tabs{display:flex;align-items:center;gap:28px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#419b83 transparent;padding:10px 3px 15px;scroll-snap-type:x proximity;min-height:120px}.app-tab{flex:0 0 auto;width:auto;min-height:92px;max-width:410px;border:0;box-shadow:none;padding:12px;background:transparent;gap:0;transition:background .35s,padding .35s;scroll-snap-align:start}.app-tab:hover{background:#0d383b55;border:0}.app-tab img{width:70px;height:70px;flex-shrink:0}.app-tab .stone-logo{width:105px;height:70px}.app-tab>span{display:flex;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transform:translateX(-12px);transition:max-width .4s ease,opacity .3s,transform .4s,margin .4s;margin-left:0;gap:8px}.app-tab[aria-selected=true]{box-shadow:none;background:#0d383be6;border:0;padding:12px 22px 12px 12px}.app-tab[aria-selected=true]>span{max-width:270px;opacity:1;transform:none;margin-left:20px}.app-tab strong{font-size:16px}.app-tab small{font-size:9px}.app-panel{margin-top:20px}.app-columns{grid-template-columns:minmax(210px,.85fr) minmax(0,1.85fr) minmax(200px,.8fr);gap:26px}.app-main h2{font-size:clamp(22px,2.2vw,32px);white-space:nowrap;line-height:1.15;letter-spacing:-1px}.gallery-heading{margin-bottom:12px}.shot{border:0;background:transparent}.shot img{height:205px;width:115px}.store-badge{max-width:168px;margin:16px auto 0}.store-badge img{max-width:168px}.video-withdraw{font-size:10px;background:transparent;border:0;padding:13px 0 0;color:#bad5c9;text-decoration:underline;text-align:left}.footer-brand{display:flex;align-items:center;gap:14px}.footer-brand>img{width:54px;height:48px;padding:3px 6px;object-fit:contain;background:#d8f0e6;border-radius:4px}.footer-brand .footer-wordmark{display:block;font-size:13px;letter-spacing:1.7px;color:var(--text);font-weight:700;margin:0}.footer-wordmark small{display:block;font-size:10px;font-weight:400;letter-spacing:0;margin-top:7px}.legal h1+p{margin-bottom:25px}.legal h1+p+h2{margin-top:0}.apps-section{min-height:210px}.intro-copy .eyebrow{margin-bottom:16px}@media(max-width:1000px){.app-columns{grid-template-columns:minmax(220px,.8fr) minmax(0,1.4fr)}.app-main h2{font-size:clamp(21px,2.8vw,30px)}.hero-brand{max-width:250px}.intro-section{gap:30px}.app-facts .store-badge{margin:0;grid-column:1/3}}@media(max-width:650px){.site-header,.site-header.is-scrolled{min-height:68px;height:68px;padding:7px 5%}.site-header .brand{opacity:1;pointer-events:auto;transform:none}.site-header .brand img{width:62px;height:50px}.intro-section{grid-template-columns:minmax(0,1fr) 110px;gap:14px;padding:32px 5%}.intro-copy h1{font-size:clamp(28px,7.3vw,43px);letter-spacing:-1.5px}.intro-copy .eyebrow{font-size:7px;letter-spacing:1px}.intro-copy>p:last-child{font-size:11px}.hero-brand{padding:6px;border-radius:5px;width:110px}.app-tabs{gap:16px;min-height:110px}.app-tab{flex-direction:row;align-items:center;min-height:85px;padding:10px}.app-tab img{width:58px;height:58px}.app-tab .stone-logo{width:87px;height:58px}.app-tab[aria-selected=true]{padding:10px 15px 10px 10px}.app-tab[aria-selected=true]>span{max-width:215px;margin-left:12px}.app-tab strong{font-size:13px}.app-tab small{font-size:8px}.app-tab>span{gap:6px}.app-columns{grid-template-columns:minmax(0,1fr);gap:25px}.app-main h2{font-size:clamp(20px,6vw,34px);white-space:nowrap;letter-spacing:-.8px}.app-facts .store-badge{grid-column:1/-1;margin:0}.selector-top{margin-bottom:0}.apps-section{padding-bottom:45px}.intro-copy br{display:none}.intro-copy h1 br{display:block}}@media(prefers-reduced-motion:reduce){.site-header,.site-header .brand,.app-tab,.app-tab>span{transition:none}}
/* Transparente Markenlogos, gemeinsame Breite und weiche Seitenkanten */
:root{--site-width:1500px}.site-header,footer{width:100%;max-width:var(--site-width);margin-left:auto;margin-right:auto;border:0;background:linear-gradient(90deg,transparent,#062126df 5%,#062126df 95%,transparent);box-shadow:none}.site-header.is-scrolled{box-shadow:none}.site-header:after,footer:before{content:'';position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#8bcab540 5%,#8bcab540 95%,transparent);pointer-events:none}.site-header:after{bottom:0}footer{position:relative}footer:before{top:0}.site-header .brand img,.brand img,.hero-brand,.footer-brand>img{background:transparent;border-radius:0;box-shadow:none}.hero-brand{padding:0}.hero-brand img{width:100%;height:auto}.site-header .brand img{padding:0;width:70px;height:55px}.footer-brand>img{padding:0;width:58px;height:58px}.subpage-header{height:66px;min-height:66px;padding-top:6px;padding-bottom:6px}.subpage-header .brand{opacity:1;pointer-events:auto;transform:none}.shot{transition:transform .3s ease,filter .3s ease;transform-origin:center}.screenshots{padding-top:10px;padding-bottom:14px}.shot:hover,.shot:focus-visible{transform:translateY(-5px) scale(1.035);filter:brightness(1.1) drop-shadow(0 8px 10px #00d3a12b)}.app-tab img,.facts-icon,.hero-brand img{transition:transform .3s ease,filter .3s ease}.app-tab:hover img,.hero-brand:hover img{transform:translateY(-3px) scale(1.035);filter:brightness(1.1)}.facts-icon:hover{transform:scale(1.04);filter:brightness(1.1)}@media(max-width:650px){.app-columns{display:block}.app-main{width:100%}.screenshots{align-items:flex-start;gap:13px}.screenshots .video-column{flex:0 0 200px;width:200px;max-width:200px;margin:0;scroll-snap-align:start}.screenshots .shot{flex:0 0 200px;width:200px;scroll-snap-align:start}.screenshots .shot img{height:356px;width:200px;object-fit:contain}.screenshots{scroll-snap-type:x proximity}.screenshots .video-consent{padding:20px 14px}.screenshots .video-kicker{font-size:7px;top:15px}.screenshots .video-app-icon{width:42px;height:42px;margin-bottom:13px}.screenshots .play-button{width:45px;height:45px;font-size:17px;margin-bottom:13px}.screenshots .video-consent strong{font-size:19px}.screenshots .video-consent p{font-size:9px;line-height:1.5;margin:12px 0 8px}.screenshots .video-consent a{font-size:8px}.screenshots .youtube-link,.screenshots .video-withdraw{font-size:8px;line-height:1.5}.app-facts{margin-top:30px;display:grid;grid-template-columns:minmax(0,1fr);text-align:center;padding:25px 22px;gap:15px}.app-facts .facts-icon{grid-column:1;grid-row:auto;justify-self:center;width:85px;height:85px}.app-facts h3{grid-column:1;grid-row:auto;font-size:clamp(22px,6vw,30px);width:100%;line-height:1.2;margin:0;letter-spacing:-.5px}.app-facts h3 br{display:none}.app-facts dl{grid-column:1;grid-row:auto;width:100%}.app-facts .age-rating{grid-column:1;grid-row:auto;justify-self:center}.app-facts .store-badge{grid-column:1;grid-row:auto;justify-self:center;margin:0 auto;width:168px}.subpage-header{height:68px;min-height:68px}}
@media(prefers-reduced-motion:reduce){.shot,.app-tab img,.facts-icon,.hero-brand img{transition:none}.shot:hover,.shot:focus-visible,.app-tab:hover img,.hero-brand:hover img,.facts-icon:hover{transform:none}}
/* Gemeinsame Kopf- und Fußbereiche und eingebettetes Markensymbol */
.site-header,footer{background:linear-gradient(90deg,transparent,#8bada5f5 5%,#8bada5f5 95%,transparent);color:#092f38;backdrop-filter:none;-webkit-backdrop-filter:none}.site-header .brand,.site-header.is-scrolled .brand{opacity:1;pointer-events:auto;transform:none;transition:none}.site-header{height:112px;min-height:112px}.site-header .brand img{width:110px;height:95px;object-fit:contain}.site-header.is-scrolled{height:78px;min-height:78px}.site-header.is-scrolled .brand img{width:90px;height:68px}.site-header nav a:hover{color:#004b40}.site-header:after,footer:before{background:linear-gradient(90deg,transparent,#b6d3c8aa 5%,#b6d3c8aa 95%,transparent)}footer .footer-wordmark{color:#092f38}footer .footer-wordmark small,footer>small{color:#28534f}.footer-brand>img{width:95px;height:82px;object-fit:contain}.intro-section{position:relative;min-height:410px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.intro-copy{position:relative;z-index:1;max-width:70%}.hero-brand{position:absolute;right:3%;top:50%;translate:0 -50%;width:570px;max-width:48%;opacity:.28;pointer-events:none;z-index:0;justify-self:unset}.hero-brand img{width:100%;height:auto;transform:none;filter:none;transition:none}.app-tabs{isolation:isolate;position:relative;overflow-y:hidden}.app-tab,.app-tab:hover,.app-tab[aria-selected=false]{box-shadow:none;filter:none}.app-tab img,.app-tab:hover img{filter:none;box-shadow:none;transform:none;transition:none}.app-tab[aria-selected=false]:hover{background:transparent}.app-tab{transition:background-color .3s,padding .35s}.site-header,footer{contain:paint}@media(max-width:650px){.site-header,.site-header.is-scrolled{height:80px;min-height:80px}.site-header .brand img,.site-header.is-scrolled .brand img{width:82px;height:67px}.intro-section{min-height:285px;padding-top:35px;padding-bottom:35px}.intro-copy{max-width:88%}.hero-brand{width:310px;max-width:70%;right:-10%;opacity:.23}.footer-brand>img{width:78px;height:67px}.footer-brand{gap:10px}}@media(prefers-reduced-motion:reduce){.app-tab{transition:none}}
footer .footer-brand .footer-wordmark{color:#092f38}
/* Petrolton aus der Farbreferenz und unbeschnittenes Markensymbol */
.site-header,footer{background:linear-gradient(90deg,transparent,#144139 5%,#144139 95%,transparent);color:var(--text)}.site-header nav a:hover{color:var(--green)}footer .footer-brand .footer-wordmark{color:var(--text)}footer .footer-wordmark small,footer>small{color:#b0cdc4}.site-header:after,footer:before{background:linear-gradient(90deg,transparent,#548a7b77 5%,#548a7b77 95%,transparent)}.intro-section{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:660px;overflow:visible;gap:20px;padding-top:50px;padding-bottom:50px}.intro-copy{max-width:none}.hero-brand{position:relative;justify-self:end;right:auto;top:35px;translate:none;width:min(640px,49vw);max-width:none;margin-bottom:35px;opacity:.28}.app-facts dl>.rating-row{border-bottom:1px solid var(--line);align-items:center}.rating-row dd{display:flex;align-items:center;justify-content:flex-end;gap:8px}.rating-row img{width:29px;height:29px;object-fit:contain}.rating-row span{font-size:10px}.app-facts .store-badge{margin-top:18px}@media(max-width:1000px) and (min-width:651px){.intro-section{min-height:500px}.hero-brand{width:46vw;top:30px}}@media(max-width:650px){.intro-section{display:flex;min-height:355px;padding-top:40px;padding-bottom:40px}.intro-copy{max-width:94%}.hero-brand{position:absolute;right:-3%;top:65px;width:290px;max-width:80%;margin:0;opacity:.21}.rating-row span{font-size:11px}.app-facts .store-badge{margin:3px auto 0}}
@media(max-width:650px){.hero-brand{right:0}}
/* Hintergrundlogo ohne Einfluss auf den Dokumentfluss; transparente Seitenbereiche */
body{padding-top:112px;background:linear-gradient(180deg,#02171d88,#031a21dd),url('assets/background.png') center top / max(1600px,100vw) auto repeat-y;background-attachment:scroll;isolation:auto}body:before,body:after{display:none}.site-header,footer{background:none!important;backdrop-filter:none;contain:none}.site-header{position:fixed;inset:0 0 auto;max-width:1500px;height:var(--header-height,112px);min-height:0;padding:6px 5%;transition:none;isolation:isolate}.site-header .brand img,.site-header.is-scrolled .brand img{width:var(--logo-width,110px);height:var(--logo-height,95px);transition:width .18s linear,height .18s linear}.intro-section{display:block;min-height:360px;padding-top:55px;padding-bottom:45px;overflow:visible;isolation:isolate}.intro-copy{max-width:75%;position:relative;z-index:1}.hero-brand{position:absolute;right:2%;top:25px;width:min(640px,49vw);max-width:none;margin:0;opacity:.25;z-index:0;pointer-events:none}.apps-section{position:relative;z-index:1}.app-tabs{isolation:auto;transform:none;filter:none;box-shadow:none}.app-tab,.app-tab img,.brand img,.footer-brand img,.hero-brand img{filter:none!important;box-shadow:none!important;will-change:auto;backface-visibility:visible}.shot:hover,.shot:focus-visible{filter:brightness(1.08);transform:translateY(-4px) scale(1.025)}.screenshots{cursor:grab;touch-action:pan-x pan-y;user-select:none}.screenshots img{-webkit-user-drag:none;user-select:none}.screenshots.is-dragging{cursor:grabbing;scroll-snap-type:none}.screenshots.is-dragging .shot{pointer-events:none;transform:none;filter:none}.app-facts h3{margin-top:0}@media(max-width:1000px) and (min-width:651px){.intro-section{min-height:350px}.hero-brand{position:absolute;width:49vw;top:35px}}@media(max-width:650px){body{padding-top:80px}.site-header,.site-header.is-scrolled{height:80px;min-height:0}.site-header .brand img,.site-header.is-scrolled .brand img{width:82px;height:67px}.intro-section{display:block;min-height:285px;padding-top:35px;padding-bottom:30px}.intro-copy{max-width:94%}.hero-brand{position:absolute;right:0;top:35px;width:290px;max-width:80%;opacity:.21}.app-facts>.eyebrow{display:none}}@media(prefers-reduced-motion:reduce){.site-header .brand img{transition:none}}
/* Festes Hintergrundbild und begrenzte Milchglasflächen */
body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:#061b20 url('assets/background.png') center center / cover no-repeat fixed}body:before,body:after{display:none!important}body>main{flex:1 0 auto;width:100%;min-width:0}body>main.legal{flex-grow:1;width:100%;min-height:0}body>footer{flex-shrink:0;margin-top:auto;margin-bottom:0}.site-header,footer{background:linear-gradient(90deg,transparent,rgba(16,51,48,.78) 5%,rgba(16,51,48,.78) 95%,transparent)!important;backdrop-filter:blur(14px) saturate(.9);-webkit-backdrop-filter:blur(14px) saturate(.9);box-shadow:none}.hero-brand{width:min(710px,54vw);right:7%;top:18px;opacity:.23}@media(max-width:1000px) and (min-width:651px){.hero-brand{width:54vw;right:5%;top:28px}}@media(max-width:650px){.hero-brand{width:320px;max-width:85%;right:3%;top:28px;opacity:.19}}
/* Abdunklung und Markensymbol fest am sichtbaren Fenster verankert */
body{background-image:linear-gradient(180deg,rgba(3,25,29,.45),rgba(3,25,29,.66)),url('assets/background.png');background-position:center,center;background-size:cover,cover;background-repeat:no-repeat,no-repeat;background-attachment:fixed,fixed}body>main{position:relative;z-index:1}body>footer{z-index:1}.hero-brand{position:fixed;left:calc(50% - 65px);right:auto;top:145px;width:min(710px,54vw);max-width:none;margin:0;z-index:0;opacity:.23;pointer-events:none}@media(max-width:1000px) and (min-width:651px){.hero-brand{position:fixed;left:45%;right:auto;top:130px;width:54vw}}@media(max-width:650px){.hero-brand{position:fixed;left:auto;right:3%;top:110px;width:320px;max-width:85%;opacity:.19}}
/* Weich auslaufendes Milchglas mit gezieltem Kontrast hinter den Markenlogos */
.site-header,footer{background:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}.site-header:before,footer:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 170px 90px at 9% 50%,rgba(155,190,169,.78) 0%,rgba(125,165,146,.50) 35%,rgba(65,113,95,.16) 72%,transparent 100%),rgba(13,43,40,.78);backdrop-filter:blur(16px) saturate(.9);-webkit-backdrop-filter:blur(16px) saturate(.9);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 3%,rgba(0,0,0,.75) 9%,#000 16%,#000 84%,rgba(0,0,0,.75) 91%,rgba(0,0,0,.25) 97%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 3%,rgba(0,0,0,.75) 9%,#000 16%,#000 84%,rgba(0,0,0,.75) 91%,rgba(0,0,0,.25) 97%,transparent 100%)}.site-header:after,footer:before{left:0;right:0;background:linear-gradient(90deg,transparent,rgba(119,174,150,.12) 10%,rgba(119,174,150,.40) 25%,rgba(119,174,150,.40) 75%,rgba(119,174,150,.12) 90%,transparent)}@media(max-width:650px){.site-header:before,footer:after{background:radial-gradient(ellipse 100px 75px at 14% 50%,rgba(155,190,169,.78),rgba(125,165,146,.40) 45%,transparent 100%),rgba(13,43,40,.78)}footer:after{background:radial-gradient(ellipse 115px 78px at 15% 22%,rgba(155,190,169,.78),rgba(125,165,146,.40) 45%,transparent 100%),rgba(13,43,40,.78)}}
.video-frame,.app-facts{border:0;box-shadow:none}
/* Gleichmäßiges, nur leicht helleres Milchglas ohne Logo-Schein */
.site-header:before,footer:after{background:rgba(29,65,59,.82)}
/* Durchgängiges Milchglas bis an die Fensterränder */
.site-header,body>footer{width:100%;max-width:none;margin-left:0;margin-right:0;padding-left:max(5vw,calc((100vw - 1500px)/2 + 5vw));padding-right:max(5vw,calc((100vw - 1500px)/2 + 5vw))}.site-header:before,footer:after{inset:0;background:rgba(29,65,59,.88);mask-image:none;-webkit-mask-image:none;backdrop-filter:blur(20px) saturate(.9);-webkit-backdrop-filter:blur(20px) saturate(.9)}.site-header:after,footer:before{left:0;right:0;background:rgba(119,174,150,.22)}
/* Desktop: Verlauf ausschließlich außerhalb der Inhaltskanten. Mobil: vollflächig. */
.site-header,body>footer{--content-edge:max(5vw,calc((100vw - 1500px)/2 + 5vw))}.site-header:before,footer:after{background:rgba(40,79,70,.90)}@media(min-width:651px){.site-header:before,footer:after,.site-header:after,footer:before{mask-image:linear-gradient(90deg,transparent 0%,#000 var(--content-edge),#000 calc(100% - var(--content-edge)),transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 var(--content-edge),#000 calc(100% - var(--content-edge)),transparent 100%)}}@media(max-width:650px){.site-header:before,footer:after,.site-header:after,footer:before{mask-image:none;-webkit-mask-image:none}}
.site-header:before,footer:after{background:rgba(53,94,83,.92)}