/*
Theme Name: Astra Child
Template: astra
Version: 2.0.4
*/

.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{text-transform:none!important;font-family:"Roboto",sans-serif!important;font-weight:700!important;line-height:1.3!important;color:#1a1a1a!important;margin-top:1.5em!important;margin-bottom:.8em!important}
.entry-content h2{font-size:28px!important;border-bottom:2px solid #e0e0e0;padding-bottom:.3em!important}
.entry-content h3{font-size:22px!important}
.entry-content p{font-family:"Roboto",sans-serif!important;font-size:16px!important;line-height:1.7!important;color:#333!important;margin-bottom:1.2em!important}
.entry-content ul{margin-bottom:1.2em!important;padding-left:1.5em!important}
.entry-content ul li{font-family:"Roboto",sans-serif!important;font-size:16px!important;line-height:1.7!important;color:#333!important;margin-bottom:.5em!important}
.entry-content ul li::marker{color:#06c!important}
.entry-content table{width:100%!important;border-collapse:collapse!important;margin:1.5em 0!important;font-size:14px!important}
.entry-content table th{background-color:#f5f5f5!important;padding:12px!important;text-align:left!important;border:1px solid #ddd!important;font-weight:700!important;color:#1a1a1a!important}
.entry-content table td{padding:10px 12px!important;border:1px solid #ddd!important;color:#333!important}
.entry-content table tr:nth-child(even) td{background-color:#fafafa!important}
.entry-content a{color:#06c!important;text-decoration:underline!important;font-weight:500!important}
.entry-content a:hover{color:#049!important}
.faq-section{max-width:800px!important;margin:40px auto!important;padding:30px!important;background:#f8f9fa!important;border-radius:12px!important;border:1px solid #e0e0e0!important}
.faq-section h2{text-align:center!important;border-bottom:none!important;margin-bottom:25px!important;font-size:26px!important;color:#1a1a1a!important}
.faq-item{margin-bottom:16px!important;padding:18px 20px!important;background:#fff!important;border-radius:8px!important;border:1px solid #e0e0e0!important}
.faq-item:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)!important}
.faq-item h3{margin:0 0 8px 0!important;font-size:17px!important;color:#1a1a1a!important;border-bottom:none!important;padding-bottom:0!important}
.faq-item p{margin:0!important;color:#555!important;line-height:1.6!important;font-size:15px!important}

@media(max-width:768px){
    /* Hamburger sichtbar, dezent */
    .ast-mobile-menu-trigger,.menu-toggle.main-header-menu-toggle,.ast-button-wrap .menu-toggle,button.ast-mobile-menu-trigger-minimal{display:inline-flex!important}

    /* Below-header: hide from flow, use as dropdown source */
    .ast-below-header-wrap{display:none!important}

    /* Mobile dropdown menu - created by JS */
    .mobile-dropdown-menu{display:none;position:absolute;top:100%;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.12);min-width:200px;z-index:9999;overflow:hidden}
    .mobile-dropdown-menu.open{display:block}
    .mobile-dropdown-menu a{display:block;padding:12px 18px;font-size:15px;color:#1a1a1a;text-decoration:none;border-bottom:1px solid #f0f0f0;white-space:nowrap}
    .mobile-dropdown-menu a:last-child{border-bottom:none}
    .mobile-dropdown-menu a:hover{background:#f5f5f5}
    .mobile-dropdown-menu a.current{color:#253993;font-weight:700}

    /* Make header position relative for absolute dropdown */
    .ast-primary-header-bar{position:relative!important}

    /* Hide off-canvas, popup, mobile-content */
    .ast-mobile-popup-drawer,.ast-mobile-popup-overlay,.ast-mobile-header-content{display:none!important}

    html,body{overflow-x:hidden!important;height:auto!important;position:static!important}
    .entry-content img,.wp-block-image img{max-width:100%!important;height:auto!important}
    .entry-content h2{font-size:22px!important}
    .entry-content h3{font-size:18px!important}
    .entry-content p,.entry-content ul li{font-size:15px!important}
    .entry-content table{display:block!important;overflow-x:auto!important;white-space:nowrap!important;max-width:100%!important}
    .entry-content table th,.entry-content table td{padding:8px 10px!important;font-size:13px!important}
    .faq-section{padding:20px 15px!important;margin:25px 0!important}
    .faq-section h2{font-size:22px!important}
    .faq-item{padding:15px!important;margin-bottom:12px!important}
    .faq-item h3{font-size:16px!important}
    .faq-item p{font-size:14px!important}
}

/* ========================================
   MOBILE HEADER SPACING
   ======================================== */
@media(max-width:768px){
    /* Mehr Platz zwischen Header und Hero */
    #masthead{margin-bottom:0!important;padding-bottom:0!important}
    .ast-primary-header-bar{border-bottom:none!important;padding-bottom:8px!important}
    
    /* Hero-Bereich: mehr Abstand nach oben */
    .entry-content > .spectra-is-root-container:first-child,
    .entry-content > div:first-child{padding-top:20px!important}
    
    /* Site Title auf Mobile */
    .site-title{line-height:1.3!important;padding:4px 0!important}
    .site-title a{font-size:17px!important}
}
/* ========================================
   MOBILE HEADER SPACING (enhanced)
   ======================================== */
@media(max-width:768px){
    #masthead .ast-primary-header-bar{border-bottom:none!important;padding-bottom:12px!important}
    .entry-content .spectra-is-root-container:first-of-type{padding-top:24px!important}
    .site-title a{font-size:18px!important}
}