/* mods.css — turbo-disco v1 — wenig modernisiert */

/* ── Lokale Open Sans ────────────────────────────────────────────── */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/opensans-400.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/opensans-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/opensans-700.woff2') format('woff2');
}

/* ── Viewport / Reset ───────────────────────────────────────────── */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* ── Leichte Rundungen (Andy: wie Kleinanzeigen) ─────────────────── */
.textborder,
.slider,
#window {
  border-radius: 6px;
  overflow: hidden;
}

/* ── Responsive: Container nicht überlaufen lassen ──────────────── */
@media (max-width: 980px) {
  body {
    overflow-x: hidden;
  }
  .container {
    width: 100% !important;
    padding: 0 12px !important;
    margin: 0 auto !important;
  }
  #header .container {
    padding: 0 12px !important;
  }
  .row {
    display: block !important;
  }
  [class^="col span"],
  [class*=" col span"] {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }
  .slider img,
  .stage img {
    width: 100% !important;
    height: auto !important;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  #logo img {
    max-width: 200px;
    height: auto;
  }
  .phone.desktop {
    display: none !important;
  }
  .phone.mobile {
    display: block !important;
  }
  #globalfooter .col.span10 {
    width: 100% !important;
  }
  #globalfooter .col.span2 {
    width: 100% !important;
    text-align: left !important;
    margin-top: 8px;
  }
  #globalfooter a {
    display: inline-block;
    margin: 2px 4px;
  }
}

/* ── WhatsApp Floating Button ────────────────────────────────────── */
.wa-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 56px;
  height: 56px;
  background-color: #25d366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 3px 12px rgba(0,0,0,0.3);
  z-index: 9999;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.wa-float:hover {
  transform: scale(1.08);
  box-shadow: 0 5px 18px rgba(0,0,0,0.35);
}
.wa-float svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}

/* Fix 13.06.: Blocksatz/Silbentrennung reisst Text auf dem Handy auseinander -> linksbuendig */
.text, .text_frontpage, .textborder, .textborder p, .text p, .text_frontpage p, p, li {
  text-align: left !important;
  hyphens: manual !important;
  -webkit-hyphens: manual !important;
  -ms-hyphens: manual !important;
}