:root{--blue:#134d7b;--navy:#13344f;--ink:#253b4b;--gray:#edf1f3}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.65}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible{outline:3px solid #e6b14b;outline-offset:5px}.wrap{width:min(1240px,90%);margin:auto}.top{background:var(--navy);color:#fff;font-size:12px;letter-spacing:.04em}.top .wrap{display:flex;justify-content:space-between;padding:9px 0}.top a{color:#fff}header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:112px}.brand{font-family:Georgia,serif;font-weight:bold;font-size:26px;white-space:nowrap;line-height:1.2;color:var(--navy)}.brand span{font-weight:normal;color:#68899f}.brand small{display:block;font:10px Arial;letter-spacing:.2em;margin-top:9px}nav{display:flex;gap:20px;font-size:13px}nav a{color:var(--ink);padding:13px 0}nav a[aria-current]{color:var(--blue);border-bottom:2px solid var(--blue)}.menu{display:none}.hero{position:relative;min-height:565px;background:#183f5c;overflow:hidden;color:#fff}.hero>img{position:absolute;width:100%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,40,61,.97),rgba(12,40,61,.65) 40%,rgba(12,40,61,0) 75%)}.hero-content{position:relative;z-index:1;padding-top:66px;padding-bottom:68px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:bold;color:#53798f;margin:0 0 20px}.hero .eyebrow{color:#bfd7e5}h1,h2,h3{line-height:1.17;font-weight:normal}h1{font-family:Georgia,serif;font-size:clamp(38px,4.4vw,64px);margin:0 0 22px;letter-spacing:-.025em}h2{font-family:Georgia,serif;font-size:clamp(29px,3vw,40px);margin:0 0 22px;color:var(--navy)}h3{font-size:22px;margin:26px 0 14px}.hero p:not(.eyebrow){font-size:18px;color:#e4edf3}.button{display:inline-block;background:var(--blue);padding:15px 23px;color:white;font-size:14px;margin-top:14px}.hero .button{background:white;color:var(--navy)}.image-note{position:absolute;bottom:13px;right:20px;z-index:2;font-size:10px;color:#fff;background:#17384d9e;padding:3px 7px}.intro{padding:72px 0}.intro>div{display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.intro h2{grid-row:span 2}.intro p:not(.eyebrow){margin-top:0}.solutions{background:var(--gray);padding:65px 0 72px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:30px}.section-head>a,.network>a{font-size:13px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:25px}.card{background:white;padding:27px 24px;border-top:3px solid var(--blue);color:var(--ink);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #183f5c12;text-decoration:none}.num{color:#6c8ba0;font-size:13px;letter-spacing:.1em}.card h3{min-height:52px;color:var(--navy);font-family:Georgia,serif}.card p{font-size:14px;margin:0 0 27px}.arrow{font-size:12px;color:var(--blue);margin-top:auto}.network{padding:70px 0;text-align:center}.network>p:not(.eyebrow){color:#687b88}.partners{display:flex;align-items:center;justify-content:center;gap:90px;padding:35px 0 45px}.partners img{width:190px;height:125px;object-fit:contain}.pending{border:1px dashed #aab8bf;padding:20px 32px;min-width:175px}.pending strong{font-size:30px;color:#657a88}.pending small{display:block;font-size:10px}.closing{background:var(--navy);color:white;padding:42px 0}.closing .wrap{display:flex;align-items:center;gap:30px}.closing h2{color:white;font-size:31px;margin:0}.closing p:last-child{font-size:11px;color:#b6c9d5;margin:10px 0 0}.closing .eyebrow{color:#a8c8d9;margin-bottom:10px}.recycle{font-size:83px;line-height:1}.light{margin-left:auto;border:1px solid #8dabbf;background:transparent}footer{display:flex;justify-content:space-between;padding:35px 0;font-size:13px}footer p{color:#6b7c86;font-size:12px}footer>div:last-child{display:flex;flex-direction:column;align-items:flex-end;gap:5px}footer small{font-size:10px;color:#6b7c86}.page-head{background:var(--gray);padding:64px 0}.page-head h1{color:var(--navy)}.page-head p:last-child{max-width:650px}.page-body{padding:65px 0 85px}.two{display:grid;grid-template-columns:1fr 1fr;gap:70px}.panel{background:var(--gray);padding:32px}.panel h3{margin-top:0}.panel p{font-size:15px}.detail{display:flex;gap:35px;padding:38px 0;border-bottom:1px solid #dbe3e8;scroll-margin-top:20px}.detail:first-child{padding-top:0}.detail>div{max-width:780px}.detail h2{font-size:32px}.contact-link{font-size:20px}.skip{position:absolute;left:15px;top:-100px;z-index:5;background:white;padding:10px}.skip:focus{top:15px}@media(max-width:1100px){header{flex-wrap:wrap;padding:24px 0;gap:18px}nav{width:100%;justify-content:space-between}.cards{grid-template-columns:repeat(2,1fr)}.hero{min-height:520px}}@media(max-width:650px){.top .wrap{font-size:10px}.top a{display:none}header{min-height:90px;padding:22px 0}.brand{font-size:22px}.menu{display:block;border:1px solid #c6d4dc;background:white;color:var(--navy);font-size:24px;padding:3px 12px}nav{display:none;flex-direction:column;gap:0}nav.open{display:flex}nav a{padding:12px}.hero-content{padding-top:44px}.hero{min-height:570px}.hero>img{object-position:65%}.hero:after{background:linear-gradient(90deg,#102f48ed,#102f4866)}.hero p:not(.eyebrow){font-size:16px}.intro,.network{padding:44px 0}.intro>div,.two{grid-template-columns:1fr;gap:20px}.section-head{display:block}.solutions{padding:44px 0}.cards{grid-template-columns:1fr}.card h3{min-height:0;margin-top:14px}.card{padding:22px}.partners{gap:20px;flex-direction:column}.closing .wrap{flex-wrap:wrap;gap:18px}.recycle{font-size:57px}.closing h2{font-size:25px}.light{margin-left:0}footer{flex-direction:column;gap:18px}footer>div:last-child{align-items:flex-start}.page-head{padding:42px 0}.page-body{padding:42px 0}.detail{gap:15px}.detail h2{font-size:27px}}
/* Startseite nach dem bereitgestellten Gestaltungsentwurf */
.reference-home{color:#153c70}.reference-home header{width:min(1400px,90%);min-height:145px;position:relative;align-items:flex-end;padding:10px 0 22px;gap:45px}.reference-brand{width:325px;flex-shrink:0;line-height:0}.reference-brand svg{width:100%;height:121px}.header-contact{position:absolute;right:0;top:20px;display:flex;gap:35px;font-size:16px}.reference-home nav{flex:1;justify-content:space-between;font-family:Georgia,serif;font-size:16px;gap:20px}.reference-home nav a{white-space:nowrap;color:#082e69;padding-bottom:5px}.reference-home .hero{min-height:440px;height:440px;background:#adc1cc;overflow:hidden}.reference-yard{position:absolute;right:0;top:0;width:100%;height:100%}.reference-home .hero:after{display:none}.reference-home .hero-content{padding:45px 0 0;width:93%}.hero-box{background:#003b77e8;width:480px;padding:25px 43px 30px}.reference-home .hero .eyebrow{color:white;letter-spacing:.075em;font-size:13px;margin-bottom:13px}.reference-home .hero h1{font-size:56px;line-height:1;margin-bottom:16px}.reference-home .hero p:not(.eyebrow){font-size:22px;line-height:1.28;margin:0 0 12px;color:white}.reference-home .hero .button{color:#003987;background:white;padding:11px 22px;margin-top:4px;font-weight:bold}.reference-home .solutions{padding:26px 0 24px;background:linear-gradient(#fff,#f6f8fc)}.reference-home .solutions>.wrap{width:95%;max-width:1450px}.reference-home .cards{margin:0;gap:0}.reference-home .card{background:transparent;text-align:center;border-top:0;border-right:1px solid #c4d2e5;padding:0 30px;align-items:center}.reference-home .card:last-child{border-right:0}.reference-home .card h3{font-size:23px;min-height:0;margin:4px 0 7px;color:#06367a}.reference-home .card p{font-size:15px;line-height:1.3;margin:0;max-width:245px}.service-icon{font-size:43px;color:#034184;line-height:1.25}.reference-intro{display:grid;grid-template-columns:50% 34% 16%;background:#fff}.reference-plant{width:100%;height:100%;min-height:280px}.reference-about{padding:27px 32px}.reference-about .eyebrow{color:#06458c;margin-bottom:9px}.reference-about h2{font-size:37px;color:#034184;margin-bottom:13px}.reference-about p:not(.eyebrow){font-size:14px;line-height:1.4}.reference-about>a{font-size:13px}.reference-recycle{padding:24px 15px;text-align:center;align-self:center}.reference-symbol{width:145px;max-width:100%;height:135px}.reference-recycle h3{font-family:Georgia,serif;font-size:20px;color:#034184;margin-top:12px}.reference-home .network{border-top:1px solid #e2e9ef}.reference-home .closing h2{font-size:26px}.reference-home .closing .recycle{display:none}@media(max-width:1150px){.reference-home header{align-items:center;padding-bottom:17px;gap:10px}.reference-home nav{width:100%;flex-basis:100%;font-size:14px}.header-contact{position:static;margin-left:auto;flex-direction:column;gap:2px;font-size:14px}.reference-home .hero-content{padding-top:32px}.hero-box{width:440px}.reference-intro{grid-template-columns:45% 55%}.reference-recycle{grid-column:1/-1;display:flex;justify-content:center;gap:30px;padding:18px}.reference-symbol{width:90px;height:85px}.reference-home .card{padding:10px 20px}.reference-home .card:nth-child(2){border-right:0}}@media(max-width:650px){.reference-home header{min-height:95px;padding:10px 0;gap:8px}.reference-brand{width:235px}.reference-brand svg{height:90px}.header-contact{display:none}.reference-home nav{flex-direction:column;align-items:stretch}.reference-home .menu{margin-left:auto}.reference-home .hero{height:auto;min-height:560px}.reference-yard{height:260px;top:0}.reference-home .hero-content{padding:210px 0 24px;width:92%}.hero-box{width:100%;padding:24px;background:#003b77f2}.reference-home .hero h1{font-size:43px}.reference-home .hero p:not(.eyebrow){font-size:18px}.reference-home .hero .eyebrow{font-size:11px}.reference-home .cards{grid-template-columns:repeat(2,1fr)}.reference-home .card{padding:16px 12px}.reference-home .card h3{font-size:20px}.reference-home .card p{font-size:13px}.reference-home .solutions{padding:8px 0}.reference-intro{grid-template-columns:1fr}.reference-plant{min-height:0;height:220px}.reference-about{padding:30px 24px}.reference-about h2{font-size:30px}.reference-recycle{grid-column:auto}.reference-home .closing h2{font-size:23px}}
/* Einheitlicher Kopfbereich auf sämtlichen Unterseiten */
body:not(.reference-home) header{width:min(1400px,90%);min-height:145px;position:relative;align-items:flex-end;padding:10px 0 22px;gap:45px}body:not(.reference-home) nav{flex:1;justify-content:space-between;font-family:Georgia,serif;font-size:16px;gap:20px}body:not(.reference-home) nav a{white-space:nowrap;color:#082e69;padding-bottom:5px}@media(max-width:1150px){body:not(.reference-home) header{flex-wrap:wrap;align-items:center;padding-bottom:17px;gap:10px}body:not(.reference-home) nav{width:100%;flex-basis:100%;font-size:14px}}@media(max-width:650px){body:not(.reference-home) header{min-height:95px;padding:10px 0;gap:8px}body:not(.reference-home) nav{flex-direction:column;align-items:stretch}body:not(.reference-home) .menu{margin-left:auto}}
.service-icon{display:inline-flex;align-items:center;justify-content:center;width:62px;height:62px;margin-bottom:5px}.service-icon svg{display:block;width:56px;height:56px}@media(max-width:650px){.service-icon{width:54px;height:54px}.service-icon svg{width:49px;height:49px}}
.partnership-request{margin-top:45px;padding-top:35px;border-top:1px solid #dbe3e8}
.reference-home .hero-box p:not(.eyebrow){font-size:20px;line-height:1.32}@media(max-width:650px){.reference-home .hero-box p:not(.eyebrow){font-size:18px}}


/* Platz für die ausführlichere Hero-Botschaft */
.reference-home .hero{height:auto;min-height:560px}.reference-home .hero-content{padding-top:35px;padding-bottom:35px}.reference-home .hero-box{width:560px;max-width:100%;padding:28px 34px}.reference-home .hero h1{font-size:39px;line-height:1.08}.reference-home .hero-box p:not(.eyebrow){font-size:18px;line-height:1.42}@media(max-width:650px){.reference-home .hero{min-height:0}.reference-home .hero-content{padding-top:210px;padding-bottom:24px}.reference-home .hero-box{padding:24px}.reference-home .hero h1{font-size:32px}.reference-home .hero-box p:not(.eyebrow){font-size:17px}}
.reference-home .hero>img.reference-yard{object-fit:cover;object-position:center}@media(max-width:650px){.reference-home .hero>img.reference-yard{height:260px;object-position:65% center}}
.reference-plant{object-fit:cover;object-position:center;display:block}
.service-icon img{display:block;width:56px;height:56px;object-fit:contain;mix-blend-mode:multiply}@media(max-width:650px){.service-icon img{width:49px;height:49px}}
.fire-network>p{font-size:24px;line-height:1.4;color:var(--navy);margin:0 0 12px}@media(max-width:650px){.fire-network>p{font-size:21px}}
.fire-network>p,.partnership-request>h2{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:400;line-height:1.4;color:var(--navy);margin:0 0 12px}@media(max-width:650px){.fire-network>p,.partnership-request>h2{font-size:21px}}
.closing-recycle{display:block;width:100px;height:100px;object-fit:contain;flex-shrink:0}.reference-symbol{object-fit:contain;display:block;margin:0 auto}@media(max-width:650px){.closing-recycle{width:75px;height:75px}.closing .wrap{flex-wrap:nowrap}.closing .wrap>div{min-width:0}}
.about-introduction{max-width:950px;margin-bottom:45px;padding-bottom:30px;border-bottom:1px solid #dbe3e8}.about-introduction h2:not(:first-child){margin-top:36px}.about-expertise{padding-left:24px}.about-expertise li{margin-bottom:20px;padding-left:5px}
.about-page .page-body,.about-page .page-body h2{font-family:Arial,Helvetica,sans-serif}.about-page .page-body h2{font-size:26px;font-weight:400;line-height:1.35}.about-page .page-body p,.about-page .page-body li{font-size:16px}@media(max-width:650px){.about-page .page-body h2{font-size:23px}}
.reference-about ul{font-size:14px;line-height:1.4;padding-left:20px}.reference-about li{margin-bottom:12px}
.reference-about p:not(.eyebrow),.reference-about ul,.reference-about li{font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:400;line-height:1.4}
.reference-plant{height:280px;min-height:0;align-self:start}@media(max-width:650px){.reference-plant{height:220px}}
.reference-plant{height:220px}@media(max-width:650px){.reference-plant{height:180px}}
.reference-intro{grid-template-columns:40% 44% 16%;align-items:start}.reference-plant{height:350px;object-fit:cover;object-position:center}.reference-about{padding:25px 30px}.reference-about h2{font-size:34px}@media(max-width:1150px){.reference-intro{grid-template-columns:40% 60%}.reference-plant{height:350px}}@media(max-width:650px){.reference-intro{grid-template-columns:1fr}.reference-plant{height:250px}.reference-about{padding:25px 24px}.reference-about h2{font-size:30px}}
.reference-plant{align-self:center}@media(max-width:650px){.reference-plant{align-self:start}}
.contact-address h2{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-bottom:12px}.contact-address>p:first-of-type{font-size:20px;line-height:1.5;margin-top:0}.contact-page .contact-link{font-size:20px;overflow-wrap:anywhere}.field-team{margin-top:55px;padding-top:35px;border-top:1px solid #dbe3e8}.field-team>h2{font-family:Arial,Helvetica,sans-serif;font-size:26px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:25px}.field-card{display:grid;grid-template-columns:40% 60%;border:1px solid #dbe3e8}.portrait-placeholder{background:#edf1f3;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6b8598}.portrait-placeholder svg{width:95px;height:95px;fill:#b8c7d1}.portrait-placeholder span{font-size:12px}.field-details{padding:25px}.field-details h3{margin:0 0 12px;font-size:22px}.field-details p{font-size:14px}.field-details a{font-size:14px}.draft-note{font-size:12px;color:#6b7c86}@media(max-width:800px){.field-grid{grid-template-columns:1fr}}@media(max-width:450px){.field-card{grid-template-columns:1fr}.portrait-placeholder{min-height:210px}}
.field-details a{overflow-wrap:anywhere}
.field-portrait{display:block;width:100%;height:245px;object-fit:cover;object-position:center top}@media(max-width:450px){.field-portrait{height:auto;max-height:360px}}
.about-meet{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:45px;margin-top:28px}.about-meet img{display:block;width:100%;max-width:520px;height:auto;justify-self:center}.about-meet .button{margin-top:0}@media(max-width:650px){.about-meet{grid-template-columns:1fr;gap:25px}.about-meet img{max-width:100%}}
.about-meet img{width:50%;max-width:260px}@media(max-width:650px){.about-meet img{width:50%;max-width:260px}}
.about-visit{width:50%;max-width:260px;justify-self:center;margin:0;text-align:center}.about-meet .about-visit img{width:100%;max-width:none}.about-visit figcaption{font-size:14px;line-height:1.4;margin-top:12px;color:var(--ink)}@media(max-width:650px){.about-meet .about-visit img{width:100%;max-width:none}}
.footer-company{font-family:Georgia,serif;font-size:16px;line-height:1.5}

.legal-body{max-width:950px;font-family:Arial,Helvetica,sans-serif}.legal-body h2{font-family:Arial,Helvetica,sans-serif;font-size:24px;margin-top:35px}.legal-notice{padding:18px 22px;background:#edf1f3;border-left:3px solid #134d7b;margin-bottom:30px;font-size:14px}.legal-pending{padding:14px 18px;background:#f4f1e9;color:#655735;font-size:14px}.legal-links{display:flex;flex-wrap:wrap;gap:6px}

.portrait-labeled{margin:0;min-width:0}.ai-caption{display:block;font:12px/1.4 Arial,Helvetica,sans-serif;color:#61717c;margin-top:5px;text-align:right}.portrait-labeled .ai-caption{padding:0 8px 6px}.hero-ai-label{position:absolute;right:14px;bottom:10px;z-index:3;color:white;text-shadow:0 1px 3px #102c41,0 0 4px #102c41;font:12px/1.4 Arial,Helvetica,sans-serif}.plant-labeled{margin:0;min-width:0;align-self:center}.plant-labeled .ai-caption{padding-right:8px}
.ai-caption{color:rgba(65,81,93,.72)}.hero-ai-label{color:rgba(255,255,255,.8);text-shadow:0 1px 3px rgba(16,44,65,.75)}
.plant-labeled,.visit-image{position:relative}.image-ai-overlay{position:absolute;right:12px;bottom:10px;margin:0;padding:0;color:rgba(255,255,255,.8);text-shadow:0 1px 3px rgba(16,44,65,.75);font:12px/1.4 Arial,Helvetica,sans-serif}.plant-labeled .image-ai-overlay{padding:0}
.reference-home .hero>img.reference-yard{object-fit:cover;object-position:center}@media(max-width:650px){.reference-home .hero>img.reference-yard{object-fit:cover;object-position:65% center}}

.reference-home .hero{min-height:0}


/* Auf schmalen Displays Recyclingmotiv nur im Abschlussbanner zeigen. */
@media(max-width:1150px){.reference-home .reference-recycle{display:none}}

.reference-emblem{padding:20px 12px;align-self:center;text-align:center}.reference-emblem img{display:block;width:100%;max-width:230px;height:auto;margin:auto}@media(max-width:1150px){.reference-emblem{grid-column:1/-1;padding:20px}.reference-emblem img{max-width:210px}}@media(max-width:650px){.reference-emblem{grid-column:auto;padding:10px 24px 25px}.reference-emblem img{max-width:190px}}

.coverage-heading{display:flex;align-items:center;gap:16px}.coverage-heading .service-icon{flex:0 0 48px;width:48px;height:48px;margin:0}.coverage-heading .service-icon svg,.coverage-heading .service-icon img{width:46px;height:46px}.detail>.num{padding-top:12px}@media(max-width:650px){.coverage-heading{gap:10px}.coverage-heading .service-icon{flex-basis:38px;width:38px;height:38px}.coverage-heading .service-icon svg,.coverage-heading .service-icon img{width:36px;height:36px}}

.about-with-emblem{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:40px;align-items:center;max-width:none}.about-emblem img{display:block;width:100%;height:auto}.about-intro-copy{min-width:0}@media(max-width:800px){.about-with-emblem{grid-template-columns:1fr;gap:20px}.about-emblem{width:190px;justify-self:center}}
