.elementor-3175 .elementor-element.elementor-element-80d7eab{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3175 .elementor-element.elementor-element-0e61038{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for html, class: .elementor-element-0e61038 *//* Branchen-spezifische CSS basierend auf seo-agentur-koeln-optimized.css */

/* Skip Link for Accessibility */
#bc-page-scope .skip-link {
    position: absolute !important;
    top: -40px !important;
    left: 6px !important;
    background: #000 !important;
    color: #fff !important;
    padding: 8px 16px !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    z-index: 10000 !important;
    transition: top 0.3s ease !important;
}

#bc-page-scope .skip-link:focus {
    top: 6px !important;
    outline: 3px solid #ffd700 !important;
    outline-offset: 2px !important;
}

/* Screen Reader Only Class */
.sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* Base scope und Variablen */
#bc-page-scope{
    font-family:'Arial',sans-serif !important;
    line-height:1.6 !important;
    color:#000000 !important; /* Black text for maximum contrast */
    background:#fff !important;
    --accent:#1b5e20; /* Even darker green for AAA contrast */
    --chip-bg:#fff8e1;
    --cta-primary:#8d6e00; /* Even darker gold for AAA contrast */
    --cta-secondary:#b71c1c; /* Even darker red for AAA contrast */
    --section:#fefefe;
    --muted:#f8f9fa;
    --border:#e0e0e0;
    --radius:10px;
    --shadow:0 4px 12px rgba(0,0,0,.1);
}

/* Section Backgrounds */
#bc-page-scope .section-white{background:#fff !important;padding:60px 0 !important}
#bc-page-scope .section-light{background:#f3f3f3 !important;padding:60px 0 !important}
#bc-page-scope .section-blue{background:#f8f9fa !important;padding:60px 0 !important}

/* Container */
#bc-page-scope .container{max-width:1200px !important;margin:0 auto !important;padding:0 20px !important}

/* Hero Section - Branchen-spezifisch */
#bc-page-scope .hero{
    background:linear-gradient(135deg,#22B14C,#1a8f3a) !important;
    color:#fff !important;
    text-align:center !important;
    padding:100px 0 !important;
}

#bc-page-scope .hero h1{
    font-size:48px !important;
    margin-bottom:20px !important;
    font-weight:700 !important;
    color:#fff !important;
}

#bc-page-scope .hero h2{
    color:#ffd700 !important;
    font-size:36px !important;
    margin-bottom:30px !important;
    font-weight:700 !important;
}

#bc-page-scope .hero-lead{
    font-size:20px !important;
    margin-bottom:40px !important;
    color:#fff !important;
    opacity:0.9 !important;
    max-width:800px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

/* Hero Figure */
#bc-page-scope .hero-figure-wrap{
    max-width:1200px !important;
    margin:20px auto 0 !important;
    padding:0 20px !important;
}

#bc-page-scope .hero-figure{
    margin:0 !important;
    border:1px solid var(--border) !important;
    border-radius:14px !important;
    overflow:hidden !important;
    box-shadow:0 10px 30px rgba(0,0,0,.12) !important;
}

#bc-page-scope .hero-img{
    display:block !important;
    width:100% !important;
    height:auto !important;
    object-fit:cover !important;
    object-position:center !important;
    max-height:600px !important;
    aspect-ratio:12/7 !important;
}

/* Hero CTA Grid */
#bc-page-scope .hero-cta-grid{
    margin-top:40px !important;
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    gap:15px !important;
    max-width:900px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

#bc-page-scope .btn-hero-primary{
    background:#8d6e00 !important; /* Even darker gold for AAA contrast */
    color:#fff !important;
    padding:18px 40px !important;
    font-size:16px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    border-radius:10px !important;
    box-shadow:0 4px 15px rgba(255,215,0,.3) !important;
    text-align:center !important;
    transition:all .3s ease !important;
    white-space:nowrap !important;
    min-width:180px !important;
}

#bc-page-scope .btn-hero-secondary{
    background:transparent !important;
    color:#fff !important;
    border:2px solid #fff !important;
    padding:16px 38px !important;
    font-size:16px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    border-radius:10px !important;
    text-align:center !important;
    transition:all .3s ease !important;
    white-space:nowrap !important;
    min-width:160px !important;
}

#bc-page-scope .btn-hero-tertiary{
    background:#b71c1c !important; /* Even darker red for AAA contrast */
    color:#fff !important;
    padding:18px 40px !important;
    font-size:16px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    border-radius:10px !important;
    box-shadow:0 4px 15px rgba(255,107,53,.3) !important;
    text-align:center !important;
    transition:all .3s ease !important;
    white-space:nowrap !important;
    min-width:200px !important;
}

#bc-page-scope .btn-hero-success{
    background:#1b5e20 !important; /* Even darker green for AAA contrast */
    color:#fff !important;
    padding:18px 40px !important;
    font-size:16px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    border-radius:10px !important;
    box-shadow:0 4px 15px rgba(40,167,69,.3) !important;
    text-align:center !important;
    transition:all .3s ease !important;
    white-space:nowrap !important;
    min-width:220px !important;
}

