@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@300;400;500&display=swap');
:root{--cream:#f3eee4;--lime:#c9f57a;--glass:rgba(15,24,11,.68);--line:rgba(255,255,255,.13)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;overflow-x:hidden;color:var(--cream);background:radial-gradient(circle at 50% 38%,#344b1c 0,#1c2b11 30%,#0e160a 72%);font-family:"DM Sans",Arial,sans-serif}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.ambient{position:fixed;border-radius:50%;filter:blur(75px);pointer-events:none;opacity:.23;animation:drift 10s ease-in-out infinite alternate}.ambient-one{width:45vw;height:45vw;left:-15vw;top:25vh;background:#7baa32}.ambient-two{width:35vw;height:35vw;right:-12vw;top:10vh;background:#9eca4e;animation-delay:-4s}@keyframes drift{to{transform:translate3d(4vw,-3vh,0) scale(1.12)}}
.site-header{position:fixed;z-index:50;top:18px;left:0;width:100%;padding:0 clamp(14px,3vw,42px)}.navbar{position:relative;max-width:1220px;min-height:64px;margin:auto;padding:8px 11px 8px 18px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:24px;background:linear-gradient(100deg,rgba(44,60,35,.72),var(--glass) 35%,rgba(8,13,7,.72));box-shadow:0 18px 60px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.08);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);}.brand{display:flex;align-items:center;gap:10px;color:var(--cream);text-decoration:none;font:600 .9rem "Manrope",sans-serif;letter-spacing:.12em;text-transform:uppercase}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(201,245,122,.25);border-radius:11px;background:rgba(201,245,122,.08)}.brand img{width:14px;height:21px;object-fit:contain}.nav-menu{display:flex;align-items:center;gap:6px}.nav-item{position:relative;display:flex;align-items:center;border:1px solid transparent;border-radius:14px;transition:.25s ease}.nav-item:hover,.nav-item:focus-within{border-color:var(--line);background:rgba(255,255,255,.06)}.nav-link{padding:12px 7px 12px 16px;color:rgba(243,238,228,.8);text-decoration:none;font-size:.78rem;letter-spacing:.035em;white-space:nowrap}.nav-item:hover .nav-link{color:#fff}.submenu-toggle{width:29px;height:35px;border:0;color:var(--lime);background:transparent;cursor:pointer;font-size:1rem;transition:transform .2s}.nav-item.open .submenu-toggle{transform:rotate(180deg)}.submenu{position:absolute;top:calc(100% + 12px);left:0;width:190px;padding:8px;opacity:0;visibility:hidden;transform:translateY(-7px);border:1px solid var(--line);border-radius:16px;background:rgba(12,19,9,.92);box-shadow:0 20px 45px rgba(0,0,0,.35);backdrop-filter:blur(18px);transition:.22s ease}.submenu-right{left:auto;right:0}.nav-item:hover .submenu,.nav-item:focus-within .submenu,.nav-item.open .submenu{opacity:1;visibility:visible;transform:translateY(0)}.submenu a{display:block;padding:11px 12px;border-radius:9px;color:rgba(243,238,228,.72);text-decoration:none;font-size:.78rem}.submenu a:hover,.submenu a:focus-visible{color:var(--cream);background:rgba(201,245,122,.1);outline:none}.menu-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.05);cursor:pointer}.menu-toggle span{display:block;width:18px;height:1px;margin:5px auto;background:var(--cream);transition:.25s}
.hero{position:relative;min-height:100svh;padding:150px 5vw 100px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;isolation:isolate}.hero::before{content:"";position:absolute;z-index:-1;width:min(710px,82vw);aspect-ratio:1;border:1px solid rgba(201,245,122,.11);border-radius:50%;box-shadow:0 0 100px rgba(125,174,50,.12),inset 0 0 100px rgba(125,174,50,.06)}.eyebrow{padding:8px 13px;border:1px solid var(--line);border-radius:100px;background:rgba(11,18,8,.35);color:rgba(243,238,228,.68);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;animation:rise .8s ease both}.eyebrow span{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}.hero-logo{width:clamp(155px,14vw,205px);height:clamp(90px,8.2vw,120px);object-fit:cover;object-position:center;margin:clamp(34px,5vh,52px) 0 clamp(24px,3.4vh,36px);filter:drop-shadow(0 0 28px rgba(201,245,122,.3));animation:rise .8s .1s ease both}h1{font:300 clamp(3.4rem,12vw,10.5rem)/.88 "Manrope",sans-serif;letter-spacing:.045em;text-shadow:0 8px 45px rgba(0,0,0,.3);animation:rise .8s .18s ease both}.hero-copy{margin-top:26px;color:rgba(243,238,228,.66);font-size:clamp(.95rem,1.5vw,1.15rem);letter-spacing:.025em;animation:rise .8s .27s ease both}.mobile-break{display:none}.discover{margin-top:34px;padding:14px 18px 14px 22px;display:flex;gap:30px;align-items:center;border:1px solid rgba(201,245,122,.35);border-radius:100px;color:#17200f;background:var(--lime);box-shadow:0 0 30px rgba(201,245,122,.2);text-decoration:none;font-size:.78rem;font-weight:600;transition:.25s;animation:rise .8s .35s ease both}.discover:hover{transform:translateY(-3px);box-shadow:0 8px 38px rgba(201,245,122,.35)}@keyframes rise{from{opacity:0;transform:translateY(18px)}}
.intro{position:relative;max-width:1180px;margin:0 auto 80px;padding:0 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.contact-card{position:relative;min-height:250px;padding:28px;display:block;overflow:hidden;border:1px solid var(--line);border-radius:22px;color:var(--cream);text-decoration:none;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(8,13,6,.55));backdrop-filter:blur(12px);transition:.3s}.contact-card::after{content:"";position:absolute;width:130px;height:130px;right:-70px;bottom:-70px;border-radius:50%;background:var(--lime);filter:blur(55px);opacity:0;transition:.35s}.contact-card:hover,.contact-card:focus-visible{transform:translateY(-6px);border-color:rgba(201,245,122,.38);outline:none}.contact-card:hover::after,.contact-card:focus-visible::after{opacity:.22}.contact-number{color:var(--lime);font-size:.68rem}.contact-icon{position:absolute;top:24px;right:26px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(201,245,122,.25);border-radius:12px;color:var(--lime);background:rgba(201,245,122,.07);font-size:1.05rem}.intro h2{margin-top:54px;font:400 1.25rem "Manrope",sans-serif}.intro p{margin-top:10px;color:rgba(243,238,228,.58);font-size:.83rem;line-height:1.65}.contact-action{position:absolute;left:28px;bottom:26px;color:rgba(243,238,228,.72);font-size:.72rem;transition:.25s}.contact-card:hover .contact-action{color:var(--lime);transform:translateX(3px)}
@media(max-width:760px){.site-header{top:10px;padding:0 10px}.navbar{min-height:58px;padding:6px 7px 6px 14px;border-radius:19px}.brand-mark{width:32px;height:32px}.menu-toggle{display:block}.menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-6px) rotate(-45deg)}.nav-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;padding:9px;display:block;opacity:0;visibility:hidden;transform:translateY(-8px);border:1px solid var(--line);border-radius:18px;background:rgba(12,19,9,.94);box-shadow:0 20px 40px rgba(0,0,0,.35);backdrop-filter:blur(18px);transition:.25s}.nav-menu.open{opacity:1;visibility:visible;transform:none}.nav-item{display:grid;grid-template-columns:1fr 42px}.nav-link{padding:14px;font-size:.84rem}.submenu-toggle{width:42px}.submenu,.submenu-right{position:static;grid-column:1/-1;width:100%;max-height:0;padding:0 8px;overflow:hidden;opacity:1;visibility:visible;transform:none;border:0;background:transparent;box-shadow:none;transition:max-height .25s,padding .25s}.nav-item.open .submenu{max-height:160px;padding:3px 8px 9px}.hero{padding-top:115px}.hero::before{width:92vw}.hero-logo{width:150px;height:88px;margin:32px 0 22px}h1{font-size:clamp(3rem,16vw,5.2rem);letter-spacing:.025em}.mobile-break{display:block}.intro{grid-template-columns:1fr}.contact-card{min-height:210px}.intro h2{margin-top:38px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Dynamischer Hero-Hintergrund mit interaktivem Inline-SVG */
:root{--pointer-x:50%;--pointer-y:38%;--logo-x:0px;--logo-y:0px;--logo-rotate:0deg}
body{background:#10190b}
.dynamic-background{position:absolute;z-index:0;top:0;left:0;width:100%;height:calc(100svh + 390px);overflow:hidden;pointer-events:none;background:radial-gradient(circle at 50% 32%,rgba(72,108,36,.72) 0,rgba(31,51,18,.7) 34%,rgba(12,20,8,.96) 78%)}
.dynamic-background::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--pointer-x) var(--pointer-y),rgba(172,236,82,.24) 0,rgba(102,157,49,.12) 18%,transparent 46%);filter:blur(15px)}
.dynamic-background::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 18%,rgba(151,211,68,.08) 42%,transparent 64%);animation:green-flow 11s ease-in-out infinite alternate;mix-blend-mode:screen}
.background-glow{position:absolute;width:70vw;height:70vw;left:15vw;top:5vh;border-radius:50%;background:radial-gradient(circle,rgba(128,190,55,.16),transparent 66%);filter:blur(38px);animation:glow-breathe 7s ease-in-out infinite alternate}
.background-logo{position:absolute;z-index:1;top:clamp(110px,14vh,155px);left:50%;width:min(1080px,86vw);height:auto;overflow:visible;opacity:.04;filter:drop-shadow(0 0 38px rgba(188,245,101,.13));transform:translate3d(calc(-50% + var(--logo-x)),var(--logo-y),0) rotate(var(--logo-rotate));transform-origin:center;transition:transform .075s linear;mix-blend-mode:screen}
.pointer-sparkles{position:absolute;z-index:2;inset:0;overflow:hidden}.pointer-sparkles span{position:absolute;border-radius:50%;background:#e8ffb7;box-shadow:0 0 7px #d2ff78,0 0 15px rgba(202,255,113,.7);animation:sparkle-fade .85s ease-out forwards;will-change:transform,opacity}.pointer-sparkles span::before,.pointer-sparkles span::after{content:"";position:absolute;left:50%;top:50%;background:rgba(232,255,183,.75);transform:translate(-50%,-50%)}.pointer-sparkles span::before{width:1px;height:350%}.pointer-sparkles span::after{width:350%;height:1px}
.site-header,.hero,.intro{position:relative;z-index:2}
.site-header{position:fixed;z-index:100}
.hero::before{display:none}
.hero{padding-top:150px}
.eyebrow{margin-bottom:clamp(70px,10vh,105px)}
.intro{scroll-margin-top:105px}
@keyframes green-flow{from{transform:translate3d(-4%,-2%,0) scale(1)}to{transform:translate3d(5%,3%,0) scale(1.12)}}
@keyframes glow-breathe{to{opacity:.55;transform:scale(1.12) translateY(3vh)}}
@keyframes sparkle-fade{0%{opacity:0;transform:translate3d(0,0,0) scale(.25) rotate(0)}22%{opacity:.9;transform:translate3d(0,0,0) scale(1) rotate(40deg)}100%{opacity:0;transform:translate3d(var(--sparkle-x),var(--sparkle-y),0) scale(.15) rotate(100deg)}}
@media(max-width:760px){.dynamic-background{height:calc(100svh + 710px)}.background-logo{top:130px;width:132vw;max-width:none;opacity:.035}.hero{padding-top:125px}.eyebrow{margin-bottom:clamp(72px,11vh,96px)}}
@media(prefers-reduced-motion:reduce){.background-logo{transform:translateX(-50%)}.dynamic-background::after,.background-glow{animation:none}}

/* Inhalte bleiben beim Scrollen optisch hinter der Glasnavigation */
.navbar{background:linear-gradient(100deg,rgba(35,50,27,.96),rgba(13,22,10,.965) 38%,rgba(7,12,6,.97));-webkit-backdrop-filter:blur(30px) saturate(125%);backdrop-filter:blur(30px) saturate(125%);box-shadow:0 18px 60px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.09)}