*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blau:#1c1b1f;--blau-hell:#2d2c32;--akzent:#1c1b1f;--signal:#69c350;--text:#1c1b1f;--text-hell:#666;--hintergrund:#fff;--weiss:#ede8e0;--grau:#d9d9d9}html{scroll-behavior:smooth}html.snap-scroll{scroll-snap-type:y mandatory;scroll-padding-top:70px}@media (hover:none) and (pointer:coarse){html.snap-scroll{scroll-snap-type:y proximity}}html.snap-scroll main>section{scroll-snap-align:start}html.snap-scroll footer{scroll-snap-align:end}body{color:var(--text);background:var(--weiss);font-family:Inter,sans-serif;line-height:1.6;overflow-x:hidden}header{z-index:100;background:var(--weiss);border-bottom:1px solid var(--grau);transition:background-color .3s,border-color .3s;position:sticky;top:0}header.header-hero{background:0 0;border-bottom-color:#0000}header.header-hero nav ul a{color:#fff;transition:color .3s}header.header-hero nav ul a:hover{color:#ffffffbf}header.header-hero .btn-nav{background:var(--signal);color:var(--text)!important}header.header-hero.is-scrolled{background:var(--weiss)!important;border-bottom-color:var(--grau)!important}header.header-hero.is-scrolled nav ul a{color:var(--text)}header.header-hero.is-scrolled nav ul a:hover{color:var(--blau)}header.header-hero.is-scrolled .btn-nav{background:var(--signal);color:var(--text)!important}nav{justify-content:space-between;align-items:center;max-width:1100px;height:70px;margin:0 auto;padding:0 2rem;transition:height .3s;display:flex}.logo{color:var(--blau);letter-spacing:-.5px;font-size:1.5rem;font-weight:700;text-decoration:none}.logo span{color:var(--akzent)}nav ul{align-items:center;gap:1.5rem;list-style:none;display:flex}nav ul a{color:var(--text);white-space:nowrap;font-weight:500;text-decoration:none;transition:color .2s}nav ul a:hover{color:var(--blau)}.nav-anker a.ist-aktiv{text-underline-offset:7px;text-decoration:underline 2px}.nav-burger{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;gap:6px;width:44px;height:44px;padding:10px;display:none}.nav-burger span{background:var(--text);width:100%;height:2px;transition:transform .25s,opacity .25s;display:block}header.header-hero .nav-burger span{background:#fff}header.header-hero.is-scrolled .nav-burger span,html.menue-offen .nav-burger span{background:var(--text)}.nav-burger.ist-offen span:first-child{transform:translateY(8px)rotate(45deg)}.nav-burger.ist-offen span:nth-child(2){opacity:0}.nav-burger.ist-offen span:nth-child(3){transform:translateY(-8px)rotate(-45deg)}@media (width<=1150px){nav ul{gap:1rem}.logo img{height:50px}}@media (width<=1000px){.nav-liste{display:none}.nav-burger{display:flex}nav{padding:0 1.25rem}.logo img{height:44px}}.mobil-menue{z-index:90;background:var(--weiss);padding:1.5rem 2rem 2.5rem;position:fixed;inset:70px 0 0;overflow-y:auto}@media (width>=1001px){.mobil-menue{display:none!important}}html.menue-offen body{overflow:hidden}html.menue-offen header{background:var(--weiss)!important;border-bottom-color:var(--grau)!important}.mobil-menue ul{margin:0;padding:0;list-style:none}.mobil-menue li a{color:var(--text);border-bottom:1px solid var(--grau);padding:1.05rem 0;font-size:1.3rem;font-weight:600;text-decoration:none;display:block}.menue-cta{text-align:center;width:100%;margin-bottom:1.4rem;display:block}.btn-nav{background:var(--signal);border-radius:4px;padding:.5rem 1.2rem;color:var(--text)!important;transition:opacity .2s!important}.btn-nav:hover{opacity:.8}main{min-height:calc(100vh - 150px)}footer{background:var(--text);border-top:1px solid #ffffff29;padding:2.2rem 2rem;position:relative}.footer-inner{flex-direction:column;align-items:center;gap:1.4rem;max-width:1100px;margin:0 auto;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.footer-links a{color:#ffffffa6;font-size:.95rem;text-decoration:none}.footer-links a:hover{color:var(--signal)}.footer-kontakt{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.footer-kontakt a{color:#ffffff73;font-size:.9rem;text-decoration:none}.footer-kontakt a:hover{color:var(--signal)}.textlink{color:inherit;text-underline-offset:3px;text-decoration:underline 1px;transition:color .2s}.textlink:hover{color:var(--blau)}.container{max-width:1100px;margin:0 auto;padding:0 2rem}.btn{cursor:pointer;border:none;border-radius:6px;padding:.8rem 1.8rem;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.btn-primary{background:var(--signal);color:var(--text)}.btn-primary:hover{opacity:.88}.btn-hell{background:var(--weiss);color:var(--text)}.btn-hell:hover{opacity:.88}.btn-outline{color:var(--weiss);border:2px solid var(--weiss);background:0 0}.btn-outline:hover{background:var(--weiss);color:var(--blau)}section{padding:5rem 0}h1{font-size:clamp(2rem,5vw,3rem);line-height:1.2}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:1.2rem}h1,h2,h3,.tag,.section-tag{text-wrap:balance}p,li{text-wrap:pretty}.btn:hover,.hover-grow:hover{transform:scale(1.03)}.hover-grow{transition:transform .2s ease-out}.hover-grow-card{transition:transform .2s ease-out,box-shadow .2s ease-out}.hover-grow-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}.blueprint-bg{background-color:var(--weiss);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cpath d='M130 123.5v13M123.5 130h13' stroke='rgba(28,27,31,0.18)' stroke-width='1'/%3E%3C/svg%3E"),linear-gradient(#1c1b1f0f 1px,#0000 1px),linear-gradient(90deg,#1c1b1f0f 1px,#0000 1px),linear-gradient(#1c1b1f08 1px,#0000 1px),linear-gradient(90deg,#1c1b1f08 1px,#0000 1px);background-size:260px 260px,130px 130px,130px 130px,26px 26px,26px 26px}@media (prefers-reduced-motion:no-preference){.blueprint-bg{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cpath d='M130 123.5v13M123.5 130h13' stroke='rgba(28,27,31,0.18)' stroke-width='1'%3E%3Canimate attributeName='stroke-opacity' values='1%3B0.2%3B1' dur='6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cpath d='M130 123.5v13M123.5 130h13' stroke='rgba(28,27,31,0.18)' stroke-width='1'%3E%3Canimate attributeName='stroke-opacity' values='0.2%3B1%3B0.2' dur='9s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E"),linear-gradient(#1c1b1f0f 1px,#0000 1px),linear-gradient(90deg,#1c1b1f0f 1px,#0000 1px),linear-gradient(#1c1b1f08 1px,#0000 1px),linear-gradient(90deg,#1c1b1f08 1px,#0000 1px);background-position:0 0,130px 130px,0 0,0 0,0 0,0 0;background-size:260px 260px,260px 260px,130px 130px,130px 130px,26px 26px,26px 26px}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.word-swap{display:inline-block}.word-swap-visual{white-space:nowrap;display:inline-block}.word-swap-wort{transform-origin:50%;display:inline-block}.word-swap-wort.ist-raus{animation:.35s ease-in forwards wort-schrumpfen}.word-swap-wort.ist-rein{animation:.45s cubic-bezier(.33,1.2,.55,1) backwards wort-wachsen}@keyframes wort-schrumpfen{to{opacity:0;transform:scale(0)}}@keyframes wort-wachsen{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.word-swap-wort.ist-raus,.word-swap-wort.ist-rein{opacity:1!important;animation:none!important;transform:none!important}}.sprach-wechsel{letter-spacing:1px;opacity:.75;border:1px solid;border-radius:4px;padding:.22rem .55rem;font-size:.78rem}.sprach-wechsel:hover{opacity:1}.mobil-menue .sprach-wechsel-menue{color:var(--text-hell);font-weight:500}.sprach-hinweis[hidden],html.menue-offen .sprach-hinweis{display:none}.sprach-hinweis{z-index:120;background:var(--text);color:#ffffffe0;border-radius:8px;align-items:center;gap:1rem;max-width:calc(100vw - 2rem);padding:.7rem .9rem .7rem 1.2rem;font-size:.9rem;display:flex;position:fixed;bottom:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000040}.sprach-hinweis p{margin:0}.sprach-hinweis a{color:var(--signal);white-space:nowrap;font-weight:600;text-decoration:none}.sprach-hinweis a:hover{text-underline-offset:4px;text-decoration:underline}.sprach-hinweis button{color:#fff9;cursor:pointer;background:0 0;border:0;padding:.2rem .4rem;font-size:1.25rem;line-height:1}.sprach-hinweis button:hover{color:#fff}@media (width<=700px){.sprach-hinweis{flex-wrap:wrap;gap:.4rem 1rem;bottom:.8rem}}