/* Hover Effects für Hero Buttons */
#bc-page-scope .btn-hero-primary:hover{
    background:#b8860b !important; /* Slightly lighter gold on hover */
    color:#fff !important; /* Keep white text for better contrast */
    transform:translateY(-2px) !important;
    box-shadow:0 6px 20px rgba(184,134,11,.4) !important;
}

#bc-page-scope .btn-hero-secondary:hover{
    background:#fff !important;
    color:#1b5e20 !important; /* Even darker green for AAA contrast */
    transform:translateY(-2px) !important;
}

#bc-page-scope .btn-hero-tertiary:hover{
    background:#d32f2f !important; /* Slightly lighter red on hover */
    color:#fff !important; /* Ensure white text remains */
    transform:translateY(-2px) !important;
}

#bc-page-scope .btn-hero-success:hover{
    background:#2e7d32 !important; /* Slightly lighter green on hover */
    color:#fff !important; /* Ensure white text remains */
    transform:translateY(-2px) !important;
}

/* Focus States for Accessibility */
#bc-page-scope .btn-hero-primary:focus,
#bc-page-scope .btn-hero-secondary:focus,
#bc-page-scope .btn-hero-tertiary:focus,
#bc-page-scope .btn-hero-success:focus {
    outline: 3px solid #ffd700 !important;
    outline-offset: 2px !important;
}

#bc-page-scope .filter-btn:focus {
    outline: 3px solid #ffd700 !important;
    outline-offset: 2px !important;
}

#bc-page-scope .branchen-card:focus {
    outline: 3px solid #ffd700 !important;
    outline-offset: 2px !important;
    transform: translateY(-2px) !important;
}

/* Typography */
#bc-page-scope .h2-title{
    color:var(--accent) !important;
    text-align:center !important;
    font-size:36px !important;
    margin-bottom:20px !important;
    font-weight:700 !important;
}

#bc-page-scope .lead{
    text-align:center !important;
    font-size:18px !important;
    color:#333 !important;
    line-height:1.6 !important;
}

#bc-page-scope h3{
    color:var(--accent) !important;
    margin-bottom:15px !important;
    font-size:24px !important;
    font-weight:600 !important;
}

/* Benefits Grid */
#bc-page-scope .benefits-grid{
    display:grid !important;
    grid-template-columns:repeat(4,1fr) !important;
    gap:20px !important;
    margin-top:50px !important;
    max-width:1400px !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

#bc-page-scope .benefit-card{
    background:#fff !important;
    padding:30px 20px !important;
    border-radius:15px !important;
    box-shadow:0 5px 20px rgba(0,0,0,.1) !important;
    text-align:center !important;
    transition:transform .3s ease !important;
    border:2px solid transparent !important;
    min-height:280px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
}

#bc-page-scope .benefit-card:hover{
    transform:translateY(-5px) !important;
    border-color:var(--accent) !important;
}

#bc-page-scope .benefit-icon{
    font-size:48px !important;
    margin-bottom:20px !important;
    display:block !important;
}

#bc-page-scope .benefit-card h3{
    color:var(--accent) !important;
    margin-bottom:15px !important;
    font-size:20px !important;
    font-weight:700 !important;
    line-height:1.2 !important;
    min-height:50px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    word-wrap:break-word !important;
    hyphens:auto !important;
}

#bc-page-scope .benefit-card p{
    color:#495057 !important; /* Darker text for better contrast */
    line-height:1.5 !important;
    font-size:15px !important;
    flex-grow:1 !important;
    display:flex !important;
    align-items:center !important;
    text-align:center !important;
}

/* Filter Buttons */
#bc-page-scope .filter-buttons{
    display:flex !important;
    justify-content:center !important;
    flex-wrap:wrap !important;
    gap:15px !important;
    margin-top:30px !important;
}

#bc-page-scope .filter-btn{
    background:#fff !important;
    color:#333 !important;
    border:2px solid var(--border) !important;
    padding:12px 24px !important;
    border-radius:25px !important;
    font-weight:600 !important;
    cursor:pointer !important;
    transition:all .3s ease !important;
    font-size:14px !important;
}

#bc-page-scope .filter-btn:hover,
#bc-page-scope .filter-btn.active{
    background:var(--accent) !important;
    color:#fff !important;
    border-color:var(--accent) !important;
    transform:translateY(-2px) !important;
}

/* Touch States für mobile Geräte */
#bc-page-scope .filter-btn.touch-active {
    background:var(--accent) !important;
    color:#fff !important;
    border-color:var(--accent) !important;
    transform:translateY(-1px) !important;
    box-shadow:0 2px 8px rgba(34,177,76,.3) !important;
}

/* Smooth Transitions für Filter */
#bc-page-scope .filter-btn {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    will-change: transform, background-color, border-color !important;
}

