@font-face{font-family:Kanit;src:url('assets/fonts/kanit/kanit-16.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Kanit;src:url('assets/fonts/kanit/kanit-24.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Kanit;src:url('assets/fonts/kanit/kanit-12.woff2') format('woff2');font-style:italic;font-weight:900;font-display:swap}
:root{--orange:#f47a1f;--deep:#d85e08;--cream:#fff1e6;--night:#0d1c26;--navy:#142732;--ink:#14232c;--muted:#64737c;--line:#e5e9eb;--soft:#f5f7f8;--shadow:0 24px 70px rgba(9,27,38,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Kanit,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{width:min(1200px,calc(100% - 48px));margin:auto}.skip-link{position:fixed;top:-70px;z-index:999;background:#fff;padding:10px}.skip-link:focus{top:10px}h1,h2,h3,h4,h5,h6{font-family:Kanit,Arial,sans-serif;font-weight:900!important;font-style:italic;letter-spacing:-.035em}.hero h1 em{font-style:inherit}
.topbar{background:var(--night);color:#c7d0d5;font-size:13px}.topbar-inner{height:42px;display:flex;align-items:center;justify-content:space-between}.topbar-inner>span{display:flex;align-items:center}.status-dot{width:7px;height:7px;margin-right:12px;border-radius:50%;background:#43c778;box-shadow:0 0 0 5px rgba(67,199,120,.12)}.topbar-inner div{display:flex;gap:30px}.topbar a:hover{color:#fff}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid rgba(20,39,50,.08)}.nav-wrap{height:92px;display:flex;align-items:center;justify-content:space-between}.brand img{width:247px}.main-nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.main-nav>a:not(.nav-cta){position:relative}.main-nav>a:not(.nav-cta):after{content:'';position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:var(--orange);transition:.25s}.main-nav>a:hover:after{right:0}.nav-cta{padding:13px 24px;border-radius:7px;background:var(--orange);box-shadow:0 8px 24px #f47a1f40;color:#fff}.menu-button{display:none;border:0;background:none}.menu-button span{display:block;width:27px;height:2px;margin:6px;background:var(--night)}
.hero{position:relative;overflow:hidden;padding:88px 0 95px;background:linear-gradient(110deg,#f7f9fa 0 51%,#e8edf0 51%)}.hero:before{content:'';position:absolute;width:480px;height:480px;left:-270px;top:-180px;border:95px solid #f47a1f0e;border-radius:50%}.hero-grid{position:relative;display:grid;grid-template-columns:1.02fr .98fr;gap:92px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 16px;color:var(--deep);font-size:12px;font-weight:700;letter-spacing:2.1px;text-transform:uppercase}.eyebrow>span{width:28px;height:2px;background:var(--orange)}.hero h1{margin:0 0 23px;color:var(--night);font-size:clamp(48px,5.4vw,76px);letter-spacing:-3.2px;line-height:.99}.hero h1 em{color:var(--orange);font-style:normal}.hero-text{margin:0 0 32px;color:var(--muted);font-size:18px;line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;gap:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:53px;padding:14px 24px;border:0;border-radius:7px;font:700 14px Kanit;cursor:pointer;transition:.25s}.button-primary{background:var(--orange);box-shadow:0 11px 28px #f47a1f40;color:#fff}.button-primary:hover,.nav-cta:hover{background:var(--deep);transform:translateY(-2px)}.button-ghost{background:#fff;border:1px solid #d8dfe2}.button-dark{margin-top:29px;background:var(--night);color:#fff}.button-dark:hover{background:var(--orange)}.hero-checks{display:flex;gap:22px;margin:28px 0 0;padding:0;list-style:none;font-size:13px;font-weight:600}.hero-checks li:before{content:'✓';display:inline-grid;place-items:center;width:19px;height:19px;margin-right:7px;border-radius:50%;background:var(--cream);color:var(--deep)}.hero-trust{display:flex;align-items:center;gap:13px;margin-top:30px;padding-top:23px;border-top:1px solid #dce2e5}.trust-mark{display:grid;width:39px;height:39px;place-items:center;border-radius:50%;background:var(--night);color:#fff}.hero-trust p{display:flex;flex-direction:column;margin:0;font-size:13px;line-height:1.5}.hero-trust span{color:var(--muted)}.hero-image-wrap{position:relative}.hero-image-wrap:before{content:'';position:absolute;right:-25px;top:-25px;width:180px;height:180px;background-image:radial-gradient(var(--orange) 1.5px,transparent 1.5px);background-size:12px 12px;opacity:.35}.hero-image-wrap:after{content:'';position:absolute;left:-18px;bottom:-18px;width:64%;height:70%;border:4px solid var(--orange);border-radius:0 0 0 24px}.hero-image-wrap img{position:relative;z-index:1;width:100%;height:570px;object-fit:cover;border-radius:4px 24px;box-shadow:var(--shadow)}.hero-badge{position:absolute;z-index:3;left:-45px;bottom:42px;display:flex;align-items:center;gap:13px;padding:19px 24px;background:#fff;border-left:4px solid var(--orange);box-shadow:var(--shadow)}.hero-badge strong{color:var(--orange);font-size:34px}.hero-badge span{max-width:72px;font-size:12px;font-weight:600;line-height:1.25}
.service-strip{background:var(--night);color:#fff}.service-grid{display:grid;grid-template-columns:repeat(4,1fr)}.service-grid article{display:flex;align-items:center;gap:16px;min-height:125px;padding:26px 24px;border-right:1px solid #ffffff1a}.service-icon{display:grid;flex:0 0 48px;height:48px;place-items:center;border:1px solid #f47a1f80;border-radius:8px;background:#f47a1f1a;color:var(--orange);font-size:20px}.service-grid h3{margin:0;font-size:15px}.service-grid p{margin:2px 0 0;color:#91a2ac;font-size:12px;line-height:1.45}
.section{padding:118px 0}.split-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:95px;align-items:center}.section h2,.testimonial-section h2{margin:0 0 24px;color:var(--night);font-size:clamp(37px,4.1vw,54px);font-weight:600;letter-spacing:-2px;line-height:1.1}.section-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.8}.image-stack{position:relative;padding:0 0 24px 24px}.image-stack:before{content:'';position:absolute;left:0;bottom:0;width:48%;height:69%;background:var(--orange)}.image-stack img{position:relative;width:100%;height:590px;object-fit:cover;border-radius:4px 18px;box-shadow:var(--shadow)}.image-label{position:absolute;right:-25px;bottom:55px;padding:17px 23px;background:#fff;border-radius:5px;box-shadow:var(--shadow);font-size:13px;font-weight:700}.image-label span{color:var(--orange)}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:29px}.check-grid span{padding:12px 13px;background:var(--soft);border-left:2px solid var(--orange);font-size:13px;font-weight:600}.process-section{background:var(--soft)}.section-heading{max-width:730px;margin:0 auto 55px}.centered{text-align:center}.centered .eyebrow{justify-content:center}.section-heading>p:last-child{color:var(--muted)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.process-grid article{position:relative;padding:42px 32px 36px;background:#fff;border:1px solid #e9edef;border-radius:9px;box-shadow:0 12px 35px #091b2614;transition:.3s}.process-grid article:hover{transform:translateY(-7px);box-shadow:var(--shadow)}.process-grid article:after{content:'→';position:absolute;right:-25px;top:50%;z-index:3;display:grid;width:48px;height:48px;place-items:center;border:6px solid var(--soft);border-radius:50%;background:var(--night);color:#fff}.process-grid article:last-child:after{display:none}.step{position:absolute;top:20px;right:24px;color:#edf0f1;font-size:47px;font-weight:700}.round-icon{display:grid;width:67px;height:67px;margin-bottom:25px;place-items:center;border-radius:8px;background:var(--orange);color:#fff;font-size:25px}.process-grid h3{margin:0 0 9px}.process-grid p{margin:0;color:var(--muted);font-size:14px}.wide-image{position:relative}.wide-image:before{content:'';position:absolute;inset:25px -25px -25px 25px;border:2px solid var(--orange);border-radius:4px 18px}.wide-image img{position:relative;width:100%;height:535px;object-fit:cover;border-radius:4px 18px;box-shadow:var(--shadow)}.feature-list{margin:31px 0 0;padding:0;list-style:none}.feature-list li{display:grid;grid-template-columns:105px 1fr;padding:15px 0;border-bottom:1px solid var(--line)}.feature-list strong{color:var(--deep);font-size:14px}.feature-list span{color:var(--muted);font-size:14px}
.stats{position:relative;overflow:hidden;padding:55px 0;background:var(--orange);color:#fff}.stats:after{content:'24';position:absolute;right:2%;top:-68px;color:#ffffff14;font-size:210px;font-weight:700}.stats-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{text-align:center;border-right:1px solid #ffffff4d}.stats-grid div:last-child{border:0}.stats strong{display:block;font-size:40px;line-height:1.2}.stats span{font-size:12px;font-weight:600}.testimonial-section{padding:105px 0}.testimonial-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.testimonial-section h2{font-size:42px}.testimonial-grid blockquote{position:relative;margin:0;padding:40px 45px;background:var(--soft);border-radius:4px 18px}.quote-mark{position:absolute;right:28px;top:-18px;color:var(--orange);font-size:80px;font-weight:700}.testimonial-grid blockquote>p{margin:0 0 22px;color:#35464f;font-size:18px}.testimonial-grid blockquote footer{display:flex;justify-content:space-between}.testimonial-grid blockquote footer span{color:var(--orange);letter-spacing:2px}
.seo-section{background:#fff}.seo-intro{display:grid;grid-template-columns:1fr .8fr;gap:90px;align-items:end;margin-bottom:55px}.seo-intro h2{margin-bottom:0}.seo-lead{margin:0;padding-left:25px;border-left:3px solid var(--orange);color:var(--muted);font-size:16px}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:85px}.audience-card{position:relative;overflow:hidden;padding:38px 40px;border:1px solid var(--line);border-radius:4px 18px;background:var(--soft)}.audience-card h3{margin:0 0 12px;color:var(--night);font-size:26px}.audience-card p{color:var(--muted)}.audience-card ul{display:grid;gap:8px;margin:22px 0 0;padding:0;list-style:none;font-size:14px;font-weight:600}.audience-card li:before{content:'✓';margin-right:9px;color:var(--orange)}.card-number{position:absolute;right:25px;top:7px;color:#1427320b;font-size:90px;font-weight:700;line-height:1}.dark-card{border-color:var(--night);background:var(--night);color:#fff}.dark-card h3{color:#fff}.dark-card p{color:#a8b5bc}.dark-card .card-number{color:#ffffff0b}.seo-content{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:75px;align-items:start}.seo-content article h3,.seo-bottom h3{margin:45px 0 12px;color:var(--night);font-size:25px}.seo-content article h3:first-child{margin-top:0}.seo-content article p,.seo-bottom p{color:var(--muted);font-size:15px;line-height:1.9}.seo-sidebar{position:sticky;top:125px}.sidebar-box{padding:32px;background:var(--night);border-radius:4px 18px;color:#fff}.mini-label{color:var(--orange);font-size:11px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}.sidebar-box h3{margin:13px 0;font-size:25px;line-height:1.2}.sidebar-box p{color:#a8b5bc;font-size:14px}.sidebar-box .button{width:100%;margin-top:10px}.area-box{display:flex;flex-direction:column;gap:7px;margin-top:18px;padding:23px;border:1px solid var(--line);font-size:13px}.area-box strong{color:var(--deep)}.area-box span{color:var(--muted)}.seo-bottom{margin-top:65px;padding-top:55px;border-top:1px solid var(--line)}.seo-bottom>h3{margin-top:0;font-size:31px}.seo-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px}.seo-columns p:first-child{margin-top:0}.seo-columns a{color:var(--deep);font-weight:600}
.faq-section{background:var(--soft)}.faq-layout{display:grid;grid-template-columns:360px 1fr;gap:90px;align-items:start}.faq-heading{position:sticky;top:125px}.faq-heading h2{font-size:43px}.faq-heading>p:last-of-type{color:var(--muted)}.faq-phone{display:flex;align-items:center;gap:14px;margin-top:30px;padding:18px;background:#fff;border-radius:5px;box-shadow:0 12px 35px #091b2612}.faq-phone>span{display:grid;width:44px;height:44px;place-items:center;border-radius:5px;background:var(--orange);color:#fff}.faq-phone div{display:flex;flex-direction:column}.faq-phone small{color:var(--muted);font-size:11px}.faq-list{display:grid;gap:12px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:5px;transition:.2s}.faq-list details[open]{border-color:#f47a1f55;box-shadow:0 10px 30px #091b260d}.faq-list summary{position:relative;padding:21px 62px 21px 23px;cursor:pointer;list-style:none;color:var(--night);font-size:15px;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span:before,.faq-list summary span:after{content:'';position:absolute;right:24px;top:50%;width:15px;height:2px;background:var(--orange)}.faq-list summary span:after{transform:rotate(90deg);transition:.2s}.faq-list details[open] summary span:after{transform:rotate(0)}.faq-list details p{margin:0;padding:0 23px 22px;color:var(--muted);font-size:14px;line-height:1.8}
.contact-section{position:relative;overflow:hidden;background:var(--night);color:#fff}.contact-section h2{color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}.contact-copy>p:not(.eyebrow){color:#9eafb8}.contact-card{display:flex;align-items:center;gap:16px;margin-top:19px}.contact-card>span{display:grid;flex:0 0 45px;height:45px;place-items:center;border:1px solid #f47a1f61;border-radius:7px;background:#f47a1f1a;color:var(--orange)}.contact-card div{display:flex;flex-direction:column}.contact-card small{color:#8397a2}.contact-form{padding:38px;background:#fff;border-top:5px solid var(--orange);border-radius:4px 15px;box-shadow:0 25px 70px #00000038;color:var(--ink)}.contact-form label{display:grid;gap:7px;margin-bottom:17px;font-size:12px;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-form input,.contact-form textarea{width:100%;padding:13px 14px;border:1px solid #dfe4e6;border-radius:5px;outline:0;background:#f8f9fa;font:400 14px Kanit}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f47a1f1f}.privacy-check{display:flex!important;flex-direction:row;color:var(--muted);font-weight:400!important}.privacy-check input{width:auto}.contact-form .button{width:100%}.form-note{min-height:20px;margin:10px 0;color:var(--deep);text-align:center}
.site-footer{padding:70px 0 25px;background:#09151d;color:#84959f}.footer-grid{display:grid;grid-template-columns:1.5fr .7fr 1fr;gap:80px;padding-bottom:45px}.footer-logo{width:250px;margin-bottom:18px;filter:brightness(0) invert(1)}.footer-grid p{max-width:410px;font-size:13px}.footer-grid h3{margin:0 0 16px;color:#fff}.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:8px;font-size:13px}.footer-grid a:hover{color:var(--orange)}.footer-bottom{display:flex;justify-content:space-between;padding-top:23px;border-top:1px solid #ffffff1a;font-size:11px}.floating-call{position:fixed;z-index:40;right:23px;bottom:23px;display:grid;width:58px;height:58px;place-items:center;border:3px solid #ffffffcc;border-radius:50%;background:var(--orange);box-shadow:0 10px 30px #00000040;color:#fff;font-size:22px}
@media(max-width:1000px){.main-nav{gap:15px}.hero-grid,.split-grid,.contact-grid{grid-template-columns:1fr;gap:65px}.hero-copy{text-align:center}.hero .eyebrow,.hero-actions,.hero-checks{justify-content:center}.hero-trust{justify-content:center}.hero-image-wrap{max-width:700px;margin:auto}.service-grid{grid-template-columns:1fr 1fr}.process-grid article:after{display:none}.reverse-mobile .section-copy{order:2}.testimonial-grid{gap:40px}.seo-intro,.faq-layout{grid-template-columns:1fr;gap:35px}.seo-content{grid-template-columns:1fr}.seo-sidebar,.faq-heading{position:static}.seo-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:18px}.area-box{margin-top:0}.faq-heading{max-width:680px}}
@media(max-width:760px){.container{width:min(100% - 30px,1200px)}.topbar-inner{justify-content:center}.topbar-inner>span,.topbar-inner div a:last-child{display:none}.nav-wrap{height:76px}.brand img{width:205px}.menu-button{display:block}.main-nav{display:none;position:absolute;top:76px;left:0;right:0;flex-direction:column;padding:20px;background:#fff;box-shadow:0 18px 30px #0002}.main-nav.open{display:flex}.main-nav a{text-align:center}.hero{padding:58px 0 70px;background:#f7f9fa}.hero h1{font-size:43px}.hero-image-wrap img{height:405px}.hero-badge{left:10px}.service-grid,.process-grid,.stats-grid,.testimonial-grid,.footer-grid,.audience-grid,.seo-columns{grid-template-columns:1fr}.service-grid article{border-bottom:1px solid #ffffff1a}.section{padding:82px 0}.section h2{font-size:36px}.image-stack{padding-left:12px}.image-stack img{height:460px}.image-label{right:8px}.check-grid{grid-template-columns:1fr}.wide-image:before{inset:13px -8px -13px 13px}.wide-image img{height:365px}.stats-grid div{padding:20px;border-right:0;border-bottom:1px solid #ffffff40}.testimonial-section{padding:75px 0}.testimonial-section h2{font-size:35px}.testimonial-grid blockquote{padding:34px 24px}.audience-grid{margin-bottom:60px}.audience-card{padding:30px 24px}.seo-intro{margin-bottom:35px}.seo-lead{padding-left:17px}.seo-sidebar{grid-template-columns:1fr}.seo-columns{gap:10px}.faq-heading h2{font-size:36px}.faq-list summary{padding-left:18px}.form-row{grid-template-columns:1fr}.contact-form{padding:27px 19px}.footer-grid{gap:35px}.footer-bottom{flex-direction:column;gap:9px}}
@media(max-width:430px){.hero h1{font-size:38px}.hero-actions .button{width:100%}.hero-checks{display:grid;gap:8px}.hero-image-wrap:after,.hero-image-wrap:before{display:none}.hero-image-wrap img{height:335px}.section h2{font-size:33px}.testimonial-grid blockquote footer{flex-direction:column}.button{width:100%}}
.hero h1 em{font-style:inherit}

/* Premium-Navigation */
.site-header{position:sticky;top:0;z-index:50;background:linear-gradient(112deg,#0c1922 0%,#142a37 58%,#10222e 100%);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 14px 40px rgba(4,15,22,.2);backdrop-filter:none}
.site-header:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent 5%,var(--orange) 48%,transparent 95%);opacity:.8;pointer-events:none}
.nav-wrap{position:relative;height:96px}
.nav-wrap:before{content:'';position:absolute;right:22%;top:0;width:190px;height:100%;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1px);background-size:12px 12px;opacity:.22;pointer-events:none}
.brand{position:relative;z-index:2;display:flex;align-items:center;padding-right:31px;border-right:1px solid rgba(255,255,255,.12)}
.brand img{width:270px;filter:none;transition:transform .25s ease,filter .25s ease}
.brand:hover img{transform:translateY(-2px);filter:drop-shadow(0 5px 12px rgba(244,122,31,.18))}
.main-nav{position:relative;z-index:2;color:#dce5e9;gap:28px}
.main-nav>a:not(.nav-cta){padding:12px 0;font-weight:600;transition:color .2s ease}
.main-nav>a:not(.nav-cta):after{bottom:5px;height:2px;border-radius:2px;box-shadow:0 0 8px rgba(244,122,31,.45)}
.main-nav>a:not(.nav-cta):hover{color:#fff}
.nav-cta{position:relative;overflow:hidden;padding:14px 26px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,#ff8b31,var(--orange) 55%,#d85e08);box-shadow:0 10px 28px rgba(244,122,31,.28);color:#fff}
.nav-cta:before{content:'';position:absolute;top:-60%;left:-45%;width:30%;height:220%;background:rgba(255,255,255,.2);transform:rotate(25deg);transition:left .45s ease}
.nav-cta:hover:before{left:125%}
.menu-button span{background:#fff}
@media(max-width:1000px) and (min-width:761px){.brand{padding-right:18px}.brand img{width:225px}.main-nav{gap:14px}.main-nav>a:not(.nav-cta){font-size:13px}.nav-cta{padding:12px 18px}}
@media(max-width:760px){.nav-wrap{height:78px}.brand{padding-right:0;border-right:0}.brand img{width:215px}.main-nav{top:78px;background:linear-gradient(145deg,#10232f,#0b1922);border-top:1px solid rgba(255,255,255,.1);box-shadow:0 22px 35px rgba(0,0,0,.28);color:#dce5e9}.main-nav a{border-bottom:1px solid rgba(255,255,255,.07)}.main-nav .nav-cta{margin-top:7px;border-bottom:0}.nav-wrap:before{right:60px;width:100px}.menu-button{position:relative;z-index:3}}

/* Ruhiger, handwerklicher Header */
.topbar{background:#111b21;border-bottom:1px solid rgba(255,255,255,.08)}
.site-header{background:#1b2931;border:0;border-bottom:3px solid var(--orange);box-shadow:0 4px 15px rgba(4,14,20,.14);backdrop-filter:none}
.site-header:after,.nav-wrap:before,.nav-cta:before{display:none}
.nav-wrap{height:88px}
.brand{padding:0;border:0}
.brand img{width:255px;filter:none}
.brand:hover img{transform:none;filter:none}
.main-nav{gap:30px;color:#e6ebed;font-size:14px}
.main-nav>a:not(.nav-cta){padding:32px 0;font-weight:600}
.main-nav>a:not(.nav-cta):after{bottom:22px;height:2px;box-shadow:none}
.main-nav>a:not(.nav-cta):hover{color:var(--orange)}
.nav-cta{padding:12px 22px;border:1px solid var(--orange);border-radius:4px;background:var(--orange);box-shadow:none;color:#fff}
.nav-cta:hover{background:#fff;border-color:#fff;color:var(--night);transform:none}
@media(max-width:1000px) and (min-width:761px){.brand{padding:0}.brand img{width:218px}.main-nav{gap:14px}.main-nav>a:not(.nav-cta){padding:31px 0;font-size:12px}.nav-cta{padding:11px 16px}}
@media(max-width:760px){.nav-wrap{height:76px}.brand img{width:205px}.main-nav{top:76px;padding:10px 20px 20px;background:#1b2931;border-top:1px solid rgba(255,255,255,.1);box-shadow:0 12px 20px rgba(0,0,0,.18)}.main-nav>a:not(.nav-cta){padding:12px 5px}.main-nav a{border-bottom:1px solid rgba(255,255,255,.08)}.main-nav>a:not(.nav-cta):after{display:none}.main-nav .nav-cta{margin-top:8px;padding:12px}}

/* Zweifarbige Navigation */
.topbar{background:var(--orange);border:0;color:#16252d}
.topbar a{font-weight:600}.topbar a:hover{color:#fff}
.status-dot{background:#16252d;box-shadow:none}
.site-header{overflow:visible;background:#eeefec;border:0;border-bottom:1px solid #d7dbda;box-shadow:0 5px 18px rgba(10,24,32,.09)}
.site-header:after{display:none}
.nav-wrap{height:94px}
.brand{align-self:stretch;display:flex;align-items:center;margin-left:-32px;padding:0 34px;background:#13242d;border:0;box-shadow:8px 0 0 rgba(19,36,45,.07)}
.brand:after{content:'';position:absolute;right:-14px;top:0;width:15px;height:100%;background:var(--orange)}
.brand img{width:260px}
.main-nav{gap:31px;color:#1c2c34}
.main-nav>a:not(.nav-cta){padding:34px 0;color:#1c2c34;font-weight:600}
.main-nav>a:not(.nav-cta):after{bottom:24px;background:var(--orange)}
.main-nav>a:not(.nav-cta):hover{color:var(--deep)}
.nav-cta{padding:12px 23px;background:#13242d;border:1px solid #13242d;border-radius:3px;box-shadow:none;color:#fff}
.nav-cta:hover{background:var(--orange);border-color:var(--orange);color:#fff}
.menu-button span{background:#13242d}
@media(max-width:1080px) and (min-width:761px){.brand{margin-left:-24px;padding:0 23px}.brand img{width:215px}.main-nav{gap:14px}.main-nav>a:not(.nav-cta){padding:33px 0;font-size:12px}.nav-cta{padding:11px 15px}}
@media(max-width:760px){.topbar{background:var(--orange)}.nav-wrap{height:78px}.brand{margin-left:-15px;padding:0 23px}.brand:after{right:-7px;width:8px}.brand img{width:200px}.menu-button{margin-left:auto}.main-nav{top:78px;padding:8px 15px 18px;background:#eeefec;border-top:1px solid #d7dbda;box-shadow:0 14px 22px rgba(10,24,32,.14);color:#1c2c34}.main-nav>a:not(.nav-cta){padding:11px 5px;color:#1c2c34;border-bottom:1px solid #d7dbda}.main-nav .nav-cta{margin-top:7px;background:#13242d;border-color:#13242d;color:#fff}}

/* Feinschliff Navigation */
.topbar{background:#0d1c26;color:#bfcbd1}
.topbar-inner{height:39px}
.topbar a{font-weight:500}.topbar a:hover{color:var(--orange)}
.status-dot{background:#50c878;box-shadow:0 0 0 4px rgba(80,200,120,.12)}
.site-header{background:#f3f3f0;border-bottom:0;box-shadow:0 7px 24px rgba(9,24,33,.1)}
.nav-wrap{height:96px}
.brand{margin-left:-38px;padding:0 46px 0 38px;background:#14262f;box-shadow:none}
.brand:before{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--orange)}
.brand:after{right:-19px;width:20px;background:var(--orange);clip-path:polygon(0 0,100% 0,35% 100%,0 100%)}
.brand img{width:267px}
.main-nav{gap:33px}
.main-nav>a:not(.nav-cta){padding:35px 0;color:#22323a;font-size:14px;letter-spacing:.1px}
.main-nav>a:not(.nav-cta):after{bottom:26px;height:2px}
.main-nav>a:first-child:not(.nav-cta){color:var(--deep)}
.main-nav>a:first-child:not(.nav-cta):after{right:0}
.nav-cta{display:inline-flex;align-items:center;gap:10px;padding:13px 24px;background:var(--orange);border-color:var(--orange);font-weight:700}
.nav-cta:after{content:'→';font-size:17px;line-height:1}
.nav-cta:hover{background:#14262f;border-color:#14262f}
@media(max-width:1080px) and (min-width:761px){.brand{margin-left:-24px;padding:0 31px 0 24px}.brand img{width:220px}.brand:after{right:-13px;width:14px}.main-nav{gap:14px}.main-nav>a:not(.nav-cta){padding:34px 0;font-size:12px}.nav-cta{padding:11px 15px}}
@media(max-width:760px){.topbar{background:#0d1c26}.nav-wrap{height:80px}.brand{margin-left:-15px;padding:0 27px 0 15px}.brand img{width:202px}.brand:after{right:-10px;width:11px}.main-nav{top:80px;background:#f3f3f0}.main-nav>a:first-child:not(.nav-cta):after{display:none}.main-nav .nav-cta{background:var(--orange);border-color:var(--orange)}.menu-button span{height:2px;border-radius:2px}}

/* Dreidimensionale Tiefe */
.site-header{background:linear-gradient(180deg,#fafaf7 0%,#e7e9e7 100%);border-bottom:1px solid #cbd0cf;box-shadow:0 3px 0 #bcc2c1,0 12px 28px rgba(10,26,35,.14)}
.nav-wrap{perspective:900px}
.brand{background:linear-gradient(145deg,#213741 0%,#14262f 55%,#0c1a21 100%);border-left:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -5px 12px rgba(0,0,0,.22),9px 8px 18px rgba(10,25,33,.2);transform:translateY(-2px)}
.brand:before{height:5px;background:linear-gradient(90deg,#c95809,var(--orange),#ff9a4d);box-shadow:0 -2px 6px rgba(244,122,31,.3)}
.brand:after{filter:drop-shadow(4px 5px 4px rgba(8,22,29,.2))}
.brand img{filter:drop-shadow(0 3px 2px rgba(0,0,0,.25))}
.main-nav>a:not(.nav-cta){border-radius:4px;transition:transform .2s ease,color .2s ease,text-shadow .2s ease}
.main-nav>a:not(.nav-cta):hover{transform:translateY(-2px);text-shadow:0 3px 8px rgba(20,39,50,.15)}
.nav-cta{border:1px solid #d8610c;background:linear-gradient(180deg,#ff923e 0%,#f47a1f 52%,#dc620b 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.42),inset 0 -2px 0 rgba(126,47,0,.28),0 4px 0 #a94705,0 9px 16px rgba(112,46,4,.22);transform:translateY(-2px);text-shadow:0 1px 1px rgba(80,29,0,.28);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.nav-cta:hover{border-color:#d8610c;background:linear-gradient(180deg,#ff9c52,#f47a1f);transform:translateY(0);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -2px 0 rgba(126,47,0,.24),0 2px 0 #a94705,0 5px 10px rgba(112,46,4,.18);color:#fff}
.nav-cta:active{transform:translateY(2px);box-shadow:inset 0 2px 4px rgba(99,37,0,.28),0 1px 0 #a94705}
.menu-button{padding:9px;border:1px solid #c9cecd;border-radius:5px;background:linear-gradient(#fff,#e2e5e4);box-shadow:0 3px 0 #bcc1c0,0 6px 12px rgba(14,30,38,.1)}
@media(max-width:760px){.site-header{box-shadow:0 3px 0 #bcc2c1,0 9px 20px rgba(10,26,35,.13)}.brand{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -4px 10px rgba(0,0,0,.2),7px 6px 14px rgba(10,25,33,.18)}.main-nav{background:linear-gradient(180deg,#f8f8f5,#e5e7e5)}.main-nav>a:not(.nav-cta):hover{transform:none}.main-nav .nav-cta{margin-bottom:4px;background:linear-gradient(180deg,#ff923e,#dc620b)}}

/* Eleganter Header ohne künstliche Effekte */
.site-header{background:#f4f3ef;border-bottom:1px solid #d9dcda;box-shadow:0 8px 24px rgba(14,31,40,.08)}
.nav-wrap{height:94px;perspective:none}
.brand{margin-left:-38px;padding:0 48px 0 38px;background:#14262f;border:0;box-shadow:none;transform:none}
.brand:before{height:4px;background:var(--orange);box-shadow:none}
.brand:after{right:-17px;width:18px;background:var(--orange);filter:none;clip-path:polygon(0 0,100% 0,32% 100%,0 100%)}
.brand img{width:264px;filter:none}
.main-nav>a:not(.nav-cta){padding:34px 0;border-radius:0;transition:color .2s ease}
.main-nav>a:not(.nav-cta):hover{transform:none;text-shadow:none}
.nav-cta{padding:13px 24px;border:1px solid #14262f;border-radius:3px;background:#14262f;box-shadow:0 5px 12px rgba(14,31,40,.13);transform:none;text-shadow:none;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}
.nav-cta:hover{border-color:var(--orange);background:var(--orange);box-shadow:0 5px 12px rgba(244,122,31,.18);transform:translateY(-1px)}
.nav-cta:active{transform:translateY(0);box-shadow:none}
.menu-button{padding:8px;border:0;border-radius:0;background:transparent;box-shadow:none}
@media(max-width:1080px) and (min-width:761px){.brand{margin-left:-24px;padding:0 32px 0 24px}.brand img{width:220px}.brand:after{right:-12px;width:13px}.nav-cta{padding:11px 15px}}
@media(max-width:760px){.site-header{box-shadow:0 6px 18px rgba(14,31,40,.09)}.nav-wrap{height:78px}.brand{margin-left:-15px;padding:0 28px 0 15px;transform:none;box-shadow:none}.brand img{width:202px}.brand:after{right:-9px;width:10px}.main-nav{top:78px;background:#f4f3ef}.main-nav .nav-cta{margin-bottom:0;background:#14262f}.menu-button{background:transparent;box-shadow:none}}

/* Helle Navigation mit eigener Wortmarke */
.site-header{background:#f7f6f2;border-top:1px solid #fff;border-bottom:1px solid #dfe1de;box-shadow:0 8px 25px rgba(24,40,48,.07)}
.nav-wrap{height:96px}
.brand{align-self:auto;margin:0;padding:0;background:transparent;box-shadow:none;transform:none}
.brand:before,.brand:after{display:none}
.brand>img{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.header-logo-mark{display:flex;align-items:center;gap:12px}
.recycle-mark{display:grid;width:54px;height:54px;place-items:center;border-radius:50%;background:var(--orange);box-shadow:inset 0 0 0 5px #fff,0 4px 12px rgba(244,122,31,.2);color:#fff;font-size:31px;line-height:1}
.logo-words{display:flex;flex-direction:column;line-height:1}
.logo-words strong{color:#1b2a32;font-size:23px;font-style:italic;font-weight:900;letter-spacing:-1px;white-space:nowrap}
.logo-words strong>span{margin-left:2px;color:var(--orange);font-size:27px}
.logo-words small{margin-top:7px;color:#68767d;font-size:9px;font-weight:600;letter-spacing:2.45px;text-transform:uppercase}
.main-nav{color:#23333b}
.main-nav>a:not(.nav-cta){color:#23333b}
.main-nav>a:first-child:not(.nav-cta){color:var(--deep)}
.nav-cta{background:var(--orange);border-color:var(--orange);box-shadow:0 5px 13px rgba(244,122,31,.17)}
.nav-cta:hover{background:#172932;border-color:#172932;box-shadow:0 5px 13px rgba(23,41,50,.13)}
@media(max-width:1080px) and (min-width:761px){.brand{margin:0;padding:0}.recycle-mark{width:45px;height:45px;font-size:25px}.logo-words strong{font-size:19px}.logo-words strong>span{font-size:22px}.logo-words small{font-size:7px;letter-spacing:2px}.main-nav{gap:13px}}
@media(max-width:760px){.site-header{background:#f7f6f2}.nav-wrap{height:78px}.brand{margin:0;padding:0}.recycle-mark{width:43px;height:43px;font-size:24px;box-shadow:inset 0 0 0 4px #fff,0 3px 9px rgba(244,122,31,.17)}.logo-words strong{font-size:17px}.logo-words strong>span{font-size:20px}.logo-words small{margin-top:5px;font-size:6.5px;letter-spacing:1.5px}.main-nav{top:78px;background:#f7f6f2}.main-nav .nav-cta{background:var(--orange);border-color:var(--orange)}}

/* Original-Logo auf kompakter Markenfläche */
.header-logo-mark{display:none}
.brand{position:relative;display:flex;align-items:center;margin:0;padding:11px 18px;background:#24363f;border:1px solid #304750;border-radius:8px;box-shadow:0 6px 16px rgba(20,38,47,.13);transform:none;transition:transform .2s ease,box-shadow .2s ease}
.brand:before,.brand:after{display:none}
.brand:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(20,38,47,.17)}
.brand>img{position:static;width:238px;height:auto;clip:auto;filter:none}
.site-header{background:#f7f6f2}
.nav-wrap{height:98px}
@media(max-width:1080px) and (min-width:761px){.brand{margin:0;padding:10px 14px}.brand>img{width:205px}}
@media(max-width:760px){.nav-wrap{height:80px}.brand{margin:0;padding:8px 11px;border-radius:6px}.brand>img{width:178px}.main-nav{top:80px}}

/* Finaler, klarer Header */
.topbar{background:#e86f18;color:#fff}
.topbar-inner{height:36px}
.topbar a{color:#fff}.topbar a:hover{color:#172932}
.status-dot{background:#fff;box-shadow:none}
.site-header{background:#eef0ee;border:0;border-bottom:1px solid #d2d7d5;box-shadow:0 5px 16px rgba(18,37,46,.08)}
.nav-wrap{height:92px}
.brand{display:block;margin:0;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none}
.brand:hover{transform:none;box-shadow:none}
.brand:before,.brand:after{display:none}
.brand>img{position:static;width:262px;height:auto;clip:auto;filter:drop-shadow(1px 0 #24363f) drop-shadow(-1px 0 #24363f) drop-shadow(0 1px #24363f) drop-shadow(0 -1px #24363f)}
.main-nav{gap:31px;color:#1d3039}
.main-nav>a:not(.nav-cta){padding:32px 0;color:#1d3039;font-size:14px;font-weight:600}
.main-nav>a:not(.nav-cta):after{bottom:23px;height:2px;background:var(--orange)}
.main-nav>a:not(.nav-cta):hover{color:var(--deep)}
.main-nav>a:first-child:not(.nav-cta){color:#1d3039}
.main-nav>a:first-child:not(.nav-cta):after{right:100%}
.main-nav>a:first-child:not(.nav-cta):hover:after{right:0}
.nav-cta{padding:12px 23px;background:var(--orange);border:1px solid var(--orange);border-radius:4px;box-shadow:none;transform:none;text-shadow:none}
.nav-cta:hover{background:#1d3039;border-color:#1d3039;box-shadow:none;transform:none}
.menu-button{padding:8px;border:0;background:transparent;box-shadow:none}.menu-button span{background:#1d3039}
@media(max-width:1080px) and (min-width:761px){.brand{margin:0;padding:0}.brand>img{width:215px}.main-nav{gap:14px}.main-nav>a:not(.nav-cta){padding:31px 0;font-size:12px}.nav-cta{padding:11px 15px}}
@media(max-width:760px){.topbar{background:#e86f18}.nav-wrap{height:76px}.brand{margin:0;padding:0;background:transparent;border:0}.brand>img{width:190px}.main-nav{top:76px;padding:10px 16px 18px;background:#eef0ee}.main-nav>a:not(.nav-cta){padding:11px 5px;color:#1d3039}.main-nav .nav-cta{background:var(--orange);border-color:var(--orange)}}

/* Orange Markenakzente */
.site-header{border-bottom:3px solid var(--orange)}
.brand{position:relative}
.brand:after{content:'';display:block;position:absolute;right:-28px;top:7px;width:3px;height:48px;background:var(--orange);border-radius:3px}
.main-nav>a:not(.nav-cta):hover{color:var(--orange)}
.nav-cta{background:linear-gradient(135deg,#f47a1f,#e3650d);border-color:#e3650d}
.nav-cta:hover{background:#1d3039;border-color:#1d3039}
@media(max-width:1080px) and (min-width:761px){.brand:after{right:-14px}}
@media(max-width:760px){.site-header{border-bottom-width:3px}.brand:after{right:-15px;top:5px;height:40px;width:2px}.main-nav .nav-cta{background:var(--orange)}}

/* Unterseiten */
.subpage-hero{position:relative;overflow:hidden;padding:82px 0;background:#172932;color:#fff}.subpage-hero:after{content:'24';position:absolute;right:6%;top:-80px;color:rgba(255,255,255,.035);font-size:240px;font-weight:900;font-style:italic;line-height:1}.subpage-hero .container{position:relative;z-index:1}.subpage-hero h1{max-width:850px;margin:0 0 18px;font-size:clamp(43px,6vw,70px);line-height:1.05}.subpage-hero>div>p:last-child{max-width:720px;margin:0;color:#afbdc4;font-size:18px}.subpage-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.subpage-cards article{position:relative;padding:36px 31px;border-top:4px solid var(--orange);background:var(--soft);box-shadow:0 12px 30px rgba(12,31,41,.07)}.subpage-cards article>span{position:absolute;right:22px;top:13px;color:#14273210;font-size:65px;font-weight:900}.subpage-cards h2{margin:6px 0 15px;font-size:27px}.subpage-cards p,.subpage-cards li{color:var(--muted);font-size:14px}.subpage-cards ul{display:grid;gap:8px;margin:22px 0 0;padding:18px 0 0;border-top:1px solid var(--line);list-style:none}.subpage-cards li:before{content:'✓';margin-right:8px;color:var(--orange)}.subpage-cta{padding:54px 0;background:var(--orange);color:#fff}.subpage-cta .container{display:flex;align-items:center;justify-content:space-between;gap:35px}.subpage-cta h2{margin:0;font-size:35px}.subpage-cta p{margin:5px 0 0}.subpage-cta .eyebrow{color:#fff}.subpage-cta .button{background:#172932;box-shadow:none}.process-page{background:#f5f6f4}.process-timeline{max-width:900px}.process-timeline article{display:grid;grid-template-columns:100px 1fr;gap:35px;padding:35px 0;border-bottom:1px solid #dce1df}.process-timeline article:first-child{padding-top:0}.process-timeline article>strong{color:var(--orange);font-size:58px;font-style:italic;line-height:1}.process-timeline h2{margin:0 0 10px;font-size:32px}.process-timeline p{margin:0;color:var(--muted)}.image-hero{background:linear-gradient(rgba(13,28,38,.88),rgba(13,28,38,.88)),url('assets/images/scrap-yard.jpg') center/cover}.contact-page{background:#f4f6f5}.contact-page-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:start}.contact-info-panel h2{font-size:42px}.contact-info-panel>p:not(.eyebrow){color:var(--muted)}.contact-method{display:flex;align-items:center;gap:16px;margin-top:18px;padding:17px 0;border-bottom:1px solid #dce1df}.contact-method b{display:grid;flex:0 0 45px;height:45px;place-items:center;border-radius:4px;background:var(--orange);color:#fff}.contact-method span{display:flex;flex-direction:column}.contact-method small{color:var(--muted)}.contact-method strong{color:var(--night)}.contact-hint{margin-top:30px;padding:22px;border-left:4px solid var(--orange);background:#fff}.contact-hint p{margin:5px 0 0;color:var(--muted);font-size:13px}.page-form{border-top:5px solid var(--orange);box-shadow:0 20px 50px rgba(15,32,41,.12)}.form-title{margin-bottom:25px}.form-title>span{color:var(--orange);font-size:11px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}.form-title h2{margin:5px 0;font-size:32px}.form-title p{margin:0;color:var(--muted);font-size:12px}.mini-footer{padding:27px 0;background:#0d1c26;color:#9eacb3;font-size:12px}.mini-footer .container,.mini-footer .container>div{display:flex;justify-content:space-between;gap:22px}.mini-footer a:hover{color:var(--orange)}
@media(max-width:950px){.subpage-cards{grid-template-columns:1fr}.contact-page-grid{grid-template-columns:1fr}.contact-info-panel{max-width:700px}}
@media(max-width:760px){.subpage-hero{padding:60px 0}.subpage-hero h1{font-size:40px}.subpage-hero>div>p:last-child{font-size:16px}.subpage-cta .container{align-items:flex-start;flex-direction:column}.process-timeline article{grid-template-columns:65px 1fr;gap:15px}.process-timeline article>strong{font-size:42px}.contact-page-grid{gap:50px}.contact-info-panel h2{font-size:35px}.mini-footer .container{flex-direction:column}.mini-footer .container>div{justify-content:flex-start}}
.main-nav>a.is-active:not(.nav-cta){color:var(--orange)}.main-nav>a.is-active:not(.nav-cta):after{right:0}.main-nav>.nav-cta.is-active{background:#1d3039;border-color:#1d3039}
.location-section{padding:90px 0;background:#fff}.location-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.location-heading h2{margin:0 0 8px;font-size:42px}.location-heading p:last-child{margin:0;color:var(--muted)}.location-heading .button{flex:0 0 auto;margin:0}.col-lg-7{width:100%}.google-reviews-map{position:relative;overflow:hidden;height:470px;border:1px solid #d9deda;border-bottom:5px solid var(--orange);border-radius:5px;box-shadow:0 18px 45px rgba(15,32,41,.1)}.google-reviews-map iframe{display:block;width:100%;height:100%;border:0}.google-reviews-map:after{content:'Schrottabholung 24 · Herten';position:absolute;left:20px;bottom:20px;padding:10px 16px;background:#172932;color:#fff;font-size:12px;font-weight:600;pointer-events:none}
@media(max-width:760px){.location-section{padding:65px 0}.location-heading{align-items:flex-start;flex-direction:column;gap:22px}.location-heading h2{font-size:34px}.google-reviews-map{height:380px}.location-heading .button{width:100%}}

/* Stadt- und Einsatzgebietsseiten */
.breadcrumbs{display:flex;align-items:center;gap:9px;padding-top:18px;padding-bottom:18px;color:var(--muted);font-size:12px}.breadcrumbs a:hover{color:var(--orange)}.breadcrumbs strong{color:var(--ink);font-weight:600}.city-hero{position:relative;overflow:hidden;min-height:520px;background:#f4f3ef}.city-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.city-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,246,242,.98) 0%,rgba(247,246,242,.92) 43%,rgba(247,246,242,.12) 72%)}.city-hero-content{position:relative;z-index:2;padding-top:75px;padding-bottom:70px}.city-hero h1{max-width:700px;margin:0 0 18px;color:var(--night);font-size:clamp(42px,5vw,66px);line-height:1.04}.city-name{display:inline-block;margin-bottom:26px;padding:7px 13px;border-left:4px solid var(--orange);background:#fff;color:var(--deep);font-size:15px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;box-shadow:0 6px 20px rgba(18,35,44,.08)}.city-actions{display:flex;flex-wrap:wrap;gap:12px}.city-trust{background:#172932;color:#fff}.city-trust .container{display:grid;grid-template-columns:repeat(4,1fr)}.city-trust span{padding:22px 15px;border-right:1px solid rgba(255,255,255,.1);font-size:13px;text-align:center}.city-trust span:first-child{border-left:1px solid rgba(255,255,255,.1)}.city-page-section{padding:95px 0;background:#fff}.city-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:75px;align-items:start}.city-original-text{max-width:780px}.city-original-text h2{margin:48px 0 15px;color:var(--night);font-size:31px;line-height:1.2}.city-original-text h2:first-child{margin-top:0}.city-original-text h3{margin:31px 0 8px;color:var(--night);font-size:20px}.city-original-text p{margin:0 0 18px;color:#52636c;font-size:16px;line-height:1.9}.city-original-text ul{display:grid;gap:8px;margin:12px 0 26px;padding:20px 24px 20px 43px;background:var(--soft);border-left:3px solid var(--orange)}.city-original-text li{padding-left:4px;color:#52636c}.city-original-text a{color:var(--deep);font-weight:600;text-decoration:underline;text-decoration-color:rgba(244,122,31,.35);text-underline-offset:3px}.city-original-text a:hover{text-decoration-color:var(--orange)}.city-sidebar{position:sticky;top:120px;display:grid;gap:20px}.city-photo{overflow:hidden;border-radius:5px}.city-photo img{width:100%;height:235px;object-fit:cover}.city-contact-box{padding:29px;background:#172932;border-top:5px solid var(--orange);color:#fff}.city-contact-box>span{color:var(--orange);font-size:10px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase}.city-contact-box h2{margin:9px 0;font-size:27px}.city-contact-box p{color:#a9b7bd;font-size:13px}.city-contact-box>a:not(.button){display:block;margin:15px 0;color:#fff;font-size:22px;font-weight:700}.city-contact-box .button{width:100%}.related-cities{padding:75px 0;background:var(--soft)}.related-cities h2{margin:0 0 30px;font-size:38px}.related-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.related-grid a{display:flex;align-items:center;justify-content:space-between;padding:18px;background:#fff;border-bottom:2px solid transparent;color:var(--night);font-size:13px;font-weight:600;transition:.2s}.related-grid a span{color:var(--orange)}.related-grid a:hover{border-color:var(--orange);transform:translateY(-2px)}.area-index{background:#f7f8f7}.area-index-intro{max-width:720px;margin-bottom:45px}.area-index-intro h2{margin-bottom:12px}.area-index-intro p{color:var(--muted)}.area-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.area-card{position:relative;display:flex;flex-direction:column;padding:21px 45px 21px 21px;background:#fff;border:1px solid var(--line);transition:.2s}.area-card span{color:var(--night);font-weight:700}.area-card small{margin-top:3px;color:var(--muted);font-size:10px}.area-card b{position:absolute;right:18px;top:50%;color:var(--orange);transform:translateY(-50%)}.area-card:hover{border-color:var(--orange);box-shadow:0 9px 24px rgba(15,32,41,.08);transform:translateY(-2px)}
@media(max-width:1000px){.city-layout{grid-template-columns:1fr}.city-sidebar{position:static;grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:repeat(3,1fr)}.area-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.breadcrumbs{overflow:auto;white-space:nowrap}.city-hero{min-height:570px}.city-hero:after{background:linear-gradient(90deg,rgba(247,246,242,.96),rgba(247,246,242,.72))}.city-hero-content{padding-top:55px}.city-hero h1{font-size:40px}.city-actions{display:grid}.city-trust .container{grid-template-columns:1fr 1fr}.city-trust span{border-bottom:1px solid rgba(255,255,255,.1)}.city-page-section{padding:70px 0}.city-layout{gap:50px}.city-original-text h2{font-size:27px}.city-original-text p{font-size:15px}.city-sidebar{grid-template-columns:1fr}.related-grid,.area-grid{grid-template-columns:1fr}.related-cities h2{font-size:32px}}

.city-content-photo{margin:38px 0 42px;overflow:hidden;border-radius:6px;background:#fff;box-shadow:0 14px 35px rgba(15,32,41,.10)}.city-content-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.city-content-photo figcaption{padding:12px 16px;border-left:4px solid var(--orange);color:#52636c;background:#f7f8f7;font-size:13px}.city-hero>img{object-position:center}

.city-photo-labelled{position:relative;background:#fff}.city-photo-labelled:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(23,41,50,.92));pointer-events:none}.city-photo-labelled span{position:absolute;z-index:1;right:18px;bottom:16px;left:18px;padding-left:10px;border-left:4px solid var(--orange);color:#fff;font-size:17px;font-weight:700;line-height:1.2}.city-photo-labelled img{display:block}

/* Stadt-Multistep-Formular */
.city-hero{min-height:650px}.city-hero:after{background:linear-gradient(90deg,rgba(247,246,242,.98) 0%,rgba(247,246,242,.94) 48%,rgba(247,246,242,.55) 100%)}.city-hero-content{display:grid;grid-template-columns:minmax(0,1fr) 410px;gap:55px;align-items:center;padding-top:48px;padding-bottom:48px}.city-hero-copy{min-width:0}.city-hero h1{font-size:clamp(38px,4.2vw,60px)}
.city-multistep-form{align-self:center;min-height:500px;padding:27px 28px 22px;border-top:5px solid var(--orange);border-radius:7px;background:#fff;box-shadow:0 24px 65px rgba(9,27,38,.22);color:var(--ink)}.city-form-head{display:flex;flex-direction:column}.city-form-head>span{color:var(--orange);font-size:10px;font-weight:800;letter-spacing:1.8px;text-transform:uppercase}.city-form-head>strong{margin-top:3px;color:var(--night);font-size:25px;line-height:1.15}.city-form-head>small{margin-top:3px;color:var(--muted)}.city-form-progress{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 0 22px}.city-form-progress i{height:4px;border-radius:4px;background:#e2e7e9;transition:.25s}.city-form-progress i.is-active{background:var(--orange)}.city-form-step{display:none}.city-form-step.is-active{display:block;animation:cityFormIn .22s ease}.city-form-step>p{margin:0 0 13px;color:var(--night);font-size:15px;font-weight:700}.city-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.city-choice-grid-3{grid-template-columns:repeat(3,1fr);margin-bottom:16px}.city-choice-grid label{cursor:pointer}.city-choice-grid input{position:absolute;opacity:0;pointer-events:none}.city-choice-grid span{display:grid;min-height:48px;place-items:center;padding:8px;border:1px solid #dce3e6;border-radius:5px;background:#f7f9f9;color:#50616a;font-size:12px;font-weight:600;text-align:center;transition:.18s}.city-choice-grid input:checked+span{border-color:var(--orange);background:#fff7f0;color:var(--deep);box-shadow:0 0 0 2px rgba(244,122,31,.12)}.city-field{display:grid;gap:5px;margin-bottom:12px}.city-field span{font-size:11px;font-weight:600}.city-field input{width:100%;padding:11px 12px;border:1px solid #dce3e6;border-radius:5px;outline:0;background:#f7f9f9;font:400 14px Kanit}.city-field input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(244,122,31,.12)}.city-form-next,.city-form-submit{width:100%;margin-top:16px;padding:13px 17px;border:0;border-radius:4px;background:var(--orange);color:#fff;font:700 13px Kanit;cursor:pointer;box-shadow:0 8px 20px rgba(244,122,31,.25)}.city-form-next b{margin-left:5px}.city-form-nav{display:grid;grid-template-columns:.8fr 1.2fr;gap:9px;align-items:end}.city-form-nav .city-form-next,.city-form-nav .city-form-submit{margin-top:8px}.city-form-back{padding:13px 6px;border:0;background:transparent;color:var(--muted);font:600 12px Kanit;cursor:pointer}.city-privacy{display:flex;align-items:flex-start;gap:8px;margin-top:4px;color:var(--muted);font-size:10px;line-height:1.4}.city-privacy input{flex:0 0 auto;margin-top:2px}.city-form-note{min-height:16px;margin:8px 0 0;color:var(--deep);font-size:11px;text-align:center}.city-form-trust{display:flex;justify-content:center;gap:17px;margin-top:8px;padding-top:11px;border-top:1px solid #edf0f1;color:#687982;font-size:10px}.city-form-trust span:First-letter{color:var(--orange)}@keyframes cityFormIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
@media(max-width:1050px){.city-hero{min-height:auto}.city-hero-content{grid-template-columns:1fr 370px;gap:28px}.city-hero h1{font-size:40px}}
@media(max-width:820px){.city-hero-content{grid-template-columns:1fr;gap:30px}.city-hero-copy{text-align:left}.city-multistep-form{width:100%;max-width:560px;min-height:0}.city-hero{min-height:auto}.city-hero:after{background:rgba(247,246,242,.91)}}
@media(max-width:480px){.city-hero-content{padding-top:35px;padding-bottom:38px}.city-hero h1{font-size:34px}.city-multistep-form{padding:23px 18px 18px}.city-form-head>strong{font-size:22px}.city-choice-grid{gap:7px}.city-choice-grid span{font-size:11px}.city-choice-grid-3{grid-template-columns:repeat(3,1fr)}}
/* Kompaktes Stadtformular */.city-hero{min-height:570px}.city-hero-content{grid-template-columns:minmax(0,1fr) 350px;gap:42px}.city-form-compact{min-height:0;padding:22px 23px 18px}.city-form-compact .city-form-head>strong{font-size:20px}.city-form-compact .city-form-progress{margin:13px 0 16px}.city-form-compact .city-field{margin-bottom:10px}.city-form-compact .city-field input,.city-form-compact .city-field select{width:100%;padding:10px 11px;border:1px solid #dce3e6;border-radius:5px;outline:0;background:#f7f9f9;font:400 13px Kanit}.city-form-compact .city-form-next{margin-top:5px}.city-form-compact .city-form-note{margin-top:4px}.city-form-compact .city-form-nav{grid-template-columns:.7fr 1.3fr}.city-form-compact .city-form-submit{white-space:nowrap}@media(max-width:820px){.city-hero-content{grid-template-columns:1fr}.city-form-compact{max-width:470px}}

.city-form-location-step{padding:16px 0 8px}.city-form-location-step .city-field span{font-size:13px}.city-form-location-step .city-field input{padding:14px 13px;font-size:15px}.city-form-location-step .city-form-next{margin-top:9px}

.city-form-location-step{display:none;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.city-form-location-step.is-active{display:grid}.city-form-location-step .city-field{margin:0}.city-form-location-step .city-form-next{width:auto;min-width:105px;height:49px;margin:0;padding:0 18px;align-self:end}@media(max-width:380px){.city-form-location-step{grid-template-columns:minmax(0,1fr) 92px;gap:7px}.city-form-location-step .city-form-next{min-width:92px;padding:0 10px}}

.city-message-field textarea{width:100%;min-height:72px;padding:10px 11px;border:1px solid #dce3e6;border-radius:5px;outline:0;resize:vertical;background:#f7f9f9;font:400 13px Kanit}.city-message-field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(244,122,31,.12)}

.seo-link-section{padding:72px 0;background:#f4f6f5;border-top:1px solid var(--line)}.seo-link-section h2{margin:0 0 27px;color:var(--night);font-size:34px}.seo-link-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.seo-link-grid a{display:flex;flex-direction:column;gap:5px;padding:21px;border:1px solid var(--line);border-bottom:3px solid var(--orange);background:#fff;transition:.2s}.seo-link-grid a:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,32,41,.09)}.seo-link-grid strong{color:var(--night)}.seo-link-grid span{color:var(--muted);font-size:12px}.seo-source-links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:25px;padding-top:19px;border-top:1px solid #dce2e3;font-size:12px}.seo-source-links span{color:var(--muted);font-weight:600}.seo-source-links a{color:var(--deep);text-decoration:underline;text-decoration-color:rgba(244,122,31,.45);text-underline-offset:3px}.city-service-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:42px;padding:22px;border:1px solid var(--line);border-left:4px solid var(--orange);background:var(--soft)}.city-service-links strong{flex:0 0 100%;color:var(--night);font-size:14px}.city-service-links a{padding:7px 10px;border-radius:3px;background:#fff;color:var(--deep);font-size:12px;font-weight:600;text-decoration:none}.city-service-links a:hover{color:var(--orange)}@media(max-width:760px){.seo-link-section{padding:55px 0}.seo-link-section h2{font-size:29px}.seo-link-grid{grid-template-columns:1fr}.seo-source-links{flex-direction:column;gap:9px}}

.contact-form.form-is-success,.city-multistep-form.form-is-success{display:grid;min-height:320px;place-items:center;padding:34px;background:#fff;border-top-color:#27a866}.form-success-box{max-width:430px;padding:20px;text-align:center}.form-success-check{display:grid;width:76px;height:76px;margin:0 auto 18px;place-items:center;border-radius:50%;background:#27a866;color:#fff;font-size:42px;font-weight:800;box-shadow:0 12px 30px rgba(39,168,102,.25);animation:successPop .35s ease}.form-success-box strong{display:block;color:var(--night);font-size:27px}.form-success-box p{margin:8px 0 5px;color:#40545e;font-size:16px;line-height:1.5}.form-success-box small{color:var(--muted)}@keyframes successPop{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}

.ui-icon{--icon:none;display:inline-block;width:1.05em;height:1.05em;flex:0 0 auto;vertical-align:-.14em;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}.ui-icon-phone{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15.5 15.5 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.24c1.1.37 2.3.57 3.6.57a1 1 0 0 1 1 1V20a1 1 0 0 1-1 1C10.6 21 3 13.4 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.26.2 2.47.57 3.6a1 1 0 0 1-.25 1z'/%3E%3C/svg%3E")}.ui-icon-mail{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2zm9 7 8-5H4z'/%3E%3C/svg%3E")}.ui-icon-pin{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1a8 8 0 0 0-8 8c0 6 8 14 8 14s8-8 8-14a8 8 0 0 0-8-8zm0 11a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/%3E%3C/svg%3E")}.ui-icon-check{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m9 16.2-4.2-4.2L3.4 13.4 9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E")}.ui-icon-arrow{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13 5-1.4 1.4 4.6 4.6H4v2h12.2l-4.6 4.6L13 19l7-7z'/%3E%3C/svg%3E")}.ui-icon-external{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3v2h3.6l-9.9 9.9 1.4 1.4L19 6.4V10h2V3zM5 5h6V3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-6h-2v6H5z'/%3E%3C/svg%3E")}.ui-icon-recycle{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m7.4 6 2-3.5L8 1.7 5 7l1.5 2.6.9-1.6H11V6zm9.2 3h4v-1.7L18 2.7h-3l1 1.7-1.8 3.1 1.7 1zM8 17H4l1 1.7L7.7 23h5v-2h-3.8zm11-6-1 1.7-1.8-3.2-1.7 1 3 5.2-2 3.3H17l3-5.2zM4.3 9.5l-3 5.2L3 17.6 4 16h3.6v-2H4z'/%3E%3C/svg%3E")}.button .ui-icon,.main-nav .ui-icon{margin-left:.3em}.form-success-check .ui-icon{width:42px;height:42px;vertical-align:0}.topbar .ui-icon,.contact-card .ui-icon{vertical-align:-.18em}

/* Finale mobile Navigation */
.mobile-nav-backdrop{display:none}
@media(max-width:760px){
  body.mobile-menu-open{overflow:hidden}
  .site-header{z-index:100}
  .nav-wrap{position:relative}
  .menu-button{position:relative;z-index:104;display:grid;width:48px;height:48px;margin-left:auto;padding:0;place-content:center;border:1px solid #d4dad8;border-radius:12px;background:#fff;box-shadow:0 7px 18px rgba(19,38,47,.11);transition:background .2s,border-color .2s,transform .2s}
  .menu-button:active{transform:scale(.96)}
  .menu-button span{width:23px;height:2px;margin:3px 0;border-radius:4px;background:#172932;transform-origin:center;transition:transform .25s ease,opacity .18s ease,width .2s ease}
  .menu-button span:nth-child(2){width:17px;justify-self:end}
  .menu-button.is-open{border-color:var(--orange);background:var(--orange)}
  .menu-button.is-open span{width:23px;background:#fff}
  .menu-button.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  .menu-button.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}
  .menu-button.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .main-nav{position:fixed;z-index:103;top:126px;right:14px;left:14px;display:flex!important;max-height:calc(100dvh - 142px);gap:0;padding:10px;overflow:auto;visibility:hidden;opacity:0;border:1px solid rgba(23,41,50,.1);border-radius:16px;background:#fff;box-shadow:0 25px 65px rgba(8,23,31,.28);transform:translateY(-14px) scale(.98);transform-origin:top;pointer-events:none;transition:opacity .22s ease,transform .22s ease,visibility .22s}
  .main-nav.open{visibility:visible;opacity:1;transform:translateY(0) scale(1);pointer-events:auto}
  .main-nav a,.main-nav>a:not(.nav-cta){position:relative;display:flex;align-items:center;min-height:51px;padding:12px 15px 12px 43px!important;border:0!important;border-radius:9px;color:#23363f!important;font-size:14px;font-weight:600;text-align:left;transition:background .16s,color .16s,transform .16s}
  .main-nav>a:not(.nav-cta):before{content:'';position:absolute;left:18px;width:8px;height:8px;border:2px solid #b8c2c6;border-radius:50%;transition:.16s}
  .main-nav>a:not(.nav-cta):after{display:none!important}
  .main-nav>a:not(.nav-cta):hover,.main-nav>a.is-active:not(.nav-cta){background:#f2f5f4;color:#e86f18!important;transform:translateX(2px)}
  .main-nav>a.is-active:not(.nav-cta):before,.main-nav>a:not(.nav-cta):hover:before{border-color:var(--orange);background:var(--orange);box-shadow:0 0 0 4px rgba(244,122,31,.12)}
  .main-nav .nav-cta{justify-content:center;min-height:54px;margin:9px 0 0;padding:13px 18px!important;border:0!important;border-radius:10px;background:linear-gradient(135deg,#f68a37,#e7650d)!important;box-shadow:0 9px 22px rgba(244,122,31,.27);color:#fff!important;font-size:15px}
  .main-nav .nav-cta:after{margin-left:9px}
  .mobile-nav-backdrop{position:fixed;z-index:98;inset:0;display:block;visibility:hidden;opacity:0;width:100%;height:100%;padding:0;border:0;background:rgba(7,19,26,.58);backdrop-filter:blur(3px);pointer-events:none;transition:opacity .22s,visibility .22s}
  body.mobile-menu-open .mobile-nav-backdrop{visibility:visible;opacity:1;pointer-events:auto}
}
@media(max-width:430px){
  .main-nav{top:124px;right:10px;left:10px;max-height:calc(100dvh - 136px);border-radius:14px}
  .menu-button{width:45px;height:45px;border-radius:10px}
}
/* Mobiles Menü von links */
@media(max-width:760px){
  .main-nav{
    position:fixed;
    z-index:103;
    top:0;
    bottom:0;
    left:0;
    right:auto;
    width:min(86vw,370px);
    max-height:none;
    height:100dvh;
    gap:3px;
    padding:28px 18px 24px;
    overflow-y:auto;
    visibility:hidden;
    opacity:1;
    border:0;
    border-right:1px solid rgba(23,41,50,.1);
    border-radius:0 20px 20px 0;
    background:#fff;
    box-shadow:24px 0 60px rgba(5,18,25,.3);
    transform:translateX(-105%);
    transform-origin:left center;
    pointer-events:none;
    transition:transform .32s cubic-bezier(.22,.8,.25,1),visibility .32s;
  }
  .main-nav:before{
    content:'MENÜ';
    display:block;
    margin:0 7px 19px;
    padding:0 0 17px;
    border-bottom:1px solid #e3e8e8;
    color:var(--orange);
    font-size:11px;
    font-weight:800;
    letter-spacing:2.4px;
  }
  .main-nav.open{
    visibility:visible;
    opacity:1;
    transform:translateX(0);
    pointer-events:auto;
  }
  .main-nav a,.main-nav>a:not(.nav-cta){
    flex:0 0 auto;
    width:100%;
    min-height:52px;
    padding:13px 16px 13px 45px!important;
  }
  .main-nav .nav-cta{
    width:100%;
    margin-top:13px;
  }
  .menu-button{overflow:hidden}
  .menu-button:before{
    content:'';
    position:absolute;
    inset:0;
    border-radius:inherit;
    background:var(--orange);
    opacity:0;
    transform:scale(.6);
    transition:opacity .2s,transform .25s;
  }
  .menu-button.is-open:before{opacity:1;transform:scale(1)}
  .menu-button span{position:relative;z-index:1}
}
@media(max-width:430px){
  .main-nav{top:0;right:auto;left:0;width:min(88vw,340px);max-height:none;border-radius:0 17px 17px 0}
}