/* Einheitlicher GM-Footer – Referenz: dezente Variante */
.site-footer{min-height:150px;background:linear-gradient(#063b68,#022d51);color:#fff;display:grid;grid-template-columns:1.4fr 1.1fr 1.3fr 1fr;align-items:center;padding:0 max(5.8vw,55px);gap:28px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.35}
.site-footer>div{padding-left:22px;border-left:2px solid #df2f35}
.site-footer>div:first-child{border-left:0;padding-left:0}
.site-footer .foot-brand{display:flex;gap:16px;align-items:center}
.site-footer .foot-brand strong{font-size:36px;line-height:1;font-weight:800;letter-spacing:1px}
.site-footer .foot-brand span{font-size:11px;line-height:1.25;letter-spacing:2px}
.site-footer .foot-brand small{font-size:11px;line-height:1.25;letter-spacing:0}
.site-footer a{color:#fff;text-decoration:none;font-size:12px}
@media(max-width:900px){.site-footer{grid-template-columns:1fr 1fr;padding:30px 24px;gap:25px}.site-footer>div{padding-left:20px}.site-footer>div:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:650px){.site-footer{grid-template-columns:1fr;gap:20px}.site-footer>div,.site-footer>div:nth-child(3){border-left:0;padding-left:0}.site-footer .foot-brand strong{font-size:32px}}


/* Mobile-Navigation – einheitliche Korrektur, 27.09.2026 */
@media(max-width:820px){
  header .nav,
  .site-header{
    height:auto!important;
    min-height:72px;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:8px 14px!important;
    padding-top:10px!important;
    padding-bottom:10px!important;
    overflow:visible!important;
  }
  header .nav .menu,
  .site-header nav{
    display:flex!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    flex:1 1 auto!important;
    flex-wrap:wrap!important;
    justify-content:flex-end!important;
    align-items:center!important;
    gap:8px 14px!important;
    overflow:visible!important;
  }
  header .nav .menu>a,
  .site-header nav>a,
  .site-header nav a:nth-child(2),
  .site-header nav a:nth-child(3){
    display:flex!important;
    height:auto!important;
    padding:7px 0!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
  .menu-dropdown{
    position:relative!important;
    align-self:auto!important;
    height:auto!important;
  }
  .menu-dropdown>summary{
    height:auto!important;
    padding:7px 0!important;
    font-size:12px!important;
  }
  .menu-dropdown .submenu{
    top:100%!important;
    left:0!important;
    right:auto!important;
    min-width:0!important;
    width:min(280px,calc(100vw - 28px))!important;
    max-width:calc(100vw - 28px)!important;
    z-index:1000!important;
  }
  .menu-dropdown .submenu a{
    white-space:normal!important;
    line-height:1.3!important;
  }
}
@media(max-width:560px){
  header .nav,
  .site-header{
    justify-content:center!important;
  }
  header .nav .brand,
  .site-header .brand{
    flex:0 0 auto!important;
  }
  header .nav .menu,
  .site-header nav{
    flex:1 1 100%!important;
    justify-content:center!important;
    gap:4px 12px!important;
  }
  header .nav .menu>a,
  .site-header nav>a,
  .menu-dropdown>summary{
    font-size:11px!important;
  }
  .menu-dropdown .submenu{
    left:50%!important;
    right:auto!important;
    transform:translateX(-35%)!important;
  }
}


/* FINAL MOBILE FIX: Beratung-Untermenü bleibt vollständig im Viewport */
@media (max-width: 820px) {
  .main-nav .menu-dropdown,
  .site-header .menu-dropdown,
  .menu-dropdown {
    position: static !important;
  }

  .main-nav .menu-dropdown .submenu,
  .site-header .menu-dropdown .submenu,
  .menu-dropdown .submenu {
    position: fixed !important;
    top: 72px !important;
    left: 12px !important;
    right: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    transform: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    z-index: 10000 !important;
  }
}


/* MOBILE FIX 2: Dropdown auf allen Seiten identisch */
@media (max-width: 820px) {
  .menu-dropdown .submenu a,
  .main-nav .menu-dropdown .submenu a,
  .site-header .menu-dropdown .submenu a,
  .menu .menu-dropdown .submenu a {
    display: block !important;
    padding: 11px 18px !important;
    margin: 0 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    text-transform: none !important;
    border: 0 !important;
    text-decoration: none !important;
  }
}


/* MOBILE FIX 3 – alle Beratungs-Unterpunkte exakt gleich */
@media screen and (max-width: 820px) {
  .submenu {
    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
  }

  .submenu > a,
  .menu-dropdown .submenu > a,
  .main-nav .menu-dropdown .submenu > a,
  .site-header .menu-dropdown .submenu > a,
  .menu .menu-dropdown .submenu > a,
  .submenu > a:first-child,
  .submenu > a.current-subpage {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 11px 18px !important;
    margin: 0 !important;
    text-indent: 0 !important;
    transform: none !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;

    -webkit-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
    white-space: normal !important;
    border: 0 !important;
    text-decoration: none !important;
  }
}
.footer-linkedin {
  font-weight: 700;
  margin-left: 6px;
}