/* Performance-optimierte Animationen */
#bc-page-scope .branchen-card.fade-in-card {
    animation: slideInUp 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards !important;
    will-change: transform, opacity !important;
}

@keyframes slideInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 30px, 0);
    }
    100% {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

/* Staggered Animation für mehrere Karten */
#bc-page-scope .branchen-card.fade-in-card:nth-child(1) { animation-delay: 0ms !important; }
#bc-page-scope .branchen-card.fade-in-card:nth-child(2) { animation-delay: 50ms !important; }
#bc-page-scope .branchen-card.fade-in-card:nth-child(3) { animation-delay: 100ms !important; }
#bc-page-scope .branchen-card.fade-in-card:nth-child(4) { animation-delay: 150ms !important; }
#bc-page-scope .branchen-card.fade-in-card:nth-child(5) { animation-delay: 200ms !important; }
#bc-page-scope .branchen-card.fade-in-card:nth-child(6) { animation-delay: 250ms !important; }

/* Loading State für Filter */
#bc-page-scope .filter-buttons.loading .filter-btn {
    pointer-events: none !important;
    opacity: 0.7 !important;
}

/* Active Filter Indicator */
#bc-page-scope .filter-btn[aria-selected="true"]::after {
    content: '' !important;
    position: absolute !important;
    bottom: -2px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 20px !important;
    height: 2px !important;
    background: var(--accent) !important;
    border-radius: 1px !important;
}

/* Branchen Grid - Hauptsektion */
#bc-page-scope .branchen-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(350px,1fr)) !important;
    gap:25px !important;
    margin-top:50px !important;
}

#bc-page-scope .branchen-card{
    background:#fff !important;
    border:2px solid var(--border) !important;
    border-radius:15px !important;
    padding:25px !important;
    text-decoration:none !important;
    color:inherit !important;
    transition:all .3s ease !important;
    display:block !important;
    box-shadow:0 4px 12px rgba(0,0,0,.08) !important;
}

#bc-page-scope .branchen-card:hover{
    border-color:var(--accent) !important;
    transform:translateY(-3px) !important;
    box-shadow:0 8px 25px rgba(0,0,0,.15) !important;
    text-decoration:none !important;
    color:inherit !important;
}

#bc-page-scope .branchen-icon{
    font-size:48px !important;
    margin-bottom:15px !important;
    display:block !important;
}

#bc-page-scope .branchen-card h3{
    color:var(--accent) !important;
    margin-bottom:15px !important;
    font-size:22px !important;
    font-weight:700 !important;
}

#bc-page-scope .branchen-card p{
    color:#666 !important;
    line-height:1.6 !important;
    margin-bottom:15px !important;
}

#bc-page-scope .branchen-features{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:8px !important;
    margin-bottom:15px !important;
}

#bc-page-scope .feature-tag{
    background:var(--chip-bg) !important;
    color:#333 !important;
    padding:4px 12px !important;
    border-radius:20px !important;
    font-size:12px !important;
    font-weight:600 !important;
    border:1px solid var(--border) !important;
}

#bc-page-scope .branchen-cta{
    color:var(--accent) !important;
    font-weight:700 !important;
    font-size:14px !important;
    margin-top:10px !important;
}

#bc-page-scope .branchen-card:hover .branchen-cta{
    color:#1a8f3a !important;
}

/* Content Images Styling */
#bc-page-scope .content-image-wrap,
#bc-page-scope .strategy-image-wrap {
    max-width: 900px !important;
    margin: 40px auto !important;
    padding: 0 20px !important;
}

#bc-page-scope .content-figure,
#bc-page-scope .strategy-figure {
    margin: 0 !important;
    border: 1px solid var(--border) !important;
    border-radius: 15px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 25px rgba(0,0,0,.12) !important;
    background: #fff !important;
}

#bc-page-scope .content-img,
#bc-page-scope .strategy-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    transition: transform 0.3s ease !important;
}

#bc-page-scope .content-figure:hover .content-img,
#bc-page-scope .strategy-figure:hover .strategy-img {
    transform: scale(1.02) !important;
}

#bc-page-scope .content-caption,
#bc-page-scope .strategy-caption {
    padding: 20px !important;
    text-align: center !important;
    font-size: 14px !important;
    color: #495057 !important; /* Darker text for better contrast */
    font-style: italic !important;
    line-height: 1.4 !important;
    background: #f8f9fa !important;
    border-top: 1px solid var(--border) !important;
}

/* Button Styles for Better Contrast */
#bc-page-scope .btn {
    display: inline-block !important;
    padding: 12px 24px !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    border: 2px solid transparent !important;
}

#bc-page-scope .btn--green {
    background: #1b5e20 !important; /* Even darker green for AAA contrast */
    color: #fff !important;
    border-color: #1b5e20 !important;
}

#bc-page-scope .btn--green:hover {
    background: #2e7d32 !important; /* Slightly lighter green on hover */
    border-color: #2e7d32 !important;
    transform: translateY(-2px) !important;
    color: #fff !important; /* Ensure white text remains */
}

