/* Nur schmale Bildschirme: feste Breiten und die Dialog-Überläufe beseitigen. */
@media(max-width:700px){
 html,body{width:100%;max-width:100%;overflow-x:clip}
 .container{width:calc(100% - 32px)!important;max-width:100%!important}
 header .head{width:calc(100% - 24px)!important;min-width:0!important;gap:8px!important}
 header .brand{flex:1 1 auto!important;min-width:0!important;max-width:calc(100% - 86px)!important}
 header .header-logo{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;max-height:62px!important}
 header .menu{flex:0 0 auto!important}
 .hero-inner,.hero-right-column,.services-heading-row,.split,.contact-layout,.form-grid,.cards,.team-cards,.steps,.amd-profile-grid,.knowledge-inline-grid,#vorteile .amd-work-knowledge-layout,#vorteile .amd-equipment-grid{grid-template-columns:minmax(0,1fr)!important;min-width:0!important;max-width:100%!important}
 .hero-inner{gap:18px!important;padding:32px 0!important}
 .hero-inner>*,.hero-right-column>*,.services-heading-row>*,.contact-layout>*,.form-grid>*,.split>*,.cards>*,.amd-about>*,#vorteile .amd-work-knowledge-layout>*,#vorteile .amd-equipment-grid>*,.knowledge-inline-grid>*{min-width:0!important;max-width:100%!important}
 .hero h1{font-size:clamp(29px,8vw,43px)!important;line-height:1.16!important;overflow-wrap:anywhere}
 .hero-panel{padding:18px!important}
 #leistungen .services-heading-row .knowledge-trigger{width:100%!important;max-width:100%!important}
 .knowledge-trigger,.card,.team-card,.amd-equipment-card,.amd-profile-card,.form,.notice{max-width:100%!important;min-width:0!important;overflow-wrap:break-word}
 #vorteile .amd-photo-interlude{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #kontakt .contact-brand-address{width:100%!important;max-width:100%!important}
 #kontakt .contact-brand-address img{width:100%!important;max-width:100%!important;height:auto!important}
 #kontakt form,.contact-layout .form,.form-grid,.field,.field input,.field select,.field textarea{width:100%;min-width:0!important;max-width:100%!important}
 .field label{overflow-wrap:anywhere}
 .detail-overlay,.knowledge-overlay{inset:0!important;width:100%!important;max-width:100vw!important;padding:0!important;overflow:hidden!important}
 .detail-dialog,.knowledge-dialog{box-sizing:border-box!important;position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;height:100dvh!important;max-height:100dvh!important;margin:0!important;border-radius:0!important;overflow:hidden!important}
 .detail-top,.knowledge-dialog-top{flex-shrink:0!important;gap:12px!important;min-width:0!important}
 .detail-scroll,.knowledge-dialog-scroll{box-sizing:border-box!important;min-width:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important;overflow-y:auto!important;padding:20px 16px 28px!important}
 .detail-scroll h2,.knowledge-dialog-scroll h2{overflow-wrap:anywhere!important;hyphens:auto}
 .detail-scroll p,.detail-scroll li,.knowledge-dialog-scroll p,.knowledge-dialog-scroll li{max-width:100%!important;overflow-wrap:break-word!important;white-space:normal!important;text-align:left!important}
 .detail-scroll .detail-cols,.detail-scroll .detail-iconrow{min-width:0!important}
 .detail-table-wrap{max-width:100%;overflow-x:auto}
 .detail-backdrop,.knowledge-backdrop{width:100%;height:100%}
 .to-top{right:12px!important;bottom:12px!important}
}
@media(max-width:360px){#vorteile .amd-photo-interlude{grid-template-columns:minmax(0,1fr)!important}.knowledge-dialog-top,.detail-top{padding:12px 14px!important}}