@font-face{font-family:Source;src:url("source-sans-3.woff2") format("woff2");font-display:swap}
@font-face{font-family:Literata;src:url("literata.woff2") format("woff2");font-display:swap}
:root{--petrol:#123f48;--deep:#071f25;--gold:#c7a45c;--paper:#f7f8f6;--ink:#0e2e35;--muted:#526c72;--line:#cad8d9}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:Source,"Segoe UI",sans-serif;letter-spacing:0}
.icon{width:1.15em;height:1.15em;flex:none}
header{display:flex;min-height:74px;align-items:center;justify-content:space-between;padding:14px clamp(20px,5vw,72px);background:var(--deep);color:#b9cdd0}
header img{width:220px}
header span{font-size:13px;font-weight:700}
main{margin:0}
.intro{display:flex;min-height:430px;flex-direction:column;justify-content:flex-end;padding:clamp(52px,8vw,108px) max(clamp(22px,7vw,110px),calc((100vw - 1240px)/2));background:linear-gradient(90deg,#071f25f2 0%,#071f25c8 48%,#071f2540),url("region-weserdurchbruch.jpg") center 48%/cover;color:#fff}
.intro p{margin:0 0 16px;color:#efd58f;font-size:14px;font-weight:900;text-transform:uppercase}
.intro h1{max-width:15ch;margin:0;font:600 clamp(42px,5.5vw,76px)/1.03 Literata,Georgia,serif;text-wrap:balance}
.intro>span{display:block;max-width:590px;margin-top:22px;color:#d4e3e5;font-size:20px;line-height:1.5}
.contact-band{position:relative;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(560px,1.4fr);gap:clamp(36px,6vw,90px);align-items:center;padding:clamp(42px,5vw,68px) max(clamp(22px,7vw,110px),calc((100vw - 1240px)/2));overflow:hidden;background:linear-gradient(112deg,#dbe8f4 0%,#f3e5dc 47%,#f1d487 100%);color:#112f38}
.contact-band:after{position:absolute;right:-8%;bottom:-65%;width:44%;height:160%;border:1px solid rgba(255,255,255,.66);border-radius:50%;content:"";pointer-events:none}
.contact-copy,.contact-form{position:relative;z-index:1}
.contact-copy>span{display:block;margin-bottom:9px;color:#725827;font-size:13px;font-weight:900;text-transform:uppercase}
.contact-copy h2{max-width:18ch;margin:0;font:600 clamp(28px,3vw,40px)/1.12 Literata,Georgia,serif}
.contact-copy p{max-width:500px;margin:16px 0 0;color:#38565e;font-size:17px;line-height:1.5}
.contact-form{min-width:0}
.form-fields{display:grid;grid-template-columns:1fr 1.2fr 1fr auto;gap:10px;align-items:end}
.form-fields label{display:grid;gap:7px;min-width:0;color:#25454d;font-size:13px;font-weight:800}
.form-fields label span{padding-left:2px}
.form-fields small{font-size:11px;font-weight:600}
.form-fields input{width:100%;height:48px;border:1px solid rgba(14,46,53,.24);border-radius:5px;background:rgba(255,255,255,.86);padding:0 13px;color:var(--ink);font:600 16px Source,"Segoe UI",sans-serif;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}
.form-fields input:focus{border-color:#946f27;background:#fff;box-shadow:0 0 0 3px rgba(199,164,92,.27)}
.form-fields button{display:inline-flex;height:48px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:5px;background:var(--deep);padding:0 18px;color:#fff;font:900 15px Source,"Segoe UI",sans-serif;white-space:nowrap;cursor:pointer;transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s ease}
.form-fields button:hover{background:#276b75;transform:translateY(-2px)}
.form-fields button:active{transform:translateY(0)}
.consent{display:flex;gap:9px;align-items:flex-start;margin-top:13px;color:#3b555c;font-size:12px;line-height:1.4}
.consent input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--deep)}
.consent a{color:var(--ink);font-weight:800}
.form-note{margin:8px 0 0;color:#3b555c;font-size:12px;line-height:1.4}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.reports-wrap{background:linear-gradient(135deg,#fff 0%,#f5f8fa 36%,#edf0f7 68%,#f8eee6 100%)}
.reports{display:grid;max-width:1240px;grid-template-columns:1.45fr 1fr;gap:22px;margin:0 auto;padding:clamp(45px,6vw,80px) clamp(20px,5vw,60px)}
article{display:grid;grid-template-columns:42% 58%;overflow:hidden;background:#fff}
article>img{width:100%;height:100%;min-height:245px;object-fit:cover}
article>div{padding:28px}
article.featured{grid-row:span 2;display:flex;flex-direction:column;background:var(--petrol);color:#fff}
article.featured>img{height:390px}
article.featured>div{padding:34px}
article span{color:#80642c;font-size:13px;font-weight:900;text-transform:uppercase}
article.featured span{color:#efd58f}
h2{margin:8px 0 0;font:600 31px/1.1 Literata,Georgia,serif;text-wrap:balance}
article.featured h2{font-size:38px}
article p{min-height:64px;margin:16px 0 22px;color:var(--muted);font-size:16px;line-height:1.5;text-wrap:pretty}
article.featured p{color:#c8dadd}
.actions{display:flex;align-items:center;gap:8px}.actions a{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:8px;padding:10px 13px;border-radius:6px;font-weight:900;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s ease,color .18s ease}.actions a.primary{background:var(--petrol);color:#fff;white-space:nowrap}.featured .actions a.primary{background:#fff;color:var(--ink)}.actions a.primary:hover{background:#1d6b78;transform:translateY(-2px)}.featured .actions a.primary:hover{background:#efd58f}.actions a.pdf{width:46px;padding:0;background:#e7eeee;color:var(--ink)}.actions a.pdf span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.actions a.pdf:hover{background:#efd58f;transform:translateY(-2px)}.actions a:active{transform:translateY(0)}.actions .icon{width:18px;height:18px}
.reading-strip-wrap{position:relative;overflow:hidden;background:linear-gradient(128deg,var(--deep) 0%,var(--petrol) 68%,#1c5b64 100%);padding:clamp(58px,7vw,92px) clamp(22px,5vw,60px) clamp(44px,6vw,74px);color:#fff}
.reading-strip-wrap:before{position:absolute;top:-230px;right:-150px;width:520px;height:520px;border:1px solid rgba(239,213,143,.18);border-radius:50%;content:"";pointer-events:none}
.reading-strip{position:relative;display:grid;max-width:1120px;grid-template-columns:minmax(270px,.75fr) minmax(560px,1.45fr);gap:clamp(50px,7vw,96px);align-items:start;margin:0 auto}
.reading-intro>span{display:block;margin-bottom:13px;color:#efd58f;font-size:13px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.reading-intro h2{max-width:12ch;margin:0;color:#fff;font:500 clamp(34px,3.7vw,51px)/1.08 Literata,Georgia,serif}
.reading-intro p{max-width:430px;margin:22px 0 0;color:#c8dadd;font-size:17px;line-height:1.65}
.reading-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding-top:4px}
.reading-grid:before{position:absolute;top:31px;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 14%,var(--gold) 86%,transparent);content:""}
.reading-grid article,.reading-grid article.featured{position:relative;display:flex;min-width:0;flex-direction:column;overflow:visible;background:transparent;padding:0 clamp(18px,2.2vw,28px);color:#fff}
.reading-grid article:first-child{padding-left:0}
.reading-grid article:last-child{padding-right:0}
.reading-grid b{position:relative;z-index:1;display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(239,213,143,.74);border-radius:50%;background:var(--deep);color:#efd58f;font:800 14px/1 Source,"Segoe UI",sans-serif;box-shadow:0 0 0 8px rgba(7,31,37,.55)}
.reading-grid strong{display:block;margin-top:28px;color:#fff;font:500 23px/1.15 Literata,Georgia,serif}
.reading-grid span,.reading-grid article.featured span{display:block;margin-top:13px;color:#b9cdd0;font-size:15px;font-weight:500;line-height:1.55;text-transform:none}
.reading-note{position:relative;display:grid;max-width:1120px;grid-template-columns:minmax(180px,.42fr) minmax(0,1.58fr);gap:clamp(24px,4vw,54px);align-items:center;margin:clamp(44px,6vw,70px) auto 0;padding:26px 30px;border:1px solid rgba(239,213,143,.46);border-left:4px solid var(--gold);background:rgba(255,255,255,.075);backdrop-filter:blur(8px)}
.reading-note b{color:#efd58f;font:500 21px/1.25 Literata,Georgia,serif}
.reading-note p{margin:0;color:#d5e2e4;font-size:16px;line-height:1.6}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:1080px){.contact-band{grid-template-columns:1fr}.form-fields{grid-template-columns:1fr 1fr 1fr auto}.reading-strip{grid-template-columns:1fr;gap:42px}.reading-intro h2{max-width:16ch}.reading-intro p{max-width:680px}}
@media(max-width:980px){.reports{grid-template-columns:1fr}article.featured{grid-row:auto}article.featured>img{height:340px}article{grid-template-columns:38% 62%}}
@media(max-width:760px){.form-fields{grid-template-columns:1fr 1fr}.form-fields button{align-self:end}}
@media(max-width:620px){header{min-height:64px}header img{width:180px}header span{display:none}.intro{min-height:390px;background-position:58% center}.intro h1{font-size:40px}.intro>span{font-size:17px}.contact-band{gap:28px;padding:38px 22px 42px}.contact-copy h2{font-size:31px}.form-fields{grid-template-columns:1fr}.form-fields button{width:100%;margin-top:4px}.reports{gap:18px;padding-top:38px}article,article.featured{display:block}article>img,article.featured>img{height:220px;min-height:0}article>div,article.featured>div{padding:24px}article p{min-height:0}.reading-strip-wrap{padding:50px 22px 42px}.reading-intro h2{font-size:36px}.reading-intro p{font-size:16px}.reading-grid{grid-template-columns:1fr;gap:0;padding:0 0 0 4px}.reading-grid:before{top:28px;bottom:28px;left:31px;width:1px;height:auto;background:linear-gradient(180deg,transparent,var(--gold) 12%,var(--gold) 88%,transparent)}.reading-grid article,.reading-grid article.featured{display:grid;grid-template-columns:58px 1fr;padding:18px 0;background:transparent}.reading-grid b{grid-row:1/3;width:54px;height:54px}.reading-grid strong{align-self:end;margin:0 0 3px 18px;font-size:21px}.reading-grid span,.reading-grid article.featured span{margin:3px 0 0 18px;font-size:14px}.reading-note{grid-template-columns:1fr;gap:12px;margin-top:34px;padding:23px 22px}.reading-note b{font-size:20px}.reading-note p{font-size:15px}}