#bc-page-scope .btn--yellow {
    background: #8d6e00 !important; /* Even darker gold for AAA contrast */
    color: #fff !important;
    border-color: #8d6e00 !important;
}

#bc-page-scope .btn--yellow:hover {
    background: #b8860b !important; /* Slightly lighter gold on hover */
    border-color: #b8860b !important;
    transform: translateY(-2px) !important;
    color: #fff !important; /* Keep white text for better contrast */
}

#bc-page-scope .btn--lg {
    padding: 16px 32px !important;
    font-size: 18px !important;
}

/* Focus States for Buttons */
#bc-page-scope .btn:focus {
    outline: 3px solid #ffd700 !important;
    outline-offset: 2px !important;
}

/* Contact Elements - Better Contrast */
#bc-page-scope .contact-phone {
    color: #1e7e34 !important; /* Darker green for better contrast */
    font-weight: 700 !important;
    font-size: 20px !important;
}

#bc-page-scope .contact-head {
    color: #212529 !important; /* Darker text for better contrast */
}

/* Section Titles - Better Contrast */
#bc-page-scope .section-title h2 {
    color: #212529 !important; /* Darker text for better contrast */
}

/* Link Colors - Better Contrast */
#bc-page-scope a {
    color: #1b5e20 !important; /* Even darker green for AAA contrast */
}

#bc-page-scope a:hover {
    color: #0d47a1 !important; /* Dark blue on hover for variety */
}

/* Form Styles for Better Accessibility */
#bc-page-scope .contact-form-inner {
    max-width: 600px !important;
    margin: 0 auto !important;
}

#bc-page-scope .form-group {
    margin-bottom: 24px !important;
}

#bc-page-scope .form-group label {
    display: block !important;
    margin-bottom: 8px !important;
    font-weight: 600 !important;
    color: #000000 !important; /* Black text for maximum contrast */
    font-size: 16px !important;
}

#bc-page-scope .form-group input,
#bc-page-scope .form-group select,
#bc-page-scope .form-group textarea {
    width: 100% !important;
    padding: 12px 16px !important;
    border: 2px solid #424242 !important; /* Dark border for better contrast */
    border-radius: 8px !important;
    font-size: 16px !important;
    color: #000000 !important; /* Black text */
    background: #ffffff !important; /* White background */
    transition: border-color 0.3s ease !important;
}

#bc-page-scope .form-group input:focus,
#bc-page-scope .form-group select:focus,
#bc-page-scope .form-group textarea:focus {
    outline: 3px solid #ffd700 !important; /* Yellow focus indicator */
    outline-offset: 2px !important;
    border-color: #1b5e20 !important; /* Green border on focus */
}

#bc-page-scope .form-group input:required,
#bc-page-scope .form-group textarea:required {
    border-left: 4px solid #b71c1c !important; /* Red indicator for required fields */
}

/* Utility Classes */
#bc-page-scope .mb-50{margin-bottom:50px !important}
#bc-page-scope .mb-30{margin-bottom:30px !important}
#bc-page-scope .mb-20{margin-bottom:20px !important}
#bc-page-scope .text-center{text-align:center !important}
#bc-page-scope .cta-center{text-align:center !important;margin-top:50px !important}
#bc-page-scope .section-cta{text-align:center !important;margin-top:40px !important}

/* Buttons */
#bc-page-scope .btn{
    display:inline-block !important;
    padding:14px 28px !important;
    border-radius:10px !important;
    font-weight:700 !important;
    text-decoration:none !important;
    transition:all .3s ease !important;
    margin:5px !important;
    font-size:16px !important;
}

#bc-page-scope .btn--green{
    background:#22B14C !important;
    color:#fff !important;
}

#bc-page-scope .btn--yellow{
    background:#ffc107 !important;
    color:#333 !important;
}

#bc-page-scope .btn--lg{
    padding:18px 36px !important;
    font-size:18px !important;
}

#bc-page-scope .btn:hover{
    transform:translateY(-2px) !important;
    box-shadow:0 6px 20px rgba(0,0,0,.15) !important;
}

/* Scroll to Top Button */
#bc-page-scope .scroll-top{
    position:fixed !important;
    bottom:30px !important;
    right:30px !important;
    background:#22B14C !important;
    color:#fff !important;
    width:50px !important;
    height:50px !important;
    border-radius:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    cursor:pointer !important;
    opacity:0 !important;
    transition:all .3s ease !important;
    z-index:1000 !important;
    text-decoration:none !important;
    font-size:20px !important;
}

#bc-page-scope .scroll-top.visible{opacity:1 !important}
#bc-page-scope .scroll-top:hover{
    background:#1a8f3a !important;
    transform:translateY(-3px) !important;
}

/* Skip Link für Accessibility */
#bc-page-scope .skip-link {
    position: absolute !important;
    top: -40px !important;
    left: 6px !important;
    background: #22B14C !important;
    color: #fff !important;
    padding: 8px 16px !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    z-index: 9999 !important;
    transition: top 0.3s ease !important;
}

