/* Einheitliches Layout + fixierter Header, 2026-11-04 */
:root{--wide-gutter:clamp(20px,4.25vw,80px);--site-header-height:94px;--deep-green:#285c4d}
html{scroll-padding-top:calc(var(--site-header-height) + 22px)}
body{padding-top:var(--site-header-height);overflow-x:clip}
header#top{position:fixed!important;top:0!important;left:0;right:0;width:100%;z-index:1000!important;background:rgba(249,251,247,.97)!important;box-shadow:0 5px 25px rgba(34,65,43,.07);backdrop-filter:blur(16px)}
header#top:focus-within{z-index:1001!important}
main section[id],main [id]{scroll-margin-top:calc(var(--site-header-height) + 22px)}
/* Abschnitte gehen auf allen Bildschirmgrößen bis zur gleichen Außenkante. */
body.home-editorial .hero.home-editorial-hero{width:100%!important;max-width:none!important;padding-left:var(--wide-gutter)!important;padding-right:var(--wide-gutter)!important;grid-template-columns:minmax(0,1.30fr) minmax(360px,.82fr);gap:clamp(26px,3.5vw,62px)}
body.home-editorial main>.section{padding-left:var(--wide-gutter)!important;padding-right:var(--wide-gutter)!important}
body.home-editorial .section-intro,body.home-editorial .legal-note,body.home-editorial .institution-note,body.home-editorial .resonance-line{max-width:100%!important}
body.home-editorial .section-intro{width:100%;font-size:clamp(16px,1.35vw,18px)!important;line-height:1.7!important}
body.home-editorial .home-library-inner{width:100%!important;max-width:none!important}
body.home-editorial .home-library-copy,body.home-editorial .home-library-copy p:not(.home-library-eyebrow){max-width:100%!important}
body.home-editorial #faq .faq-accordion{max-width:100%!important}
body.home-editorial #ueber-mich .about-content p{max-width:100%!important}
body.home-editorial .cards,body.home-editorial .method-grid,body.home-editorial .benefit-grid,body.home-editorial .package-grid,body.home-editorial .deliverable-grid{width:100%}
body .library-main{width:100%!important;max-width:none!important;padding-left:var(--wide-gutter)!important;padding-right:var(--wide-gutter)!important}
body .library-intro-text,body .library-directory-subtitle{max-width:100%!important}
/* Edler, ruhiger Kontaktbereich, abgestimmt auf helle Blogkarten. */
body.home-editorial section#kontakt{background:#f5f8f4!important;border-top:1px solid #dbe5db}
body.home-editorial section#kontakt .contact.contact-elegant{
  display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(380px,1.08fr)!important;gap:clamp(24px,4vw,64px)!important;align-items:stretch!important;
  background:linear-gradient(128deg,#e5efe6 0%,#f1f5ef 66%,#f7f9f6 100%)!important;
  border:1px solid #d5e3d7!important;border-radius:24px!important;
  box-shadow:0 18px 48px rgba(27,68,46,.07)!important;
  padding:clamp(24px,4vw,56px)!important;color:#263c31!important;
}
body.home-editorial #kontakt .contact-elegant .contact-copy{align-self:center}
body.home-editorial #kontakt .contact-elegant .contact-kicker{
  display:inline-block;color:#376a53!important;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
  margin:0 0 18px!important;padding:7px 11px;border-radius:999px;border:1px solid #cedfce;background:rgba(255,255,255,.65)
}
body.home-editorial #kontakt .contact-elegant .contact-copy h2{font-size:clamp(33px,4vw,53px);color:#285c4d!important;line-height:1.1;margin:0 0 20px}
body.home-editorial #kontakt .contact-elegant .contact-copy>p:not(.contact-kicker){color:#465f50!important;font-size:clamp(17px,1.4vw,20px);line-height:1.7;max-width:none}
body.home-editorial #kontakt .contact-elegant .refined-help{
  background:rgba(255,255,255,.62)!important;border:1px solid #d1dfd3!important;color:#52675c!important;
  border-radius:15px!important;padding:20px 22px!important;margin-top:28px!important;box-shadow:none
}
body.home-editorial #kontakt .contact-elegant .refined-help strong{color:#285c4d!important;font-weight:760}
body.home-editorial #kontakt .contact-elegant .refined-help span{color:#52675c!important}
body.home-editorial #kontakt .contact-elegant .contact-action-card{
  background:#fff!important;border:1px solid #dce7dc!important;border-radius:20px!important;
  box-shadow:0 12px 32px rgba(23,57,37,.055)!important;padding:clamp(24px,3vw,40px)!important
}
body.home-editorial #kontakt .contact-elegant .contact-action-card h3{color:#285c4d!important;font-size:clamp(22px,2.4vw,30px);margin-bottom:8px!important}
body.home-editorial #kontakt .contact-elegant .contact-form{gap:16px}
body.home-editorial #kontakt .contact-elegant .contact-form input,
body.home-editorial #kontakt .contact-elegant .contact-form textarea{
  background:#fbfdfa!important;border:1px solid #cbdacb!important;border-radius:11px!important;
}
body.home-editorial #kontakt .contact-elegant .contact-form button.button.primary{border-radius:12px!important;padding:15px 23px!important}
body.home-editorial #kontakt .contact-elegant .direct-contact{color:#63766a!important;font-size:14px}
body.home-editorial #kontakt .contact-elegant .direct-contact a{color:#285c4d!important}
/* Rechtsinformationen: kleine, normale Links im dezenten Footer. */
footer.site-footer-minimal{
  background:#f7f8f5!important;border-top:1px solid #dbe5da!important;color:#728177!important;
  padding:24px var(--wide-gutter)!important;font-size:12px!important;display:flex;align-items:center;justify-content:space-between;
  flex-wrap:wrap;gap:14px 32px;box-shadow:none!important;min-height:72px
}
footer.site-footer-minimal a{color:#526c5e!important;text-decoration:none!important;font-weight:600}
footer.site-footer-minimal a:hover{text-decoration:underline!important;text-underline-offset:3px}
footer.site-footer-minimal .photo-credits{font-size:11px;color:#859087}
footer.site-footer-minimal nav{display:flex;flex-wrap:wrap;gap:18px}
/* Auf schmalen Viewports bleibt der Header fixiert, das Menü lässt sich aufklappen. */
@media(max-width:1100px){body.home-editorial .hero.home-editorial-hero{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}}
@media(max-width:900px){
  body.home-editorial .hero.home-editorial-hero{grid-template-columns:1fr!important}
  body.home-editorial #kontakt .contact.contact-elegant{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  body.home-editorial .hero.home-editorial-hero{padding-left:var(--wide-gutter)!important;padding-right:var(--wide-gutter)!important}
  body.home-editorial #kontakt .contact.contact-elegant{padding:22px!important;border-radius:19px!important}
  body.home-editorial #kontakt .contact-elegant .contact-action-card{padding:20px!important}
  footer.site-footer-minimal{flex-direction:column;align-items:flex-start;gap:12px}
}