/*
Theme Name: Schelldorf Starter
Theme URI: https://ki.schelldorf.de/
Author: Schelldorf
Description: Eigenständiges WordPress-Block-Theme für Schelldorf.
Version: 2.8.30
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 7.4
Text Domain: schelldorf-starter
*/
:root{--sd-ink:#102b36;--sd-deep:#082a35;--sd-teal:#087e83;--sd-coral:#ff625e;--sd-coral-dark:#ed514d;--sd-white:#fff;--sd-soft:#f1f4f5;--sd-muted:#63747c;--sd-line:#d8e1e3;--sd-width:1280px;--sd-gutter:clamp(22px,4vw,48px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--sd-ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:3px}a:hover{color:var(--sd-coral-dark)}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--sd-ink);letter-spacing:-.045em;line-height:1.08;text-wrap:balance}.sd-container{width:min(var(--sd-width),calc(100% - 2 * var(--sd-gutter)));margin-inline:auto}
/* Header: ausreichend hoch, klare Abstände, keine Überlagerungen */
.site-header{position:relative;z-index:30;width:100%;height:82px;min-height:82px;background:#fff;border-bottom:1px solid #edf0f1}.wp-site-blocks>.site-header,.wp-site-blocks>header{width:100%!important;max-width:none!important;margin:0!important}.header-inner{width:min(1380px,calc(100% - 64px))!important;max-width:1380px!important;height:82px!important;min-height:82px!important;margin:0 auto!important;padding:0!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:space-between!important;gap:24px!important}.header-inner>.brand{position:relative;flex:0 0 330px!important;min-width:260px!important;margin:0!important;padding:0!important;white-space:nowrap}.brand-logo-link{display:flex!important;align-items:center!important;width:100%;max-width:330px;text-decoration:none}.brand-logo{display:block!important;width:100%!important;max-width:330px!important;height:auto!important;max-height:34px!important;object-fit:contain!important;object-position:left center!important}.header-inner>.wp-block-navigation{flex:1 1 auto!important;min-width:0!important;display:flex!important;justify-content:flex-end!important}.header-inner .wp-block-navigation__container{display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(4px,.65vw,12px)!important;white-space:nowrap!important}.header-inner .wp-block-navigation-item,.header-inner .wp-block-navigation-item__content{white-space:nowrap!important}.header-inner .wp-block-navigation-item__content{padding:7px 6px!important;color:var(--sd-ink);font-size:clamp(.68rem,.72vw,.78rem)!important;font-weight:700;text-decoration:none}.header-inner .wp-block-navigation-item__content:hover{color:var(--sd-coral)}.header-inner>.header-cta{flex:0 0 auto!important;display:inline-flex;align-items:center;gap:10px;margin-left:8px!important;padding:12px 19px;border-radius:8px;background:var(--sd-coral);color:#fff!important;font-size:.8rem;font-weight:800;text-decoration:none;white-space:nowrap}.header-cta:hover{background:var(--sd-coral-dark);color:#fff!important}
/* Remove WordPress constrained widths from the homepage wrapper */
.wp-site-blocks>.site-footer,.wp-site-blocks>footer{width:100%!important;max-width:none!important;margin:0!important}.home-main{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff}.home-main>section{width:100%;max-width:none;margin:0}
/* HERO — full viewport width. The supplied photo already contains the diagonal white edge: do NOT clip it again. */
.hero-section{position:relative!important;isolation:isolate;overflow:hidden;width:100vw!important;max-width:none!important;height:clamp(270px,18.7vw,340px)!important;min-height:0!important;left:50%!important;transform:translateX(-50%)!important;margin:0!important;padding:0!important;background:#f4f6f8!important}
.hero-grid{position:relative!important;display:block!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important}
.hero-copy{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;width:58%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:24px 24px 24px max(28px,calc((100vw - 1500px)/2))!important;background:transparent!important}
.hero-copy .eyebrow{margin:0 0 10px!important;color:var(--sd-ink);font-size:.68rem!important;font-weight:850;letter-spacing:.19em!important;text-transform:uppercase;white-space:nowrap}
.hero-title{width:100%!important;max-width:570px!important;margin:0 0 10px!important;color:var(--sd-ink);font-size:clamp(2.65rem,3.45vw,3.5rem)!important;font-weight:850;line-height:.98!important;letter-spacing:-.065em!important}.coral-word{color:var(--sd-coral)}
.hero-lead{max-width:455px!important;margin:0!important;color:#243e48;font-size:clamp(.98rem,1.05vw,1.08rem)!important;line-height:1.34!important}
.hero-actions{display:flex!important;flex-flow:row wrap!important;gap:14px!important;margin-top:16px!important}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:37px;padding:8px 20px;border:1px solid transparent;border-radius:8px;font-size:.82rem;font-weight:800;text-decoration:none;transition:transform .18s ease,background .18s ease}.hero-actions .button{width:auto!important;min-width:0!important;min-height:37px!important;padding:8px 20px!important}.button-primary{background:var(--sd-coral);color:#fff;box-shadow:0 5px 12px rgba(255,98,94,.16)}.button-primary:hover{background:var(--sd-coral-dark);color:#fff;transform:translateY(-2px)}.button-secondary{border-color:var(--sd-ink);background:#fff;color:var(--sd-ink)}.button-secondary:hover{background:var(--sd-ink);color:#fff}
.hero-visual{position:absolute!important;z-index:1!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;width:58%!important;height:100%!important;min-height:0!important;overflow:hidden!important;clip-path:none!important;-webkit-clip-path:none!important;pointer-events:none}.hero-visual img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-width:none!important;object-fit:fill!important;object-position:center!important}
/* Services */
.services-section{background:#fff;padding:78px 0 72px}.section-heading{text-align:center;max-width:1100px;margin:0 auto 42px}.section-heading .eyebrow{margin-bottom:5px}.eyebrow{margin:0 0 10px;color:var(--sd-coral);font-size:.67rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase}.section-heading h2,.reference-header h2{margin:0 0 4px;font-size:clamp(1.75rem,2.25vw,2.15rem);font-weight:850;letter-spacing:-.05em}.section-heading>p:last-child{margin:0;color:#243e48;font-size:.86rem}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.service-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:205px;padding:28px 30px 26px;background:#fff;border:1px solid #e8edef;border-radius:14px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.service-card:hover{color:var(--sd-ink);transform:translateY(-3px);box-shadow:0 9px 20px rgba(16,43,54,.09)}.service-icon-svg{display:block;width:34px;height:34px;margin:0 0 5px;fill:none;stroke:var(--sd-coral);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.service-card h3{max-width:100%;margin:0;padding-right:23px;font-size:.98rem;line-height:1.12;font-weight:850;letter-spacing:-.04em}.service-card p{display:block;max-width:38ch;margin:14px 0 0;color:#52666e;font-size:.92rem;line-height:1.55}.card-link{position:absolute;right:10px;bottom:10px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--sd-coral);color:#fff;font-size:0}.card-link b{font-size:1.05rem;line-height:1;color:#fff}
/* Process */
.process-section{background:#fff;padding:58px 0 76px}.process-inner{display:grid;grid-template-columns:minmax(260px,.95fr) minmax(0,2.05fr);gap:34px;align-items:center}.process-heading{padding-right:24px;border-right:1px solid #9eb1b7}.process-heading .eyebrow{margin-bottom:7px}.process-heading h2{max-width:330px;margin:0;font-size:clamp(1.75rem,2.3vw,2.15rem);font-weight:850;line-height:1.02}.process-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.process-step{position:relative;min-width:0}.step-number{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:37px;height:37px;margin-bottom:5px;border-radius:50%;background:var(--sd-coral);color:#fff;font-size:.82rem;font-weight:850;box-shadow:0 0 0 4px #fff}.process-step:not(:last-child):after{content:"";position:absolute;left:45px;right:-14px;top:18px;height:1px;background:#7e9ba3}.process-step h3{margin:0 0 4px;font-size:.94rem;font-weight:850;line-height:1.1}.process-step p{margin:0;color:#334d57;font-size:.73rem;line-height:1.28}
/* Benefit band */
.benefits-section{display:grid;grid-template-columns:35% 65%;min-height:142px;background:linear-gradient(105deg,#102b36 0%,#075b63 100%);color:#fff}.benefit-image{position:relative;min-height:142px;overflow:hidden}.benefit-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:left center}.benefit-content{width:min(760px,calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:26px;align-items:center;padding:14px 0}.benefits-copy .eyebrow{margin-bottom:2px;color:var(--sd-coral)}.benefits-copy h2{margin:0 0 5px;color:#fff;font-size:1.72rem;font-weight:850;line-height:1.05}.benefits-copy ul{display:grid;gap:2px;margin:0;padding:0;list-style:none}.benefits-copy li{position:relative;padding-left:23px;color:#f4f8f8;font-size:.82rem;line-height:1.35}.benefits-copy li:before{content:"✓";position:absolute;left:0;color:var(--sd-coral);font-size:1.1rem;font-weight:900}.benefit-stats{display:grid;gap:6px;padding-left:24px;border-left:1px solid rgba(255,255,255,.55)}.benefit-stats div{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:8px}.benefit-stats strong{color:var(--sd-coral);font-size:1.8rem;line-height:1;font-weight:900;letter-spacing:-.05em}.benefit-stats span{color:#fff;font-size:.78rem}
/* References and footer */
.references-section{background:#fff;padding:13px 0 24px}.reference-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:7px}.reference-header .eyebrow{margin-bottom:2px}.reference-header h2{font-size:1.65rem}.reference-all{flex:none;padding:8px 15px;border:1px solid var(--sd-coral);border-radius:8px;color:var(--sd-ink);font-size:.78rem;font-weight:800;text-decoration:none}.reference-all span{padding-left:6px;color:var(--sd-coral)}.reference-all:hover{background:var(--sd-coral);color:#fff}.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;max-width:1120px;margin:0 auto}.reference-card{display:block;min-width:0;overflow:hidden;background:#f4f6f6;text-decoration:none;transition:transform .18s ease}.reference-card img{width:100%;aspect-ratio:2.2;object-fit:contain;background:#fff}.reference-card span{display:none}.reference-card:hover{transform:translateY(-3px);color:var(--sd-ink)}.closing-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px;padding:10px 12px;border-top:1px solid var(--sd-line)}.closing-cta p{margin:0;color:var(--sd-ink);font-size:.85rem;font-weight:800}.closing-cta a{color:var(--sd-coral-dark);font-size:.85rem;font-weight:850;text-decoration:none}.site-footer{background:#082a35;color:#dce7e8;padding:26px 24px 18px;border-top:2px solid var(--sd-coral)}.footer-inner,.copyright{width:min(var(--sd-width),calc(100% - 2 * var(--sd-gutter)));max-width:var(--sd-width);margin-inline:auto}.site-footer a,.site-footer .wp-block-site-title{color:#fff!important}.footer-note{margin:0;color:#dce7e8;font-size:.8rem}.copyright{margin-top:15px;padding-top:12px;border-top:1px solid rgba(255,255,255,.17);font-size:.72rem;color:#b7c8ca}
/* Other pages */
.wp-block-post-title{color:var(--sd-ink)}.wp-block-post-content{max-width:var(--sd-width);margin-inline:auto;padding-inline:var(--sd-gutter)}.wp-block-post-content p{max-width:72ch}input,textarea,select{max-width:100%;border:1px solid #cbd8da;border-radius:8px;padding:12px 14px;color:var(--sd-ink);background:#fff}:focus-visible{outline:3px solid var(--sd-coral);outline-offset:3px}
@media(max-width:1380px) and (min-width:782px){.header-inner{width:calc(100% - 40px)!important;gap:12px!important}.header-inner>.brand{flex-basis:300px!important;min-width:240px!important}.brand-logo{max-width:300px!important;max-height:32px!important}.header-inner .wp-block-navigation__container{gap:3px!important}.header-inner .wp-block-navigation-item__content{padding-inline:4px!important;font-size:.68rem!important}.header-inner>.header-cta{padding:10px 12px!important;font-size:.72rem!important}.hero-copy{padding-left:max(28px,calc((100vw - 1200px)/2))!important}.process-inner{grid-template-columns:1fr;gap:18px}.process-heading{border-right:0;padding-right:0}.process-heading h2 br{display:none}.benefit-content{grid-template-columns:1fr 180px;gap:18px}}
@media(max-width:781px){.site-header{height:auto;min-height:72px}.header-inner{width:calc(100% - 36px)!important;height:auto!important;min-height:72px!important;gap:10px!important}.header-inner>.brand{flex:1 1 auto!important;min-width:0!important;padding:0!important}.brand-logo-link{max-width:250px}.brand-logo{max-width:250px!important;max-height:30px!important}.header-cta{display:none!important}.header-inner>.wp-block-navigation{flex:0 0 auto!important}.header-inner .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}.wp-block-navigation__responsive-container.is-menu-open{background:#fff;color:var(--sd-ink);padding:24px}.hero-section{left:auto!important;transform:none!important;width:100%!important;height:auto!important;min-height:0!important}.hero-grid{height:auto!important}.hero-copy{width:100%!important;height:auto!important;min-height:0!important;padding:36px var(--sd-gutter) 28px!important}.hero-title{font-size:clamp(2.5rem,9vw,3.5rem)!important;max-width:620px!important}.hero-lead{max-width:540px!important}.hero-visual{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:3.1!important;clip-path:none!important}.hero-visual img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}.services-section{padding:32px 0 20px}.section-heading{text-align:left;margin-bottom:18px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-card{min-height:110px}.process-section{padding:25px 0}.process-inner{grid-template-columns:1fr;gap:20px}.process-heading{border-right:0;padding-right:0}.process-heading h2 br{display:none}.process-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.process-step:nth-child(2):after{display:none}.benefits-section{grid-template-columns:1fr}.benefit-image{min-height:170px}.benefit-content{width:calc(100% - 40px);grid-template-columns:1fr;padding:22px 0}.benefit-stats{grid-template-columns:repeat(3,minmax(0,1fr));border-left:0;border-top:1px solid rgba(255,255,255,.45);padding:14px 0 0}.benefit-stats div{grid-template-columns:1fr;gap:3px}.benefit-stats strong{font-size:1.5rem}.reference-header{align-items:flex-start}.reference-grid{gap:12px}.closing-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.service-grid,.reference-grid{grid-template-columns:1fr}.service-card{min-height:100px}.hero-actions{align-items:stretch;flex-direction:column;width:100%}.hero-actions .button{width:100%!important}.process-steps{gap:20px 12px}.process-step:after{display:none!important}.benefit-stats{grid-template-columns:1fr 1fr}.reference-header{flex-direction:column}.reference-all{align-self:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Spacious white content area below the hero — three cards per row */
.services-section>.sd-container,.process-section>.sd-container,.references-section>.sd-container{width:min(1380px,calc(100% - 2 * clamp(24px,5vw,72px)));max-width:1380px}
.services-section .section-heading h2{font-size:clamp(2rem,3vw,2.65rem)}
.service-card:hover{border-color:var(--sd-coral);box-shadow:0 14px 34px rgba(16,43,54,.08)}
.service-card h3{font-size:1.18rem;line-height:1.2}
.service-icon-svg{width:38px;height:38px;margin-bottom:16px}
@media(max-width:781px){
  .services-section{padding:48px 0 44px}
  .section-heading{margin-bottom:28px}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .service-card{min-height:180px;padding:22px}
  .service-card p{font-size:.85rem}
  .process-section{padding:42px 0 50px}
}
@media(max-width:480px){
  .service-grid{grid-template-columns:1fr}
  .service-card{min-height:0;padding:22px}
}

/* Version 2.8.4: Originales SCHELLDORF-Logo und echte Referenz-Screenshots */
.brand-logo{width:100%!important;max-width:330px!important;height:auto!important;max-height:42px!important;object-fit:contain!important;object-position:left center!important}
.brand-logo-link{max-width:360px!important}
.reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;max-width:1280px;margin:0 auto}
.reference-card{display:block;min-width:0;overflow:visible!important;background:transparent!important;text-decoration:none}
.browser-frame{overflow:hidden;background:#fff;border:1px solid #d9dddf;border-radius:10px;box-shadow:0 10px 28px rgba(25,39,45,.10)}
.browser-toolbar{height:28px;display:flex;align-items:center;gap:6px;padding:0 10px;background:#f4f6f7;border-bottom:1px solid #e4e8e9}
.browser-toolbar>span{display:block;width:7px;height:7px;border-radius:50%;background:#c7ced1}
.browser-address{flex:1;margin-left:8px;padding:3px 10px;border-radius:4px;background:#fff;color:#829097;font-size:10px;line-height:1.2}
.reference-card .browser-frame img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;background:#fff}
.reference-card>span{display:block;margin-top:12px;color:var(--sd-ink);font-size:.88rem;font-weight:750}
.reference-card:hover{transform:translateY(-3px);color:var(--sd-ink)}
@media(max-width:900px){.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.reference-grid{grid-template-columns:1fr;gap:22px}}

/* Version 2.8.5: Headerlogo durch das zuletzt bereitgestellte Original ersetzt. */

/* Version 2.8.6: Die Startseite kommt aus dem WordPress-Seiteninhalt, nicht mehr aus einem Theme-Template. */
.front-page .wp-block-post-title,.home .wp-block-post-title{display:none!important}
.front-page .wp-block-post-content,.home .wp-block-post-content{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
.front-page .wp-block-post-content>.wp-block-html,.home .wp-block-post-content>.wp-block-html{width:100%;max-width:none}


/* Version 2.8.7: Mehr Höhe im Header und besser lesbare Navigation. */
.site-header{height:100px!important;min-height:100px!important}
.header-inner{height:100px!important;min-height:100px!important;gap:26px!important}
.header-inner>.brand{flex-basis:350px!important;min-width:280px!important}
.brand-logo-link{max-width:350px!important}
.brand-logo{max-width:350px!important;max-height:44px!important}
.header-inner .wp-block-navigation__container{gap:clamp(8px,.9vw,16px)!important}
.header-inner .wp-block-navigation-item__content{padding:10px 7px!important;font-size:clamp(.84rem,.9vw,.96rem)!important;line-height:1.25!important}
.header-inner>.header-cta{padding:14px 22px!important;font-size:.9rem!important}
@media(max-width:1380px) and (min-width:782px){
  .site-header{height:96px!important;min-height:96px!important}
  .header-inner{height:96px!important;min-height:96px!important;gap:14px!important}
  .header-inner>.brand{flex-basis:310px!important;min-width:250px!important}
  .brand-logo-link,.brand-logo{max-width:310px!important}
  .brand-logo{max-height:40px!important}
  .header-inner .wp-block-navigation__container{gap:5px!important}
  .header-inner .wp-block-navigation-item__content{padding:9px 5px!important;font-size:.80rem!important}
  .header-inner>.header-cta{padding:12px 14px!important;font-size:.82rem!important}
}
@media(max-width:781px){
  .site-header{height:auto!important;min-height:82px!important}
  .header-inner{height:auto!important;min-height:82px!important}
  .brand-logo{max-height:34px!important}
}


/* Version 2.8.8 – Onepager: Abschnittsnavigation, Agentur und Kontakt */
.site-header{position:sticky!important;top:0!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(12px)}
html{scroll-padding-top:112px}
.home-main section[id]{scroll-margin-top:112px}
.onepager-intro{padding:clamp(58px,8vw,112px) 0;background:#fff}
.onepager-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);gap:clamp(32px,6vw,90px);align-items:center}
.onepager-intro h2{font-size:clamp(2rem,3.4vw,3.15rem);line-height:1.04;max-width:700px;margin:0 0 22px}
.onepager-intro p{max-width:66ch;color:#435a63;font-size:1rem;line-height:1.75}
.onepager-intro .intro-statement{padding-left:26px;border-left:2px solid var(--sd-coral);font-size:clamp(1.05rem,1.4vw,1.28rem);line-height:1.55;color:var(--sd-ink)}
.service-card{border-radius:0!important;border-width:0 0 1px!important;border-color:var(--sd-line)!important;padding:28px 18px 26px!important;min-height:220px!important;box-shadow:none!important}
.service-card:hover{transform:translateY(-2px)!important;background:#fffafa!important}
.service-card .service-index{color:var(--sd-coral);font-size:.72rem;font-weight:850;letter-spacing:.14em;margin-bottom:22px}
.service-card h3{font-size:clamp(1.08rem,1.4vw,1.28rem)!important}
.service-card p{font-size:.9rem!important;line-height:1.65!important}
.agentur-section{padding:clamp(66px,8vw,112px) 0;background:#f6f7f8}
.agentur-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,7vw,100px);align-items:start}
.agentur-side{position:sticky;top:140px}
.agentur-side h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:.98;margin:0;letter-spacing:-.06em}
.agentur-copy p{max-width:66ch;color:#435a63;font-size:1.02rem;line-height:1.8}
.agentur-copy .agentur-lead{font-size:clamp(1.2rem,1.7vw,1.55rem);line-height:1.5;color:var(--sd-ink);font-weight:700}
.agentur-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;margin-top:38px;padding-top:28px;border-top:1px solid #d7e0e2}
.agentur-points strong{display:block;margin-bottom:6px;color:var(--sd-ink);font-size:1rem}
.agentur-points span{display:block;color:#61747b;font-size:.88rem;line-height:1.55}
.process-section{padding:clamp(60px,8vw,100px) 0!important}
.process-step h3{font-size:1rem!important}.process-step p{font-size:.84rem!important;line-height:1.5!important}
.process-steps{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}
.contact-section{padding:clamp(72px,10vw,132px) 0;background:#f6f7f8}
.contact-inner{width:min(1380px,calc(100% - 2 * clamp(24px,5vw,72px)));margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end}
.contact-section h2{max-width:850px;margin:0 0 20px;font-size:clamp(2.5rem,5.5vw,5.2rem);line-height:.98;letter-spacing:-.065em}
.contact-section .contact-sub{font-size:1.15rem;color:#52666e;margin:0}
.contact-meta{border-left:1px solid #a9b9be;padding:8px 0 8px 28px;display:grid;gap:14px}
.contact-meta a{color:var(--sd-ink);font-weight:750;text-decoration:none}.contact-meta a:hover{color:var(--sd-coral)}
.contact-actions{margin-top:28px}
.contact-actions .button{min-height:48px;padding:13px 24px;font-size:.92rem}
.reference-header{margin-bottom:28px!important}
.references-section{padding:clamp(64px,8vw,100px) 0!important}
.references-section .reference-card>span{font-size:1rem!important;font-weight:800}
.site-footer{background:#fff!important;color:var(--sd-ink)!important;border-top:1px solid var(--sd-line)!important;padding:30px 24px 20px!important}
.site-footer a,.site-footer .wp-block-site-title{color:var(--sd-ink)!important}
.site-footer a:hover{color:var(--sd-coral)!important}
.footer-note{color:#52666e!important}
.copyright{color:#718188!important;border-color:var(--sd-line)!important}
@media(max-width:781px){
 .onepager-intro-grid,.agentur-grid,.contact-inner{grid-template-columns:1fr;gap:28px}
 .agentur-side{position:static}.agentur-points{grid-template-columns:1fr 1fr}
 .process-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 18px!important}
 .contact-meta{border-left:0;border-top:1px solid #a9b9be;padding:22px 0 0}
}
@media(max-width:480px){.agentur-points{grid-template-columns:1fr}.process-steps{grid-template-columns:1fr!important}.service-grid{grid-template-columns:1fr!important}}


/* Version 2.8.8 – Onepager: Abschnittsnavigation, Agentur und Kontakt */
.site-header{position:sticky!important;top:0!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(12px)}
html{scroll-padding-top:112px}
.home-main section[id]{scroll-margin-top:112px}
.onepager-intro{padding:clamp(58px,8vw,112px) 0;background:#fff}
.onepager-intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);gap:clamp(32px,6vw,90px);align-items:center}
.onepager-intro h2{font-size:clamp(2rem,3.4vw,3.15rem);line-height:1.04;max-width:700px;margin:0 0 22px}
.onepager-intro p{max-width:66ch;color:#435a63;font-size:1rem;line-height:1.75}
.onepager-intro .intro-statement{padding-left:26px;border-left:2px solid var(--sd-coral);font-size:clamp(1.05rem,1.4vw,1.28rem);line-height:1.55;color:var(--sd-ink)}
.service-card{border-radius:0!important;border-width:0 0 1px!important;border-color:var(--sd-line)!important;padding:28px 18px 26px!important;min-height:220px!important;box-shadow:none!important}
.service-card:hover{transform:translateY(-2px)!important;background:#fffafa!important}
.service-card .service-index{color:var(--sd-coral);font-size:.72rem;font-weight:850;letter-spacing:.14em;margin-bottom:22px}
.service-card h3{font-size:clamp(1.08rem,1.4vw,1.28rem)!important}
.service-card p{font-size:.9rem!important;line-height:1.65!important}
.agentur-section{padding:clamp(66px,8vw,112px) 0;background:#f6f7f8}
.agentur-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(35px,7vw,100px);align-items:start}
.agentur-side{position:sticky;top:140px}
.agentur-side h2{font-size:clamp(2.2rem,4vw,3.8rem);line-height:.98;margin:0;letter-spacing:-.06em}
.agentur-copy p{max-width:66ch;color:#435a63;font-size:1.02rem;line-height:1.8}
.agentur-copy .agentur-lead{font-size:clamp(1.2rem,1.7vw,1.55rem);line-height:1.5;color:var(--sd-ink);font-weight:700}
.agentur-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 30px;margin-top:38px;padding-top:28px;border-top:1px solid #d7e0e2}
.agentur-points strong{display:block;margin-bottom:6px;color:var(--sd-ink);font-size:1rem}
.agentur-points span{display:block;color:#61747b;font-size:.88rem;line-height:1.55}
.process-section{padding:clamp(60px,8vw,100px) 0!important}
.process-step h3{font-size:1rem!important}.process-step p{font-size:.84rem!important;line-height:1.5!important}
.process-steps{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:24px!important}
.contact-section{padding:clamp(72px,10vw,132px) 0;background:#f6f7f8}
.contact-inner{width:min(1380px,calc(100% - 2 * clamp(24px,5vw,72px)));margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end}
.contact-section h2{max-width:850px;margin:0 0 20px;font-size:clamp(2.5rem,5.5vw,5.2rem);line-height:.98;letter-spacing:-.065em}
.contact-section .contact-sub{font-size:1.15rem;color:#52666e;margin:0}
.contact-meta{border-left:1px solid #a9b9be;padding:8px 0 8px 28px;display:grid;gap:14px}
.contact-meta a{color:var(--sd-ink);font-weight:750;text-decoration:none}.contact-meta a:hover{color:var(--sd-coral)}
.contact-actions{margin-top:28px}
.contact-actions .button{min-height:48px;padding:13px 24px;font-size:.92rem}
.reference-header{margin-bottom:28px!important}
.references-section{padding:clamp(64px,8vw,100px) 0!important}
.references-section .reference-card>span{font-size:1rem!important;font-weight:800}
.site-footer{background:#fff!important;color:var(--sd-ink)!important;border-top:1px solid var(--sd-line)!important;padding:30px 24px 20px!important}
.site-footer a,.site-footer .wp-block-site-title{color:var(--sd-ink)!important}
.site-footer a:hover{color:var(--sd-coral)!important}
.footer-note{color:#52666e!important}
.copyright{color:#718188!important;border-color:var(--sd-line)!important}
@media(max-width:781px){
 .onepager-intro-grid,.agentur-grid,.contact-inner{grid-template-columns:1fr;gap:28px}
 .agentur-side{position:static}.agentur-points{grid-template-columns:1fr 1fr}
 .process-steps{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 18px!important}
 .contact-meta{border-left:0;border-top:1px solid #a9b9be;padding:22px 0 0}
}
@media(max-width:480px){.agentur-points{grid-template-columns:1fr}.process-steps{grid-template-columns:1fr!important}.service-grid{grid-template-columns:1fr!important}}


/* Referenzabgleich: aktive Navigation und Ankerposition */
html {
  scroll-padding-top: 112px;
}
.home-main section[id] {
  scroll-margin-top: 112px;
}
.header-inner .wp-block-navigation-item__content[aria-current="location"] {
  color: var(--sd-ink) !important;
  text-decoration: underline !important;
  text-decoration-color: var(--sd-coral) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 7px !important;
}

/* Mobile-Menü: WordPress-Overlay statt eines separaten .menu-Elements */
@media (max-width: 781px) {
  .wp-block-navigation__responsive-container.is-menu-open {
    background: #fff !important;
    color: var(--sd-ink) !important;
    padding: 24px !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__container {
    align-items: stretch !important;
    gap: 0 !important;
  }
  .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content {
    display: block;
    width: 100%;
    padding: 13px 0 !important;
    border-bottom: 1px solid var(--sd-line);
  }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
}


/* 2.8.13 – Referenzfunktion: echter Sticky-Header und responsives Onepager-Menü */
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1000 !important;
  background: rgba(255,255,255,.97) !important;
  backdrop-filter: blur(12px);
}
html { scroll-padding-top: 112px !important; }
.home-main section[id] { scroll-margin-top: 112px !important; }

.primary-navigation {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
}
.primary-navigation .menu {
  display: none;
}
.primary-navigation .nav-links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: clamp(4px,.65vw,12px);
  white-space: nowrap;
}
.primary-navigation .nav-links a {
  display: inline-block;
  padding: 7px 6px;
  color: var(--sd-ink);
  font-size: clamp(.68rem,.72vw,.78rem);
  font-weight: 700;
  text-decoration: none;
}
.primary-navigation .nav-links a:hover {
  color: var(--sd-coral);
}
.primary-navigation .nav-links a[aria-current="location"] {
  text-decoration: underline !important;
  text-decoration-color: var(--sd-coral) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 7px !important;
}
.primary-navigation .mobile-contact { display: none; }

@media (max-width: 781px) {
  .header-inner { position: relative !important; }
  .primary-navigation {
    flex: 0 0 auto !important;
    margin-left: auto;
  }
  .primary-navigation .menu {
    display: grid !important;
    place-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid var(--sd-line);
    border-radius: 3px;
    background: transparent;
    cursor: pointer;
  }
  .primary-navigation .menu span {
    display: block;
    width: 19px;
    height: 1px;
    background: var(--sd-ink);
    transition: transform .2s ease;
  }
  .primary-navigation .menu[aria-expanded="true"] span:first-child {
    transform: translateY(3px) rotate(45deg);
  }
  .primary-navigation .menu[aria-expanded="true"] span:last-child {
    transform: translateY(-3px) rotate(-45deg);
  }
  .primary-navigation .nav-links {
    display: none;
    position: absolute;
    top: calc(100% + 14px);
    right: -8px;
    z-index: 1001;
    width: min( min(88vw, 360px), calc(100vw - 36px) );
    padding: 12px 22px 22px;
    background: #fff;
    border: 1px solid var(--sd-line);
    box-shadow: 0 14px 34px rgba(16,43,54,.12);
    white-space: normal;
  }
  .primary-navigation .nav-links.open {
    display: grid !important;
    gap: 0;
  }
  .primary-navigation .nav-links a {
    display: block;
    width: 100%;
    padding: 13px 0 !important;
    border-bottom: 1px solid var(--sd-line);
    font-size: .92rem !important;
  }
  .primary-navigation .nav-links .mobile-contact { display: block; }
  .header-inner > .header-cta { display: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  .primary-navigation .menu span { transition: none !important; }
}


/* Version 2.8.16 – Header: sichtbare Navigation, Sticky-Verhalten und Hero-Abstand */
.site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 999 !important;
  height: 96px !important;
  min-height: 96px !important;
  margin: 0 !important;
  background: rgba(255,255,255,.98) !important;
  border-bottom: 1px solid #edf0f1 !important;
  backdrop-filter: blur(12px);
}
body.admin-bar .site-header {
  top: 32px !important;
}
.header-inner {
  width: min(1380px, calc(100% - 64px)) !important;
  height: 96px !important;
  min-height: 96px !important;
  gap: 30px !important;
}
.header-inner > .brand {
  flex: 0 0 350px !important;
  min-width: 280px !important;
}
.brand-logo-link,
.brand-logo {
  max-width: 350px !important;
}
.brand-logo {
  max-height: 44px !important;
}
.primary-navigation {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  justify-content: flex-end !important;
  margin-left: auto !important;
}
.primary-navigation .nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: clamp(10px, 1vw, 19px) !important;
}
.primary-navigation .nav-links a {
  padding: 10px 5px !important;
  font-size: clamp(.88rem, .9vw, 1rem) !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}
.header-inner > .header-cta {
  margin-left: 12px !important;
  padding: 14px 20px !important;
  font-size: .9rem !important;
}
/* Kein zusätzlicher Blockabstand zwischen Header und Hero */
.site-header + .home-main,
.wp-site-blocks > .site-header + main,
.wp-site-blocks > header + main {
  margin-block-start: 0 !important;
  padding-block-start: 0 !important;
}
.home-main,
.home-main > section:first-child,
.home-main .hero-section {
  margin-block-start: 0 !important;
}
@media (max-width: 781px) {
  .site-header {
    height: auto !important;
    min-height: 76px !important;
    top: 0 !important;
  }
  body.admin-bar .site-header { top: 46px !important; }
  .header-inner {
    width: calc(100% - 36px) !important;
    height: auto !important;
    min-height: 76px !important;
    gap: 10px !important;
  }
  .header-inner > .brand {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .brand-logo-link, .brand-logo {
    max-width: 250px !important;
  }
  .brand-logo { max-height: 34px !important; }
  .primary-navigation .nav-links { gap: 0 !important; }
  .primary-navigation .nav-links a { font-size: .92rem !important; }
}


/* Version 2.8.17 – proportionierte Navigation, linearer Scroll, dauerhaft fixierter Header */
.site-header,
.wp-site-blocks > header.site-header {
  position: fixed !important;
  inset: 0 0 auto 0 !important;
  top: 0 !important;
  z-index: 10000 !important;
  width: 100% !important;
  height: 96px !important;
  min-height: 96px !important;
  margin: 0 !important;
  background: rgba(255,255,255,.98) !important;
  border-bottom: 1px solid #edf0f1 !important;
  box-shadow: 0 2px 12px rgba(16,43,54,.035);
  backdrop-filter: blur(12px);
}
body.admin-bar .site-header,
body.admin-bar .wp-site-blocks > header.site-header {
  top: 32px !important;
}
.wp-site-blocks > header.site-header + main,
.wp-site-blocks > header.site-header + .home-main,
.wp-site-blocks > header.site-header + *:not(.site-footer) {
  margin-top: 96px !important;
}
.header-inner {
  height: 96px !important;
  min-height: 96px !important;
  gap: 24px !important;
}
.header-inner > .brand {
  flex: 0 0 330px !important;
  min-width: 260px !important;
}
.primary-navigation .nav-links {
  gap: clamp(7px, .8vw, 14px) !important;
}
.primary-navigation .nav-links a {
  padding: 9px 5px !important;
  font-size: clamp(.78rem, .8vw, .86rem) !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}
.header-inner > .header-cta {
  padding: 13px 19px !important;
  font-size: .84rem !important;
}
html { scroll-padding-top: 112px !important; }
.home-main section[id] { scroll-margin-top: 112px !important; }

@media (max-width: 781px) {
  .site-header,
  .wp-site-blocks > header.site-header {
    height: 76px !important;
    min-height: 76px !important;
  }
  body.admin-bar .site-header,
  body.admin-bar .wp-site-blocks > header.site-header {
    top: 46px !important;
  }
  .wp-site-blocks > header.site-header + main,
  .wp-site-blocks > header.site-header + .home-main,
  .wp-site-blocks > header.site-header + *:not(.site-footer) {
    margin-top: 76px !important;
  }
  .header-inner {
    height: 76px !important;
    min-height: 76px !important;
  }
}

/* Version 2.8.18 – lineares Scrollen und eindeutige aktive Navigation */
html { scroll-behavior: auto !important; }
.primary-navigation .nav-links a[aria-current="location"] {
  color: var(--sd-coral) !important;
  text-decoration: underline !important;
  text-decoration-color: var(--sd-coral) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 7px !important;
}


/* Version 2.8.19 – Sprungziele vollständig unter dem fixierten Header anzeigen */
html {
  scroll-padding-top: 152px !important;
}
.home-main section[id],
main section[id],
[id="start"], [id="leistungen"], [id="referenzen"],
[id="agentur"], [id="ablauf"], [id="kontakt"] {
  scroll-margin-top: 152px !important;
}


/* Version 2.8.20 – verlässlicher Platz für den fixierten Header.
   WordPress kann Template-Parts in .wp-block-template-part umschließen;
   deshalb wird der Inhaltsfluss am äußeren Site-Container versetzt. */
.wp-site-blocks {
  padding-top: 96px !important;
}
.wp-site-blocks > .wp-block-template-part:has(> .site-header),
.wp-site-blocks > .wp-block-template-part:has(> header.site-header) {
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
@media (max-width: 781px) {
  .wp-site-blocks {
    padding-top: 76px !important;
  }
}


/* Version 2.8.21 – aktive Onepager-Navigation: gleiche Korall-Unterstreichung */
.primary-navigation .nav-links a[aria-current="location"],
.primary-navigation .nav-links a.is-current {
  color: var(--sd-coral, #ff5b5b) !important;
  text-decoration-line: underline !important;
  text-decoration-color: var(--sd-coral, #ff5b5b) !important;
  text-decoration-style: solid !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 7px !important;
}


/* Version 2.8.22 – native WordPress Navigation block */
.primary-navigation {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  margin-left: auto !important;
  justify-content: flex-end !important;
}
.primary-navigation .wp-block-navigation__container {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: clamp(10px, 1vw, 19px) !important;
  white-space: nowrap;
}
.primary-navigation .wp-block-navigation-item__content {
  display: inline-block !important;
  padding: 9px 5px !important;
  color: var(--sd-ink) !important;
  font-size: clamp(.78rem, .8vw, .86rem) !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.primary-navigation .wp-block-navigation-item__content:hover {
  color: var(--sd-coral) !important;
}
.primary-navigation .wp-block-navigation-item__content[aria-current="location"],
.primary-navigation .wp-block-navigation-item__content.is-current {
  color: var(--sd-coral) !important;
  text-decoration: underline !important;
  text-decoration-color: var(--sd-coral) !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 7px !important;
}
.primary-navigation .mobile-contact { display: none !important; }
.primary-navigation .wp-block-navigation__responsive-container-open {
  color: var(--sd-ink) !important;
}
@media (max-width: 781px) {
  .header-inner > .primary-navigation {
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10001 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    background: #fff !important;
    color: var(--sd-ink) !important;
    padding: 24px !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content {
    display: block !important;
    width: 100% !important;
    padding: 13px 0 !important;
    border-bottom: 1px solid var(--sd-line) !important;
    font-size: .95rem !important;
  }
  .primary-navigation .mobile-contact { display: block !important; }
}


/* Version 2.8.27 – Hamburger-Menü ab 1024 px */
@media (min-width: 1025px) {
  .primary-navigation .wp-block-navigation__responsive-container-open {
    display: none !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container {
    position: static !important;
    display: flex !important;
    visibility: visible !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    background: transparent !important;
    opacity: 1 !important;
    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
    padding: 0 !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container-close {
    display: none !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container-content {
    padding-top: 0 !important;
  }
}
@media (max-width: 1024px) {
  .header-inner {
    gap: 12px !important;
  }
  .header-inner > .brand {
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }
  .header-inner > .primary-navigation {
    flex: 0 0 auto !important;
    margin-left: auto !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container-open {
    display: flex !important;
    color: var(--sd-ink) !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }
  .header-inner > .header-cta {
    display: none !important;
  }
  .site-header,
  .wp-site-blocks > header.site-header {
    height: 76px !important;
    min-height: 76px !important;
  }
  .header-inner {
    height: 76px !important;
    min-height: 76px !important;
  }
  .wp-site-blocks {
    padding-top: 76px !important;
  }
  .wp-site-blocks > header.site-header + main,
  .wp-site-blocks > header.site-header + .home-main,
  .wp-site-blocks > header.site-header + *:not(.site-footer) {
    margin-top: 76px !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10001 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    background: #fff !important;
    color: var(--sd-ink) !important;
    padding: 24px !important;
    visibility: visible !important;
    opacity: 1 !important;
    overflow-y: auto !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
    width: 100% !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content {
    display: block !important;
    width: 100% !important;
    padding: 13px 0 !important;
    border-bottom: 1px solid var(--sd-line) !important;
    font-size: .95rem !important;
  }
  .primary-navigation .mobile-contact {
    display: block !important;
  }
}


/* Version 2.8.28 – WordPress-Navigation: Hamburger-Schalter bis 1024 px zuverlässig sichtbar */
@media (max-width: 1024px) {
  .header-inner > .primary-navigation {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 44px !important;
    justify-content: flex-end !important;
    align-items: center !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container-open,
  .primary-navigation button.wp-block-navigation__responsive-container-open {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    padding: 8px !important;
    margin: 0 !important;
    color: var(--sd-ink, #142f3a) !important;
    background: transparent !important;
    border: 0 !important;
    cursor: pointer !important;
    z-index: 10002 !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container-open svg {
    display: block !important;
    width: 28px !important;
    height: 28px !important;
    fill: currentColor !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container.is-menu-open {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
}


/* Version 2.8.29 – vollständige WordPress-Navigation im Tablet-/Mobilmenü und vertikale Header-Ausrichtung */
.header-inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
}
.header-inner > .primary-navigation {
  align-self: center !important;
  align-items: center !important;
  height: auto !important;
  min-height: 0 !important;
}
.primary-navigation .wp-block-navigation__responsive-container,
.primary-navigation .wp-block-navigation__responsive-container-content {
  align-items: center !important;
  height: auto !important;
  min-height: 0 !important;
}
@media (min-width: 1025px) {
  .header-inner > .primary-navigation {
    display: flex !important;
    align-self: center !important;
    justify-content: flex-end !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container-content {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 0 !important;
  }
  .primary-navigation .wp-block-navigation__container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
  }
}
@media (max-width: 1024px) {
  .primary-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container.is-menu-open {
    position: fixed !important;
    inset: 0 !important;
    z-index: 100100 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    padding: 24px clamp(22px, 5vw, 40px) !important;
    background: #fff !important;
    visibility: visible !important;
    opacity: 1 !important;
    clip: auto !important;
    clip-path: none !important;
    transform: none !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__responsive-container-content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 64px 0 24px !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__container,
  .primary-navigation .wp-block-navigation__responsive-container.is-menu-open
  ul.wp-block-navigation__container {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    overflow: visible !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item__content {
    display: block !important;
    width: 100% !important;
    padding: 15px 0 !important;
    border-bottom: 1px solid var(--sd-line, #d8e1e3) !important;
    color: var(--sd-ink, #102b36) !important;
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
    white-space: normal !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container-close {
    position: absolute !important;
    top: 18px !important;
    right: 18px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    color: var(--sd-ink, #102b36) !important;
    background: transparent !important;
    z-index: 2 !important;
  }
  .primary-navigation .wp-block-navigation__responsive-container-open {
    align-self: center !important;
  }
}


/* Version 2.8.30 – Hamburger-Menü nach Onepager-Sprung automatisch schließen */