/*
Theme Name: Silberweiss
Theme URI: http://silberweiss.de
Author: silberweiss
Author URI: http://silberweiss.de
*/



#service .lieferservice .radiofield label {
    position: relative;
    top: auto;
    left: auto;

}

.wpcf7 .textfield.agree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
}

/*
Theme Name: Silberweiss
Theme URI: http://silberweiss.de
Author: silberweiss
Author URI: http://silberweiss.de
*/



#service .lieferservice .radiofield label {
    position: relative;
    top: auto;
    left: auto;

}

.wpcf7 .textfield.agree {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1rem;
}

.wpcf7 div.wpcf7-response-output:before {
    content: "" !important;
    color: black !important;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: black !important;
    color: black !important;
}

.wpcf7 form .wpcf7-response-output {
    border: black 1px solid !important;
}

.wpcf7 div.wpcf7-response-output {
    color: black !important;
}

body .sow-video-wrapper {
    height: auto !important;
    padding: 0 !important;
    aspect-ratio: 16/9 !important;
}

.slider-warning-bar {
    background-color: #003b6d;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 16px 12px;
    font-size: 0.95rem;
    display: flex;
    justify-content: center;

    img {
        height: 24px;
        margin-right: 10px;
    }

    strong {
        text-align: left;
    }
}

/* Grundschriftgröße für den ganzen Heading-Block */
.teampage-small-titles > .gs-accordion-item__heading {
    font-size: var(--wp--preset--font-size--medium) !important;
    min-height: 93.59px !important;
}

/* Name (strong) bekommt eigene Größe */
.teampage-small-titles > .gs-accordion-item__heading strong {
    font-size: var(--wp--preset--font-size--large) !important; /* oder ein fixer Wert */
}

.Insio-headline .sow-sub-headline {
    /*
 * Zielt auf die Überschrift innerhalb des SiteOrigin-Widgets 
 * mit der benutzerdefinierten Klasse .gradient-headline
*/
    
    /* 1. Den Gradienten als Hintergrundbild definieren */
    background-image: linear-gradient(90deg, #b21d3e, #181b46);

    /* 2. Den Hintergrund auf den Text-Inhalt beschränken */
    -webkit-background-clip: text;
    background-clip: text;

    /* 3. Die eigentliche Textfarbe transparent machen */
    color: transparent;

    /* * Wichtig: Stellt sicher, dass der Gradient korrekt angewendet wird, 
     * falls das Element die volle Breite einnimmt.
    */
    display: inline-block; 

    /* Fallback für ältere Browser */
    @supports not (-webkit-background-clip: text) and (not (background-clip: text)) {
        color: #b21d3e; 
    }

}