/* DESIGN GESPERRT: Nur bei ausdrücklichem Auftrag ändern. Inhalte in index.html editieren. */
:root{--green:#27c93c;--orange:#ff8100;--dark:#020d17;--blue:#00a8ef}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#020d17;color:white;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.top{height:66px;background:#020b14ed;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:5px 4.5%;position:relative;z-index:2}.brand{font-weight:900;color:var(--green);font-size:24px;line-height:1}.brand small{font-weight:400;font-size:13px;display:block;color:white;margin-top:5px}.house{color:var(--orange);font-size:27px}.nav{display:flex;gap:32px;font-size:15px}.nav a:first-child{color:var(--green);border-bottom:4px solid var(--green);padding-bottom:20px;padding-top:20px}.contacttop{display:flex;gap:26px;font-weight:600;font-size:14px;white-space:nowrap}.contacttop b{color:var(--green);font-size:20px;margin-right:7px}.hero{position:relative;isolation:isolate;overflow:hidden;padding:45px 4.5% 16px;text-align:center;min-height:680px;background:radial-gradient(ellipse at 50% 8%,#e3edf1 0%,#b8c6ce 12%,#27455d 37%,#061727 61%,#020b13 100%)}.hero:before,.hero:after{content:"";position:absolute;z-index:-1;top:0;height:100%;width:38%;background-size:cover;background-position:center;pointer-events:none}.hero:before{left:0;background-image:linear-gradient(90deg,transparent 75%,#081522 100%),url('assets/flames.webp')}.hero:after{right:0;background-image:linear-gradient(270deg,transparent 75%,#081522 100%),url('assets/water.webp')}.hero-inner{position:relative;z-index:1}.logotype{font-size:clamp(48px,7vw,110px);font-weight:900;letter-spacing:-.045em;line-height:1;color:#009c40;text-shadow:0 2px 10px #ffffff44;white-space:nowrap}.logotype .mark{display:inline-block;color:#ff8000;letter-spacing:-.12em;font-size:.9em;margin:0 .04em}.subline{font-size:clamp(27px,3.8vw,54px);color:#050505;letter-spacing:-.03em;margin:12px 0 10px;text-shadow:0 1px 12px #ffffff66}.slogan{font-family:'Segoe Script','Brush Script MT',cursive;font-style:italic;font-size:clamp(27px,3.3vw,49px);margin:14px auto 26px;text-shadow:0 3px 7px #001521}.slogan:after{content:"";display:block;width:300px;max-width:60%;height:6px;border-radius:100%;background:var(--orange);margin:0 auto;transform:rotate(-3deg)}.intro{font-size:18px;line-height:1.5;text-shadow:0 2px 6px #000;max-width:750px;margin:0 auto 18px}.cta{background:var(--orange);padding:14px 24px;border-radius:40px;font-weight:800;display:inline-block;box-shadow:0 5px 20px #0008}.tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;max-width:1400px;margin:55px auto 0;text-align:left}.tile{border:1px solid var(--accent);border-radius:5px;min-height:194px;padding:17px 19px;background:linear-gradient(0deg,#00101e 0%,#00101ed9 42%,#00101e22 100%),var(--photo) center/cover;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 8px 22px #0007}.circle{background:var(--accent);width:55px;height:55px;display:grid;place-items:center;border-radius:50%;font-size:29px;margin-bottom:8px}.tile h3{margin:0 0 8px;font-size:22px}.tile p{font-size:13px;line-height:1.35;min-height:36px;margin:0}.tile .arrow{font-size:26px}.mission{display:grid;grid-template-columns:1fr 1fr 1fr;min-height:195px;background:#03111d}.mission>div{padding:26px 7%;}.mission .mid{background:url('assets/droplet.webp') center/cover}.eyebrow{font-weight:800}.eyebrow:before{content:"━";color:var(--orange);margin-right:8px}.green{color:var(--green)}.green:before{color:var(--green)}.mission h2{font-size:23px;margin:5px 0 9px}.mission p,.mission li{font-size:13px;line-height:1.55}.mission ul{padding-left:20px}.mission li::marker{color:var(--green)}.smallbtn{display:inline-block;background:#2cc341;color:#001c12;padding:10px 17px;border-radius:30px;font-weight:700;font-size:13px}.bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:20px 5%;border-top:1px solid #345;background:#020b14;font-size:13px}.bottom b{color:var(--green);font-size:20px;margin-right:8px}.bottom small{display:block;color:#b7d2df;margin-left:32px}.legalfooter{text-align:center;background:#02080d;padding:17px;color:#b9c8d0;font-size:13px}.legalfooter a{text-decoration:underline;margin:0 12px}.legal{max-width:900px;margin:50px auto;padding:25px 35px;background:#0d2030;border:1px solid #315166;border-radius:10px;line-height:1.7}.legal h1{color:#fff}.legal h2{color:#67d577;margin-top:30px}.legal a{color:#7fdaff;text-decoration:underline}.warning{padding:14px;border-left:4px solid var(--orange);background:#3c2b16}.legal ul{padding-left:22px}@media(max-width:1100px){.contacttop{display:none}.tiles{grid-template-columns:repeat(3,1fr)}.logotype{font-size:clamp(40px,7vw,80px)}.mission{grid-template-columns:1fr 1fr}.mission .mid{display:none}.bottom{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.top{height:auto;flex-wrap:wrap;padding:14px 5%}.nav{width:100%;justify-content:space-between;gap:8px;font-size:12px}.nav a:first-child{padding:0 0 5px}.hero{padding:55px 4% 24px;background:linear-gradient(#27485bb3,#00121b),radial-gradient(ellipse at top,#9aabb6,#051827 65%)}.hero:before,.hero:after{opacity:.4;width:55%}.logotype{font-size:clamp(28px,7.5vw,55px);white-space:normal}.subline{color:#fff;text-shadow:0 2px 8px #000}.intro{font-size:15px}.tiles{grid-template-columns:1fr;gap:10px;margin-top:32px}.tile{min-height:145px}.mission{grid-template-columns:1fr}.bottom{grid-template-columns:1fr}.legal{margin:20px 10px;padding:20px}}
/* Logo: feste Vektorkonturen statt Schriftzeichen. */
.brand{display:block;width:250px;flex-shrink:0}.brand img{display:block;width:100%;height:auto}.logo-display{width:min(100%,1000px);margin:0 auto}.logo-display img{display:block;width:100%;height:auto}@media(max-width:700px){.brand{width:235px}.logo-display{width:100%}}

/* Referenzabgleich: weicher Dampf statt senkrechter grauer Fläche. */
.hero{background:#031526;isolation:isolate}
.hero:before,.hero:after{width:64%;height:100%;opacity:1;background-size:cover;background-repeat:no-repeat;z-index:-2}
.hero:before{left:0;background-image:url('assets/flames.webp');background-position:left center;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 38%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 38%,transparent 100%)}
.hero:after{right:0;background-image:url('assets/water.webp');background-position:right center;-webkit-mask-image:linear-gradient(270deg,#000 0%,#000 38%,transparent 100%);mask-image:linear-gradient(270deg,#000 0%,#000 38%,transparent 100%)}
.hero-inner{isolation:isolate}
.hero-inner:before{content:"";position:absolute;pointer-events:none;z-index:-1;left:0;right:0;top:-55px;height:330px;background:radial-gradient(ellipse at 50% 39%,#f8fbfaf5 0%,#edf5f1eb 21%,#dfedeee0 35%,#d9e9ee85 48%,transparent 71%);filter:blur(15px)}
.logo-display{position:relative;max-width:900px;margin:0 auto}.logo-display img{filter:drop-shadow(0 1px 1px #ffffff90)}
.slogan,.intro{text-shadow:0 2px 5px #00101f,0 1px 12px #00101f}
@media(max-width:700px){.hero{background:#031526}.hero:before,.hero:after{width:78%;opacity:1;background-size:auto 740px;background-position:top left}.hero:after{background-position:top right}.hero-inner:before{top:-45px;height:230px;left:-10%;right:-10%;filter:blur(10px)}.logo-display{max-width:100%}}

/* Rekonstruierter Bildhintergrund direkt aus der Originalreferenz. */
.hero{background:#031526 url('assets/hero-original-rekonstruiert.webp') center top/cover no-repeat;min-height:690px;padding-top:28px}
.hero:before,.hero:after,.hero-inner:before{content:none;display:none}
.logo-display{max-width:860px}.slogan{margin-top:16px}.tiles{margin-top:48px}
@media(max-width:700px){.hero{background:#031526 url('assets/hero-original-rekonstruiert.webp') center top/auto 760px no-repeat;padding-top:35px}.logo-display{width:100%}.tiles{margin-top:34px}}