/* WGMH 227.4.8 – mobile Startseite in einem stabilen Dokumentfluss */
@media (max-width:700px){
  html,body{overflow-x:hidden!important}
  body.wgmh-v17{background:#061a23!important}

  body.wgmh-v17 .wgmh-v17-hero.wgmh990-hero{
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    overflow:visible!important;
    background:#061a23!important;
  }

  /* Karte/Headerbild ist ein eigener, kompakter Bereich und kann nicht mehr springen. */
  body.wgmh-v17 .wgmh990-layer-image{
    position:relative!important;
    inset:auto!important;
    order:1!important;
    display:block!important;
    width:100%!important;
    height:clamp(220px,34vh,300px)!important;
    min-height:220px!important;
    overflow:hidden!important;
    z-index:1!important;
  }
  body.wgmh-v17 .wgmh990-hero-image{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }

  /* Leuchtpunkte und Suchstrahl bleiben vollständig innerhalb der Karte. */
  body.wgmh-v17 .wgmh129-radar-layer,
  body.wgmh-v17 .wgmh139-spotlight{
    position:absolute!important;
    inset:0!important;
    overflow:hidden!important;
    z-index:4!important;
    pointer-events:none!important;
  }
  body.wgmh-v17 .wgmh129-radar-layer{height:clamp(220px,34vh,300px)!important}
  body.wgmh-v17 .wgmh22735-searchlight{height:clamp(220px,34vh,300px)!important}
  body.wgmh-v17 .wgmh129-lake-reflex{display:none!important}

  /* Slogan steht separat unter der Karte – kein Abschneiden beim Scrollen. */
  body.wgmh-v17 .wgmh990-layer-content{
    position:relative!important;
    inset:auto!important;
    order:2!important;
    display:block!important;
    width:100%!important;
    padding:18px 18px 14px!important;
    background:#071a22!important;
    z-index:6!important;
    pointer-events:auto!important;
  }
  body.wgmh-v17 .wgmh-v17-hero-content{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    max-width:none!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.wgmh-v17 .wgmh990-layer-content .wgmh-v17-hero-copy,
  body.wgmh-v17 .wgmh-v17-hero-copy{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    transform:none!important;
  }
  body.wgmh-v17 .wgmh-v17-hero-title,
  body.wgmh-v17 .wgmh-v17-hero-copy h1,
  body.wgmh-v17 .wgmh990-hero-copy h1{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    font-size:clamp(34px,9.7vw,47px)!important;
    line-height:1.02!important;
    letter-spacing:-.035em!important;
    transform:none!important;
    overflow:visible!important;
  }
  body.wgmh-v17 .wgmh991-title-line{
    display:block!important;
    white-space:normal!important;
  }

  /* Suche folgt direkt auf den Slogan und ist nie mehr absolut über dem Header. */
  body.wgmh-v17 .wgmh990-search-layer{
    position:relative!important;
    inset:auto!important;
    bottom:auto!important;
    order:3!important;
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0 14px 18px!important;
    background:#071a22!important;
    transform:none!important;
    z-index:7!important;
  }
  body.wgmh-v17 .wgmh22617-mobile-search{
    margin:0!important;
    border-radius:18px!important;
    box-shadow:0 14px 34px rgba(0,0,0,.22)!important;
  }
  body.wgmh-v17 .wgmh22617-mobile-query{padding:11px 13px!important}
  body.wgmh-v17 .wgmh22617-mobile-query input{font-size:15px!important}
  body.wgmh-v17 .wgmh22617-mobile-selects label{padding:10px 11px!important}
  body.wgmh-v17 .wgmh22617-mobile-submit,
  body.wgmh-v17 .wgmh22617-mobile-submit:hover,
  body.wgmh-v17 .wgmh22617-mobile-submit:focus,
  body.wgmh-v17 .wgmh22617-mobile-submit:active{
    height:54px!important;
    min-height:54px!important;
  }

  /* Desktop-Suche bleibt mobil komplett ausgeblendet; Chatbot kompakt danach. */
  body.wgmh-v17 .wgmh990-search-layer>.wgmh184-search-row{
    display:flex!important;
    flex-direction:column!important;
    gap:12px!important;
    margin:12px 0 0!important;
    padding:0!important;
  }
  body.wgmh-v17 .wgmh990-search-layer .wgmh923-hero-search{display:none!important}
  body.wgmh-v17 .wgmh184-ai-button{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    min-height:74px!important;
    margin:0!important;
    padding:11px 14px!important;
    transform:none!important;
  }

  /* Nach dem Hero entstehen keine künstlichen Leerflächen. */
  body.wgmh-v17 .wgmh-v17-recommendations{
    position:relative!important;
    clear:both!important;
    margin:0!important;
    padding:24px 0 34px!important;
  }
  body.wgmh-v17 .wgmh-v17-heading{margin-bottom:16px!important}
  body.wgmh-v17 .wgmh-v17-grid{gap:16px!important}
  body.wgmh-v17 .wgmh-v17-card{overflow:hidden!important}
  body.wgmh-v17 .wgmh-v17-card-image{aspect-ratio:16/9!important;height:auto!important;min-height:0!important}
  body.wgmh-v17 .wgmh-v17-card-image img{width:100%!important;height:100%!important;object-fit:cover!important}
}

/* WGMH 227.4.9 – echte mobile DOM-Reihenfolge: Hero, Suche, KI, Empfehlungen */
@media (max-width:700px){
  body.wgmh-v17 .wgmh22623-mobile-experience{
    display:block!important;
    overflow:visible!important;
    background:#061b23!important;
  }
  body.wgmh-v17 .wgmh22623-mobile-hero{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    height:clamp(390px,53svh,470px)!important;
    padding:14px 14px 18px!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
  body.wgmh-v17 .wgmh22623-mobile-map{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center top!important;
  }
  body.wgmh-v17 .wgmh22623-mobile-hero::after{
    height:100%!important;
  }
  body.wgmh-v17 .wgmh22623-mobile-nav{
    flex:0 0 auto!important;
    margin:0 0 14px!important;
  }
  body.wgmh-v17 .wgmh22623-mobile-copy{
    position:relative!important;
    flex:0 0 auto!important;
    width:min(290px,78vw)!important;
    margin:auto 0 0!important;
    padding-bottom:4px!important;
    z-index:5!important;
  }
  body.wgmh-v17 .wgmh22623-mobile-copy h1{
    font-size:clamp(30px,8.2vw,42px)!important;
    line-height:.98!important;
  }
  body.wgmh-v17 .wgmh22623-mobile-searchlight{
    top:auto!important;
    bottom:72px!important;
    left:13%!important;
    width:74%!important;
    z-index:2!important;
  }
  body.wgmh-v17 .wgmh22623-mobile-tools{
    position:relative!important;
    display:block!important;
    width:100%!important;
    padding:14px 14px 20px!important;
    background:#061b23!important;
    z-index:10!important;
  }
  body.wgmh-v17 .wgmh22623-mobile-search{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    margin:0!important;
    transform:none!important;
  }
  body.wgmh-v17 .wgmh22623-mobile-ai{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    margin:10px 0 0!important;
    transform:none!important;
  }
  /* Die alte mobile Suche im ausgeblendeten Desktop-Hero darf nie nochmals erscheinen. */
  body.wgmh-v17 .wgmh990-hero .wgmh22617-mobile-search,
  body.wgmh-v17 .wgmh990-hero .wgmh184-ai-button{display:none!important}

  body.wgmh-v17 .wgmh-v17-recommendations{
    margin:0!important;
    padding-top:22px!important;
  }
  body.wgmh-v17 .wgmh-v17-card-image,
  body.wgmh-v17 .wgmh-card-media,
  body.wgmh-v17 .wgmh151-card-image{
    position:relative!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    overflow:hidden!important;
  }
  body.wgmh-v17 .wgmh-v17-card-image img,
  body.wgmh-v17 .wgmh-card-media img,
  body.wgmh-v17 .wgmh151-card-image img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
}

@media (max-width:390px){
  body.wgmh-v17 .wgmh990-layer-image,
  body.wgmh-v17 .wgmh129-radar-layer,
  body.wgmh-v17 .wgmh22735-searchlight{height:220px!important;min-height:220px!important}
  body.wgmh-v17 .wgmh-v17-hero-title,
  body.wgmh-v17 .wgmh-v17-hero-copy h1{font-size:33px!important}
}

/* WGMH 228.70.0 – MacBook 100 %, kollisionsfreier Kopf und frei positionierbarer Headertext */
body.wgmh-v17 .wgmh22870-hero-editor{
  position:absolute!important;left:var(--hero-x)!important;top:var(--hero-y)!important;
  width:var(--hero-width)!important;max-width:none!important;margin:0!important;padding:0!important;
  z-index:30!important;transform:none!important;
}
body.wgmh-v17 .wgmh22870-hero-editor .wgmh-v17-hero-title{
  margin:0!important;font-family:var(--wgmh-font-display,var(--wgmh-font,"Aptos","Segoe UI",Arial,sans-serif))!important;
  font-size:var(--hero-size)!important;font-weight:700!important;line-height:1.01!important;letter-spacing:-.045em!important;
}
body.wgmh-v17 .wgmh22870-hero-editor .wgmh991-title-line{display:block!important;white-space:nowrap!important}
@media (max-width:1550px) and (min-width:701px){
  body.wgmh-v17 .wgmh-v17-header{height:auto!important;min-height:0!important;padding:8px 0 10px!important}
  body.wgmh-v17 .wgmh-v17-header-inner{display:grid!important;grid-template-columns:190px minmax(0,1fr)!important;grid-template-rows:auto auto!important;gap:6px 14px!important;height:auto!important;min-height:0!important;align-items:center!important}
  body.wgmh-v17 .wgmh-v17-logo{grid-column:1!important;grid-row:1!important;min-width:0!important}
  body.wgmh-v17 .wgmh-v17-logo img{width:180px!important;height:auto!important;max-height:62px!important;object-fit:contain!important}
  body.wgmh-v17 .wgmh161-header-actions{display:contents!important}
  body.wgmh-v17 .wgmh161-header-stats{grid-column:2!important;grid-row:1!important;display:flex!important;min-width:0!important;justify-content:flex-start!important;gap:12px!important;overflow:hidden!important}
  body.wgmh-v17 .wgmh161-header-stats a{min-width:0!important;white-space:nowrap!important}
  body.wgmh-v17 .wgmh922-topnav{grid-column:1 / -1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;width:100%!important;gap:8px!important;position:static!important;transform:none!important}
  body.wgmh-v17 .wgmh922-topnav-card{min-width:0!important;height:60px!important;padding:6px 10px!important}
  body.wgmh-v17 .wgmh922-topnav-copy strong{font-size:13px!important}
  body.wgmh-v17 .wgmh922-topnav-copy small{font-size:10px!important}
  body.wgmh-v17 .wgmh922-topnav-icon{width:45px!important;height:45px!important;flex:0 0 45px!important}
  body.wgmh-v17 .wgmh22870-hero-editor{left:var(--hero-x-tablet)!important;top:var(--hero-y-tablet)!important;width:52%!important}
  body.wgmh-v17 .wgmh22870-hero-editor .wgmh-v17-hero-title{font-size:var(--hero-size-tablet)!important}
}
@media (max-width:700px){
  body.wgmh-v17 .wgmh22870-hero-editor{left:var(--hero-x-mobile)!important;top:var(--hero-y-mobile)!important;width:90%!important}
  body.wgmh-v17 .wgmh22870-hero-editor .wgmh-v17-hero-title{font-size:var(--hero-size-mobile)!important}
  body.wgmh-v17 .wgmh22870-hero-editor .wgmh991-title-line{white-space:normal!important}
}

/* WGMH 228.92.0 – Desktop-Hauptnavigation immer vollständig sichtbar. */
@media (min-width:701px){
  body.wgmh-v17 .wgmh922-topnav{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100%!important;
    max-width:none!important;
    overflow:visible!important;
  }
  body.wgmh-v17 .wgmh922-topnav-card,
  body.wgmh-v17 .wgmh922-topnav-card.is-trips{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    min-width:0!important;
  }
}


/* WGMH 228.95.0 – Headerbild-Fallback und kompakte Navigation in einer Zeile. */
body.wgmh-v17 .wgmh990-layer-image,
body.wgmh-v17 .wgmh990-hero-image{opacity:1!important;visibility:visible!important;transition:none!important;animation:none!important;}
@media (min-width:1101px){
  body.wgmh-v17 .wgmh-v17-header{height:auto!important;overflow:visible!important;}
  body.wgmh-v17 .wgmh-v17-header-inner{
    display:grid!important;
    grid-template-columns:minmax(170px,205px) minmax(330px,1fr) minmax(520px,650px)!important;
    grid-template-rows:auto!important;
    align-items:center!important;
    column-gap:14px!important;
    min-height:0!important;
    padding:7px 0!important;
    overflow:visible!important;
  }
  body.wgmh-v17 .wgmh-v17-logo{grid-column:1!important;grid-row:1!important;min-width:0!important;}
  body.wgmh-v17 .wgmh-v17-logo img{max-width:190px!important;height:auto!important;}
  body.wgmh-v17 .wgmh161-header-actions{display:contents!important;}
  body.wgmh-v17 .wgmh161-header-stats{grid-column:2!important;grid-row:1!important;min-width:0!important;overflow:visible!important;}
  body.wgmh-v17 .wgmh922-topnav{
    grid-column:3!important;grid-row:1!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    gap:6px!important;width:100%!important;max-width:none!important;
    overflow:visible!important;position:static!important;transform:none!important;
  }
  body.wgmh-v17 .wgmh922-topnav-card,
  body.wgmh-v17 .wgmh922-topnav-card.is-trips{
    display:flex!important;visibility:visible!important;opacity:1!important;
    min-width:0!important;width:auto!important;min-height:56px!important;
    padding:6px 8px!important;gap:7px!important;border-radius:10px!important;
  }
  body.wgmh-v17 .wgmh922-topnav-icon{width:32px!important;height:32px!important;flex:0 0 32px!important;}
  body.wgmh-v17 .wgmh922-topnav-copy strong{font-size:12px!important;line-height:1.1!important;white-space:nowrap!important;}
  body.wgmh-v17 .wgmh922-topnav-copy small{font-size:9px!important;line-height:1.1!important;white-space:nowrap!important;}
}
@media (min-width:701px) and (max-width:1100px){
  body.wgmh-v17 .wgmh-v17-header-inner{
    display:grid!important;grid-template-columns:minmax(160px,190px) minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;gap:7px 12px!important;padding:7px 0 9px!important;
  }
  body.wgmh-v17 .wgmh-v17-logo{grid-column:1!important;grid-row:1!important;}
  body.wgmh-v17 .wgmh161-header-actions{display:contents!important;}
  body.wgmh-v17 .wgmh161-header-stats{grid-column:2!important;grid-row:1!important;}
  body.wgmh-v17 .wgmh922-topnav{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important;}
}

/* WGMH 228.97.0 – kompakter Live-Bereich, mehr Platz für ungetrennte Buttontexte. */
@media (min-width:1101px){
  body.wgmh-v17 .wgmh-v17-header-inner{
    grid-template-columns:minmax(168px,188px) minmax(260px,315px) minmax(0,1fr)!important;
    column-gap:12px!important;
  }
  body.wgmh-v17 .wgmh161-header-stats{
    gap:8px!important;
    align-items:center!important;
  }
  body.wgmh-v17 .wgmh161-stats-label{
    font-size:10.5px!important;
    line-height:1!important;
    letter-spacing:.045em!important;
    margin-right:1px!important;
    white-space:nowrap!important;
  }
  body.wgmh-v17 .wgmh161-header-stats a{
    gap:4px!important;
    padding:0!important;
  }
  body.wgmh-v17 .wgmh161-header-stats a strong{
    font-size:17px!important;
    line-height:1!important;
  }
  body.wgmh-v17 .wgmh161-header-stats a span{
    font-size:9.5px!important;
    line-height:1.05!important;
  }
  body.wgmh-v17 .wgmh161-header-stats a i{
    width:5px!important;
    height:5px!important;
    flex:0 0 5px!important;
  }
  body.wgmh-v17 .wgmh922-topnav{
    gap:7px!important;
  }
  body.wgmh-v17 .wgmh922-topnav-card{
    box-sizing:border-box!important;
    overflow:hidden!important;
    padding:6px 7px!important;
    gap:5px!important;
  }
  body.wgmh-v17 .wgmh922-topnav-copy{
    min-width:0!important;
    overflow:visible!important;
  }
  body.wgmh-v17 .wgmh922-topnav-copy strong{
    display:block!important;
    max-width:100%!important;
    font-size:10.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
    hyphens:none!important;
  }
  body.wgmh-v17 .wgmh922-topnav-copy small{
    display:none!important;
  }
  body.wgmh-v17 .wgmh922-topnav-icon{
    width:26px!important;
    height:26px!important;
    flex:0 0 26px!important;
  }
}


/* WGMH 228.98.0 – PC: Live-Zahlen enden sicher vor der Navigation. */
@media (min-width:1101px){
  body.wgmh-v17 .wgmh-v17-header-inner{
    grid-template-columns:minmax(168px,188px) minmax(300px,350px) minmax(0,1fr)!important;
    column-gap:10px!important;
  }
  body.wgmh-v17 .wgmh161-header-stats{
    display:flex!important;
    width:100%!important;
    max-width:350px!important;
    min-width:0!important;
    gap:6px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  body.wgmh-v17 .wgmh161-header-stats a{
    flex:0 1 auto!important;
    min-width:0!important;
    gap:3px!important;
  }
  body.wgmh-v17 .wgmh161-header-stats a strong{font-size:16px!important;}
  body.wgmh-v17 .wgmh161-header-stats a span{font-size:8.5px!important;}
  body.wgmh-v17 .wgmh161-stats-label{font-size:9.5px!important;flex:0 0 auto!important;}
  body.wgmh-v17 .wgmh922-topnav{min-width:0!important;}
}