#bc-page-scope .skip-link:focus {
    top: 6px !important;
    outline: 2px solid #fff !important;
    outline-offset: 2px !important;
}

/* Focus Management für Filter Buttons */
#bc-page-scope .filter-btn:focus {
    outline: 2px solid #22B14C !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px rgba(34, 177, 76, 0.2) !important;
}

#bc-page-scope .filter-btn[aria-selected="true"] {
    background: var(--accent) !important;
    color: #fff !important;
    border-color: var(--accent) !important;
}

/* Keyboard Navigation für Branchen-Karten */
#bc-page-scope .branchen-card:focus {
    outline: 2px solid #22B14C !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 4px rgba(34, 177, 76, 0.2) !important;
}

/* Screen Reader Only Text */
#bc-page-scope .sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

/* High Contrast Mode Support */
@media (prefers-contrast: high) {
    #bc-page-scope .branchen-card,
    #bc-page-scope .benefit-card,
    #bc-page-scope .filter-btn {
        border: 2px solid #000 !important;
    }

    #bc-page-scope .btn-hero-primary,
    #bc-page-scope .btn-hero-secondary,
    #bc-page-scope .btn-hero-tertiary,
    #bc-page-scope .btn-hero-success {
        border: 2px solid #000 !important;
    }
}

/* Reduced Motion Support */
@media (prefers-reduced-motion: reduce) {
    #bc-page-scope .fade-in,
    #bc-page-scope .fade-in-card,
    #bc-page-scope .branchen-card,
    #bc-page-scope .benefit-card,
    #bc-page-scope .btn,
    #bc-page-scope .filter-btn {
        transition: none !important;
        animation: none !important;
    }

    #bc-page-scope .branchen-card:hover,
    #bc-page-scope .benefit-card:hover,
    #bc-page-scope .btn:hover {
        transform: none !important;
    }
}

/* Fade-in Animation */
#bc-page-scope .fade-in{
    opacity:0 !important;
    transform:translateY(30px) !important;
    transition:all .6s ease !important;
}

#bc-page-scope .fade-in.visible{
    opacity:1 !important;
    transform:translateY(0) !important;
}

#bc-page-scope .fade-in-card{
    animation:fadeInUp .6s ease forwards !important;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Success Stories Section */
#bc-page-scope .success-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;
    gap:30px !important;
    margin-top:50px !important;
}

#bc-page-scope .success-card{
    background:#fff !important;
    border:2px solid var(--accent) !important;
    border-radius:15px !important;
    padding:25px !important;
    box-shadow:0 5px 20px rgba(0,0,0,.1) !important;
}

#bc-page-scope .success-header{
    text-align:center !important;
    margin-bottom:20px !important;
}

#bc-page-scope .success-logo{
    max-width:120px !important;
    height:auto !important;
    margin-bottom:15px !important;
    background:#fff !important;
    padding:10px !important;
    border-radius:8px !important;
    border:1px solid var(--border) !important;
}

#bc-page-scope .success-header h4{
    color:var(--accent) !important;
    font-size:18px !important;
    font-weight:700 !important;
    margin:0 !important;
}

#bc-page-scope .success-stats{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(100px,1fr)) !important;
    gap:15px !important;
    text-align:center !important;
}

#bc-page-scope .stat-item{
    background:var(--chip-bg) !important;
    padding:15px 10px !important;
    border-radius:10px !important;
    border:1px solid var(--border) !important;
}

#bc-page-scope .stat-number{
    display:block !important;
    font-size:24px !important;
    font-weight:700 !important;
    color:var(--accent) !important;
    margin-bottom:5px !important;
}

#bc-page-scope .stat-label{
    font-size:12px !important;
    color:#666 !important;
    line-height:1.3 !important;
}

/* Strategy Section */
#bc-page-scope .strategy-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr)) !important;
    gap:30px !important;
    margin-top:50px !important;
}

#bc-page-scope .strategy-card{
    background:#fff !important;
    border:1px solid var(--border) !important;
    border-radius:15px !important;
    padding:25px !important;
    box-shadow:0 4px 12px rgba(0,0,0,.08) !important;
    transition:all .3s ease !important;
}

#bc-page-scope .strategy-card:hover{
    border-color:var(--accent) !important;
    transform:translateY(-3px) !important;
    box-shadow:0 8px 25px rgba(0,0,0,.15) !important;
}

#bc-page-scope .strategy-icon{
    font-size:48px !important;
    margin-bottom:20px !important;
    display:block !important;
}

#bc-page-scope .strategy-card h3{
    color:var(--accent) !important;
    margin-bottom:15px !important;
    font-size:22px !important;
    font-weight:700 !important;
}

#bc-page-scope .strategy-card p{
    color:#666 !important;
    line-height:1.6 !important;
    margin-bottom:20px !important;
}

#bc-page-scope .strategy-list{
    list-style:none !important;
    padding:0 !important;
    margin:0 !important;
}

