/* 
Theme Name: myLandingpageAi Child
Description: mylandingpage.ai revolutioniert die Art und Weise, wie du Landingpages erstellst. Mit unserem visuellen Editor-System, unterstützt durch sputzenperformance in der Ladezeit, ermöglichen wir es dir, innerhalb weniger Minuten beeindruckende Landingpages für Verkauf, Workshops und Newsletter zu kreieren – ganz ohne Programmierkenntnisse.
Details URI: https://mylandingpage.ai
Template: landingpageai
Version: 5.2.0.1
Author: mylandingpage.ai
Author URI: https://mylandingpage.ai
License: GPL-2.0+
License URI: http://www.gnu.org/licenses/gpl-2.0.txt
Text Domain: mylandingpageai
*/

/* Custom CSS - Diverses */
/* ----------------------------- */
.cookie-logo.brlbs-dialog-logo.brlbs-mr-2 { width: 50px; height: 50px; }
.elementor-icon-list-items:not(.elementor-inline-items) { display: block !important; }
.elementor-icon-list-items:not(.elementor-inline-items) > .elementor-icon-list-item { display: flex !important; width: 100%; }
.bio-download-button .elementor-button-text, .bio-download-button a, .bio-download-button a:hover  {color: var( --e-global-color-secondary ) !important;}
.elementor-animation-grow:active, .elementor-animation-grow:focus, .elementor-animation-grow:hover {transform: scale(1.02) !important;}
.elementor-animation-grow {transition-duration: 0.4s !important;}
.headliner .elementor-heading-title {display: -webkit-flex;display: flex;align-items: center;justify-content: center;min-height: 52px;}
.bio-download-button .elementor-button-icon svg { height: auto !important; }
.elementor-login.elementor-login__logged-in-message {text-align: center !important;}
._2w8ld3bxrx4 {color: #fff !important;}
._2n3fhe947tm {color: #fff !important;text-align: center !important;}
._23bkessut8c a {color: #fff !important; text-decoration: underline !important;}
._24ponnulrbe {display: none !important;}
._7wcsze3kxg {display: none !important;}
.comment-content {font-size: 14px !important;font-weight: 600 !important;}
#comments .comment .comment-body, #comments .pingback .comment-body {padding: 30px 0 30px 30px !important;}
#wp-auth-check-wrap #wp-auth-check {background-color: #36475C !important;}
#respond .logged-in-as {display: none;}
.elementor-motion-effects-layer {background-color: #000 !important;}
div.ncore_affiliate_footer {display:none !important;}
.registeropen {color: #F7DDA3 !important;}
#footer-link a { color: #fff !important; }
.headliner a { text-decoration: inherit !important; color:#000 !important;}
.content-button a { color: #fff !important; }
[type="button"], [type="submit"], button {border: 0px solid rgba(204, 51, 102, 0) !important;}
.rank-math-breadcrumb p, .rank-math-breadcrumb a, .rank-math-breadcrumb a:hover { text-decoration: inherit !important; color:#000 !important;}
#wp-admin-bar-rank-math-dashboard, #wp-admin-bar-rank-math-home {display: none !important;}
.form-api-integration {margin-bottom: -40px !important;}
details {display: none;}
#wp-admin-bar-dsh-bar-top {display: none;}
.hidden-editor-only {display: none !important;}


/* Styling für geordnete Liste (ol) */
.single-post .elementor-widget-theme-post-content ol {margin-bottom: 15px;}
.single-post .elementor-widget-theme-post-content ul {margin-bottom: 15px;}
.single-post .elementor-widget-theme-post-content ul li ul {margin-bottom: 3px;}
.single-post .elementor-widget-theme-post-content ul.wp-block-list li {margin-top: 5px; margin-bottom: 5px;}
@media (max-width: 600px) {
    #rank-math-toc {padding-bottom: 15px;}
    /* Styling für ungeordnete Liste (ul) */
    .single-post .elementor-widget-theme-post-content ul {
        padding-left: 0px !important;
        margin-left: 0px !important;
        margin-top: 5px !important;
        margin-bottom: 5px !important; /* Kompakterer Abstand nach oben */
    }
    .single-post .elementor-widget-theme-post-content .wp-block-list {
        padding-left: 13px !important;
        margin-bottom: 15px;
    }
    .single-post .elementor-widget-theme-post-content .wp-block-list ul li{
        margin-top: 10px !important;
        margin-bottom: 10px !important; /* Kompakterer Abstand nach oben */
    }

    .single-post .elementor-widget-theme-post-content ul.wp-block-list{
        margin-bottom: 15px !important; /* Kompakterer Abstand nach oben */
    }
    .single-post .elementor-widget-theme-post-content ul.wp-block-list li {
        margin-top: 5px !important;
        margin-bottom: 5px !important; /* Kompakterer Abstand nach oben */
    }
    .single-post .elementor-widget-theme-post-content ul li{
        margin-top: 5px !important;
        margin-bottom: 5px !important; /* Kompakterer Abstand nach oben */
    }

    .single-post .elementor-widget-theme-post-content .wp-block-rank-math-toc-block ul, .single-post .elementor-widget-theme-post-content .wp-block-rank-math-toc-block ul ul, .single-post .elementor-widget-theme-post-content .wp-block-rank-math-toc-block ul ul li {
        list-style-type: none !important; /* Standard Bullet Points */
    }

    /* Styling für Unterpunkte in ungeordneter Liste */
    .single-post .elementor-widget-theme-post-content ul ul, .single-post .elementor-widget-theme-post-content ul ul li {
        padding-left: 0px !important; /* Kleinere Einrückung für Unterpunkte */
        margin-top: 5px !important;
        margin-bottom: 5px !important; /* Kompakterer Abstand nach oben */
        margin-left: 0px !important;
    }

    /* Styling für geordnete Liste (ol) */
    .single-post .elementor-widget-theme-post-content ol {
        padding-left: 5px !important; /* Platz für Zahlen */
        list-style-type: decimal !important; /* Nummerierung */
        margin-left: 0 !important;
        margin-bottom: 15px !important;
    }

    /* Styling für Listenelemente in geordneten Listen */
    .single-post .elementor-widget-theme-post-content ol li {
        font-size: 1em !important;
        line-height: 1.5 !important;
        padding: 5px 0 !important; /* Kompakter Abstand */
        margin-left: 0 !important;
        display: flex;
        align-items: flex-start;
    }

    /* Nummerierung für geordnete Listen näher an den Text bringen */
    .single-post .elementor-widget-theme-post-content ol li::before {
        content: counter(list-item) "."; /* Eigene Nummerierung */
        counter-increment: list-item;
        margin-right: 5px; /* Abstand zwischen Nummer und Text */
        font-weight: bold;
        font-size: 1em;
        color: #6E7E85;
    }
}


@media (max-width: 600px) {
    .single-post .elementor-widget-theme-post-content div[style*="padding-top:56.25%"] {
        width: 100% !important; /* Volle Breite auf mobilen Geräten */
        max-width: 100% !important;
        margin: 0 auto !important;
    }
    .single-post .elementor-widget-theme-post-content div[style*="padding-top:56.25%"] iframe {
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
    }
}
.bunny {
    position: relative;
    padding-top: 56.25%;
}

/* Rank Math FAQ Styling */
#rank-math-faq {
    max-width: 800px;
    margin: 2rem auto;
    font-family: inherit;
}

.rank-math-list-item {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 1.2rem;
    transition: all 0.3s ease;
    overflow: hidden;
    border: 1px solid #D3DDE1;
}

.rank-math-list-item.active {
    background: #e8f0fe;
}

.rank-math-list-item:hover {
    border-color: #d1d5db;
}

.rank-math-question {
    padding: 0px 25px;
    margin: 0;
    cursor: pointer;
    font-size: 1rem !important;
    font-weight: 500 !important;
    color: #0A394E !important;
    display: flex;
    align-items: center;
    position: relative;
    user-select: none;
    margin-top: 20px !important;
    margin-bottom: 20px !important; 
}

.rank-math-question::after {
    content: '+';
    position: absolute;
    right: 1.25rem;
    font-size: 1.25rem;
    color: #6b7280;
    transition: transform 0.2s ease;
}

.rank-math-list-item.active .rank-math-question::after {
    transform: rotate(45deg);
}

.rank-math-list-item.active .rank-math-question {
    font-weight: 600;
}

.rank-math-answer {
    display: none;
    padding: 0 1.25rem 1.25rem;
}

.rank-math-list-item.active .rank-math-answer {
    display: block;
}

.rank-math-answer p {
    margin: 0;
    color: #0A394E;
    font-size: 0.95rem;
    line-height: 1.6;
}

/* FAQ Responsive Styles */
@media (max-width: 768px) {
    #rank-math-faq {
        margin: 1.5rem;
    }
    
    .rank-math-question {
        font-size: 1rem;
        padding: 1.2rem;
    }
    
    .rank-math-list-item.active .rank-math-answer {
        padding: 0 1.2rem 1.2rem;
    }
    
    .rank-math-answer p {
        font-size: 0.95rem;
    }
}
#wpadminbar #wp-admin-bar-wp-logo > .ab-item {
    display: none !important;
}

/* Mobile-Only Menüpunkt (nur sichtbar wenn Hamburger-Menü aktiv) */
.mobile-only-menu-item {
    display: none !important;
}

/* Einblenden nur auf Tablet und Mobile */
@media (max-width: 1024px) {
    .mobile-only-menu-item {
        display: block !important;
    }
}

.woocommerce table.shop_attributes td p {
    padding: 8px 15px !important;
}

/* WooCommerce Bewertungssterne - Review Form */
p.stars a {
    color: transparent !important;
    text-shadow: none !important;
    position: relative;
    margin-right: 5px;
}

p.stars a::before {
    content: "\2606"; /* Leerer Stern ☆ */
    color: #E9AD00 !important; /* Gelber Rahmen/Outline */
    font-size: 1.5em;
    position: absolute;
    left: 0;
    top: 0;
}

/* Hover: Alle Sterne bis zum gehoverten gelb füllen */
p.stars:hover a::before {
    content: "\2605"; /* Gefüllter Stern ★ */
    color: #E9AD00 !important;
}

p.stars a:hover ~ a::before {
    content: "\2606"; /* Leerer Stern für Sterne nach dem Hover */
    color: #E9AD00 !important;
}

/* Ausgewählt: Gefüllte gelbe Sterne */
p.stars.selected a.active::before,
p.stars.selected a.active ~ a::before {
    content: "\2606"; /* Leerer Stern nach dem aktiven */
    color: #E9AD00 !important;
}

p.stars.selected a::before {
    content: "\2605"; /* Gefüllter Stern ★ */
    color: #E9AD00 !important;
}

/* aria-checked für Accessibility */
p.stars a[aria-checked="true"]::before {
    content: "\2605";
    color: #E9AD00 !important;
}

/* WooCommerce Star-Rating Anzeige (Produkt-Bewertungen) */
.woocommerce .star-rating {
    color: #E9AD00 !important;
}

.woocommerce .star-rating::before {
    color: #E9AD00 !important;
    opacity: 0.4;
}

.woocommerce .star-rating span::before {
    color: #E9AD00 !important;
}

/* WooCommerce Single Product - Tabs & Reviews Styling */

/* Tabs Navigation */
.single-product .woocommerce-tabs ul.wc-tabs {
    padding: 0;
    margin: 0 0 20px 0;
    list-style: none;
    display: flex;
    gap: 10px;
    border-bottom: 2px solid #D3DDE1;
}

.single-product .woocommerce-tabs ul.wc-tabs li {
    margin: 0;
    padding: 0;
    border: none;
    background: none;
}

.single-product .woocommerce-tabs ul.wc-tabs li a {
    display: block;
    padding: 12px 20px;
    color: #5A6F78;
    text-decoration: none;
    font-weight: 500;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
    transition: all 0.3s ease;
}

.single-product .woocommerce-tabs ul.wc-tabs li a:hover {
    color: #000;
}

.single-product .woocommerce-tabs ul.wc-tabs li.active a {
    color: #000;
    border-bottom-color: #E9AD00;
}

/* Tab Panels */
.single-product .woocommerce-tabs .wc-tab {
    padding: 20px 0;
}

.single-product .woocommerce-tabs .wc-tab h2 {
    font-size: 1.4em;
    margin-bottom: 15px;
}

/* Reviews Liste */
.single-product #reviews ol.commentlist {
    padding-inline-start: 0;
    list-style: none;
    margin: 0;
}

.single-product #reviews ol.commentlist li {
    margin-bottom: 20px;
    padding: 0;
    list-style: none;
}

.single-product #reviews ol.commentlist li .comment_container {
    display: flex;
    gap: 15px;
}

.single-product #reviews #comments ol.commentlist li .comment-text {
    flex: 1;
    margin: 0;
    border: 1px solid #D3DDE1;
    border-radius: 8px;
    padding: 15px 20px;
    background: #F0F4F5;
}

.single-product #reviews .comment-text .meta {
    margin-bottom: 10px;
    font-size: 0.9em;
}

