@font-face{font-family:Outfit;src:url('outfit-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--blue:#0071bc;--navy:#002e5b;--cream:#ffffff;--white:#fff;--ice:#83c8f4;--ink:var(--navy);--surface:var(--cream);--gutter:5.3vw;--space:clamp(88px,10vw,170px);--cut:40px;--line:1.5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--cream);color:var(--navy);font:400 20px/1.5 Outfit,Arial,sans-serif}body.menu-open{overflow:hidden}::selection{color:var(--white);background:var(--blue)}a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}a:hover{text-decoration-color:var(--blue)}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:6px}.dark :focus-visible,.hero :focus-visible,dialog :focus-visible{outline-color:var(--ice)}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.14;letter-spacing:-.025em}h1{font-size:clamp(40px,4.2vw,64px);text-transform:uppercase;max-width:1250px}h2{font-size:clamp(32px,2.8vw,44px);text-transform:uppercase}h3{font-size:26px}p+p{margin-top:24px}img,video{display:block;max-width:100%}img{height:auto}svg{display:block}address{font-style:normal}.container{padding-left:var(--gutter);padding-right:var(--gutter)}.section{padding-top:var(--space);padding-bottom:var(--space)}.dark{--ink:var(--white);--surface:var(--navy);color:var(--white);background:var(--navy)}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:12px 18px;background:var(--cream);color:var(--navy);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.offer-ribbon{min-height:54px;display:flex;align-items:center;justify-content:center;gap:16px;background:var(--blue);color:white;text-align:center;padding:10px 24px;font-size:16px;text-decoration:none}.offer-ribbon svg{width:24px;flex:0 0 24px}.offer-ribbon:hover{background:var(--navy)}.site-header{height:170px;display:flex;align-items:center;justify-content:space-between;padding:24px var(--gutter);position:absolute;top:0;left:0;width:100%;z-index:10}.home .site-header{top:54px}.brand{display:block;width:265px;flex-shrink:0}.brand img{width:100%;height:auto}.home .site-header .brand img,.menu-brand img{filter:brightness(0) invert(1)}.menu-toggle,.menu-close{background:transparent;border:0;display:flex;align-items:center;gap:16px;min-height:48px;padding:8px 0;font-size:17px}.home .menu-toggle{color:white}.hamburger{width:40px;display:grid;gap:8px}.hamburger i{display:block;height:2px;background:currentColor}.hamburger i:last-child{width:100%;transform:scaleX(.68);transform-origin:right}.menu-toggle:hover .hamburger i:last-child{transform:scaleX(1)}.hamburger i{transition:transform .2s}.hero{height:calc(100svh - 54px);min-height:650px;max-height:1250px;position:relative;background:var(--navy);color:white;isolation:isolate;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.hero-media{object-fit:cover;object-position:center}.hero-shade{background:rgba(0,32,62,.60)}.hero-content{position:absolute;left:var(--gutter);right:var(--gutter);bottom:115px}.hero h1{font-size:clamp(32px,4.1vw,66px);line-height:1.13;letter-spacing:-.02em}.hero h1 span{display:block}.hero .text-link{margin-top:30px}.text-link{display:inline-flex;align-items:center;gap:26px;text-decoration:none;border-bottom:1px solid currentColor;padding:5px 0 9px}.text-link svg{width:28px;height:22px;transition:transform .2s}.text-link:hover svg{transform:translateX(5px)}.hero-bottom{position:absolute;bottom:28px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center}.scroll-cue{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.scroll-cue svg{width:22px;height:30px}.hero::after{content:'';position:absolute;bottom:0;left:var(--gutter);width:120px;height:5px;background:var(--ice)}.section-heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);align-items:start;margin-bottom:65px}.section-heading p{max-width:660px}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.metric{min-height:225px;padding:30px 28px;background:var(--navy);color:white;clip-path:polygon(0 0,calc(100% - 27px) 0,100% 27px,100% 100%,0 100%)}.metric-number{display:block;font-size:clamp(52px,5.1vw,82px);line-height:1.05;letter-spacing:-.035em;font-weight:400;margin-bottom:18px}.metric-number sup{font-size:22px;vertical-align:top;position:relative;top:13px;margin-left:4px}.metric p{font-size:20px;line-height:1.35;max-width:300px}.metric-footnote{font-size:14px;line-height:1.5;margin-top:16px!important;max-width:450px}.feature-list{display:grid;gap:var(--space)}.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--gutter);align-items:center}.feature-copy{max-width:640px}.feature h2{margin-bottom:30px}.feature p{max-width:620px}.feature .button{margin-top:36px}.feature-photo{position:relative}.feature-photo img{width:100%;height:clamp(390px,36vw,600px);object-fit:cover;clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% var(--cut),100% 100%,0 100%);filter:saturate(.75)}.feature-photo figcaption{font-size:14px;line-height:1.4;margin-top:14px;color:var(--ice)}figure{margin:0}.button{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;min-height:59px;padding:15px 26px;text-decoration:none;font-size:18px;background:var(--blue);color:var(--ink);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);isolation:isolate}.button:before{content:'';position:absolute;inset:1px;background:var(--surface);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);z-index:-1;transition:background .2s}.button:hover:before{background:var(--blue)}.button:hover{color:white}.button svg{width:27px;height:22px;flex-shrink:0}.button:focus-visible{outline:0;background:var(--ink)}.button:focus-visible:before{inset:3px}.dark .button{background:var(--ice)}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.process-step{border-top:1px solid rgba(0,46,91,.35);padding-top:25px}.process-step .step-number{font-size:18px;color:var(--blue)}.process-art{height:135px;width:170px;margin:22px 0 32px;color:var(--blue);overflow:visible}.process-step h3{font-size:24px;margin-bottom:18px;max-width:260px}.process-step p{font-size:18px;line-height:1.5}.process-grid+.button{margin-top:45px}.process-note+.button,.body-copy p+.button{margin-top:36px}.process-note{margin-top:35px;max-width:1200px;font-size:17px}.process-art .motion{animation:document-arrive .7s cubic-bezier(.16,1,.3,1) both}@keyframes document-arrive{from{transform:translateY(7px)}to{transform:translateY(0)}}.closing-image{height:clamp(320px,39vw,680px);width:100%;object-fit:cover;object-position:center 48%;filter:saturate(.65)}.contact-band{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter);align-items:center;padding-top:100px;padding-bottom:100px}.contact-band h2{max-width:670px}.contact-band .contact-links{display:grid;gap:14px;justify-items:start}.contact-band a{font-size:clamp(22px,2.1vw,34px);text-decoration:none}.contact-band a:hover{text-decoration:underline}.footer{border-top:1px solid rgba(0,46,91,.25);padding-top:55px;padding-bottom:30px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:48px}.footer-logo{width:245px;margin-bottom:24px}.footer address,.footer nav{font-size:17px;line-height:1.65}.footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer a{text-decoration:none}.footer a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:24px;margin-top:55px;font-size:14px}.footer-legal{display:flex;gap:28px}.nav-dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:0;background:var(--navy);color:white;overflow-y:auto}.nav-dialog::backdrop{background:var(--navy)}.menu-header{height:170px;display:flex;align-items:center;justify-content:space-between;padding:24px var(--gutter)}.menu-close svg{width:32px;height:32px}.menu-body{display:grid;grid-template-columns:1.5fr 1fr;gap:var(--gutter);padding:35px var(--gutter) 65px}.main-nav{display:flex;flex-direction:column;align-items:start;gap:18px}.main-nav a{font-size:clamp(30px,3.1vw,50px);line-height:1.16;text-transform:uppercase;text-decoration:none;letter-spacing:-.02em}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--ice)}.menu-contact{align-self:end;padding-bottom:4px;font-size:19px}.menu-contact p{margin-bottom:18px}.menu-contact a{display:block;width:fit-content;margin-top:8px}.menu-contact .menu-legal{display:flex;gap:25px;font-size:15px;margin-top:45px}.page-title{padding-top:235px;padding-bottom:90px}.page-title h1{max-width:1100px}.page-title .intro{margin-top:35px;max-width:800px;font-size:23px;line-height:1.45}.split-copy{display:grid;grid-template-columns:1fr 1fr;gap:var(--gutter)}.split-copy+.split-copy{margin-top:95px;padding-top:75px;border-top:1px solid rgba(0,46,91,.25)}.split-copy h2{max-width:530px}.split-copy .body-copy{max-width:700px}.body-copy h3{margin:38px 0 18px}.body-copy h3:first-child{margin-top:0}.body-copy ul{padding-left:23px;margin:24px 0}.body-copy li+li{margin-top:12px}.page-content{padding-top:20px;padding-bottom:var(--space)}.wide-photo{width:100%;height:clamp(350px,43vw,700px);object-fit:cover;filter:saturate(.7)}.offer-callout{padding:45px;background:var(--navy);color:white;margin-top:50px;clip-path:polygon(0 0,calc(100% - 35px) 0,100% 35px,100% 100%,0 100%)}.offer-callout h2{font-size:30px;margin-bottom:25px}.offer-callout p{font-size:19px}.faq-list{border-top:1px solid rgba(0,46,91,.35)}details{border-bottom:1px solid rgba(0,46,91,.35)}summary{list-style:none;cursor:pointer;position:relative;padding:27px 60px 27px 0;font-size:25px;font-weight:400;line-height:1.3}summary::-webkit-details-marker{display:none}summary::after{content:'+';position:absolute;right:4px;top:20px;font-size:38px;font-weight:300;color:var(--blue)}details[open] summary::after{content:'−'}details .answer{padding:0 55px 30px 0;max-width:850px;font-size:19px}details .answer p+p{margin-top:16px}.faq-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:var(--gutter)}.faq-aside p{margin:24px 0 30px}.contact-details{display:grid;gap:45px}.contact-details h2{font-size:25px;margin-bottom:16px}.contact-details .contact-primary{font-size:clamp(24px,2.4vw,38px);line-height:1.2;text-decoration:none}.contact-details a.contact-primary:hover{text-decoration:underline}.small{font-size:16px}.legal{max-width:1080px;padding-bottom:var(--space)}.legal h2{font-size:28px;text-transform:none;margin-top:45px;margin-bottom:18px}.legal h2:first-child{margin-top:0}.legal h3{font-size:23px;margin:30px 0 16px}.legal p,.legal li{font-size:18px}.legal ul{padding-left:24px}.legal li+li{margin-top:10px}.legal a{overflow-wrap:anywhere}.no-js-nav{padding:20px var(--gutter);background:var(--navy);color:white;display:flex;flex-wrap:wrap;gap:20px}.no-js .menu-toggle{display:none}
@media(min-width:1920px){:root{--gutter:max(5.3vw,calc((100vw - 1740px)/2))}}
@media(max-width:1100px){.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:50px 40px}.metrics{gap:16px}.metric{padding:27px 22px}.metric p{font-size:18px}.feature-photo img{height:430px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid nav:last-child{display:none}.faq-layout{grid-template-columns:1fr}.faq-aside{max-width:670px}.faq-aside .button{margin-bottom:30px}}
@media(max-width:760px){:root{--gutter:24px;--space:85px;--cut:30px}body{font-size:18px}h1{font-size:40px}h2{font-size:32px}h3{font-size:25px}.offer-ribbon{font-size:14px;min-height:52px;padding:10px 18px;gap:8px}.offer-ribbon svg{width:19px;flex-basis:19px}.site-header,.menu-header{height:115px;padding:25px var(--gutter)}.home .site-header{top:52px}.brand{width:208px}.menu-toggle,.menu-close{gap:8px}.menu-toggle .menu-label{display:none}.hamburger{width:31px;gap:7px}.hamburger i:last-child{width:100%}.hero{height:calc(100svh - 52px);min-height:630px}.hero-content{bottom:140px}.hero h1{font-size:clamp(29px,8.1vw,48px);line-height:1.2;letter-spacing:-.025em}.hero .text-link{margin-top:25px;font-size:18px}.hero-bottom{bottom:25px}.hero-media{object-position:49% center}.section-heading{grid-template-columns:1fr;gap:25px;margin-bottom:40px}.metrics{grid-template-columns:1fr;gap:26px}.metric{min-height:190px;padding:28px}.metric-number{font-size:65px;margin-bottom:14px}.metric p{font-size:20px;max-width:320px}.metric-footnote{margin-top:12px!important}.feature{grid-template-columns:1fr;gap:38px}.feature.reverse .feature-photo{order:2}.feature-photo img{height:auto;aspect-ratio:1.12;object-fit:cover}.feature h2{margin-bottom:24px}.feature .button,.process-note+.button,.body-copy p+.button{margin-top:30px}.button{font-size:17px;padding:14px 22px;min-height:56px;gap:25px}.process-grid{grid-template-columns:1fr;gap:40px}.process-step{display:grid;grid-template-columns:64px 1fr;column-gap:20px;padding-top:22px}.process-step .step-number{grid-column:1}.process-art{grid-column:1;grid-row:2/4;width:64px;height:100px;margin:14px 0}.process-step h3{grid-column:2;grid-row:2;max-width:none;font-size:24px;margin-top:14px}.process-step p{grid-column:2;grid-row:3;font-size:17px}.process-note{font-size:16px}.closing-image{height:310px}.contact-band{grid-template-columns:1fr;gap:35px;padding-top:75px;padding-bottom:75px}.contact-band a{font-size:26px}.footer-grid{grid-template-columns:1fr;gap:35px}.footer-logo{width:230px}.footer-grid nav:last-child{display:flex}.footer nav{gap:10px}.footer-bottom{margin-top:40px;flex-direction:column;gap:18px}.footer-legal{flex-wrap:wrap;gap:25px}.menu-body{grid-template-columns:1fr;padding-top:20px;gap:55px}.main-nav{gap:21px}.main-nav a{font-size:32px}.menu-contact{font-size:18px}.menu-contact .menu-legal{margin-top:25px}.menu-close .menu-label{display:none}.page-title{padding-top:175px;padding-bottom:60px}.page-title .intro{font-size:21px;margin-top:28px}.split-copy{grid-template-columns:1fr;gap:30px}.split-copy+.split-copy{margin-top:65px;padding-top:55px}.page-content{padding-top:0}.wide-photo{height:340px}.offer-callout{padding:30px 25px}.offer-callout h2{font-size:28px}.offer-callout p{font-size:18px}.faq-layout{gap:25px}summary{font-size:22px;padding:24px 40px 24px 0}summary:after{font-size:32px}details .answer{padding-right:12px;font-size:18px}.contact-details{gap:36px}.legal h2{font-size:26px}.legal p,.legal li{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero video{display:none}}
@media print{.site-header,.offer-ribbon,.hero-bottom,.nav-dialog,.footer,.contact-band,.closing-image,.button{display:none}.page-title{padding-top:30px}.section{padding-top:35px;padding-bottom:35px}.dark{background:white;color:#002e5b}.hero{height:auto;min-height:0;padding:40px 24px;color:#002e5b;background:white}.hero-content{position:static}.hero-media,.hero-shade{display:none}.feature,.split-copy,.section-heading{display:block}.feature-photo{margin-top:25px}.metric{background:white;color:#002e5b;border:1px solid #002e5b}details .answer{display:block}h1,h2,h3{break-after:avoid}img,.metric-wrap,.process-step{break-inside:avoid}}
[hidden]{display:none!important}.after-heading{margin-top:30px}.contact-details+.body-copy .button{margin-top:30px}
/* Gemeinsame Scrollnavigation: am Seitenanfang groß, beim Zurückscrollen kompakt. */
html{scroll-padding-top:104px}
.site-header{gap:32px}
.header-nav{display:none;align-items:center;gap:clamp(20px,2vw,36px);font-size:18px;white-space:nowrap}
.header-nav a{display:flex;align-items:center;min-height:48px;text-decoration:none}
.header-nav a:hover,.header-nav a[aria-current=page],.main-nav a[aria-current=page],.footer nav a[aria-current=page]{text-decoration:underline;text-decoration-color:currentColor}
.home .header-nav{color:var(--white)}
.home .site-header :focus-visible{outline-color:var(--ice)}
.site-header.is-compact{position:fixed;top:0;height:80px;padding-top:12px;padding-bottom:12px;background:var(--white);color:var(--navy);border-bottom:1px solid var(--rule-muted,rgba(0,46,91,.25));transform:translateY(-100%)}
.site-header.is-compact.is-visible,.site-header.is-compact:focus-within{transform:translateY(0)}
.site-header.is-compact .brand{width:180px}
.site-header.is-compact .brand img{filter:none}
.site-header.is-compact .menu-toggle,.site-header.is-compact .header-nav{color:var(--navy)}
.site-header.is-compact :focus-visible{outline-color:var(--blue)}
.back-to-top{position:fixed;right:max(24px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));z-index:9;display:grid;place-items:center;width:52px;height:52px;padding:12px;border:0;color:var(--white);background:var(--navy);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%)}
.back-to-top svg{width:24px;height:24px}
.back-to-top:hover{background:var(--blue)}
.back-to-top:focus-visible{outline:0;background:var(--blue);box-shadow:inset 0 0 0 3px var(--ice)}
.menu-open .back-to-top{display:none}
.no-js .site-header{position:relative;top:0}
.no-js .home .site-header{background:var(--navy)}
@media(min-width:1200px){.header-nav{display:flex}.menu-toggle{display:none}.no-js-nav{display:none}}
@media(max-width:760px){.site-header{gap:16px}.site-header .brand,.site-header.is-compact .brand{width:clamp(152px,42vw,208px)}.menu-toggle .menu-label{display:inline}.menu-toggle{flex-shrink:0}}
@media print{.back-to-top{display:none}}
.metric-wrap:last-child .metric-number{font-size:clamp(42px,4vw,76px);white-space:nowrap}
@media(max-width:900px){.metrics{grid-template-columns:1fr}.metric{min-height:190px}.metric-wrap:last-child .metric-number{font-size:52px}}
:root{--blue-ink:#0064a8}.process-step .step-number{color:var(--blue-ink)}

.split-copy>*{min-width:0}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
[data-count]{display:inline-block;font-variant-numeric:tabular-nums;text-align:right}
.feature-photo img[src*="hamburg-waterfront"]{object-position:65% center}

.legal-contact{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:8px}

/* Direkte Wege und zurückhaltende Videokontrolle. */
.section-jumps{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:28px;font-size:18px}
.section-jumps a{padding:8px 0;text-decoration-thickness:1px}
.offer-page .page-title{padding-bottom:56px}
.offer-page .page-title+#ablauf{padding-top:20px}
.offer-page .offer-callout{container-type:inline-size;padding:26px 32px}
.offer-page .offer-callout h2:last-child{margin-bottom:0;font-size:clamp(1em,5cqw,30px)}
.offer-page .offer-callout h2 span{display:block;white-space:nowrap}
@media(max-width:1199px){.offer-page .offer-callout h2 span{white-space:normal}}
.offer-page .offer-callout+.metric-footnote{max-width:none}
.company-register{font-size:17px;margin-top:22px;max-width:800px}
.video-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:11px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:rgba(0,32,62,.3);color:#fff}
.video-toggle svg{width:20px;height:20px;flex-shrink:0}
.video-toggle:hover{background:rgba(0,32,62,.65);border-color:white}
.video-toggle .play-icon,.video-toggle.is-paused .pause-icon{display:none}
.video-toggle.is-paused .play-icon{display:block}
@media(max-width:760px){.offer-page .page-title{padding-bottom:36px}.offer-page .page-title+#ablauf{padding-top:0}.offer-page .offer-callout{padding:18px 20px}.section-jumps{gap:6px 22px;font-size:17px;margin-top:22px}.company-register{font-size:16px;line-height:1.5}}

/* Mobile intrinsische Mindestbreiten korrigieren; Desktop-Regeln bleiben unverändert. */
@media(max-width:760px){
  .feature,.section-heading,.split-copy,.contact-band,.footer-grid,.faq-layout,.menu-body{grid-template-columns:minmax(0,1fr)}
  .feature>*,.section-heading>*,.contact-band>*{min-width:0}
  h1,h2,h3{hyphens:auto;overflow-wrap:break-word}
  .metric-number{font-size:clamp(54px,16.7vw,65px)}
  .metric-wrap:last-child .metric-number{font-size:clamp(42px,13.3vw,52px)}
  .button{max-width:100%}
  .button span{min-width:0}
  .process-grid{grid-template-columns:minmax(0,1fr)}
  .process-step{grid-template-columns:64px minmax(0,1fr)}
  .process-step p{hyphens:auto;overflow-wrap:break-word}
}

/* Freigegebener Zuschnitt aus dem Bildvergleich. */
.feature-photo img[src*="groningen-"]{object-position:center 28%}

.process-step .process-link{display:block;width:fit-content;margin-top:18px;font-size:17px;line-height:1.5;color:var(--blue-ink);grid-column:2;grid-row:4}

/* Freigegebene blaue Lesebänder auf Konzept und Kaufangebot. */
.split-copy.split-band{margin-inline:calc(-1 * var(--gutter));padding:80px var(--gutter);border-top:0}
.split-band+.split-copy{margin-top:0;padding-top:95px;border-top:0}
.split-band a:hover{color:var(--ice);text-decoration-color:currentColor}
@media(max-width:760px){.split-copy.split-band{padding-top:55px;padding-bottom:55px}.split-band+.split-copy{padding-top:65px}}