.elementor-kit-16{--e-global-color-primary:#222222;--e-global-color-secondary:#130957;--e-global-color-text:#626262;--e-global-color-accent:#D7382E;--e-global-color-5c2c757:#F5F5F5;--e-global-color-8fcbbce:#FFFFFF;--e-global-color-b764192:#2B98E6;--e-global-color-fd3341f:#2B1A66;--e-global-typography-primary-font-family:"Outfit";--e-global-typography-primary-font-size:60px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Outfit";--e-global-typography-secondary-font-size:42px;--e-global-typography-secondary-font-weight:700;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Manrope";--e-global-typography-text-font-size:15px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.6em;--e-global-typography-accent-font-family:"Outfit";--e-global-typography-accent-font-size:16px;--e-global-typography-accent-font-weight:500;--e-global-typography-31f36d4-font-family:"Outfit";--e-global-typography-31f36d4-font-size:32px;--e-global-typography-31f36d4-font-weight:600;--e-global-typography-31f36d4-line-height:1.2em;--e-global-typography-56764eb-font-family:"Outfit";--e-global-typography-56764eb-font-size:25px;--e-global-typography-56764eb-font-weight:500;--e-global-typography-56764eb-line-height:1.4em;--e-global-typography-ee073fc-font-family:"Outfit";--e-global-typography-ee073fc-font-size:20px;--e-global-typography-ee073fc-font-weight:500;--e-global-typography-53fdad9-font-family:"Outfit";--e-global-typography-53fdad9-font-size:16px;--e-global-typography-53fdad9-font-weight:500;color:#626262;font-family:"Manrope", Sans-Serif;font-size:15px;font-weight:400;line-height:1.6em;}.elementor-kit-16 button,.elementor-kit-16 input[type="button"],.elementor-kit-16 input[type="submit"],.elementor-kit-16 .elementor-button{background-color:var( --e-global-color-accent );font-family:"Outfit", Sans-Serif;font-size:16px;font-weight:500;color:#FFFFFF;border-radius:0px 0px 0px 0px;padding:20px 35px 20px 35px;}.elementor-kit-16 button:hover,.elementor-kit-16 button:focus,.elementor-kit-16 input[type="button"]:hover,.elementor-kit-16 input[type="button"]:focus,.elementor-kit-16 input[type="submit"]:hover,.elementor-kit-16 input[type="submit"]:focus,.elementor-kit-16 .elementor-button:hover,.elementor-kit-16 .elementor-button:focus{background-color:#FA5E54;color:#FFFFFF;border-radius:0px 0px 0px 0px;}.elementor-kit-16 e-page-transition{background-color:#FFBC7D;}.elementor-kit-16 a{font-family:"Outfit", Sans-Serif;font-size:16px;font-weight:500;}.elementor-kit-16 h1{color:#222222;font-family:"Outfit", Sans-Serif;font-size:60px;font-weight:700;line-height:1.2em;}.elementor-kit-16 h2{color:#222222;font-family:"Outfit", Sans-Serif;font-size:42px;font-weight:700;line-height:1.2em;}.elementor-kit-16 h3{color:#222222;font-family:"Outfit", Sans-Serif;font-size:32px;font-weight:600;line-height:1.2em;}.elementor-kit-16 h4{color:#222222;font-family:"Outfit", Sans-Serif;font-size:25px;font-weight:500;line-height:1.4em;}.elementor-kit-16 h5{color:#222222;font-family:"Outfit", Sans-Serif;font-size:20px;font-weight:500;}.elementor-kit-16 h6{color:#222222;font-family:"Outfit", Sans-Serif;font-size:16px;font-weight:500;}.elementor-kit-16 label{color:#626262;font-family:"Outfit", Sans-Serif;font-size:16px;font-weight:500;}.elementor-kit-16 input:not([type="button"]):not([type="submit"]),.elementor-kit-16 textarea,.elementor-kit-16 .elementor-field-textual{font-family:"Manrope", Sans-Serif;font-size:15px;font-weight:400;line-height:1.6em;color:#626262;background-color:#F5F5F5;border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1200px;}.e-con{--container-max-width:1200px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-kit-16{--e-global-typography-primary-font-size:55px;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-size:37px;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-31f36d4-font-size:28px;--e-global-typography-31f36d4-line-height:1.2em;--e-global-typography-56764eb-font-size:23px;--e-global-typography-56764eb-line-height:1.4em;--e-global-typography-ee073fc-font-size:18px;--e-global-typography-53fdad9-font-size:15px;}.elementor-kit-16 h1{font-size:55px;line-height:1.2em;}.elementor-kit-16 h2{font-size:37px;line-height:1.2em;}.elementor-kit-16 h3{font-size:28px;line-height:1.2em;}.elementor-kit-16 h4{font-size:23px;line-height:1.4em;}.elementor-kit-16 h5{font-size:18px;}.elementor-kit-16 h6{font-size:15px;}.elementor-kit-16 label{font-size:15px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-16{--e-global-typography-primary-font-size:50px;--e-global-typography-secondary-font-size:35px;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-31f36d4-font-size:28px;--e-global-typography-31f36d4-line-height:1.2em;--e-global-typography-56764eb-font-size:23px;--e-global-typography-56764eb-line-height:1.4em;--e-global-typography-ee073fc-font-size:18px;}.elementor-kit-16 h1{font-size:50px;}.elementor-kit-16 h2{font-size:35px;line-height:1.2em;}.elementor-kit-16 h3{font-size:28px;line-height:1.2em;}.elementor-kit-16 h4{font-size:23px;line-height:1.4em;}.elementor-kit-16 h5{font-size:18px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ========================================
   ELEMENTOR OVERRIDES - HERO SECTION
======================================== */

/* Elementor Container Spacing komplett entfernen */
.hero_section_1.e-con {
    padding: 0 !important;
    margin: 0 !important;
}

.hero_section_1 .elementor-widget-container {
    padding: 0 !important;
    margin: 0 !important;
}

/* ========================================
   HERO SECTION CSS - MOBILE FIXES
======================================== */

/* NAVIGATION FIX: Kein Stacking Context in der Hero Section! */
.hero_section_1 {
    padding: 0 !important;
    overflow: hidden !important;
    min-height: 100vh !important;
    display: flex !important;
    align-items: center !important;
    background: linear-gradient(-45deg, #130957, #1a0b6e, #1f0d7a, #130957) !important;
    background-size: 200% 200% !important;
    animation: gradientShift 20s ease infinite !important;
    margin-top: 0 !important;
}

/* Container mit Mobile-First Approach */
.hero_section_1 .home-hero-container {
    width: 100% !important;
    max-width: 1400px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 60px !important;
    align-items: center !important;
    min-height: 100vh !important;
}

/* Content Anpassungen */
.hero_section_1 .hero-content {
    max-width: 600px !important;
}

/* ========================================
   MOBILE RESPONSIVE FIXES
======================================== */

/* Tablet bis 1200px */
@media (max-width: 1200px) {
    .hero_section_1 .home-hero-container {
        padding: 0 30px !important;
        grid-template-columns: 1fr !important;
        gap: 40px !important;
    }

    .hero_section_1 .hero-content {
        max-width: 700px !important;
        margin: 0 auto !important;
        text-align: center !important;
        background: rgba(19, 9, 87, 0.3) !important;
        backdrop-filter: blur(10px) !important;
        padding: 30px 25px !important;
        border-radius: 20px !important;
        border: 1px solid rgba(255, 255, 255, 0.1) !important;
    }

    .hero_section_1 .hero-buttons {
        justify-content: center !important;
    }

    .hero_section_1 .partner-badge {
        text-align: center !important;
    }
}

/* Tablet Portrait bis 768px */
@media (max-width: 768px) {
    .hero_section_1 {
        padding-top: 0px !important; /* STARK REDUZIERT für höchste Position */
        /* MOBILE FIX: Viel höhere min-height */
        min-height: 120vh !important;
    }

    .hero_section_1 .home-hero-container {
        padding: 20px 20px !important; /* STARK REDUZIERT für höchste Position */
        /* MOBILE FIX: Zusätzliches Padding für Content */
        min-height: 120vh !important;
    }

    .hero_section_1 .hero-content {
        padding: 40px 30px !important;
    }

    .hero_section_1 .hero-badge {
        font-size: 12px !important;
        padding: 10px 20px !important;
    }

    .hero_section_1 .hero-overline {
        font-size: 18px !important;
    }

    .hero_section_1 .hero-title {
        font-size: 2.5rem !important;
    }

    .hero_section_1 .hero-buttons {
        flex-direction: column !important;
        width: 100% !important;
    }

    .hero_section_1 .hero-btn-primary,
    .hero_section_1 .hero-btn-secondary {
        width: 100% !important;
        padding: 16px 30px !important;
    }

    .hero_section_1 .hero-visual {
        display: none !important; /* Hide 3D cards on mobile */
    }

    .hero_section_1 .partner-badge img {
        max-width: 320px !important;
    }
}

/* Mobile Landscape bis 480px */
@media (max-width: 480px) {
    .hero_section_1 {
        padding-top: 0px !important; /* STARK REDUZIERT für höchste Position */
        /* MOBILE FIX: Noch höhere min-height für kleine Geräte */
        min-height: 140vh !important;
    }

    .hero_section_1 .home-hero-container {
        padding: 15px 15px !important; /* STARK REDUZIERT für höchste Position */
        /* MOBILE FIX: Noch mehr Padding */
        min-height: 140vh !important;
    }

    .hero_section_1 .hero-content {
        padding: 35px 25px !important;
    }

    .hero_section_1 .hero-badge {
        font-size: 11px !important;
        padding: 8px 16px !important;
    }

    .hero_section_1 .hero-badge svg {
        width: 14px !important;
        height: 14px !important;
    }

    .hero_section_1 .hero-overline {
        font-size: 16px !important;
    }

    .hero_section_1 .hero-title {
        font-size: 2rem !important;
        margin-bottom: 20px !important;
    }

    .hero_section_1 .hero-text {
        font-size: 1rem !important;
        margin-bottom: 35px !important;
    }

    .hero_section_1 .hero-btn-primary,
    .hero_section_1 .hero-btn-secondary {
        padding: 14px 24px !important;
        font-size: 0.9rem !important;
    }

    .hero_section_1 .partner-badge img {
        max-width: 260px !important;
        padding: 12px 25px !important;
        border-radius: 8px !important;
    }

    .hero_section_1 .partner-text {
        font-size: 0.8rem !important;
    }
}

/* Mobile Portrait bis 360px */
@media (max-width: 360px) {
    .hero_section_1 {
        /* MOBILE FIX: Maximale Höhe für sehr kleine Geräte */
        min-height: 150vh !important;
        padding-top: 0px !important; /* STARK REDUZIERT für höchste Position */
    }

    .hero_section_1 .home-hero-container {
        /* MOBILE FIX: Maximales Padding */
        padding: 10px 15px !important; /* STARK REDUZIERT für höchste Position */
        min-height: 150vh !important;
    }

    .hero_section_1 .hero-title {
        font-size: 1.8rem !important;
    }

    .hero_section_1 .hero-text {
        font-size: 0.95rem !important;
    }
}

/* ========================================
   GLOBALES WASSERZEICHEN SEIDL GBR
======================================== */

/* Globales Wasserzeichen für Seidl GbR */
body {
    position: relative;
}

body::before {
    content: '';
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
    background-image: url('/wp-content/uploads/2025/06/Seidl-Gbr-Symbol-Logo.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.03;
    z-index: 0;
    pointer-events: none;
    mix-blend-mode: multiply;
}

/* WICHTIG: Nur spezifische Elemente, nicht ALLE! */
.elementor-section,
.elementor-container,
main,
header:not(.brlbs-fixed),
footer,
article,
aside {
    position: relative;
    z-index: 1;
}

/* Borlabs explizit ausschließen und höher setzen */
.brlbs-fixed,
[class*="brlbs-"] {
    z-index: 999999 !important;
}

/* Header z-index beibehalten */
.elementor-location-header {
    z-index: 50 !important;
    position: relative !important;
}

/* ========================================
   GLOBALE ELEMENTOR BUTTON STYLES
======================================== */

.elementor-button,
.elementor-button-link {
    background: linear-gradient(135deg, #D7382E, #ff6b5b) !important;
    color: white !important;
    border: 2px solid transparent !important;
    padding: 14px 32px !important;
    border-radius: 8px !important;
    font-family: "Outfit", Sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    text-decoration: none !important;
    display: inline-block !important;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: 0 8px 30px rgba(215, 56, 46, 0.3) !important;
}

/* Button Text */
.elementor-button-text {
    color: white !important;
    position: relative !important;
    z-index: 2 !important;
}

/* Button Content Wrapper */
.elementor-button-content-wrapper {
    position: relative !important;
    z-index: 2 !important;
}

/* Hover Effekt */
.elementor-button:hover,
.elementor-button-link:hover {
    color: white !important;
    text-decoration: none !important;
    transform: translateY(-3px) scale(1.02) !important;
    box-shadow: 0 15px 40px rgba(215, 56, 46, 0.4) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
}

/* Glanz-Effekt beim Hover */
.elementor-button::before,
.elementor-button-link::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;
    transition: left 0.5s !important;
    z-index: 1 !important;
}

.elementor-button:hover::before,
.elementor-button-link:hover::before {
    left: 100% !important;
}

/* ========================================
   GOOGLE MAPS SEIDL-STYLING
======================================== */

.elementor-widget-google_maps .elementor-widget-container {
    border-radius: 16px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(215, 56, 46, 0.1) !important;
    transition: all 0.4s ease !important;
    position: relative !important;
}

/* Roter Top-Akzent */
.elementor-widget-google_maps .elementor-widget-container::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 4px !important;
    background: linear-gradient(90deg, #D7382E, #ff6b5b) !important;
    z-index: 10 !important;
}

/* Hover-Effekt */
.elementor-widget-google_maps:hover .elementor-widget-container {
    transform: translateY(-5px) !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15) !important;
    border-color: #D7382E !important;
}

/* ========================================
   RESPONSIVE ANPASSUNGEN
======================================== */

/* Tablet Anpassung */
@media (max-width: 1200px) {
    body::before {
        width: 400px;
        height: 400px;
    }
}

/* Mobile Anpassung */
@media (max-width: 768px) {
    body::before {
        width: 300px;
        height: 300px;
        opacity: 0.02;
    }
    
    .elementor-button,
    .elementor-button-link {
        padding: 12px 24px !important;
        font-size: 0.9rem !important;
    }
}

/* Kleine Mobile Geräte */
@media (max-width: 480px) {
    body::before {
        width: 250px;
        height: 250px;
    }
    
    .elementor-button,
    .elementor-button-link {
        padding: 10px 20px !important;
        font-size: 0.85rem !important;
        letter-spacing: 0.5px !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Outfit';
	font-display: auto;
	src: url('https://seidl-heizung.de/wp-content/uploads/2025/07/Outfit-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Manrope';
	font-display: auto;
	src: url('https://seidl-heizung.de/wp-content/uploads/2025/07/Manrope-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */