/* Mobile reference: Figma 10006:70, 402px wide. Container units preserve the
   reference proportions without tying layout to the browser's scrollbar. */
.sd-page main,.sd-page .sd-footer{container-type:inline-size}
.sd-page{--sd-unit:1px;--sd-m:min(calc(100cqw / 402), 1.1px);font-size:calc(19 * var(--sd-m));line-height:1.21}
.sd-page .sd-mobile-only{display:inline}.sd-page .sd-desktop-only{display:none}
.sd-page h2{font-size:calc(24 * var(--sd-m));line-height:1.2083333}
.sd-page .sd-button{padding:0 calc(30 * var(--sd-m));min-height:calc(58 * var(--sd-m));font-size:calc(20 * var(--sd-m));border-radius:0 calc(20 * var(--sd-m)) calc(20 * var(--sd-m)) calc(20 * var(--sd-m))}
.sd-page .sd-hero{--sd-h:min(calc(100cqw / 402),calc(100dvh / 874),1.1px);height:100vh;height:100dvh;min-height:0;max-height:none}
.sd-page .sd-hero>.sd-bg{inset:auto;left:50%;top:50%;width:100dvh;height:100cqw;max-width:none;transform:translate(-50%,-50%) rotate(-90deg) scaleY(-1);object-fit:cover}
.sd-page .sd-brand{left:calc(30 * var(--sd-m));top:calc(30 * var(--sd-h));width:calc(154.4 * var(--sd-h));height:calc(49.8 * var(--sd-h))}
.sd-page .sd-satellite{left:calc(102.565 * var(--sd-m));top:calc(358.05 * var(--sd-h));width:calc(704.538 * var(--sd-h));height:calc(377.213 * var(--sd-h));transform:translate(-50%,-50%) rotate(134.5deg)}
.sd-page .sd-satellite img{width:148.58%;height:156.1%;left:-44.12%;top:-17.8%}
.sd-page .sd-hero-copy{left:calc(30 * var(--sd-m));top:auto;bottom:calc(208 * var(--sd-h));width:calc(100% - 60 * var(--sd-m))}
.sd-page .sd-wordmark{width:calc(320 * var(--sd-h));height:calc(121 * var(--sd-h))}
.sd-page .sd-wordmark>img{display:none}
.sd-page .sd-wordmark-mobile{display:block;position:absolute;inset:0}
.sd-page .sd-wordmark-mobile img:first-child{left:0;top:0;width:89.29%;height:44.88%}
.sd-page .sd-wordmark-mobile img:last-child{left:.61%;top:55.12%;width:99.39%;height:44.88%}
.sd-page .sd-hero-copy p{font-size:calc(24 * var(--sd-h));line-height:1.2083333;font-weight:500;width:calc(341 * var(--sd-h));max-width:100%;margin-top:calc(20 * var(--sd-h))}
.sd-page .sd-discover{left:calc(33 * var(--sd-m));top:auto;bottom:calc(100 * var(--sd-h));min-height:calc(58 * var(--sd-h));font-size:calc(20 * var(--sd-h));padding-inline:calc(30 * var(--sd-h))}
.sd-page .sd-story{height:auto;min-height:calc(883 * var(--sd-m));padding:calc(221 * var(--sd-m)) calc(30 * var(--sd-m)) calc(100 * var(--sd-m))}
.sd-page .sd-story .sd-story-copy{position:relative;left:auto;top:auto;width:100%;max-width:none}
.sd-page .sd-story-copy h2{margin-bottom:calc(20 * var(--sd-m));white-space:normal}
.sd-page .sd-story-copy .sd-button,.sd-page .sd-worlds .sd-story-copy .sd-button{margin-top:calc(50 * var(--sd-m))}
.sd-page .sd-story-left{padding-top:calc(198 * var(--sd-m))}
.sd-page .sd-worlds{padding-top:calc(248 * var(--sd-m))}
.sd-page .sd-particles-crop{width:723.74%;height:185.27%;left:-312.42%;top:-69.875%;object-fit:fill}
.sd-page .sd-story-left>.sd-bg{width:390.656%;height:100%;left:-208.474%;top:0;object-fit:fill}
.sd-page .sd-shade{background:linear-gradient(to bottom,transparent,rgba(0,0,0,.6) 56%)}
.sd-page .sd-story-left .sd-shade,.sd-page .sd-worlds .sd-shade{background:linear-gradient(to bottom,rgba(0,0,0,.6) 36%,transparent)}
.sd-page .sd-worlds>.sd-bg{height:100%;width:329.44%;left:-87.89%;top:0;max-width:none;object-fit:fill}
.sd-page .sd-applications{height:auto;padding:calc(100 * var(--sd-m)) calc(30 * var(--sd-m))}
.sd-page .sd-application-panel{grid-template-columns:1fr;border-radius:calc(30 * var(--sd-m));overflow:visible}
.sd-page .sd-application-copy{padding:calc(50 * var(--sd-m)) calc(25 * var(--sd-m)) calc(100 * var(--sd-m))}
.sd-page .sd-application-copy h2{width:calc(271 * var(--sd-m));max-width:100%;white-space:normal;margin-bottom:calc(20 * var(--sd-m))}
.sd-page .sd-application-copy p{width:calc(271 * var(--sd-m));max-width:100%}
.sd-page .sd-tags{width:100%;display:flex;flex-direction:column;gap:calc(20 * var(--sd-m));margin-top:calc(50 * var(--sd-m))}
.sd-page .sd-tags li{white-space:normal;border-radius:calc(15 * var(--sd-m));padding:calc(15 * var(--sd-m)) calc(20 * var(--sd-m))}
.sd-page .sd-component{height:auto;aspect-ratio:1;border-radius:calc(30 * var(--sd-m)) 0 calc(30 * var(--sd-m)) calc(30 * var(--sd-m))}
.sd-page .sd-component::after{border-width:3px}
.sd-page .sd-component video{display:block;left:-25.85%;top:-91.524%;width:230.6%;height:203.462%;transform-origin:32.89% 69.56%}
.sd-page .sd-benefits{height:auto;min-height:calc(781 * var(--sd-m));padding:calc(100 * var(--sd-m)) 0}
.sd-page .sd-section-heading{height:auto;display:block;margin:0 calc(30 * var(--sd-m)) calc(50 * var(--sd-m))}
.sd-page .sd-section-heading h2{font-size:calc(24 * var(--sd-m))}
.sd-page .sd-cards{gap:calc(20 * var(--sd-m));padding:calc(40 * var(--sd-m)) calc(30 * var(--sd-m));margin:calc(-40 * var(--sd-m)) 0;scroll-padding-left:calc(30 * var(--sd-m))}
.sd-page .sd-card{flex-basis:calc(332 * var(--sd-m));height:calc(398.4 * var(--sd-m));border-radius:calc(40 * var(--sd-m)) calc(40 * var(--sd-m)) calc(40 * var(--sd-m)) 0;border-width:calc(4 * var(--sd-m))}
.sd-page .sd-card-shade{height:auto;aspect-ratio:1}
.sd-page .sd-card-media{--sd-card-r:calc(107.24 * var(--sd-m))}
.sd-page .sd-card:hover,.sd-page .sd-card[aria-expanded=true],.sd-page .sd-card:focus-visible{border-radius:calc(40 * var(--sd-m)) calc(40 * var(--sd-m)) 0 0;box-shadow:0 0 calc(40 * var(--sd-m)) #2f94d1}
.sd-page .sd-card-text{font-size:calc(16 * var(--sd-m))}
.sd-page .sd-arrows{position:absolute;top:calc(626.4 * var(--sd-m));left:calc(31 * var(--sd-m));right:auto;gap:calc(11 * var(--sd-m))}
.sd-page .sd-arrows button{width:calc(55 * var(--sd-m));height:calc(55 * var(--sd-m))}
.sd-page .sd-partnership{height:auto;padding:calc(100 * var(--sd-m)) calc(30 * var(--sd-m))}
.sd-page .sd-partner-grid{grid-template-columns:1fr;gap:calc(50 * var(--sd-m));margin-top:calc(50 * var(--sd-m))}
.sd-page .sd-partner-card{min-height:0;grid-template-columns:1fr;border-radius:calc(30 * var(--sd-m))}
.sd-page .sd-partner-card>div{min-height:calc(434 * var(--sd-m));padding:calc(40 * var(--sd-m)) calc(25 * var(--sd-m)) calc(50 * var(--sd-m))}
.sd-page .sd-partner-card:nth-child(2)>div{min-height:calc(458 * var(--sd-m))}
.sd-page .sd-partner-card>div>*{max-width:calc(271 * var(--sd-m))}
.sd-page .sd-partner-card>img{height:calc(477 * var(--sd-m));width:100%;object-fit:cover;object-position:98% 80%;border-radius:calc(30 * var(--sd-m))}
.sd-page .sd-partner-card:nth-child(2)>img{height:calc(476 * var(--sd-m));object-position:87% center}
.sd-page .sd-contact{height:auto;min-height:calc(1220 * var(--sd-m));padding:calc(100 * var(--sd-m)) calc(30 * var(--sd-m))}
.sd-page .sd-contact-inner{width:100%;padding:0;text-align:left}
.sd-page .sd-contact h2{font-size:calc(24 * var(--sd-m))}
.sd-page .sd-contact-inner>.sd-button{margin-top:calc(50 * var(--sd-m))}
.sd-page .sd-form{margin-top:calc(71 * var(--sd-m))}
.sd-page .sd-fields{grid-template-columns:1fr;gap:calc(10 * var(--sd-m))}
.sd-page .sd-fields input,.sd-page .sd-fields textarea{font-size:calc(19 * var(--sd-m));line-height:1.21;padding:calc(17 * var(--sd-m)) calc(25 * var(--sd-m));border-radius:calc(20 * var(--sd-m))}
.sd-page .sd-fields input{height:calc(58 * var(--sd-m))}
.sd-page .sd-fields :is(input,textarea):required{border-radius:calc(20 * var(--sd-m)) calc(20 * var(--sd-m)) 0 0}
.sd-page .sd-fields textarea{height:calc(200 * var(--sd-m))}
.sd-page .sd-form>.sd-button{margin-top:calc(50 * var(--sd-m))}
.sd-page .sd-consent{gap:calc(12 * var(--sd-m));margin-top:calc(20 * var(--sd-m));font-size:calc(15 * var(--sd-m));line-height:1.35}
.sd-page .sd-consent input{width:calc(22 * var(--sd-m));height:calc(22 * var(--sd-m));margin:0}
.sd-page .sd-expo{height:auto;padding:calc(100 * var(--sd-m)) calc(30 * var(--sd-m));position:relative}
.sd-page .sd-expo-inner{position:static;width:100%;padding:0}
.sd-page .sd-expo-slide{display:flex;flex-direction:column;align-items:stretch;gap:calc(50 * var(--sd-m))}
.sd-page .sd-expo-picture{order:-1;position:static;padding:0}
.sd-page .sd-expo-picture>:first-child{display:block;width:100%;height:calc(376 * var(--sd-m));object-fit:cover;border-radius:calc(20 * var(--sd-m))}
.sd-page .sd-expo-picture>.sd-expo-placeholder{display:flex}
.sd-page .sd-expo-copy h2{max-width:none;margin-bottom:calc(20 * var(--sd-m))}
.sd-page .sd-expo-copy .sd-button{margin-top:calc(50 * var(--sd-m));margin-bottom:calc(60 * var(--sd-m))}
.sd-page .sd-expo-dots{flex-direction:row;gap:calc(15 * var(--sd-m));top:auto;right:auto;left:50%;bottom:calc(75 * var(--sd-m));transform:translateX(-50%)}
.sd-page .sd-expo-dots button{width:calc(10 * var(--sd-m));height:calc(10 * var(--sd-m))}
.sd-page .sd-footer{height:auto;position:relative;overflow:hidden}
.sd-page .sd-marquee{--sd-wm:calc(852 * var(--sd-m) / 1920)}
.sd-page .sd-footer-links{display:flex;flex-wrap:wrap;gap:calc(50 * var(--sd-m)) calc(24 * var(--sd-m));padding:calc(100 * var(--sd-m)) calc(30 * var(--sd-m));font-size:calc(19 * var(--sd-m))}
.sd-page .sd-footer-links>.sd-button{margin-right:calc(40 * var(--sd-m))}
.sd-page .sd-progress{width:110px;right:20px;bottom:25px}
.sd-page .sd-progress-label{padding-bottom:9px}
.sd-page .sd-progress-label>span:first-child{font-size:5px}
.sd-page .sd-progress-number{font-size:16px}
.sd-page section{font-size:calc(19 * var(--sd-m))}
/* One-pixel spacing differences in the source: first tag gap is 19px. */
.sd-page .sd-tags li:first-child{margin-bottom:calc(-1 * var(--sd-m))}
.sd-page .sd-partner-card:first-child>div{padding-bottom:calc(49 * var(--sd-m))}
.sd-page #leistung .sd-button,.sd-page #bedingungen .sd-button{margin-top:calc(53 * var(--sd-m))}
.sd-page #verbindung .sd-button{margin-top:calc(51 * var(--sd-m))}
.sd-page .sd-story .sd-button{min-width:calc(303 * var(--sd-m))}
.sd-page .sd-discover{min-width:calc(303 * var(--sd-h))}
.sd-page .sd-partner-card>.sd-partner-photo{min-height:0;padding:0;height:calc(477 * var(--sd-m));border-radius:calc(30 * var(--sd-m))}
.sd-page .sd-partner-card:nth-child(2)>.sd-partner-photo{min-height:0;height:calc(476 * var(--sd-m))}
.sd-page .sd-partner-card>.sd-partner-photo img{max-width:none}

/* Kompaktere Abstände: weniger Scrollen zwischen den Themen. Die Hintergründe
   behalten ihre Figma-Größe (883 × 402) und werden mittig beschnitten statt gestreckt. */
.sd-page .sd-story,.sd-page .sd-story-left,.sd-page .sd-worlds{min-height:0;padding:calc(110 * var(--sd-m)) calc(30 * var(--sd-m)) calc(90 * var(--sd-m))}
.sd-page .sd-particles-crop{width:calc(2909.4 * var(--sd-m));height:calc(1635.9 * var(--sd-m));left:calc(-1255.9 * var(--sd-m));top:calc(50% - calc(1058.5 * var(--sd-m)))}
.sd-page .sd-story-left>.sd-bg{width:calc(1570.4 * var(--sd-m));height:calc(883 * var(--sd-m));left:calc(-838.1 * var(--sd-m));top:calc(50% - calc(441.5 * var(--sd-m)))}
.sd-page .sd-worlds>.sd-bg{width:calc(1324.4 * var(--sd-m));height:calc(883 * var(--sd-m));left:calc(-353.3 * var(--sd-m));top:calc(50% - calc(441.5 * var(--sd-m)))}
.sd-page .sd-applications,.sd-page .sd-partnership,.sd-page .sd-contact,.sd-page .sd-expo{min-height:0;padding-top:calc(70 * var(--sd-m));padding-bottom:calc(70 * var(--sd-m))}
.sd-page .sd-benefits{min-height:0;padding:calc(70 * var(--sd-m)) 0 calc(145 * var(--sd-m))}
.sd-page .sd-arrows{top:calc(596.4 * var(--sd-m))}
.sd-page .sd-application-copy{padding-bottom:calc(50 * var(--sd-m))}
.sd-page .sd-partner-card>div,.sd-page .sd-partner-card:nth-child(2)>div{min-height:0}
.sd-page .sd-form{margin-top:calc(50 * var(--sd-m))}
.sd-page .sd-expo-copy .sd-button{margin-bottom:0}
.sd-page .sd-expo:has(.sd-expo-dots){padding-bottom:calc(130 * var(--sd-m))}
.sd-page .sd-expo-dots{bottom:calc(60 * var(--sd-m))}
.sd-page .sd-footer-links{padding-top:calc(70 * var(--sd-m));padding-bottom:calc(70 * var(--sd-m))}
/* Tablets hochkant: breitere Textspalten, Komponente nicht bildschirmfüllend. */
@media (min-width: 600px){
.sd-page .sd-application-copy h2,.sd-page .sd-application-copy p,.sd-page .sd-partner-card>div>*{width:auto;max-width:calc(560 * var(--sd-m))}
.sd-page .sd-component{justify-self:center;width:min(100%, 480px);margin-bottom:calc(25 * var(--sd-m))}
}