@media(max-width:720px){
  :root{--header-h:76px;--body-size:16.5px;--accent-field-size:calc(var(--body-size) * 1.3);--headline-size:clamp(1.5rem,6.75vw,1.95rem);--section-headline-size:var(--headline-size)}body{font-size:var(--body-size);line-height:1.62}.container{width:min(100% - 32px,var(--max))}.header{height:var(--header-h)}.nav{gap:14px;overflow:hidden}.logo{flex:0 0 auto}.logo img{width:60px;height:60px}.menu{flex:1;justify-content:flex-start;gap:18px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.menu::-webkit-scrollbar{display:none}.menu>.nav-cta{display:none!important}.menu>a,.submenu-trigger{font-size:12.5px;min-height:40px}.submenu{position:fixed;left:12px;right:12px;top:70px;min-width:0;max-height:calc(100vh - 86px);overflow:auto}.mobile-note{display:none}section{padding:42px 0}.section-page>section+section{padding-top:10px}.page-hero h1,.about-responsibility-intro h1,.hero h1{font-size:var(--headline-size)!important;line-height:1.08!important;margin-bottom:24px}.section-title{font-size:var(--section-headline-size)!important;line-height:1.08!important;margin-bottom:24px}.kicker,.eyebrow{font-size:11.5px;margin-bottom:11px}.section-intro{margin-bottom:30px;font-size:1rem}.hero-desktop{display:none}.hero-mobile{display:block;padding:0}.mobile-hero-intro{padding:38px 20px 26px}.mobile-hero-intro .hero-h1{font-size:var(--headline-size);line-height:1.08;letter-spacing:-.045em;font-weight:750;color:var(--text);margin-bottom:22px}.mobile-hero-promise{margin:0;color:var(--text);font-size:1.08rem;line-height:1.48}.mobile-hero-portrait{height:48vh;min-height:340px;max-height:520px;background:url("assets/landing-portrait.png") center 26%/cover no-repeat}.mobile-hero-detail{padding:26px 20px 8px}.mobile-hero-actions{padding:10px 20px 34px}.mobile-hero-actions .btn{width:100%}.sparring-grid{display:block}.sparring-grid>div:first-child{margin-bottom:24px}.taboo-quote,.about-quote,.support-quote,.work-quote,.support-dark-quote,.work-dark-quote{margin:30px 0 24px;padding:22px 20px}.grid-3,.grid-2{grid-template-columns:1fr}.card{padding:25px 22px}.situation-card{min-height:0}.closing-questions,.about-questions,.support-question-list,.work-question-list,.support-dark-questions,.work-dark-questions,.work-dark-statement,.about-dark-statement,.support-case-statement,.contact-quote{padding:21px 20px;margin:25px 0}.closing-cta{padding:26px 20px}.closing-cta .btn{width:100%}.about-responsibility-section{padding:32px 0}.about-responsibility-layout{width:min(100% - 32px,var(--max));display:flex;flex-direction:column;gap:26px}.about-responsibility-leadgroup{display:flex;flex-direction:column;gap:26px}.about-responsibility-intro{padding:0}.about-responsibility-intro h1{max-width:none;margin-bottom:22px;overflow-wrap:anywhere}.about-responsibility-lead{max-width:none}.about-responsibility-portrait{width:100%;max-width:460px;height:auto;aspect-ratio:829/835;margin-inline:auto}.about-responsibility-portrait img{height:100%}.about-responsibility-copy{order:3}.about-responsibility-copy p{font-size:1rem;line-height:1.62}.about-hero-grid,.split{display:block}.about-hero-copy{margin-bottom:26px}.about-hero-portrait{min-height:430px}.portrait{margin-bottom:28px}.portrait img{height:auto}.about-dark-grid,.work-situation-grid,.work-format-grid,.contact-principles-grid,.contact-layout{grid-template-columns:1fr}.support-case{padding:24px 20px}.work-format-card,.contact-principle-card{padding:24px 22px}.contact-form-card{padding:24px 20px}.contact-form-card .btn,.form button{width:100%}.footer{padding:34px 0}.footer-grid{grid-template-columns:1fr;gap:28px}.legal{padding:46px 20px 70px}.legal h1{font-size:var(--headline-size)}
}

/* Globaler Fließtext-Container: responsive Ableitung derselben Desktop-Regel. */
.prose-box{padding:22px 20px;border-radius:16px;box-shadow:0 8px 24px rgba(0,0,0,.07)}

/* Globales Seitenraster mobil: Zweispaltenlayouts werden einspaltig; Breiten bleiben vollständig. */
@media(max-width:720px){
  :where(.sparring-grid,.about-hero-grid,.split,.about-dark-grid,.work-situation-grid,.work-format-grid,.contact-layout,.about-responsibility-leadgroup){
    grid-template-columns:1fr!important;
  }}


/* Globale Seitenbreite: Austausch folgt exakt derselben Containerregel wie alle Hauptbereiche. */
.container.closing-wrap{width:min(100% - 32px,var(--max));max-width:var(--max);margin-inline:auto}

/* Wirkungskarten mobil */
#nutzen .benefit-grid{
  grid-template-columns:1fr;
}


/* Finale mobile Stapelregel für komplexe Layouts
   Komplexe Desktop-Mehrspaltenelemente werden auf Smartphones konsequent
   untereinander dargestellt und dürfen ihre Containerbreite nicht überschreiten. */
@media(max-width:720px){
  .about-responsibility-leadgroup{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
    min-width:0!important;
  }
  .about-responsibility-intro,
  .about-responsibility-portrait{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .contact-layout{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
  }
  .contact-copy,
  .contact-form-card,
  .contact-form-card form,
  .form input,
  .form textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    box-sizing:border-box;
  }

  #weitere-situationen .situation-grid,
  #weitere-situationen .grid-3{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    width:100%!important;
    min-width:0!important;
  }
  #weitere-situationen .situation-card{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}