#bc-page-scope .strategy-list li{
    position:relative !important;
    padding-left:25px !important;
    margin-bottom:8px !important;
    color:#333 !important;
    line-height:1.5 !important;
}

#bc-page-scope .strategy-list li::before{
    content:"✓" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    color:var(--accent) !important;
    font-weight:700 !important;
}

/* FAQ Section */
#bc-page-scope #faq{
    padding:60px 20px !important;
    background:#f8f9fa !important;
}

#bc-page-scope .faq-wrap{
    max-width:900px !important;
    margin:0 auto !important;
}

#bc-page-scope .faq-item{
    background:#fff8e1 !important;
    margin-bottom:25px !important;
    border-radius:15px !important;
    overflow:hidden !important;
    box-shadow:0 4px 12px rgba(0,0,0,.1) !important;
    border:2px solid #ffc107 !important;
}

#bc-page-scope .faq-header{
    background:#ffc107 !important;
    color:#333 !important;
    padding:25px !important;
    font-weight:700 !important;
    font-size:18px !important;
    border-bottom:2px solid #e0a800 !important;
    cursor:pointer !important;
}

#bc-page-scope .faq-body{
    padding:25px !important;
    background:#fff !important;
}

#bc-page-scope .faq-body p{
    font-size:16px !important;
    line-height:1.6 !important;
    margin-bottom:15px !important;
    color:#333 !important;
}

#bc-page-scope .faq-body ul{
    margin-left:20px !important;
    margin-bottom:15px !important;
    color:#333 !important;
}

#bc-page-scope .faq-body li{
    margin-bottom:8px !important;
    line-height:1.5 !important;
}

#bc-page-scope .faq-bottom{
    text-align:center !important;
    margin-top:50px !important;
    background:#fff !important;
    padding:40px !important;
    border-radius:15px !important;
    box-shadow:0 4px 12px rgba(0,0,0,.1) !important;
}

#bc-page-scope .faq-bottom h3{
    color:var(--accent) !important;
    margin-bottom:20px !important;
    font-size:28px !important;
}

#bc-page-scope .faq-bottom p{
    margin-bottom:25px !important;
    font-size:18px !important;
    color:#333 !important;
}

/* Contact Section */
#bc-page-scope #kontakt{
    padding:60px 20px !important;
    background:#fefefe !important;
}

#bc-page-scope .contact-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:60px !important;
    align-items:start !important;
    margin-top:30px !important;
}

#bc-page-scope .contact-card{
    background:#f8f9fa !important;
    padding:25px !important;
    border-radius:15px !important;
    margin-bottom:25px !important;
    border:1px solid var(--border) !important;
}

#bc-page-scope .contact-head{
    color:var(--accent) !important;
    margin-bottom:15px !important;
    font-size:20px !important;
    font-weight:700 !important;
}

#bc-page-scope .contact-phone{
    font-size:24px !important;
    font-weight:700 !important;
    color:var(--accent) !important;
    margin-bottom:10px !important;
}

#bc-page-scope .contact-form-card{
    background:#f8f9fa !important;
    padding:30px !important;
    border-radius:15px !important;
    border:1px solid var(--border) !important;
}

#bc-page-scope .contact-form-card h3{
    color:var(--accent) !important;
    margin-bottom:25px !important;
    font-size:24px !important;
    text-align:center !important;
}

