/**
 * Theme Name:     YOOtheme Child
 * Author:         YOOtheme
 * Template:       yootheme
 * Text Domain:	   yootheme-child
 * Description:    A powerful, flexible and elegant website builder that allows you to create complex pages within minutes and customize every aspect of the theme.
 * Author URI:     http://Ronny
 */

/* ============================================================
   MOBILE FIX – Verhindert zweizeiligen Button bei sehr schmalen Geräten
   ============================================================ */
@media (max-width: 380px) {
  html {
    zoom: 0.9;
  }
}

/* ============================================================
   YOOtheme Skiplink entfernen („Zum Hauptinhalt springen“)
   ============================================================ */
a[href="#tm-main"],
a[href="#main-content"],
.uk-skip,
.uk-skiplink {
  position: absolute !important;
  top: -9999px !important;
  left: -9999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
/* ============================================================
   MOBILE FIX – Bewertungsüberschrift wie Hero-H1
   ============================================================ */
@media (max-width: 640px) {
  #bewertungen.section-bewertungen .section-title {
    text-align: center;
    font-size: 1.9rem;
    font-weight: 800;
    line-height: 1.15;
    margin-bottom: 2.5rem;
    font-family: 'Roboto', Arial, sans-serif;
    color: #fff;
    text-shadow:
      0 0 10px rgba(255, 255, 255, 0.6),
      0 2px 6px rgba(0, 0, 0, 0.4);
    background: linear-gradient(90deg, #ffcc33, #ff9933, #ffffff);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shineMobile 7s linear infinite;
  }

  @keyframes shineMobile {
    to { background-position: 200% center; }
  }

  /* iOS-Fallback: deaktiviert Gradient-Rendering */
  @supports (-webkit-touch-callout: none) {
    #bewertungen.section-bewertungen .section-title {
      -webkit-text-fill-color: #fff !important;
      background: none !important;
      animation: none !important;
      text-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
      -webkit-font-smoothing: antialiased;
    }
  }

  /* Leichte Größenanpassung für sehr kleine Geräte */
  @media (max-width: 380px) {
    #bewertungen.section-bewertungen .section-title {
      font-size: 1.7rem;
    }
  }
}

/* ============================================================
   Fix: Sichtbarkeitsklassen nach YOOtheme/UIkit-Update 4.5.32
   (Mobile Blöcke wurden nicht mehr angezeigt)
   ============================================================ */

@media (max-width: 1199px) {
  .uk-hidden\@l {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    opacity: 1 !important;
  }
  .uk-visible\@l {
    display: none !important;
    visibility: hidden !important;
  }
}