﻿/* Live UX fixes (D2) */

/* Mobile/zoom menu: remove collapse animation delay */
@media (max-width: 991px) {
  .collapsing {
    height: auto !important;
    overflow: hidden;
  }

  .navbar-collapse,
  .navbar-collapse.collapsing {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
    transition-duration: 0s !important;
    transition-delay: 0s !important;
  }

  .navbar-toggle {
    touch-action: manipulation;
    -ms-touch-action: manipulation;
  }

  #main-menu .navbar-collapse .container,
  #main-menu .navbar-collapse.in .container {
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
  }
}

/* iOS: keep background behavior stable during scroll */
@supports (-webkit-overflow-scrolling: touch) {
  .page {
    background-attachment: scroll !important;
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

/* Keep anchor target readable below fixed header/nav */
#wir-suchen-aktuell {
  scroll-margin-top: 120px;
}

/* Stabilize slider box before script initialization */
[id^="slider-dom-id-"] {
  width: 100% !important;
  max-width: 1300px;
  height: auto !important;
  aspect-ratio: 13 / 6;
}

[id^="slider-dom-id-"] [data-u="slides"] {
  width: 100% !important;
  height: 100% !important;
}

/* Content links: stable feedback in all viewports (incl. mailto) */
#main .container .content .field--name-body a:hover,
#main .container .content .field--name-body a:focus,
#main .container .content .field--name-body a:active,
#main .container .content a[href^="mailto:"]:hover,
#main .container .content a[href^="mailto:"]:focus,
#main .container .content a[href^="mailto:"]:active {
  color: #c01700 !important;
  text-decoration: underline !important;
}

/* Mobile/touch: links must stay visually recognizable without hover */
@media (max-width: 991px) {
  #main .container .content .field--name-body a,
  #main .container .content .node__content a {
    text-decoration: underline !important;
    text-decoration-color: #c01700;
    text-underline-offset: 0.14em;
    text-decoration-thickness: 1.5px;
    text-decoration-skip-ink: auto;
  }
}
