/* Gemeinsame Tablet- und Handyoptimierung für alle Wittler-Produktwelten */
html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{min-width:0;overflow-x:clip}img,video,canvas,svg{max-width:100%;height:auto}button,input,select,textarea{max-width:100%;font-size:16px}button,a,input,select,textarea,summary{touch-action:manipulation}a,button,summary{min-height:44px}iframe{max-width:100%}
:where(.button,.btn,.btn-primary,.btn-secondary,.phone-cta){border-radius:999px!important}:where(.card,.module,.feature,.solution,.service,.application,.example-card,.concept-card,.accessory-card,.use,.step,.config,.config-card,.summary,.request,.fact){border-radius:22px!important}:where(.hero-image,.hero-media,.hero-visual,.visual,.manufacturing-video){overflow:hidden;border-radius:28px}section[id]{scroll-margin-top:110px}

@media(max-width:1100px){
  :where(.section,.content-section,.workshop,.contact,.configurator,.manufacturing){padding-left:clamp(20px,4vw,42px);padding-right:clamp(20px,4vw,42px)}
  :where(.section-head,.head,.intro-grid,.hero-grid,.config-grid,.planter-grid,.water-grid,.request-grid,.contact-grid,.footer-grid,.workshop-grid){gap:28px}
  :where(.cards,.card-grid,.product-grid,.products,.features,.offer-grid,.modules,.system-grid,.examples-grid,.example-grid,.services-grid,.applications-grid,.accessory-grid,.category-grid,.photo-grid,.media-showcase,.options-grid,.numbers,.workshops,.concept-grid,.world-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  :where(.hero,.hero-grid,.configurator,.manufacturing,.contact,.faq,.planter-grid,.water-grid,.request-grid){grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  h1{font-size:clamp(3rem,7.5vw,5.8rem)!important;overflow-wrap:anywhere}
  h2{overflow-wrap:anywhere}
}

@media(max-width:820px){
  :where(.hero,.hero-grid,.hero-inner,.configurator,.manufacturing,.contact,.faq,.planter-grid,.water-grid,.request-grid,.intro-grid,.section-head,.head,.footer-grid){grid-template-columns:1fr!important;flex-direction:column;align-items:stretch}
  :where(.hero-copy,.hero-content,.hero-text){padding:clamp(34px,7vw,58px) clamp(20px,5vw,38px)!important}
  :where(.hero-image,.hero-media,.hero-visual){min-height:360px!important;max-height:560px}
  :where(.hero-image img,.hero-media img,.hero-visual img){width:100%;height:100%;object-fit:cover}
  :where(.section,.content-section,.workshop,.contact,.configurator,.manufacturing){padding-top:64px;padding-bottom:64px}
  :where(.proof,.facts,.trust,.trust-grid,.benefits,.process,.process-grid,.steps,.feature-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
  :where(.form-grid,.fields,.two-fields,.water-fields,.checks){grid-template-columns:1fr!important}
  :where(.config-card,.config,.request,.summary,.water-config,.planter-config){width:100%;min-width:0}
  .section-head>p{max-width:none}
  .wm-network-grid{max-height:min(70vh,620px);overflow-y:auto}
  table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

@media(max-width:620px){
  body{font-size:15.5px}
  h1{font-size:clamp(2.7rem,14vw,4.25rem)!important;line-height:.9!important}
  h2{font-size:clamp(2.1rem,10vw,3.35rem)!important;line-height:.96!important}
  h3{overflow-wrap:anywhere}
  :where(.wrap,.container,.inner,.wittler-about__inner){width:min(100% - 24px,100%)!important}
  :where(.section,.content-section,.workshop,.contact,.configurator,.manufacturing){padding:52px 16px!important}
  :where(.cards,.card-grid,.product-grid,.products,.features,.offer-grid,.modules,.system-grid,.examples-grid,.example-grid,.services-grid,.applications-grid,.accessory-grid,.category-grid,.photo-grid,.media-showcase,.options-grid,.numbers,.workshops,.world-grid,.gallery,.solution-grid,.concept-grid){grid-template-columns:1fr!important}
  :where(.proof,.facts,.trust,.trust-grid,.benefits,.process,.process-grid,.steps,.feature-grid,.wittler-about__facts){grid-template-columns:1fr!important}
  :where(.card,.product,.service,.application,.solution,.example-card,.concept-card,.accessory-card){min-height:0!important}
  :where(.hero-image,.hero-media,.hero-visual){min-height:300px!important}
  :where(.hero-actions,.actions,.cta-actions){display:grid!important;grid-template-columns:1fr;width:100%}
  :where(.hero-actions,.actions,.cta-actions) :where(a,button){width:100%;text-align:center;justify-content:center}
  :where(.button,.btn,.btn-primary,.btn-secondary){min-height:48px;padding:13px 17px}
  :where(.config-card,.config,.request,form){padding:20px!important;border-radius:20px}
  input:not([type='checkbox']):not([type='radio']):not([type='range']),select,textarea{min-height:48px;padding:12px!important}
  input[type='checkbox'],input[type='radio']{min-width:22px;min-height:22px}
  .gallery{grid-auto-rows:minmax(300px,68vw)!important}.gallery-wide{grid-column:auto!important;grid-row:auto!important}
  .wittler-about{margin:10px!important;border-radius:26px!important}.wittler-about__locations,.wittler-about__columns{grid-template-columns:1fr!important}
  .nav-wrap .nav{gap:8px;padding:8px 10px 8px 14px}.nav-wrap .phone{font-size:0;padding:10px 12px}.nav-wrap .phone strong{font-size:.78rem}.topline{font-size:.72rem;padding:8px 12px}
  footer{padding-left:18px!important;padding-right:18px!important;flex-direction:column}
}

@media(max-width:390px){
  h1{font-size:2.65rem!important}.eyebrow{letter-spacing:.09em!important}
  :where(.wrap,.container,.inner,.wittler-about__inner){width:min(100% - 18px,100%)!important}
  .wm-network{padding:6px!important}.wm-network-inner{padding-left:8px!important}
}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}