/* Die Kartenanordnung wird in enhancements.css inklusive mobiler Rücksetzung gesteuert. */
.image-break__art{background:#0b5961 url('../images/strategy-wave.svg') center/cover no-repeat}

/* Mobile Stabilisierung – verhindert Überlagerungen und horizontalen Überlauf. */
html,body{max-width:100%;overflow-x:hidden}
h1,h2,h3,p,a,strong,span{overflow-wrap:anywhere}
.site-shell,.hero__inner,.service-grid,.reference-grid,.process-grid,.seo-copy__grid{min-width:0}
.hero__inner>*{min-width:0}
.hero__visual img{width:100%;height:auto}
.entry-content iframe,.entry-content video,.entry-content table{max-width:100%}
.entry-content table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:920px){
  .header-inner{position:relative;gap:16px;min-height:70px}
  .brand{min-width:0;max-width:calc(100% - 58px)}
  .custom-logo{max-width:min(210px,100%);max-height:48px}
  .brand__text{min-width:0}
  .brand__text strong{font-size:16px}
  .brand__text span{font-size:9px;letter-spacing:.1em}
  .menu-toggle{flex:0 0 44px;width:44px;height:44px;padding:0;line-height:1;cursor:pointer}
  .main-nav{top:100%;right:-20px;left:-20px;max-height:calc(100vh - 70px);overflow-y:auto;padding:18px 20px 24px;box-shadow:0 18px 35px rgba(3,34,38,.22)}
  .main-menu{gap:0;width:100%}
  .main-menu li{width:100%;border-bottom:1px solid rgba(255,255,255,.12)}
  .main-menu a{display:block;width:100%;padding:14px 4px;font-size:16px}
  .hero__inner{gap:28px;padding-top:64px}
  .hero__visual{width:min(100%,620px)}
  .hero__badge{right:12px;bottom:8px;max-width:calc(100% - 24px)}
  .image-break__content{max-width:min(590px,100%)}
}

@media(max-width:600px){
  :root{--shell:calc(100% - 32px);--radius:19px}
  .site-header{backdrop-filter:none}
  .header-inner{min-height:66px}
  .main-nav{right:-16px;left:-16px;max-height:calc(100vh - 66px)}
  .brand__mark{width:39px;height:39px;border-radius:12px}
  .brand__text span{display:none}
  .hero__inner{gap:22px;padding:48px 0 112px}
  .hero h1{font-size:clamp(36px,11.5vw,48px);line-height:1.02;letter-spacing:-.045em}
  .hero__lead{font-size:17px;line-height:1.55}
  .hero__actions{align-items:stretch;flex-direction:column;margin-top:26px}
  .hero__actions .button{width:100%;min-height:50px;text-align:center}
  .hero__visual{margin-top:4px}
  .hero__badge{position:relative;right:auto;bottom:auto;width:fit-content;max-width:100%;margin:12px auto 0;background:#0b5961;backdrop-filter:none;text-align:center}
  .hero .wave-bottom{height:92px}
  .intro{padding:48px 0 55px}
  .intro h2,.section-heading h2{font-size:clamp(31px,9.5vw,42px)}
  .intro p{font-size:16px}
  .section-heading{gap:14px;margin-bottom:26px}
  .services,.references,.process,.seo-copy{padding:55px 0}
  .service-grid,.reference-grid,.process-list,.seo-copy__grid{gap:16px}
  .service-card{padding:25px 21px}
  .service-card:before{right:-44px;top:-44px}
  .service-card h3{margin-top:19px;font-size:22px}
  .reference-card__image{min-height:180px}
  .reference-card__content{padding:21px}
  .reference-card__content>strong{font-size:20px}
  .image-break{min-height:0}
  .image-break__art{background-position:64% center}
  .wave-top,.image-break .wave-bottom{height:74px}
  .image-break__content{padding:112px 0 118px}
  .image-break h2{font-size:clamp(34px,10vw,44px)}
  .image-break p{font-size:16px}
  .process-grid{gap:34px}
  .process-item{grid-template-columns:42px minmax(0,1fr);gap:13px;padding:18px 16px}
  .process-item b{width:42px;height:42px}
  .seo-copy article{padding-top:18px}
  .seo-copy h2{font-size:23px}
  .cta{padding:48px 0}
  .cta__box{gap:24px;padding:32px 22px;border-radius:22px}
  .cta h2{font-size:clamp(29px,8.5vw,39px)}
  .cta .button{width:100%;text-align:center}
  .footer-grid{gap:30px;padding:48px 0}
  .page-shell{padding:46px 0}
  .entry h1{font-size:clamp(34px,10vw,46px)}
}

@media(max-width:380px){
  :root{--shell:calc(100% - 24px)}
  .brand__text strong{font-size:14px}
  .main-nav{right:-12px;left:-12px}
  .hero h1{font-size:34px}
  .eyebrow{font-size:11px;letter-spacing:.1em}
  .hero__badge{font-size:11px}
  .service-card,.reference-card__content{padding-right:18px;padding-left:18px}
}