/*
Theme Name: Theme Bianca Kaiser
Theme URI: https://www.xxx.de
Description: Child Theme For Divi
Author: Matthias Reinhardt
Author URI: https://www.mareni.de
Version: 1.0.0
Template: Divi
*/
/* Farbinfos */
.primaerfarbe {color: #2B4C6F;}      
.sekundaerfarbe{color: #5693eb;}
.ueberschriftfarbe{color: #586878;}
.fliesstextfarbe{color: #666666;}
.linkfarbe{color: #2ea3f2;}
.linkfarbe2{color: #6898b8; }
.hintergrundfarbe{color: #fefefe;}
.hintergrundfarbe-footer{color: #e8f0ff;}

/**/
.ozeanblau{color: #2B4C6F;}
.warmes-beige{color: #EAC8AF;}
.helles-grau-blau{color: #F0F4F8;}






:root {
    --hero-height: clamp(250px, 30vw, 600px);
    --oceanblue: #2B4C6F;
    --lightgreyblue:#F0F4F8; 
    
    
}











/* =========================================
   TYPOGRAFIE – RESPONSIVE MIT CLAMP()
   ========================================= */

/* Fließtext*/
body, p, .et_pb_text_inner p, .et_pb_text_inner li{
    font-size: clamp(1.2rem, 0.95rem + 0.25vw, 3.15rem);
    line-height: 1.6;
} 
h1,h2,h3,h4,h5,h6{font-weight: bold;}

body{
    color: #666666 !important;
}


/*Titel-Container*/
.title-section {
    background-color: var(--oceanblue) !important;
    color: var(--lightgreyblue) !important;
    padding: 15px 0px 15px 0px !important;
    
}

.title-section p{
    text-align: center;
    font-size: clamp(1.0rem, 2.25vw, 2.15rem);
}

/* H1 – Hauptüberschrift */
h1 {
    font-size: clamp(1.5rem, 2.5vw, 2.8rem);
    line-height: 1.1;
    margin-bottom: 0.6em;
}


/* H2 – Abschnittsüberschrift */
h2 {
    font-size: clamp(1.3rem,  1.6vw, 2.4rem);
    line-height: 1.2;
    margin-bottom: 0.6em;
}


/* H3 */
h3 {
    font-size: clamp(1.2rem, 0.9vw, 2rem);
    line-height: 1.25;
    margin-bottom: 0.5em;
}


/* H4 */
h4 {
    font-size: clamp(1.2rem,  0.5vw, 1.8rem);
    line-height: 1.3;
    margin-bottom: 0.5em;
}


/* H5 */
h5 {
    font-size: clamp(1.1rem, 1.05rem + 0.3vw, 1.35rem);
    line-height: 1.35;
    margin-bottom: 0.4em;
}


/* H6 */
h6 {
    font-size: clamp(1rem, 1rem + 0.2vw, 1.2rem);
    line-height: 1.4;
    margin-bottom: 0.4em;
}



/* Buttons */
button,
.et_pb_button {
    font-size: clamp(0.95rem, 0.9rem + 0.2vw, 1.1rem);
}


/* Navigation */


.et_pb_menu a {
    font-size: clamp(0.95rem, 0.9rem + 0.15vw, 1.1rem);
}

.et_pb_menu__menu > nav > ul > li{
    margin-top: 0px !important;
}


.et_pb_menu .et-menu > li{
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    
}
.et_pb_menu .et-menu > li > a {
    /*background-color: #FFFFFF;*/
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-right: 1px;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.9em !important;
}
.et_pb_menu .et-menu > li > a:hover {
    background-color: rgba(255, 255, 255, 0.5)
}

.et_pb_section {
    background-color: #fefefe;
}

    
    

/*Section mit Divider*/
hr {
    width: 60%;
    align: center;
    color: #F0F4F8;
}

/*ICON-Liste Header*/
.icon-list-header{
    font-size:clamp(1.1rem, 2.0vw, 0.9rem);
}

/*Hero-Bild responsive*/

.hero-image {
    min-height: var(--hero-height);
    
}

/*Mottoschrift im Header*/
.hero-image .et_flex_module p{
    /*font-size: 6vw ;*/
   font-size: clamp(2.0rem, 6vw , 6rem);
   color: var(--oceanblue) !important; 

}