@charset "UTF-8";
:root{--green:#00F060;--green-dark:#00B849;--ink:#101820;--muted:#52616b;--line:#e4e9e9;--max:1380px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.55 Inter,"Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 72px));margin-inline:auto}a:focus-visible,button:focus-visible{outline:3px solid var(--green-dark);outline-offset:4px}
.site-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:#fff}.header-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-logo{display:flex;align-items:center;gap:16px;min-width:0;flex:0 1 auto}.brand-image{display:block;width:92px;max-width:92px;height:auto;max-height:65px;object-fit:contain;flex-shrink:0}.brand-copy{display:flex;flex-direction:column;min-width:0;border-left:2px solid var(--green);padding-left:16px;line-height:1.25}.brand-copy strong{font-size:23px;letter-spacing:-.7px}.brand-copy small{font-size:12px;color:#3b4650;margin-top:5px}.nav{display:flex;align-items:center;gap:5px}.nav a{font-size:14px;font-weight:650;padding:11px 14px;border-radius:9px;white-space:nowrap}.nav a:hover{background:#f0f8f2}.nav a.current{background:var(--green);color:#082016}.nav .language{border-left:1px solid #ccd2d5;border-radius:0;margin-left:10px;padding-left:23px}.menu-toggle{display:none;border:1px solid var(--line);border-radius:8px;background:#fff;padding:8px 12px}
.hero{position:relative;isolation:isolate;overflow:hidden;color:#fff;min-height:435px;background:#0b2026}.hero-photo{position:absolute;z-index:-2;inset:0 0 0 42%;background:url('../images/kontakt-kommunikation.webp') center center /cover no-repeat}.hero:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(4,20,25,.99) 0%,rgba(4,20,25,.96) 37%,rgba(4,20,25,.67) 58%,rgba(4,20,25,.08) 90%)}.hero:after{content:"";position:absolute;bottom:0;left:0;width:32%;height:5px;background:var(--green)}.hero-inner{min-height:435px;display:flex;align-items:center}.hero-copy{padding:62px 0;max-width:690px}.eyebrow,.kicker{margin:0 0 10px;font-size:13px;letter-spacing:.15em;font-weight:800;color:var(--green)}.hero h1{font-size:clamp(45px,5.1vw,74px);line-height:1.08;letter-spacing:-.045em;margin:0 0 15px}.hero h1 span{color:var(--green)}.hero p.lead{font-size:19px;line-height:1.6;max-width:610px;margin:0 0 25px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;min-height:48px;padding:12px 20px;font-weight:750;font-size:14px;transition:transform .18s,background .18s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--green);color:#082016}.btn-primary:hover{background:#38ff86}.btn-outline{border:1px solid white;color:#fff;background:rgba(0,0,0,.17)}.btn-outline:hover{background:rgba(255,255,255,.15)}
.content{padding:58px 0 75px}.section-head{max-width:840px;margin:0 0 26px}.section-head h2{font-size:clamp(27px,3vw,39px);line-height:1.2;letter-spacing:-.03em;margin:0 0 10px}.section-head>p:last-child{color:var(--muted);margin:0}.downloads-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.download-card{border:1px solid #e8eded;border-radius:17px;box-shadow:0 7px 25px rgba(12,28,31,.07);background:#fff;padding:25px;display:flex;flex-direction:column;gap:16px;position:relative;overflow:hidden}.download-card:after{content:"";position:absolute;bottom:0;left:25px;right:25px;height:4px;border-radius:4px 4px 0 0;background:var(--green)}.download-top{display:flex;gap:17px;align-items:center}.file-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:14px;background:var(--green);color:#07351b}.file-icon svg{width:30px;height:30px;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.download-top h3{font-size:21px;margin:0}.file-type{color:var(--muted);font-size:13px}.download-card>p{color:#45525a;margin:0;flex:1}.download-card .btn{align-self:flex-start}.hint{margin:19px 0 0;background:#f0faf4;border-left:4px solid var(--green-dark);padding:15px 18px;border-radius:0 9px 9px 0;color:#2c4340;font-size:14px}.section-separator{border:0;border-top:1px solid var(--line);margin:64px 0 52px}.doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.doc-card{border:1px solid var(--line);border-radius:16px;background:#fbfcfc;padding:23px;display:flex;flex-direction:column;gap:10px;min-height:245px}.doc-icon{color:var(--green-dark);width:32px;height:32px}.doc-card h3{font-size:18px;line-height:1.25;margin:0}.doc-card p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.doc-card .status{margin-top:auto;align-self:flex-start;background:#ecf1ef;color:#50605b;font-size:12px;font-weight:700;padding:7px 10px;border-radius:6px}.note{background:#101b21;color:white;padding:32px 0;border-top:5px solid var(--green)}.note-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.note h2{font-size:25px;margin:0 0 5px}.note p{margin:0;color:#d0dddc}.site-footer{background:white}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:23px 0;font-size:13px;color:var(--muted)}.footer-inner>div{display:flex;gap:20px;flex-wrap:wrap}.footer-inner a:hover{color:var(--green-dark)}
@media(max-width:1180px){.brand-copy small{display:none}.nav a{padding:10px 9px}.doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:74px;flex-wrap:wrap}.brand-image{width:68px;max-width:68px;max-height:50px}.brand-copy strong{font-size:18px}.menu-toggle{display:block}.nav{display:none;flex-basis:100%;flex-direction:column;align-items:stretch;padding-bottom:15px}.nav.nav-open{display:flex}.nav a{padding:12px}.nav .language{margin:0;border:0;padding-left:12px}.hero-photo{inset:0 0 0 16%;opacity:.55}.hero:before{background:linear-gradient(90deg,rgba(4,20,25,.98),rgba(4,20,25,.77))}.hero-inner{min-height:400px}.hero-copy{padding:50px 0}.hero p.lead{font-size:16px}.downloads-grid,.doc-grid{grid-template-columns:1fr}.content{padding:40px 0 60px}.note-inner{align-items:flex-start;flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

/* Sichere Anordnung von Hintergrundbild, Farbverlauf und Hero-Text */
.hero-photo{z-index:0;}
.hero::before{z-index:1;pointer-events:none;}
.hero::after{z-index:2;pointer-events:none;}
.hero-inner{position:relative;z-index:3;}

/* Kontaktseite */
.contact-content{padding:62px 0 82px}
.contact-intro{max-width:850px;margin-bottom:30px}
.contact-intro h2{font-size:clamp(31px,3.6vw,48px);letter-spacing:-.04em;line-height:1.12;margin:0 0 15px}
.contact-intro p{font-size:17px;color:var(--muted);margin:0}
.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.contact-card{position:relative;display:flex;flex-direction:column;gap:18px;padding:32px;background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 30px rgba(10,22,25,.07);overflow:hidden}
.contact-card:after{content:"";position:absolute;bottom:0;left:30px;right:30px;height:5px;border-radius:6px;background:var(--green)}
.contact-card-head{display:flex;align-items:center;gap:18px}
.contact-card-icon{display:grid;place-items:center;width:64px;height:64px;flex:none;border-radius:15px;background:var(--green);color:#062519}
.contact-card-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.contact-card h3{font-size:24px;margin:0;line-height:1.2}.contact-card p{font-size:15px;color:var(--muted);margin:0}.contact-address{font-size:21px;font-weight:700;overflow-wrap:anywhere}.contact-card .btn{align-self:flex-start;margin-top:auto}.contact-security{margin-top:30px;background:#eefaf2;border-left:4px solid #00b849;padding:20px 25px;border-radius:0 12px 12px 0}.contact-security p{margin:0;color:#26423a}.contact-security a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.contact-content{padding:42px 0 58px}.contact-grid{grid-template-columns:1fr}.contact-card{padding:24px}.contact-address{font-size:18px}}

/* Impressum: ruhige, gut lesbare Rechtsseite */
.legal-hero{background:#101b21;color:#fff;border-bottom:5px solid var(--green);padding:68px 0 73px}
.legal-hero .eyebrow{color:var(--green);font-size:13px;font-weight:800;letter-spacing:.13em;margin:0 0 10px}
.legal-hero h1{font-size:clamp(44px,5.2vw,70px);letter-spacing:-.05em;line-height:1.1;margin:0 0 13px}
.legal-hero h1 span{color:var(--green)}
.legal-hero p:last-child{color:#dae6e1;font-size:18px;margin:0;max-width:750px}
.legal-content{max-width:1100px;margin:60px auto 80px}
.legal-intro{font-size:18px;color:var(--muted);margin:0 0 28px}
.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.legal-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:30px;box-shadow:0 7px 22px rgba(10,22,25,.06);position:relative;overflow:hidden}
.legal-card:after{content:"";position:absolute;bottom:0;left:30px;right:30px;height:4px;border-radius:5px;background:var(--green)}
.legal-card h2{font-size:23px;line-height:1.25;margin:0 0 18px;letter-spacing:-.02em}
.legal-card p{font-size:16px;margin:0 0 9px;color:#35424c}
.legal-card a{color:#087c38;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}
.legal-note{background:#edf9f1;border-left:4px solid #00b849;margin-top:25px;padding:19px 23px;color:#274139}
.legal-note p{margin:0}
@media(max-width:760px){.legal-hero{padding:49px 0}.legal-content{margin:40px auto 60px}.legal-grid{grid-template-columns:1fr}.legal-card{padding:24px}}

/* Datenschutzerklärung */
.privacy-section{padding:26px 0 25px;border-bottom:1px solid #e7ebed;max-width:960px;}
.privacy-section:last-child{border-bottom:0;}
.privacy-section h2{font-size:clamp(21px,2.2vw,27px);line-height:1.25;color:#101820;margin:0 0 13px;}
.privacy-section p{color:#3e4b52;font-size:16px;line-height:1.75;margin:0 0 12px;}
.privacy-section a{color:#007d34;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere;}
.privacy-section a:hover{color:#005d27;}
@media(max-width:760px){.privacy-section{padding:22px 0}.privacy-section p{font-size:15px;}}