/* Contact Form 7 Integration - Branchen Formular */
.contact-form-card .cf7-branchen-form {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

.contact-form-card .cf7-branchen-form h3 {
    color: var(--accent) !important;
    margin-bottom: 25px !important;
    font-size: 24px !important;
    text-align: center !important;
    border-bottom: 2px solid var(--accent) !important;
    padding-bottom: 15px !important;
}

/* CF7 Form Styling - integriert in bestehende Struktur */
.contact-form-card .wpcf7 form {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

.contact-form-card .wpcf7 label {
    display: block !important;
    margin-bottom: 20px !important;
    font-weight: 600 !important;
    color: #333 !important;
    font-size: 16px !important;
}

.contact-form-card .wpcf7 input[type="text"],
.contact-form-card .wpcf7 input[type="email"],
.contact-form-card .wpcf7 input[type="tel"],
.contact-form-card .wpcf7 input[type="url"],
.contact-form-card .wpcf7 select,
.contact-form-card .wpcf7 textarea {
    width: 100% !important;
    padding: 15px !important;
    border: 2px solid #ddd !important;
    border-radius: 8px !important;
    font-size: 16px !important;
    background: #fff !important;
    box-sizing: border-box !important;
    margin-top: 8px !important;
    transition: all 0.3s ease !important;
    font-family: 'Arial', sans-serif !important;
}

.contact-form-card .wpcf7 input:focus,
.contact-form-card .wpcf7 select:focus,
.contact-form-card .wpcf7 textarea:focus {
    outline: 0 !important;
    border-color: #22B14C !important;
    box-shadow: 0 0 0 3px rgba(34, 177, 76, 0.15) !important;
    background: #f9fff9 !important;
}

.contact-form-card .wpcf7 select {
    cursor: pointer !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2322B14C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 16px !important;
    padding-right: 40px !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
}

.contact-form-card .wpcf7 textarea {
    min-height: 120px !important;
    resize: vertical !important;
    line-height: 1.5 !important;
}

.contact-form-card .wpcf7-submit {
    background: #ffc107 !important;
    color: #333 !important;
    border: 0 !important;
    border-radius: 10px !important;
    padding: 16px 32px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    box-shadow: 0 8px 24px rgba(255, 193, 7, 0.25) !important;
    font-size: 16px !important;
    transition: all 0.3s ease !important;
    min-width: 250px !important;
    font-family: 'Arial', sans-serif !important;
    margin: 20px auto !important;
    display: block !important;
}

.contact-form-card .wpcf7-submit:hover {
    background: #e0a800 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 32px rgba(255, 193, 7, 0.35) !important;
}

/* CF7 Response Messages */
.contact-form-card .wpcf7-mail-sent-ok {
    border: 2px solid #22B14C !important;
    background: #eaf7ef !important;
    color: #1b7f37 !important;
    padding: 15px !important;
    border-radius: 8px !important;
    margin: 20px 0 !important;
    text-align: center !important;
    font-weight: 600 !important;
}

.contact-form-card .wpcf7-validation-errors {
    border: 2px solid #dc3545 !important;
    background: #fdecea !important;
    color: #8a1c13 !important;
    padding: 15px !important;
    border-radius: 8px !important;
    margin: 20px 0 !important;
    text-align: center !important;
    font-weight: 600 !important;
}

.contact-form-card .wpcf7-not-valid-tip {
    color: #dc3545 !important;
    font-size: 12px !important;
    margin-top: 5px !important;
    display: block !important;
    font-weight: 600 !important;
}

.contact-form-card .wpcf7-spinner {
    display: none !important;
}

/* Quiz Field Integration */
.contact-form-card .wpcf7-quiz {
    max-width: 100px !important;
    display: inline-block !important;
    margin-left: 10px !important;
}

/* Acceptance Checkbox Integration */
.contact-form-card .cf7-accept {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    margin: 25px 0 !important;
    padding: 15px !important;
    background: #fff8e1 !important;
    border: 1px solid #ffc107 !important;
    border-radius: 8px !important;
}

.contact-form-card .cf7-accept input[type="checkbox"] {
    width: auto !important;
    margin: 0 !important;
    margin-top: 2px !important;
    flex-shrink: 0 !important;
    padding: 0 !important;
}

.contact-form-card .cf7-accept a {
    color: #22B14C !important;
    text-decoration: underline !important;
    font-weight: 600 !important;
}

.contact-form-card .cf7-accept a:hover {
    color: #1a8f3a !important;
    text-decoration: none !important;
}

/* URL Field spezifisches Styling */
.contact-form-card .wpcf7 input[type="url"] {
    font-family: monospace !important;
    font-size: 14px !important;
}

#bc-page-scope .form-note{
    font-size:14px !important;
    color:#666 !important;
    text-align:center !important;
    margin-top:15px !important;
    font-style:italic !important;
}

/* Checklist */
#bc-page-scope .checklist{
    list-style:none !important;
    padding:0 !important;
    margin:15px 0 !important;
}

#bc-page-scope .checklist li{
    position:relative !important;
    padding-left:25px !important;
    margin-bottom:8px !important;
    color:#333 !important;
    line-height:1.5 !important;
}

#bc-page-scope .checklist li::before{
    content:"✓" !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    color:var(--accent) !important;
    font-weight:700 !important;
}

/* Medium Screens - Keep 4 columns but smaller */
@media (max-width: 1200px) {
    #bc-page-scope .benefits-grid{
        max-width:1200px !important;
        gap:15px !important;
    }

    #bc-page-scope .benefit-card{
        padding:25px 15px !important;
    }

    #bc-page-scope .benefit-card h3{
        font-size:18px !important;
        min-height:45px !important;
    }

    #bc-page-scope .benefit-card p{
        font-size:14px !important;
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    #bc-page-scope .hero h1{font-size:36px !important}
    #bc-page-scope .hero h2{font-size:28px !important}
    #bc-page-scope .hero-cta-grid{grid-template-columns:1fr !important;max-width:400px !important}
    #bc-page-scope .filter-buttons{justify-content:center !important}
    #bc-page-scope .branchen-grid{grid-template-columns:1fr !important}
    #bc-page-scope .contact-grid{grid-template-columns:1fr !important;gap:30px !important}
    #bc-page-scope .success-grid{grid-template-columns:1fr !important}
    #bc-page-scope .strategy-grid{grid-template-columns:1fr !important}
    #bc-page-scope .benefits-grid{
        grid-template-columns:1fr !important;
        gap:20px !important;
        max-width:500px !important;
    }

    #bc-page-scope .benefit-card{
        min-height:auto !important;
        padding:25px 20px !important;
    }

    #bc-page-scope .benefit-card h3{
        font-size:20px !important;
        min-height:auto !important;
        margin-bottom:12px !important;
    }

    /* Hero Buttons Mobile */
    #bc-page-scope .btn-hero-primary,
    #bc-page-scope .btn-hero-secondary,
    #bc-page-scope .btn-hero-tertiary,
    #bc-page-scope .btn-hero-success {
        min-width:100% !important;
        padding:16px 20px !important;
        font-size:15px !important;
    }

    /* Content Images Mobile */
    #bc-page-scope .content-image-wrap,
    #bc-page-scope .strategy-image-wrap {
        margin:30px auto !important;
        padding:0 15px !important;
    }

    #bc-page-scope .content-caption,
    #bc-page-scope .strategy-caption {
        padding:15px !important;
        font-size:13px !important;
    }
}

