/*
Theme Name: Customizr Child
Template: customizr-pro
Description: Ein Child-Theme für Customizr Pro
Version: 1.0
Author: Thorsten Mann
*/
/* Footer-Links auf Weiß setzen */
footer a {
    color: #ffffff !important;
}
/* Optional: Hover-Effekt für Links */
footer a:hover {
    color: #dddddd !important;
}

/* LCP/CLS-Fix: font-display:optional verhindert Layout-Shift durch Schriftart-Ladezeit */
@font-face {
    font-family: 'customizr';
    src: url('../customizr-pro/assets/shared/fonts/customizr/customizr.woff2?12839698') format('woff2'),
         url('../customizr-pro/assets/shared/fonts/customizr/customizr.woff?12839698') format('woff'),
         url('../customizr-pro/assets/shared/fonts/customizr/customizr.ttf?12839698') format('truetype');
    font-display: optional;
}

/* Performance-Fix: FontAwesome font-display auf swap setzen (statt block).
   Verhindert 90ms Renderblockierung durch fa-solid-900.woff2 */
@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url('../../customizr-pro/assets/shared/fonts/fa/webfonts/fa-solid-900.woff2?v=5.15.2') format('woff2');
}
@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../../customizr-pro/assets/shared/fonts/fa/webfonts/fa-brands-400.woff2?v=5.15.2') format('woff2');
}

/* =====================================================
   Barrierefreiheit: Kontrast-Fixes (WCAG AA 4.5:1)
   ===================================================== */

/* Header Tagline: #777 -> #666 auf hellem Hintergrund (5.74:1) */
.header-skin-light .header-tagline {
  color: #595959 !important;
}

/* Mobile Navbar Tagline ebenfalls */
.mobile-navbar__wrapper .header-tagline {
  color: #595959 !important;
}

/* Footer Copyright: #777 -> #aaaaaa auf #242424 Hintergrund (5.82:1) */
#colophon .fc-copyright-text,
#colophon .fc-copyright-after-text,
#colophon {
  color: #aaaaaa !important;
}
.tribe-events-event-image {
    max-height: 480px !important;
    overflow: hidden !important;
}
.tribe-events-event-image {
    width: 48% !important;
    flex-shrink: 0 !important;
    max-height: none !important;
    overflow: hidden !important;
    border-radius: 4px !important;
}
.tribe-events-event-image img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    object-fit: cover !important;
}
.tribe-events-single-event-description {
    flex: 1 !important;
    min-width: 280px !important;
}
@media (max-width: 640px) {
    .tribe-events-event-image { width: 100% !important; }
}
    .single-tribe_events .tribe-events-event-image { width: 100% !important; }
}
    .tribe-events-single .tribe-events-event-image { width: 100% !important; }
}
    div.tribe_events .tribe-events-event-image { width: 100% !important; }
}

/* Event 50/50 Layout */
div.tribe_events {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 2em !important;
    align-items: flex-start !important;
}
div.tribe_events .tribe-events-schedule {
    flex: 0 0 100% !important;
    order: 1 !important;
}
div.tribe_events .tribe-events-event-image {
    flex: 0 0 46% !important;
    max-width: 46% !important;
    overflow: hidden !important;
    border-radius: 4px !important;
    order: 2 !important;
}
div.tribe_events .tribe-events-event-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}
div.tribe_events .tribe-events-single-event-description {
    flex: 1 1 auto !important;
    min-width: 280px !important;
    order: 3 !important;
}
div.tribe_events .tribe-events-single-section {
    flex: 0 0 100% !important;
    order: 4 !important;
}
@media (max-width: 680px) {
    div.tribe_events { display: block !important; }
    div.tribe_events .tribe-events-event-image { max-width: 100% !important; }
}

/* =====================================================
   Header: Logo und Unterschrift (30.09.2026)
   ===================================================== */

/* Desktop: Logo exakt so breit wie die Unterschrift */
.primary-navbar__wrapper .branding .branding-row { width: 0; min-width: 100%; }
.primary-navbar__wrapper .branding .navbar-brand,
.primary-navbar__wrapper .branding .navbar-brand-sitelogo { display: block; width: 100%; }
.primary-navbar__wrapper .branding .navbar-brand-sitelogo img { width: 100%; height: auto; }
.tc-header .branding .header-tagline { margin-right: 0; text-align: center; }

/* Mobil: Logo ebenfalls exakt so breit wie die Unterschrift
   (Theme begrenzt die Logohoehe mobil mit max-height !important) */
.mobile-navbar__wrapper .branding .branding-row { width: 0; min-width: 100%; }
.mobile-navbar__wrapper .branding .navbar-brand,
.mobile-navbar__wrapper .branding .navbar-brand-sitelogo { display: block; width: 100%; }
.mobile-navbar__wrapper .branding .navbar-brand-sitelogo img { width: 100%; height: auto; max-height: none !important; }
