/* R89 smartphone layout only; tablet/desktop retain their existing presentation. */
.r89-menu-heading{display:contents}
.r89-menu-label{display:none}
@media(max-width:767px){
  html{--r89-header-bottom:60px;--r89-anchor-offset:72px}
  body.r83-home :is(#konfiguratortypen,#cf-configurator-examples,#cf-simulation-examples,#digital-showrooms,#schulungssoftware,#ueber,#kontakt,#demo2,#demo3){scroll-margin-top:var(--r89-anchor-offset)!important}
  body.r83-home #mobil-menue{
    position:fixed!important;inset:var(--r89-header-bottom) 12px auto!important;
    width:auto!important;height:auto!important;min-height:0!important;
    max-height:calc(100dvh - var(--r89-header-bottom) - 16px - env(safe-area-inset-bottom,0px))!important;
    overflow-y:auto!important;overscroll-behavior:contain;
    padding:16px!important;box-sizing:border-box;
    background:#faf9f4!important;border:1px solid #c1cec7!important;
    border-radius:0 0 12px 12px!important;box-shadow:0 14px 30px #172c3026!important;
  }
  body.r83-home #mobil-menue .r89-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px;padding:0 0 10px;border-bottom:1px solid #d2dcd6}
  body.r83-home #mobil-menue .r89-menu-label{display:block;color:#193e45;font:600 18px/1.3 'IBM Plex Sans',sans-serif}
  body.r83-home #mobil-menue .cf-menu-dialog-close{position:static!important;min-height:44px!important;margin:0!important;padding:10px 12px!important;border:1px solid #c1cec7!important;border-radius:6px;font-size:14px!important;background:#fffdf8!important;color:#193e45!important}
  body.r83-home #mobil-menue nav{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:0!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:0!important}
  body.r83-home #mobil-menue nav a{min-height:48px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;margin:0!important;padding:12px 4px!important;font:600 16px/1.4 'IBM Plex Sans',sans-serif!important;color:#193e45!important;text-decoration:none!important;box-sizing:border-box;white-space:normal!important}
  body.r83-home #mobil-menue nav a.btn{margin-top:10px!important;padding:12px 14px!important;justify-content:center!important;background:#1d4346!important;color:#fffdf7!important;border:0!important;border-radius:6px!important}
  body.r83-home .r31-demo-navigation{display:grid!important;grid-template-columns:minmax(90px,1fr) minmax(0,1.6fr)!important;gap:0 12px!important;margin:0 0 20px!important;padding:0 0 10px!important;border-bottom:1px solid #c1cec7!important;align-items:center!important}
  body.r83-home .r31-demo-navigation>a{display:flex!important;align-items:center!important;min-height:44px!important;padding:6px 0!important;margin:0!important;font:500 13px/1.4 'IBM Plex Sans',sans-serif!important;white-space:normal!important;color:#3f5d61!important;text-decoration:underline!important;text-underline-offset:4px}
  body.r83-home .r31-demo-navigation>a:nth-child(2){justify-content:flex-end;text-align:right}
  body.r83-home .r31-demo-navigation>a.r83h-demo-info{grid-column:1/-1;border-top:1px solid #dbe3dc;font-size:13px!important;justify-content:flex-start}
  body.r83-home :is(#demo,#demo2,#demo3,#demo4){padding-top:20px!important}
  body.r83-home :is(#demo2,#demo3).is-open .section-head.reveal{opacity:1!important;transform:none!important;transition:none!important}
  body.r83-home #demo2 .wizard-step-panel.active{animation:none!important}
  body.r83-home #demo3 .section-head{margin-bottom:12px!important;padding:0!important}
  body.r83-home #demo3 .section-head h2{font-size:26px!important;line-height:1.2!important;margin:0 0 8px!important}
  body.r83-home #demo3 .section-head>p:not(.section-kicker):not(.k4-mobile-lead){display:none!important}
  body.r83-home #demo3 .section-head .k4-mobile-lead{display:block!important;margin:0!important;font-size:15px!important;line-height:1.45!important}
  body.r83-home #demo3 .section-head .section-kicker{margin:0 0 6px!important}
  body.r83-home #demo3 #cf-k3r2-entry{margin-top:0!important}
  body.r83-home #demo3 .r89-search-label{display:block;padding:12px 14px 6px;font-size:13px;font-weight:600;color:#365a5e}
  body.r83-home #demo3 #cf-k3r2-entry>.cf-k3r2-searchrow{margin:0 14px!important;max-width:none!important}
  body.r83-home #demo3 #cf-k3r2-search{min-width:0!important;font-size:16px!important;min-height:44px!important}
  body.r83-home #demo3 .r36-direct-search{margin:6px 0 0!important;border-top:1px solid #dbe3dc!important}
  body.r83-home #demo3 #r36-direct-search>summary{min-height:44px!important;padding:9px 14px!important;flex-wrap:nowrap!important}
  body.r83-home #demo3 #r37-search-action{display:none!important}
  body.r83-home #demo3 #r36-direct-search>summary::after{content:'+';font-size:20px;line-height:1}
  body.r83-home #demo3 #r36-direct-search[open]>summary::after{content:'−'}
  body.r83-home #demo2 .wizard-count{scroll-margin-top:var(--r89-anchor-offset)!important}
  body.r83-home #demo2 .wizard-step-title{scroll-margin-top:var(--r89-anchor-offset)!important}
}
