/*Globale CSS Variable*/
/*
REGELN:
    NAME: --mk-root-[VERWENDUNG(text)]_[VERWENDUNG(text)]-[TYP(color)]-[DISPLAY(p/l)]

*/
/*
*{
    --e-global-typography-primary-font-family: Brush Script MT;
}
*/
:root{
   .xxt{
    p, span{
        padding: 0;
    background-color: green;
    }
}
    /* Farben */
    /* --e-global-color-primary: #66A5AD; Primary   */
    --mk-color-primary: #66A5AD;
    /* --e-global-color-secondary: #2C7873;  Sekundary  */
    --mk-color-secondary: #2C7873;
    /* --e-global-color-text: #7A7A7A;   Text  */
    --mk-color-text: #7A7A7A;
    /* --e-global-color-accent: #ABC4FF;  /* Accent  */
    --mk-color-accent: #ABC4FF;
    /* --e-global-color-9305a75: #EDF2FB;  baby blue 1  */
    --mk-color-baby-blue-1: #EDF2FB;
    /* --e-global-color-b20aa86: #F3F8FF;  baby blue 2  */
    --mk-color-baby-blue-2: #F3F8FF;
    /* --e-global-color-48b96bb: #FFFFFF;   white */
    --mk-color-white: #FFFFFF;
    /* --e-global-color-85870d7: #00000000;  trans  */
    --mk-color-trans: #00000000;
    /* --e-global-color-17f7c11: #0ED6F0;  blue gradation */
    --mk-color-blue-gradation: #0ED6F0;
    
    /*Grundbreite der Abschnitte*/

    --mk-root-basis_div-width-p: clamp(250px, 90vw, 1792px);
    --mk-root-basis_div-width-l: clamp(300px, 80vw, 1792px);
    --headerhight-p: 8rem;
    --headerhight-l: clamp(100px, 8rem, 10vh);

    /* Einstellungen für Schriften */
    /* Elementor-Settings: var(--NAME);*/
        /* ALLE SCHRIFTEN */
    H1:not([elementor-kit-5]),
        H2:not([elementor-kit-5]),
        H3:not([elementor-kit-5]),
        H4:not([elementor-kit-5]),
        H5:not([elementor-kit-5]),
        H6:not([elementor-kit-5]),
        p:not([elementor-kit-5]),
        span:not([elementor-kit-5]), 
        div:not([elementor-kit-5]){
            font-family: var(--e-global-typography-primary-font-family);
    }
        H1, H2, H3, H4, H5, H6, p, span, div{
            font-family: var(--e-global-typography-primary-font-family);
            
       
    }
    span{
        font-family: var(--e-global-typography-primary-font-family);
    } 
        /* H1 Global - Wird über Typographie ausgewählt*/
            --h1-font-size: clamp(1.8rem, calc(3vw + 1rem), 5rem);
                /* H1 wenn keine Typographie gewählt ist*/
                H1:not([elementor-kit-5]){
                    font-size: var(--h1-font-size);
                }
                /* H1 wenn .no_typo gesetzt ist kann eine Typographie gewählt werden*/
                .no_typo H1:not([elementor-kit-5]){
                    font-size: unset;
                }
        /* H2 Global - Wird über Typographie ausgewählt*/
            --h2-font-size: clamp(1.8em, calc(3vw + 1em), 5em);
                /* ... wenn keine Typographie gewählt ist*/
                H2:not([elementor-kit-5]){
                    font-size: var(--h2-font-size);
                }
                /* ... wenn .no_typo gesetzt ist kann eine Typographie gewählt werden*/
                .no_typo H2:not([elementor-kit-5]){
                    font-size: unset;
                }
                
    
        /* H3 Global - Wird über Typographie ausgewählt*/
            --h3-font-size: clamp(1.1rem, calc(1.8vw + 1rem), 2.5rem);
                /* ... wenn keine Typographie gewählt ist*/
                H3:not([elementor-kit-5]){
                    font-size: var(--h3-font-size);
                    color: var(--e-global-color-secondary);
                    font-weight: 500;
                }
                /* ... wenn .no_typo gesetzt ist kann eine Typographie gewählt werden*/
                .no_typo H3:not([elementor-kit-5]){
                    font-size: unset;
                }
    /* Überschriften ABOUTR... ->H3<- */
                 /* ... wenn keine Typographie gewählt ist*/
                           .txt_about_valeros:not([elementor-kit-5]), .txt_about:not([elementor-kit-5]){
                                font-size: var(--h3-font-size);
                            }
                            /* ... wenn .no_typo gesetzt ist kann eine Typographie gewählt werden*/
                            .no_typo .txt_about_valeros:not([elementor-kit-5]), .no_typo .txt_about:not([elementor-kit-5]){
                                font-size: unset;
                            }
    
    /* H4 Global - Wird über Typographie ausgewählt*/
            --h4-font-size: clamp(0.8rem, calc(1.3vw + 1rem), 2.2rem);
                /* ... wenn keine Typographie gewählt ist*/
                H4:not([elementor-kit-5]){
                    font-size: var(--h4-font-size);
                }
                /* ... wenn .no_typo gesetzt ist kann eine Typographie gewählt werden*/
                .no_typo H4:not([elementor-kit-5]){
                    font-size: unset;
                }
    /* H5 Global - Wird über Typographie ausgewählt*/
            --h5-font-size: clamp(0.6rem, calc(1.0vw + 1rem), 2.0rem);
                /* ... wenn keine Typographie gewählt ist*/
                H5:not([elementor-kit-5]){
                    font-size: var(--h5-font-size);
                }
                /* ... wenn .no_typo gesetzt ist kann eine Typographie gewählt werden*/
                .no_typo H5:not([elementor-kit-5]){
                    font-size: unset;
                }
    /* TEXT p span div li Global - Wird über Typographie ausgewählt*/
            /*--text-font-size: clamp(14px, calc(1.0vw + 0.7rem), 28px); */
            --text-font-size: clamp(14px, calc(1.0vw + 0.2rem), 28px);
                /* ... wenn keine Typographie gewählt ist*/
                p:not([elementor-kit-5]), span:not([elementor-kit-5]), li:not([elementor-kit-5]){
                    font-size: var(--text-font-size);
                }
                /* ... wenn .no_typo gesetzt ist kann eine Typographie gewählt werden*/
                .no_typo p:not([elementor-kit-5]), .no_typo span:not([elementor-kit-5]), .no_typo div:not([elementor-kit-5]), ..no_typo li:not([elementor-kit-5]){
                    font-size: unset;
                }
    /* Listen-Einstellungen */
        /*Abstand der LI's => wie Text*/
            --mk-listen-abstand: clamp(14px, calc(1.0vw + 0.2rem), 28px);
        
    /* Section-Abstand SPACER */
        --mk-root-spacer-height-p: clamp(10px, 15vh, 75px);
        --mk-root-spacer-height-l: clamp(25px, 15vh, 75px);
}