/* Carsten Kraus – statischer Clon: Ersatz für JS-gesteuerte Elementor-Features */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Sticky-Header: der ganze <header> klebt oben (Elementor machte das per JS) */
.static-clone [data-elementor-type="header"] { position: sticky; top: 0; z-index: 99; }
[id] { scroll-margin-top: 100px; }

/* Icons als Inline-SVG statt Icon-Fonts (Font Awesome / eicons werden nicht mehr geladen) */
.static-icon { display: inline-flex; align-items: center; justify-content: center; font-style: normal; line-height: 1; }
.static-icon::before { content: none !important; }
.static-icon svg { width: 1em; height: 1em; display: block; }
.elementor-social-icon .static-icon svg { width: 1em; height: 1em; }
.static-clone .elementor-menu-toggle:not(.elementor-active) .elementor-menu-toggle__icon--close,
.static-clone .elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--open { display: none; }
.static-clone .elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--close { display: inline-flex; }

/* Mobiles Dropdown über volle Breite (Elementor "stretch" – vorher per JS) */
.static-clone .elementor-nav-menu--stretch .elementor-nav-menu__container.elementor-nav-menu--dropdown {
  position: absolute; max-width: none;
}

/* Testimonial-Karussell ohne Swiper-JS: ohne JS nur die erste Folie zeigen */
.static-clone .elementor-widget-testimonial-carousel .swiper { overflow: hidden; }
.static-clone .elementor-widget-testimonial-carousel .swiper-wrapper { display: flex; transition-property: transform; transition-timing-function: ease; }
.static-clone .elementor-widget-testimonial-carousel .swiper-slide { flex-shrink: 0; width: 100%; }
.static-clone .elementor-swiper-button { cursor: pointer; }

/* Hintergrundvideo (Medien): src wird statisch gesetzt, Video füllt den Container */
.static-clone .elementor-background-video-hosted {
  position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover;
  transform: none !important; max-width: none;
}

/* Anfrage: Hinweis statt Formular */
.static-contact p { margin: 0 0 1em; }
.static-contact__button { display: inline-block; background-color: #00A4DF !important; color: #fff !important; }
.static-contact__button:hover, .static-contact__button:focus { background-color: #0089BA !important; }

/* Medien: Medium ohne Logo-Datei -> Name als Schriftzug im Logo-Feld */
.static-outlet {
  display: flex; align-items: center; justify-content: center; min-height: 60px; padding: 4px;
  font-weight: 700; font-size: 15px; line-height: 1.2; hyphens: auto; overflow-wrap: anywhere; text-align: center; color: #212121;
  letter-spacing: .02em;
}

/* Bekannt aus: Logos verlinken auf die jeweilige Berichterstattung (Link nimmt die volle Breite, sonst schrumpfen SVGs) */
.elementor-widget-image > .elementor-widget-container > a[target="_blank"] { display: block; width: 100%; }
.elementor-widget-image a[target="_blank"] img[src$=".svg"] { width: auto; }  /* Elementor setzt SVGs in Links sonst auf 48px */
.elementor-widget-image a[target="_blank"] img { transition: opacity .2s ease, transform .2s ease; }
.elementor-widget-image a[target="_blank"]:hover img,
.elementor-widget-image a[target="_blank"]:focus-visible img { opacity: .75; transform: scale(1.03); }
.elementor-widget-image a[target="_blank"]:focus-visible { outline: 2px solid #00A4DF; outline-offset: 4px; }

/* Cookie-Hinweis (eigener Code, keine Cookies) */
.static-cookie {
  position: fixed; left: 16px; right: 16px; bottom: 16px; z-index: 10000;
  max-width: 760px; margin: 0 auto; padding: 16px 20px;
  display: flex; align-items: center; gap: 16px 24px; flex-wrap: wrap;
  background: #1E1F23; color: #fff; border-radius: 6px; box-shadow: 0 8px 30px rgba(0,0,0,.25);
  font-family: "CK AI", Sans-serif; font-size: 15px; line-height: 1.45;
}
.static-cookie__text { margin: 0; flex: 1 1 320px; }
.static-cookie__actions { display: flex; align-items: center; gap: 16px; margin-left: auto; }
.static-cookie a.static-cookie__more { color: #fff; text-decoration: underline; text-underline-offset: 3px; }
.static-cookie a.static-cookie__more:hover, .static-cookie a.static-cookie__more:focus-visible { color: #00A4DF; }
.static-cookie__ok {
  background: #00A4DF; color: #fff; border: 0; border-radius: 3px; padding: 10px 22px;
  font: inherit; font-weight: 600; cursor: pointer;
}
.static-cookie__ok:hover { background: #0089BA; }
.static-cookie__ok:focus-visible, .static-cookie__more:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width: 480px) {
  .static-cookie { left: 8px; right: 8px; bottom: 8px; padding: 14px 16px; }
  .static-cookie__actions { width: 100%; justify-content: space-between; }
}

/* Footer: Brainbox-Logo neben Casablanca, gleiche Höhe wie die anderen Wortmarken */
.static-brainbox img { height: 15px !important; width: auto !important; max-width: 100%; }