/* ============================================
   Falcons-World – Mobile Redesign
   Einbinden in index.html NACH allen anderen CSS-Links:
   <link href="css/mobile-fix.css" rel="stylesheet" type="text/css" />
   ============================================ */

/* === GLOBAL: Container-Fix (gilt immer) === */
* { box-sizing: border-box; }

html, body {
  overflow-x: hidden;
  width: 100%;
}

#wb_root {
  width: 100% !important;
  overflow-x: hidden !important;
}

.site-lang-de .wb_cont_inner,
.site-lang-de .wb_cont_bg,
.wb_cont_inner {
  width: 100% !important;
  max-width: 100% !important;
  min-width: unset !important;
  margin-left: 0 !important;
}

img {
  max-width: 100% !important;
  height: auto !important;
}

/* ============================================
   MOBIL (max 767px) – komplettes Redesign
   ============================================ */
@media (max-width: 767px) {

  /* --- NAVIGATION --- */
  #a188dd9c3d220508c35063e74d7f6883 {
    width: 100% !important;
    margin: 0 !important;
    max-height: unset !important;
  }

  /* Hamburger-Menü aufklappen → vertikale Liste */
  #a188dd9c3d220508c35063e74d7f6883 ul.hmenu {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #1a1a1a !important;
    border: none !important;
  }

  #a188dd9c3d220508c35063e74d7f6883 ul.hmenu li {
    width: 100% !important;
    display: block !important;
    border-bottom: 1px solid #333 !important;
  }

  #a188dd9c3d220508c35063e74d7f6883 ul.hmenu li a {
    display: block !important;
    width: 100% !important;
    padding: 14px 20px !important;
    font-size: 16px !important;
    color: #ffffff !important;
    text-align: left !important;
    max-width: 100% !important;
  }

  #a188dd9c3d220508c35063e74d7f6883 ul.hmenu li a:hover,
  #a188dd9c3d220508c35063e74d7f6883 ul.hmenu li.active a {
    color: #ff7200 !important;
    background: #222 !important;
  }

  /* Nav-Container */
  #a19e686e4c7d005684eba094a5159bdf > .wb_content {
    flex-direction: column !important;
    width: 100% !important;
  }

  /* --- HEADER-BILD --- */
  #a188dd9c3d221201d2eec501b323043e {
    width: 100% !important;
    height: 180px !important;
    max-width: 100% !important;
  }

  #a188dd9c3d221201d2eec501b323043e > .wb_content {
    padding: 20px 0 0 0 !important;
  }

  /* --- BUTTON-REIHE (Beizjagd, Arabic-World etc.) --- */
  #a19e5a8186ee00764f39ffe94e818fc0 > .wb_content {
    flex-direction: column !important;
    align-items: stretch !important;
    padding: 10px !important;
    gap: 10px !important;
    background: #111 !important;
  }

  #a19e686e22d7005b013c742e8861860d,
  #a19e689b1e9f0058201288994ead7159,
  #a19e68cf587900ad6215c1aa90ed0cd0,
  #a19e8231219800227196c524564ab706 {
    width: 100% !important;
    margin: 0 !important;
  }

  #a19e686e22d7005b013c742e8861860d a.wb_button,
  #a19e689b1e9f0058201288994ead7159 a.wb_button,
  #a19e68cf587900ad6215c1aa90ed0cd0 a.wb_button,
  #a19e8231219800227196c524564ab706 a.wb_button {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 16px !important;
    font-size: 17px !important;
    font-weight: bold !important;
    border-radius: 6px !important;
    margin: 0 !important;
  }

  /* --- TAUBEN-BUTTON --- */
  #a19e399267bb00b5e6f9f1f9cd954421 {
    width: 100% !important;
    margin: 10px 0 !important;
  }

  #a19e399267bb00b5e6f9f1f9cd954421 a.wb_button {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 16px !important;
    font-size: 16px !important;
    border-radius: 6px !important;
  }

  /* --- HAUPTINHALT --- */
  #a188dd9c3d22171a759e52c8e49aacb0 > .wb_content {
    padding: 15px !important;
  }

  /* Leo Mandlsperger Titel */
  #a188dd9c3d221de58a064d77dbca420b {
    width: 100% !important;
    margin: 10px 0 !important;
  }

  /* Bilder-Reihe → untereinander */
  #a19e21003b7a00af0bbe4bfee293c016 > .wb_content {
    flex-direction: column !important;
    align-items: center !important;
    gap: 15px !important;
  }

  #a19e20ffd216009228fc58be2003f408,
  #a19e20fe4a7600c3c89bd5f76cecb78e {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px 0 !important;
  }

  #a19e20ffd216009228fc58be2003f408 img,
  #a19e20fe4a7600c3c89bd5f76cecb78e img {
    width: 100% !important;
    height: auto !important;
    border-radius: 6px !important;
  }

  /* Textblöcke */
  #a188dd9c3d221e0682474bd463cec9f5 {
    width: 100% !important;
    margin: 10px 0 !important;
  }

  #a188dd9c3d221e0682474bd463cec9f5 p,
  #a19e211ac7fa0027ad214022d6173354 p {
    font-size: 15px !important;
    line-height: 1.7 !important;
    padding: 0 5px !important;
  }

  /* Philosophie-Bereich */
  #a19e211e1e5000606367e4308bce9e00 > .wb_content {
    padding: 10px !important;
  }

  #a19e216ae20c0055a678900eca9902ec > .wb_content {
    flex-direction: column !important;
  }

  #a19e211e728100ff2808af6e15cd94d0 {
    width: 100% !important;
    margin: 0 !important;
  }

  /* --- KONTAKT-BEREICH --- */
  #a19e18c6163500048f23555640d7b747 > .wb_content {
    flex-direction: column !important;
    padding: 15px !important;
  }

  #a19e84d79eb30097a46f4adf3bce2f59 {
    width: 100% !important;
    margin: 0 !important;
  }

  #a19e84d79eb70077d2ec86696c8a270d > .wb_content {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  /* Kontakt-Bild */
  #a19e84d79eba0000110e5ea4a2c89b5b {
    width: 100% !important;
    max-width: 200px !important;
    margin: 0 auto 15px auto !important;
  }

  /* Kontakt-Textblock */
  #a19e84d79ec000a436c8e46d578c9303 {
    width: 100% !important;
    margin: 0 !important;
  }

  /* Trennlinie verstecken auf Mobil */
  #a19e84d79ed600fa488de7222f59dc89 {
    display: none !important;
  }

  /* Social Media */
  #a19e84d79ed90056c4a6d71de58d3d77 {
    width: 100% !important;
    margin: 15px 0 0 0 !important;
  }

  #a19e84d79ee50094a6e3c41ffc06ea4b > .wb_content,
  #a19ea8c83dcb006019ed1b6849935bef > .wb_content {
    flex-direction: row !important;
    gap: 20px !important;
  }

  #a19e84d79ee7002d938644cab8d31210,
  #a19e84d79ef200571463a78705d830b7 {
    width: 45px !important;
    margin: 0 !important;
  }

  /* Social Icons größer auf Mobil */
  #a19e84d79ee7002d938644cab8d31210 svg,
  #a19e84d79ef200571463a78705d830b7 svg {
    width: 45px !important;
    height: 45px !important;
  }

  /* --- COPYRIGHT / FOOTER --- */
  #a19e84d79f0200274a5a46461f1711f5 > .wb_content {
    flex-direction: row !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 15px !important;
  }

  /* --- ALLGEMEINE TEXTE --- */
  h4.wb-stl-pagetitle {
    font-size: 20px !important;
    margin-bottom: 10px !important;
  }

  p.wb-stl-custom18 {
    font-size: 14px !important;
    line-height: 1.6 !important;
  }

  /* Alle Layout-Elemente mit fixer Breite resetten */
  .wb_element[style*="width"] {
    max-width: 100% !important;
  }

  /* Absolute Positionierungen deaktivieren */
  .wb-layout-absolute {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 80px !important;
  }

  /* Alle horizontalen Layouts die keine eigene Regel haben */
  .wb-layout-horizontal {
    flex-wrap: wrap !important;
  }
}

/* ============================================
   TABLET (768px – 991px)
   ============================================ */
@media (min-width: 768px) and (max-width: 991px) {

  .site-lang-de .wb_cont_inner {
    width: 100% !important;
    min-width: unset !important;
  }

  .wb-layout-horizontal {
    flex-wrap: wrap !important;
  }

  #a19e5a8186ee00764f39ffe94e818fc0 > .wb_content {
    flex-wrap: wrap !important;
    gap: 10px !important;
    padding: 10px !important;
  }

  #a19e686e22d7005b013c742e8861860d,
  #a19e689b1e9f0058201288994ead7159,
  #a19e68cf587900ad6215c1aa90ed0cd0,
  #a19e8231219800227196c524564ab706 {
    width: 48% !important;
  }

  #a19e21003b7a00af0bbe4bfee293c016 > .wb_content {
    flex-wrap: wrap !important;
  }

  #a19e20ffd216009228fc58be2003f408,
  #a19e20fe4a7600c3c89bd5f76cecb78e {
    width: 48% !important;
    max-width: 48% !important;
  }

  #a188dd9c3d221201d2eec501b323043e {
    width: 100% !important;
    height: 200px !important;
  }
}