/* Mobile browser compatibility, version 20261017.1 */
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  text-size-adjust: 100%;
}
@media (max-width: 767px) {
  header .my-tog-btn { position: fixed; top: 24px; right: 20px; margin: 0; display: inline-grid; width: 44px; min-height: 44px; padding: 10px; z-index: 1500; }
  .outer-window { max-width: 100vw; max-height: 100vh; max-height: 100dvh; overflow-y: auto; }
}

/* Phone layout review 2026-10-18: compact branding, text and navigation. */
@media (max-width: 900px) {
  html { -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; }
  body h1 { font-size: clamp(26px, 7vw, 32px) !important; line-height: 1.2 !important; }
  body h2 { font-size: clamp(22px, 6vw, 28px) !important; line-height: 1.25 !important; }
  body h3 { font-size: 20px !important; line-height: 1.35 !important; }
  body :is(h1,h2,h3) { word-break: normal !important; overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; letter-spacing: normal; white-space: normal !important; }
  body :is(h1,h2,h3) :is(span,strong,em) { font-size: inherit !important; line-height: inherit !important; }
  body p { font-size: 16px !important; line-height: 1.6 !important; }
  header :is(.logo img,#logo img,.logo-dark,.logo-img,.navbar-brand img,.brand img,.main-menu__logo img,.logo-box img,.logo-outer img),
  :is(.mobile-menu .nav-logo,.mobile-nav__content .logo-box) img {
    width: auto !important; height: auto !important; max-width: min(160px, 45vw) !important; max-height: 56px !important; object-fit: contain;
  }
}

@media(max-width:767px){.outer-window .navbar-nav .nav-link{font-size:16px!important;line-height:24px!important;min-height:0;padding-top:6px!important;padding-bottom:6px!important;white-space:normal;word-break:normal;overflow-wrap:normal;box-sizing:border-box}}

@media(max-width:900px){.outer-window .navbar1 .navbar-nav .nav-link{font-size:16px!important;line-height:24px!important;min-height:0;padding:6px 0!important}.outer-window .navbar-nav .nav-item{margin:0!important}.outer-window .logo img{width:auto;max-width:160px;max-height:56px}.outer-window .navbar_small{min-height:80px}.my-tog-btn{z-index:5}}
@media(max-width:900px){.outer-window .navbar-nav .nav-link{font-size:16px!important;line-height:24px!important;min-height:0;padding-top:6px!important;padding-bottom:6px!important;white-space:normal;word-break:normal;overflow-wrap:normal;box-sizing:border-box}}

@media(max-width:900px){:is(.site-logo,.logo,.logo-box,.navbar-brand,#logo,.brand,.main-menu__logo) img,.logo-default,.mobile-logo-default{width:auto!important;height:auto!important;max-width:min(160px,45vw)!important;max-height:56px!important;object-fit:contain}a[href^="http"],a[href^="mailto:"]{overflow-wrap:anywhere}header .navbar-brand{padding-top:10px!important;padding-bottom:10px!important}}

@media(max-width:900px){html body p[class]{font-size:16px!important;line-height:1.6!important}.outer-window .navbar-nav .nav-link span{font-size:inherit!important;line-height:inherit!important}}
@media(max-width:900px){header>.my-tog-btn{position:fixed;top:16px;right:16px;margin:0;z-index:1600;width:44px;height:44px!important;padding:8px;box-sizing:border-box}header>.my-tog-btn span{width:28px}header>.logo.logo_display{display:block;margin:0!important;padding:10px 16px;max-width:calc(100% - 76px)}header .circle{pointer-events:none}.outer-window.inner-window{height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior:contain}.outer-window .navbar_small{height:76px;min-height:76px;padding:10px 16px;display:flex;align-items:center}.outer-window .logo{margin:0!important;padding:0}.outer-window .navbar1{padding:10px 24px 24px}.outer-window .navbar-nav{margin:0!important}.outer-window .close-outerwindow{position:fixed;top:16px;right:16px;width:44px;height:44px;display:flex;align-items:center;justify-content:center}.tp-caption.tp-resizeme.splitted{font-size:clamp(24px,7vw,32px)!important;line-height:1.2!important}}
.mobile-table-scroll{width:100%;max-width:100%;min-width:0;flex:0 1 100%;overflow-x:auto;overscroll-behavior-x:contain}
/* Mobil-Fix 2026-10-18: Menüabstände kompakter (6px statt 10px, keine 44px-Mindesthöhe), Silbentrennung in Überschriften aktiv */
/* Mobil-Fix 2026-10-18 (Schrift): kleinere Überschriften; Silbentrennung nur bei Wörtern ab 14 Zeichen (je Seite mind. 6) */
@media(max-width:900px){
  html body :is(h1,h2,h3,h4,blockquote){letter-spacing:normal!important;overflow-wrap:break-word}
  html body :is(h1,h2,h3,h4,h5,p,li,blockquote){-webkit-hyphens:auto!important;hyphens:auto!important;hyphenate-limit-chars:14 6 6}
  html body h1{font-size:clamp(22px,6.6vw,30px)!important;line-height:1.15!important}
  html body h2{font-size:clamp(20px,5.6vw,26px)!important;line-height:1.2!important}
  html body h3{font-size:18px!important;line-height:1.3!important}
}
@media(max-width:300px){html body h1{font-size:22px!important}html body h2{font-size:19px!important}}