.single-product #reviews .comment-text .description p {
    margin: 0;
    line-height: 1.6;
}

/* Review Form */
.single-product #review_form_wrapper {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #D3DDE1;
}

.single-product #respond .comment-reply-title {
    font-size: 1.2em;
    margin-bottom: 20px;
    line-height: 4rem;
}

.single-product .comment-form label {
    display: block;
    margin-bottom: 5px;
    font-weight: 500;
    line-height: 3rem;;
}
.woocommerce p.stars a {
    position: relative;
    height: 1em;
    width: 1em;
    text-indent: -999em;
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    padding: 0px 1px 0px 4px !important;
}
.single-product .comment-form textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #D3DDE1;
    border-radius: 6px;
    font-size: 1em;
    resize: vertical;
}

.single-product .comment-form textarea:focus {
    outline: none;
    border-color: #E9AD00;
}

.single-product .comment-form .form-submit input[type="submit"] {
    background: var(--e-global-color-primary, #0A394E) !important;
    color: var(--e-global-color-secondary, #FFFFFF) !important;
    border: none !important;
    padding: 12px 30px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.3s ease;
}

.single-product .comment-form .form-submit input[type="submit"]:hover {
    background: var(--e-global-color-accent, #5C7A7A) !important;
}

/* Rating im Form */
.single-product .comment-form-rating {
    margin-bottom: 20px;
}

/* Must-Log-In Link */
.single-product #review_form .must-log-in a {
    color: var(--e-global-color-primary, #0A394E);
    text-decoration: underline;
}

.single-product #review_form .must-log-in a:hover {
    color: var(--e-global-color-accent, #5C7A7A);
}

/* WooCommerce Upsells / Related Products - Elementor Override */
.single-product .elementor-widget-woocommerce-product-upsell ul.products,
.single-product .elementor-widget-woocommerce-product-related ul.products,
.single-product .upsells ul.products,
.single-product .related ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 30px !important;
    align-items: stretch !important;
}

@media (max-width: 1024px) {
    .single-product .elementor-widget-woocommerce-product-upsell ul.products,
    .single-product .elementor-widget-woocommerce-product-related ul.products,
    .single-product .upsells ul.products,
    .single-product .related ul.products {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 768px) {
    .single-product .elementor-widget-woocommerce-product-upsell ul.products,
    .single-product .elementor-widget-woocommerce-product-related ul.products,
    .single-product .upsells ul.products,
    .single-product .related ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

.single-product .elementor-widget-woocommerce-product-upsell ul.products li.product,
.single-product .elementor-widget-woocommerce-product-related ul.products li.product,
.single-product .upsells ul.products li.product,
.single-product .related ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 15px !important;
    float: none !important;
}

.single-product .elementor-widget-woocommerce-product-upsell ul.products li.product .woocommerce-loop-product__link,
.single-product .elementor-widget-woocommerce-product-related ul.products li.product .woocommerce-loop-product__link,
.single-product .upsells ul.products li.product .woocommerce-loop-product__link,
.single-product .related ul.products li.product .woocommerce-loop-product__link {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

.single-product .elementor-widget-woocommerce-product-upsell ul.products li.product .woocommerce-loop-product__title,
.single-product .elementor-widget-woocommerce-product-related ul.products li.product .woocommerce-loop-product__title,
.single-product .upsells ul.products li.product .woocommerce-loop-product__title,
.single-product .related ul.products li.product .woocommerce-loop-product__title {
    flex: 1 1 auto !important;
    margin-bottom: 10px;
}

.single-product .elementor-widget-woocommerce-product-upsell ul.products li.product .price,
.single-product .elementor-widget-woocommerce-product-related ul.products li.product .price,
.single-product .upsells ul.products li.product .price,
.single-product .related ul.products li.product .price {
    margin-top: auto !important;
    margin-bottom: 15px;
}

/* Upsells/Related Button Styling */
.single-product .elementor-widget-woocommerce-product-upsell ul.products li.product a.button,
.single-product .elementor-widget-woocommerce-product-related ul.products li.product a.button {
    background: var(--e-global-color-primary, #0A394E) !important;
    color: var(--e-global-color-secondary, #FFFFFF) !important;
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 6px !important;
    font-weight: 600;
    text-align: center;
    transition: background 0.3s ease;
    margin-top: auto !important;
}

.single-product .elementor-widget-woocommerce-product-upsell ul.products li.product a.button:hover,
.single-product .elementor-widget-woocommerce-product-related ul.products li.product a.button:hover {
    background: var(--e-global-color-accent, #5C7A7A) !important;
}

/* WooCommerce Sale Badge */
.woocommerce span.onsale {
    min-height: 2.5em !important;
    line-height: 2.5em !important;
    padding: 0px 15px !important;
}

/* Shop/Archive Produktboxen - Einheitliche Höhe */
.woocommerce ul.products li.product,
body.woocommerce ul.products li.product {
    display: flex !important;
    flex-direction: column !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__link,
body.woocommerce ul.products li.product .woocommerce-loop-product__link {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title,
body.woocommerce ul.products li.product .woocommerce-loop-product__title {
    flex: 1 1 auto !important;
}

.woocommerce ul.products li.product .price,
body.woocommerce ul.products li.product .price {
    margin-top: auto !important;
}

/* WooCommerce Preis ohne Angebot - gleicher Style wie Angebotspreis */
.single-product .elementor-widget-woocommerce-product-price .price:not(:has(ins)) > .woocommerce-Price-amount {
    color: #000000 !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}