/*
 Theme Name:     Divi Child-Theme
 Theme URI:      http://www.elegantthemes.com
 Description:    Divi Child-Theme
 Author:         Divi.world
 Author URI:     https://divi.world
 Template:       Divi
 Version:        1.0.0
*/
 
/* =Ab hier kannst du deine CSS-Anpassungen eintragen
------------------------------------------------------- */

/* FW FONTSIZES*/

/* H1 */
h1.dark {
font-size: clamp(32px, 4.5vw, 120px) !important;
font-family: 'Space Grotesk' !important;
font-weight: 700 !important;
color: #1A1A1A !important;
line-height: 1.1em !important;
}

h1.bright {
font-size: clamp(32px, 4.5vw, 120px) !important;
font-family: 'Space Grotesk' !important;
font-weight: 700 !important;
color: #E6E6E6 !important;
line-height: 1.1em !important;
}
/* H1 END*/

/* H2 */
h2.dark {
font-size: clamp(24px, 4vw, 56px) !important;
font-family: 'Space Grotesk' !important;
font-weight: 700 !important;
color: #1A1A1A !important;
line-height: 1.2em !important;
}

h2.bright {
font-size: clamp(24px, 4vw, 56px) !important;
font-family: 'Space Grotesk' !important;
font-weight: 700 !important;
color: #E6E6E6 !important;
line-height: 1.2em !important;
}
/* H2 END*/

/* H3 */
h3.dark {
font-size: clamp(18px, 2vw, 28px) !important;
font-family: 'Space Grotesk' !important;
font-weight: 700 !important;
color: #1A1A1A !important;
line-height: 1.3em !important;
}

h3.bright {
font-size: clamp(18px, 2vw, 28px) !important;
font-family: 'Space Grotesk' !important;
font-weight: 700 !important;
color: #E6E6E6 !important;
line-height: 1.3em !important;
}



/* H3 END*/

/* H4 - Übertitel */
p.uebertitel-dark {
font-size: clamp(14px, 1.4vw, 14px) !important;
letter-spacing: 2px;
font-family: 'Lato' !important;
font-weight: 400 !important;
color: #1A1A1A !important;
line-height: 1.4em !important;
text-transform: uppercase !important;
}

p.uebertitel-bright {
font-size: clamp(14px, 1.4vw, 14px) !important;
letter-spacing: 2px;
font-family: 'Lato' !important;
font-weight: 400 !important;
color: #E6E6E6 !important;
line-height: 1.4em !important;
text-transform: uppercase !important;
}
/* H4 END*/

/* Body */
p.dark {
font-size: clamp(14px, 1.4vw, 18px) !important;
font-family: 'Lato' !important;
font-weight: 400 !important;
color: #1A1A1A !important;
line-height: 1.6em !important;
}

p.bright {
font-size: clamp(14px, 1.4vw, 18px) !important;
font-family: 'Lato' !important;
font-weight: 400 !important;
color: #B8B8B8!important;
line-height: 1.6em !important;
}
/* Body END*/

/* Hyperlinks */
.dark a {
font-size: clamp(14px, 1.4vw, 18px) !important;
font-family: 'Lato' !important;
font-weight: 400 !important;
color: #1A1A1A !important;
line-height: 1.6em !important;
text-decoration: underline !important;
text-underline-offset: 5px !important;
}

.dark a:hover {
font-weight: 700 !important;
color: #1A1A1A !important;
}

.bright a {
font-size: clamp(14px, 1.4vw, 18px) !important;
font-family: 'Lato' !important;
font-weight: 400 !important;
color: #D5E739 !important;
line-height: 1.6em !important;
text-decoration: underline !important;
text-underline-offset: 5px !important;
}

.bright a:hover {
font-weight: 700 !important;
color: #D5E739 !important;
}
/* Hyperlinks END*/

/* Strong */
.dark strong {
font-weight: 700 !important;
}

.bright strong {
font-weight: 700 !important;
color: #D5E739 !important;
}
/* Strong END */


/* Footer Titles */
p.footer-title {
font-size: clamp(14px, 1.4vw, 16px) !important;
font-family: 'Lato' !important;
font-weight: 400 !important;
color: #E6E6E6 !important;
line-height: 1.6em !important;
}
/* Footer Titles END */

/* Footer Text */
p.footer-text {
font-size: clamp(14px, 1.4vw, 16px) !important;
font-family: 'Lato' !important;
font-weight: 400 !important;
color: #B8B8B8 !important;
line-height: 1.6em !important;
}
/* Footer Text END */

/* Footer Links */
.footer a {
font-size: clamp(14px, 1.4vw, 16px) !important;
font-family: 'Lato' !important;
font-weight: 400 !important;
color: #B8B8B8 !important;
line-height: 1.6em !important;
}

.footer a:hover {
color: #D5E739 !important;
}
/* Footer Links END */

.dark-bullet-list {
font-size: clamp(14px, 1.4vw, 16px) !important;
font-family: 'Lato' !important;
font-weight: 400 !important;
color: #1a1a1a !important;
line-height: 3em !important;
}


/* Rechtliches */ 
h2.rechtliches {
font-size: clamp(24px, 4vw, 40px) !important;
font-family: 'Space Grotesk' !important;
font-weight: 700 !important;
color: #1A1A1A !important;
line-height: 1.2em !important;
}



h3.rechtliches {
font-size: clamp(18px, 2vw, 28px) !important;
font-family: 'Space Grotesk' !important;
font-weight: 700 !important;
color: #1A1A1A !important;
line-height: 1.3em !important;
}


h4.rechtliches{
font-size: clamp(14px, 1.4vw, 16px) !important;
font-family: 'Lato' !important;
font-weight: 700 !important;
color: #1A1A1A !important;
line-height: 1.4em !important;
}
/* END Rechtliches */