@media (max-width: 480px) {
    #bc-page-scope .hero{padding:60px 0 !important}
    #bc-page-scope .hero h1{font-size:28px !important}
    #bc-page-scope .hero h2{font-size:24px !important}
    #bc-page-scope .hero-lead{font-size:16px !important}
    #bc-page-scope .container{padding:0 15px !important}
    #bc-page-scope .section-white,
    #bc-page-scope .section-light,
    #bc-page-scope .section-blue{padding:40px 0 !important}

    /* Extra Small Screens */
    #bc-page-scope .hero-cta-grid{max-width:300px !important}

    #bc-page-scope .btn-hero-primary,
    #bc-page-scope .btn-hero-secondary,
    #bc-page-scope .btn-hero-tertiary,
    #bc-page-scope .btn-hero-success {
        padding:14px 16px !important;
        font-size:14px !important;
        min-width:100% !important;
    }

    #bc-page-scope .content-image-wrap,
    #bc-page-scope .strategy-image-wrap {
        margin:20px auto !important;
        padding:0 10px !important;
    }

    /* Benefits Grid für sehr kleine Bildschirme */
    #bc-page-scope .benefits-grid{
        max-width:350px !important;
        gap:15px !important;
    }

    #bc-page-scope .benefit-card{
        padding:20px 15px !important;
    }

    #bc-page-scope .benefit-card h3{
        font-size:18px !important;
        line-height:1.3 !important;
    }

    #bc-page-scope .benefit-card p{
        font-size:14px !important;
    }
}

/* Cross-Browser Kompatibilität */
/* Internet Explorer 11 Support */
#bc-page-scope .branchen-grid {
    display: -ms-grid !important;
    display: grid !important;
    -ms-grid-columns: 1fr 25px 1fr 25px 1fr !important;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)) !important;
}

/* Safari Flexbox Fixes */
#bc-page-scope .hero-cta-grid,
#bc-page-scope .filter-buttons,
#bc-page-scope .branchen-features {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

#bc-page-scope .hero-cta-grid {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
}

#bc-page-scope .filter-buttons {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

#bc-page-scope .branchen-features {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

/* Firefox Grid Support */
@supports not (display: grid) {
    #bc-page-scope .branchen-grid {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    #bc-page-scope .branchen-card {
        -webkit-box-flex: 1 !important;
        -ms-flex: 1 1 350px !important;
        flex: 1 1 350px !important;
        margin: 12px !important;
    }
}

/* Webkit/Blink Appearance Reset */
#bc-page-scope .filter-btn,
#bc-page-scope .btn,
#bc-page-scope .wpcf7-submit {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* Edge Legacy Support */
@supports (-ms-ime-align: auto) {
    #bc-page-scope .branchen-grid {
        display: -ms-flexbox !important;
        -ms-flex-wrap: wrap !important;
    }

    #bc-page-scope .branchen-card {
        -ms-flex: 1 1 350px !important;
        margin: 12px !important;
    }
}

/* Chrome/Safari Transform3d für bessere Performance */
#bc-page-scope .branchen-card,
#bc-page-scope .benefit-card,
#bc-page-scope .btn {
    -webkit-transform: translate3d(0, 0, 0) !important;
    transform: translate3d(0, 0, 0) !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
}

/* iOS Safari Fixes */
#bc-page-scope .branchen-card,
#bc-page-scope .benefit-card {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
    -webkit-touch-callout: none !important;
}

/* Firefox Smooth Scrolling */
@supports (scroll-behavior: smooth) {
    html {
        scroll-behavior: smooth !important;
    }
}

/* Fallback für ältere Browser ohne CSS Custom Properties */
@supports not (--css: variables) {
    #bc-page-scope .h2-title,
    #bc-page-scope .branchen-card h3,
    #bc-page-scope .benefit-icon {
        color: #22B14C !important;
    }

    #bc-page-scope .btn--green {
        background: #22B14C !important;
    }

    #bc-page-scope .btn--yellow,
    #bc-page-scope .btn-hero-primary {
        background: #ffc107 !important;
    }

    #bc-page-scope .section-blue {
        background: #f8f9fa !important;
    }
}/* End custom CSS */