/* Einheitlicher typografischer Maßstab für die Referenzseiten. */
.case-page .case-hero h1{font-size:clamp(33px,3.55vw,49px);line-height:1.16;letter-spacing:-.035em}.case-page .scene-copy h2,.case-page .case-text h2,.case-page .video-heading h2{font-size:clamp(26px,2.5vw,34px);line-height:1.2;letter-spacing:-.025em}.case-page .scene-copy h2:after,.case-page .case-text h2:after{display:none;content:none}.case-page .scene-copy h2,.case-page .case-text h2{margin-bottom:20px}.case-page .scene-copy>p,.case-page .case-text p{font-size:17px;line-height:1.8}.case-page .case-scene summary,.case-page .case-text summary{font-size:13px;line-height:1.6;min-height:32px}.case-page .case-scene details p,.case-page .case-text details p{font-size:15px;line-height:1.8}.case-page .case-facts{font-size:13px;line-height:1.8}.case-page a,.reference-page a{text-decoration:none}.case-page .case-back:hover,.case-page nav a:hover,.reference-page nav a:hover{color:#fff}.case-page .company-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;max-width:100%;padding:12px 20px;border:1px solid #d4e0e9;border-radius:3px;background:linear-gradient(170deg,#edf2f5,#c0d0dd);color:#092345;font-size:13px;font-weight:600;line-height:1.5;text-decoration:none;text-align:center;box-shadow:0 5px 15px #010b242b}.case-page .company-link:hover{background:#f4f7fa;color:#04152e}.case-page .company-link:focus-visible{outline:2px solid #fff;outline-offset:5px}.case-page .case-close{font-size:13px}.case-page .case-back{font-size:13px;min-height:40px;display:inline-flex;align-items:center}.case-page .case-close p{line-height:1.8}.case-page .supporting-note{font-size:14px}.document-hero{gap:30px}.document-presentation{position:absolute;right:7%;top:6%;width:29%;margin:0;isolation:isolate}.document-presentation:before,.document-presentation:after{content:"";position:absolute;inset:8px -8px 53px 8px;background:#d0d9e0;z-index:-1;box-shadow:0 10px 30px #010a242b}.document-presentation:before{inset:15px -15px 46px 15px;background:#94abc0;z-index:-2}.document-presentation img{display:block;width:100%;height:auto;transform:none;box-shadow:0 14px 32px #010a2466}.document-presentation figcaption{text-align:center;font-size:11px;color:#d0dfea;line-height:1.7;padding:14px 0 0}.document-presentation figcaption span{font-size:10px;color:#9eb8d3;letter-spacing:.05em}.wasserverband .case-hero{min-height:500px}.case-page .document-hero .hero-copy{max-width:60%}.case-page .document-hero .hero-photo{transform:none}@media(max-width:900px){.case-page .case-hero h1{font-size:clamp(31px,4.4vw,40px)}.case-page .scene-copy h2,.case-page .case-text h2,.case-page .video-heading h2{font-size:29px}.document-presentation{width:30%;right:4%;top:16%}.wasserverband .case-hero{min-height:420px}.case-page .scene-copy>p,.case-page .case-text p{font-size:16px}}@media(max-width:600px){.case-page .case-hero h1{font-size:clamp(29px,7.5vw,37px)}.case-page .scene-copy h2,.case-page .case-text h2,.case-page .video-heading h2{font-size:27px}.case-page .scene-copy>p,.case-page .case-text p{font-size:16px;line-height:1.8}.case-page .case-facts{font-size:12px}.case-page .case-scene summary,.case-page .case-text summary{font-size:13px}.case-page .case-scene details p,.case-page .case-text details p{font-size:14px}.document-presentation{position:relative;top:auto;right:auto;width:min(64%,240px);margin:28px auto 5px}.document-presentation:before{inset:15px -13px 46px 13px}.document-presentation:after{inset:8px -7px 53px 7px}.case-page .document-hero .hero-copy{max-width:none}.wasserverband .case-hero{min-height:0}.case-page .company-link{font-size:13px;padding:12px 16px}.case-page .case-close{font-size:12px}}
