:root {
    --hl_color_1: rgb(var(--color_weiss));
    --hl_color_2: rgb(var(--color_base_color));
    --hl_color_3: var(--color_base_hightlight_1);
    --hl_textshadow: var(--text-shadow_000-06);
    --hl_margin_40: clamp(20px, calc(12.727px + 2.273vw), 40px); /* min: 20px -> 320px, max: 40px -> 1200px */
    --hl_margin_30: clamp(15px, calc(9.545px + 1.705vw), 30px); /* min: 15px -> 320px, max: 30px -> 1200px */
    --hl_margin_20: clamp(10px, calc(6.364px + 1.136vw), 20px); /* min: 10px -> 320px, max: 20px -> 1200px */

    /* https://clamp.font-size.app/ */
    --hl_size_h1: clamp(1.625rem, 0.6705rem + 4.7727vw, 4.25rem); /* min: 26px -> 320px, max: 68px -> 1200px */
    --hl_size_h2: clamp(1.5rem, 1.0909rem + 2.0455vw, 2.625rem); /* min: 24px -> 320px, max: 42px -> 1200px */
    --hl_size_slogan_normal: clamp(1.375rem, 0.5114rem + 4.3182vw, 3.75rem); /* min: 22px -> 320px, max: 60px -> 1200px */
    --hl_size_slogan_schnoerkel: clamp(1.875rem, 0.9659rem + 4.5455vw, 4.375rem); /* min: 30px -> 320px, max: 70px -> 1200px */

    --hl_size_schnoerkel_h2: clamp(1.625rem, 1.0795rem + 2.7273vw, 3.125rem); /* min: 26px -> 320px, max: 50px -> 1200px */
    --hl_size_schnoerkel_h3: clamp(1.625rem, 1.0795rem + 2.7273vw, 2.5rem); /* min: 26px -> 320px, max: 40px -> 1200px */

    --hl_size_h3: clamp(1.25rem, 1.0227rem + 1.1364vw, 1.875rem); /* min: 20px -> 320px, max: 30px -> 1200px */
    --hl_size_h4: var(--hl_size_h3);
    --hl_size_hochzaehler_zusatz: clamp(1.125rem, 0.9432rem + 0.9091vw, 1.625rem); /* min: 18px -> 320px, max: 26px -> 1200px */

    --hl_lineheight: clamp(1, 0.891 + 0.034vw, 1.3); /* min: 1.0 -> 320px, max: 1.3 -> 1200px; */
    --hl_lineheight_nortwell: 1.3em;
    --hl_lineheight_1em: 1em;

    --hl_linie_width_8: clamp(0.25rem, 0.1591rem + 0.4545vw, 0.5rem); /* min: 4px -> 320px, max: 8px -> 1200px */
    /*--hl_linie_width_8_pos: calc(-0.125rem - 3 * var(--hl_linie_width_8));*/ /* min: -14px -> 320px, max: -18px -> 1200px */
    --hl_linie_width_8_pos: calc(0.125rem + 3 * var(--hl_linie_width_8)); /* min: 14px -> 320px, max: 18px -> 1200px */

    --hl_linie_width_6: clamp(0.1875rem, 0.1193rem + 0.3409vw, 0.375rem); /* min: 3px -> 320px, max: 6px -> 1200px */
    /*--hl_linie_width_6_pos: calc(-0.25rem - 2 * var(--hl_linie_width_6)); */ /* min: -3px -> 320px, max: -6px -> 1200px */
    --hl_linie_width_6_pos: calc(0.25rem + 2 * var(--hl_linie_width_6));  /* min: 3px -> 320px, max: 6px -> 1200px */

    --hl_linie_width_4: clamp(0.1875rem, 0.1591rem + 0.1136vw, 0.25rem); /* min: 3px -> 320px, max: 4px -> 1200px */
    /*--hl_linie_width_4_pos: calc(0.0625rem - 3 * var(--hl_linie_width_4));*/ /* min: -3px -> 320px, max: -4px -> 1200px */
    --hl_linie_width_4_pos: calc(0.0625rem + 3 * var(--hl_linie_width_4)); /* min: 3px -> 320px, max: 4px -> 1200px */

    --hl_padding_slogan: clamp(1.25rem, 0.5682rem + 3.4091vw, 3.125rem); /* min: 20px -> 320px, max: 50px -> 1200px */

    --hl_margintop_slogan_schnoerkel_unten: clamp(0.3125rem, -0.0284rem + 1.7045vw, 1.25rem); /* min: 5px -> 320px, max: 20px -> 1200px */
    --hl_margintop_slogan_schnoerkel_oben:  clamp(0.9375rem, 0.5966rem + 1.7045vw, 1.875rem); /* min: 15px -> 320px, max: 30px -> 1200px */
    --hl_margintop_slogan_schnoerkel_oben_klein: clamp(0.625rem, 0.5114rem + 0.5682vw, 0.9375rem); /* min: 10px -> 320px, max: 15px -> 1200px */   
}

/* -- ------------------------------------- -- */
h1,
h2,
h3,
h4,
.pwieh3_mit_linie, /* -- ID 5 = P wie H3 mit Linie -- */ 
.pwieh3_mit_linie > span,  /* -- ID 5 = P wie H3 mit Linie -- */
.pwieh3_ohne_linie, /* -- ID 6 = P wie H3 ohne Linie -- */
.pwieh3_ohne_linie > span /* -- ID 6 = P wie H3 ohne Linie -- */ {
    margin: 0;
    padding: 0;
    font-weight: var(--hl_fontweigt_400);
    color: var(--hl_color_2);
}

h1 > span,
h2 > span,
h3 > span,
h4 > span,
.pwieh3_mit_linie > span, /* -- ID 5 = P wie H3 mit Linie -- */
.pwieh3_ohne_linie > span, /* -- ID 6 = P wie H3 ohne Linie -- */
.headerslogan_normal, /* -- ID 12 = Schnörkelschrift für Headerslogan (oben Normal, unten Schnörkel) -- */
.headerslogan_schnoerkel /* -- ID 13 = Schnörkelschrift für Headerslogan (oben Schnörkel, unten Normal) -- */ {
    display: block;
}

h1,
h1.hl1-2_linie + h2, /* -- ID 8 = H1 + H2 groß mit Linie links -- */
.hl1-2_schnoerkel_normal + h2 /* -- ID 23 = H1 + H2 Schnörkelschrift (oben Schnörkel, unten Normal) -- */  {
    font-family: var(--hl_fontfamily_1); 
    font-weight: var(--hl_fontweigt_700);
    font-size: var(--hl_size_h1);
    line-height: var(--hl_lineheight);
    margin: var(--hl_margin_40) 0;
}

header:has(.hl1-2_linie), /* -- ID 8 = H1 + H2 groß mit Linie links -- */
header:has(.hl1-2_normal_schnoerkel), /* -- ID 20 = H1 + H2 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
header:has(.hl1-2_schnoerkel_normal) /* -- ID 23 = H1 + H2 Schnörkelschrift (oben Schnörkel, unten Normal) -- */ {
    margin: var(--hl_margin_40) 0;
}

h2,
h2.hl2-3_linie + h3, /* -- ID 9 = H2 + H3 mit Linie links -- */
.hl2-3_schnoerkel_normal + h3 /* -- ID 24 = H2 + H3 Schnörkelschrift (oben Schnörkel, unten Normal) -- */ {
    font-family: var(--hl_fontfamily_1); 
    font-weight: var(--hl_fontweigt_700);
    font-size: var(--hl_size_h2);
    line-height: var(--hl_lineheight);  
    margin: var(--hl_margin_30) 0;
}

header:has(.hl2-3_linie), /* -- ID 9 = H2 + H3 mit Linie links -- */
header:has(.hl2-3_normal_schnoerkel),  /* -- ID 21 = H2 + H3 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
header:has(.hl2-3_schnoerkel_normal) /* -- ID 24 = H2 + H3 Schnörkelschrift (oben Schnörkel, unten Normal) -- */ {
    margin: var(--hl_margin_30) 0;    
}

h3,
.pwieh3_mit_linie, /* -- ID 5 = P wie H3 mit Linie -- */
.pwieh3_ohne_linie, /* -- ID 6 = P wie H3 ohne Linie -- */
h3.hl3-4_linie + h4, /* -- ID 10 = H3 + H4 mit Linie links -- */
h3.hl3-4_ohne_linie + h4 /* -- ID 11 = H3 + H4 ohne Linie -- */ {
    font-family: var(--hl_fontfamily_1); 
    font-weight: var(--hl_fontweigt_700);
    font-size: var(--hl_size_h3);
    line-height: var(--hl_lineheight);    
    margin: var(--hl_margin_20) 0;
}

.pwieh3_mit_linie > span, /* -- ID 5 = P wie H3 mit Linie -- */
.pwieh3_ohne_linie > span /* -- ID 6 = P wie H3 ohne Linie -- */ {
    font-weight: var(--hl_fontweigt_700);
}

header:has(.hl3-4_linie), /* -- ID 10 = H3 + H4 mit Linie links -- */
header:has(.hl3-4_ohne_linie), /* -- ID 11 = H3 + H4 ohne Linie -- */
header:has(.hl3-4_schnoerkel_normal) /* -- ID 25 = H3 + H4 Schnörkelschrift (oben Schnörkel, unten Normal) -- */ {
    margin: var(--hl_margin_20) 0;   
}

h4 {
    font-family: var(--hl_fontfamily_1); 
    font-weight: var(--hl_fontweigt_700);
    font-size: var(--hl_size_h4);
    line-height: var(--hl_lineheight);      
    margin: var(--hl_margin_20) 0;  
}

h1.hl1-2_linie, /* -- ID 8 = H1 + H2 groß mit Linie links -- */
h2.hl2-3_linie, /* -- ID 9 = H2 + H3 mit Linie links -- */
h3.hl3-4_linie, /* -- ID 10 = H3 + H4 mit Linie links -- */
.hz_zahl, /* -- ID 7 = Hochzähler (nur Zahlen) -- */
.headerslogan_normal, /* -- ID 12 = Schnörkelschrift für Headerslogan (oben Normal, unten Schnörkel) -- */
.headerslogan_schnoerkel.headerslogan_unten, /* -- ID 13 = Schnörkelschrift für Headerslogan (oben Schnörkel, unten Normal) -- */
h1.hl1-2_linie + h2, /* -- ID 8 = H1 + H2 groß mit Linie links -- */
.hl1-2_normal_schnoerkel, /* -- ID 14 = H1 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl1-2_normal_schnoerkel + h2,  /* -- ID 14 = H1 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl1-2_schnoerkel_normal, /* -- ID 23 = H1 + H2 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl1-2_schnoerkel_normal + h2, /* -- ID 23 = H1 + H2 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
h2.hl2-3_linie + h3, /* -- ID 9 = H2 + H3 mit Linie links -- */
.hl2-3_normal_schnoerkel, /* -- ID 21 = H2 + H3 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl2-3_normal_schnoerkel + h3, /* -- ID 21 = H2 + H3 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl2-3_schnoerkel_normal, /* -- ID 24 = H2 + H3 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl2-3_schnoerkel_normal + h3, /* -- ID 24 = H2 + H3 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
h3.hl3-4_ohne_linie, /* -- ID 11 = H3 + H4 ohne Linie -- */
h3.hl3-4_linie + h4, /* -- ID 10 = H3 + H4 mit Linie links -- */
h3.hl3-4_ohne_linie + h4, /* -- ID 11 = H3 + H4 ohne Linie -- */
.hl3-4_schnoerkel_normal, /* -- ID 25 = H3 + H4 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl3-4_schnoerkel_normal + h4, /* -- ID 25 = H3 + H4 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
h3.hl3-4_normal_schnoerkel, /* -- ID 22 = H3 + H4 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
h3.hl3-4_normal_schnoerkel +h4 /* -- ID 22 = H3 + H4 Schnörkelschrift (oben Normal, unten Schnörkel) -- */ {
    margin: 0;
}

h1.hl1_linie, /* -- ID 1 = H1 groß mit Linie links -- */
h2.hl2_linie, /* -- ID 2 = H2 mit Linie links -- */
h3.hl3_linie, /* -- ID 3 = H3 mit Linie links -- */ 
.pwieh3_mit_linie /* -- ID 4 = H3 ohne Linie -- */,
header:has(.hl1-2_linie) /* -- ID 8 = H1 + H2 groß mit Linie links -- */,
header:has(.hl2-3_linie), /* -- ID 9 = H2 + H3 mit Linie links -- */
header:has(.hl3-4_linie) /* -- ID 10 = H3 + H4 mit Linie links -- */ {
    position: relative;
}

/* -- Da es Probleme mit dem Overflow:hidden bei ce-textpic gibt, darf der Balken nicht rausgeschoben werden - deshalb padding -- */
h1.hl1_linie,  /* -- ID 1 = H1 groß mit Linie links -- */
header:has(.hl1-2_linie) /* -- ID 8 = H1 + H2 groß mit Linie links -- */ {
    padding-left: var(--hl_linie_width_8_pos);
}

h2.hl2_linie, /* -- ID 2 = H2 mit Linie links -- */
header:has(.hl2-3_linie) /* -- ID 9 = H2 + H3 mit Linie links -- */ {
    padding-left: var(--hl_linie_width_6_pos);
}

h3.hl3_linie, /* -- ID 3 = H3 mit Linie links -- */ 
.pwieh3_mit_linie /* -- ID 4 = H3 ohne Linie -- */,
header:has(.hl3-4_linie) /* -- ID 10 = H3 + H4 mit Linie links -- */ {
    padding-left: var(--hl_linie_width_4_pos);
}

h1.hl1_linie::before, /* -- ID 1 = H1 groß mit Linie links -- */
header:has(.hl1-2_linie)::before /* -- ID 8 = H1 + H2 groß mit Linie links -- */ {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    /* -- Da es Probleme mit dem Overflow:hidden bei ce-textpic gibt, darf der Balken nicht rausgeschoben werden -- */
    /*left: var(--hl_linie_width_8_pos_alt);*/
    left: 0;
    width: var(--hl_linie_width_8);  
    bottom: 0;
    background: var(--hl_color_3);     
}

h2.hl2_linie::before, /* -- ID 2 = H2 mit Linie links -- */
header:has(.hl2-3_linie)::before /* -- ID 9 = H2 + H3 mit Linie links -- */ {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    /* -- Da es Probleme mit dem Overflow:hidden bei ce-textpic gibt, darf der Balken nicht rausgeschoben werden -- */
    /*left: var(--hl_linie_width_6_pos);*/
    left: 0;    
    width: var(--hl_linie_width_6);
    bottom: 0;
    background: var(--hl_color_3);       
}

h3.hl3_linie::before, /* -- ID 3 = H3 mit Linie links -- */
.pwieh3_mit_linie::before, /* -- ID 5 = P wie H3 mit Linie -- */
header:has(.hl3-4_linie)::before/* -- ID 10 = H3 + H4 mit Linie links -- */ {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    /* -- Da es Probleme mit dem Overflow:hidden bei ce-textpic gibt, darf der Balken nicht rausgeschoben werden -- */    
    /*left: var(--hl_linie_width_4_pos);*/
    left: 0;  
    width: var(--hl_linie_width_4);
    bottom: 0;
    background: var(--hl_color_3);       
}

.hz_zahl /* -- ID 7 = Hochzähler (nur Zahlen) -- */ {
    display: block;
    font-family: var(--hl_fontfamily_1);
    font-weight: var(--hl_fontweigt_400);
    font-size: var(--hl_size_slogan_normal);
    line-height: var(--hl_lineheight_1em);
}

.hz_zahl.hz_subline /* -- ID 7 = Hochzähler (nur Zahlen) -- */ {
    font-weight: var(--hl_fontweigt_300); 
    font-size: var(--hl_size_hochzaehler_zusatz); 
    line-height: var(--hl_lineheight); 
}

.headerslogan_normal, /* -- ID 12 = Schnörkelschrift für Headerslogan (oben Normal, unten Schnörkel) -- */
.headerslogan_schnoerkel.headerslogan_unten /* -- ID 13 = Schnörkelschrift für Headerslogan (oben Schnörkel, unten Normal) -- */ {
    font-family: var(--hl_fontfamily_1);
    font-weight: var(--hl_fontweigt_400);
    font-size: var(--hl_size_slogan_normal);
    line-height: var(--hl_lineheight);
    color: var(--hl_color_1);
    text-shadow: var(--hl_textshadow);
}

.headerslogan_schnoerkel /* -- ID 13 = Schnörkelschrift für Headerslogan (oben Schnörkel, unten Normal) -- */ {
    color: var(--hl_color_1);  
    text-shadow: var(--hl_textshadow);
}

.headerslogan_normal.headerslogan_unten, /* -- ID 12 = Schnörkelschrift für Headerslogan (oben Normal, unten Schnörkel) -- */
.headerslogan_schnoerkel, /* -- ID 13 = Schnörkelschrift für Headerslogan (oben Schnörkel, unten Normal) -- */
.hl1_normal_schnoerkel span + span, /* -- ID 14 = H1 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl2_normal_schnoerkel span + span, /* -- ID 15 = H2 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl3_normal_schnoerkel span + span, /* -- ID 16 = H3 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl1_schnoerkel_normal > span:first-child, /* -- ID 17 = H1 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl1-2_schnoerkel_normal, /* -- ID 23 = H1 + H2 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl2_schnoerkel_normal > span:first-child, /* -- ID 18 = H2 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl1-2_normal_schnoerkel + h2, /* -- ID 20 = H1 + H2 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl2-3_schnoerkel_normal, /* -- ID 24 = H2 + H3 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl2-3_normal_schnoerkel + h3, /* -- ID 21 = H2 + H3 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl3_schnoerkel_normal > span:first-child, /* -- ID 19 = H3 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl3-4_schnoerkel_normal, /* -- ID 25 = H3 + H4 Schnörkelschrift (oben Schnörkel, unten Normal) -- */ 
.hl3-4_normal_schnoerkel + h4 /* -- ID 22 = H3 + H4 Schnörkelschrift (oben Normal, unten Schnörkel) -- */ {
    font-family: var(--hl_fontfamily_3);
    font-weight: var(--hl_fontweigt_400);
    font-size: var(--hl_size_slogan_schnoerkel);
    padding-left: var(--hl_padding_slogan);
}

/* -- Line-height Anpassung bei Schnörkel oben -- */
.headerslogan_schnoerkel, /* -- ID 13 = Schnörkelschrift für Headerslogan (oben Schnörkel, unten Normal) -- */ 
.hl1_schnoerkel_normal, /* -- ID 17 = H1 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl2_schnoerkel_normal, /* -- ID 18 = H2 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl1-2_schnoerkel_normal, /* -- ID 23 = H1 + H2 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl2-3_schnoerkel_normal /* -- ID 24 = H2 + H3 Schnörkelschrift (oben Schnörkel, unten Normal) -- */,
.hl3-4_schnoerkel_normal, /* -- ID 25 = H3 + H4 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl1_normal_schnoerkel span + span, /* -- ID 14 = H1 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl1-2_normal_schnoerkel + h2 /* -- ID 20 = H1 + H2 Schnörkelschrift (oben Normal, unten Schnörkel) -- */ {
    line-height: var(--hl_lineheight_nortwell);
}

.headerslogan_schnoerkel.headerslogan_unten, /* -- ID 13 = Schnörkelschrift für Headerslogan (oben Schnörkel, unten Normal) -- */
.hl1_schnoerkel_normal span + span, /* -- ID 17 = H1 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl2_schnoerkel_normal span + span, /* -- ID 18 = H2 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl3_schnoerkel_normal span + span, /* -- ID 22 = H3 + H4 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl3_schnoerkel_normal /* -- ID 22 = H3 + H4 Schnörkelschrift (oben Normal, unten Schnörkel) -- */ {
    line-height: var(--hl_lineheight);
}

.headerslogan_normal + .headerslogan_normal.headerslogan_unten, /* -- ID 12 = Schnörkelschrift für Headerslogan (oben Normal, unten Schnörkel) -- */
.hl1_normal_schnoerkel span + span, /* -- ID 14 = H1 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl1-2_normal_schnoerkel + h2 /* -- ID 20 = H1 + H2 Schnörkelschrift (oben Normal, unten Schnörkel) -- */{
    margin-top: calc(var(--hl_margintop_slogan_schnoerkel_unten) * -1);   
}

.headerslogan_schnoerkel + .headerslogan_schnoerkel.headerslogan_unten,  /* -- ID 13 = Schnörkelschrift für Headerslogan (oben Schnörkel, unten Normal) -- */
.hl1_schnoerkel_normal span + span, /* -- ID 17 = H1 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl1-2_schnoerkel_normal + h2, /* -- ID 23 = H1 + H2 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl2_schnoerkel_normal span + span, /* -- ID 18 = H2 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl2-3_schnoerkel_normal + h3, /* -- ID 24 = H2 + H3 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl3_schnoerkel_normal span + span, /* -- ID 19 = H3 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl3-4_schnoerkel_normal + h4 /* -- ID 25 = H3 + H4 Schnörkelschrift (oben Schnörkel, unten Normal) -- */ {
    margin-top: calc(var(--hl_margintop_slogan_schnoerkel_oben) * -1);  
}

.hl1_normal_schnoerkel, /* -- ID 14 = H1 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl1_schnoerkel_normal, /* -- ID 17 = H1 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl1-2_normal_schnoerkel, /* -- ID 20 = H1 + H2 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl1-2_schnoerkel_normal, /* -- ID 23 = H1 + H2 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl1-2_schnoerkel_normal + h2, /* -- ID 23 = H1 + H2 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl2_normal_schnoerkel, /* -- ID 15 = H2 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl2_schnoerkel_normal, /* -- ID 18 = H2 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl2-3_normal_schnoerkel, /* -- ID 21 = H2 + H3 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl2-3_schnoerkel_normal, /* -- ID 24 = H2 + H3 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl2-3_schnoerkel_normal + h3, /* -- ID 24 = H2 + H3 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl3_normal_schnoerkel, /* -- ID 16 = H3 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl3_schnoerkel_normal, /* -- ID 19 = H3 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl3-4_normal_schnoerkel, /* -- ID 22 = H3 + H4 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl3-4_schnoerkel_normal, /* -- ID 25 = H3 + H4 Schnörkelschrift (oben Schnörkel, unten Normal) -- */ 
.hl3-4_schnoerkel_normal + h4 /* -- ID 25 = H3 + H4 Schnörkelschrift (oben Schnörkel, unten Normal) -- */  {
    font-weight: var(--hl_fontweigt_400);
}

.hl2_normal_schnoerkel span + span, /* -- ID 15 = H2 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl2-3_normal_schnoerkel + h3 /* -- ID 21 = H2 + H3 Schnörkelschrift (oben Normal, unten Schnörkel) -- */ {
    font-size: var(--hl_size_schnoerkel_h2); 
    line-height: var(--hl_lineheight_nortwell); 
}

.hl2_schnoerkel_normal > span:first-child, /* -- ID 18 = H2 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl2-3_schnoerkel_normal /* -- ID 24 = H2 + H3 Schnörkelschrift (oben Schnörkel, unten Normal) -- */ {
    font-size: var(--hl_size_schnoerkel_h2); 
    line-height: var(--hl_lineheight_nortwell);
}

.hl2_schnoerkel_normal span + span, /* -- ID 18 = H2 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl2-3_schnoerkel_normal + h3 /* -- ID 24 = H2 + H3 Schnörkelschrift (oben Schnörkel, unten Normal) -- */ {
    margin-top: calc(var(--hl_margintop_slogan_schnoerkel_oben) * -1);  
}

/* -- ID 16 = H3 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl3_normal_schnoerkel span + span, /* -- ID 22 = H3 + H4 Schnörkelschrift (oben Normal, unten Schnörkel) -- */
.hl3-4_normal_schnoerkel + h4 /* -- ID 22 = H3 + H4 Schnörkelschrift (oben Normal, unten Schnörkel) -- */ {
    font-size: var(--hl_size_schnoerkel_h3); 
    line-height: var(--hl_lineheight_nortwell);
}

.hl3_schnoerkel_normal > span:first-child, /* -- ID 19 = H3 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl3-4_schnoerkel_normal /* -- ID 25 = H3 + H4 Schnörkelschrift (oben Schnörkel, unten Normal) -- */ {
    font-size: var(--hl_size_schnoerkel_h3); 
    line-height: var(--hl_lineheight_nortwell);
}

.hl3_schnoerkel_normal  span + span, /* -- ID 19 = H3 Schnörkelschrift (oben Schnörkel, unten Normal) -- */
.hl3-4_schnoerkel_normal + h4 /* -- ID 25 = H3 + H4 Schnörkelschrift (oben Schnörkel, unten Normal) -- */ {
    margin-top: calc(var(--hl_margintop_slogan_schnoerkel_oben_klein) * -1);  
}    

/* -- Überschrift zentriert und rechtsbündig -- */
h1.hl1_linie.ce-headline-center, 
header:has(.hl1-2_linie.ce-headline-center),
h2.hl2_linie.ce-headline-center, 
header:has(.hl2-3_linie.ce-headline-center),
h3.hl3_linie.ce-headline-center, 
.pwieh3_mit_linie.ce-headline-center, 
header:has(.hl3-4_linie.ce-headline-center),
.hl1_normal_schnoerkel.ce-headline-center span + span, 
.hl2_normal_schnoerkel.ce-headline-center span + span, 
.hl3_normal_schnoerkel.ce-headline-center span + span, 
.hl1_schnoerkel_normal.ce-headline-center > span:first-child, 
.hl1-2_schnoerkel_normal.ce-headline-center, 
.hl2_schnoerkel_normal.ce-headline-center > span:first-child, 
.hl1-2_normal_schnoerkel.ce-headline-center + h2, 
.hl2-3_schnoerkel_normal.ce-headline-center, 
.hl2-3_normal_schnoerkel.ce-headline-center + h3, 
.hl3_schnoerkel_normal.ce-headline-center > span:first-child, 
.hl3-4_schnoerkel_normal.ce-headline-center, 
.hl3-4_normal_schnoerkel.ce-headline-center + h4,
h1.hl1_linie.ce-headline-right, 
header:has(.hl1-2_linie.ce-headline-right),
h2.hl2_linie.ce-headline-right, 
header:has(.hl2-3_linie.ce-headline-right),
h3.hl3_linie.ce-headline-right, 
.pwieh3_mit_linie.ce-headline-right, 
header:has(.hl3-4_linie.ce-headline-right),
.hl1_normal_schnoerkel.ce-headline-right span + span, 
.hl2_normal_schnoerkel.ce-headline-right span + span, 
.hl3_normal_schnoerkel.ce-headline-right span + span, 
.hl1_schnoerkel_normal.ce-headline-right > span:first-child, 
.hl1-2_schnoerkel_normal.ce-headline-right, 
.hl2_schnoerkel_normal.ce-headline-right > span:first-child, 
.hl1-2_normal_schnoerkel.ce-headline-right + h2, 
.hl2-3_schnoerkel_normal.ce-headline-right, 
.hl2-3_normal_schnoerkel.ce-headline-right + h3, 
.hl3_schnoerkel_normal.ce-headline-right > span:first-child, 
.hl3-4_schnoerkel_normal.ce-headline-right, 
.hl3-4_normal_schnoerkel.ce-headline-right + h4,
.hl1_linie.text-center,
.hl2_linie.text-center,
.hl3_linie.text-center,
.hl1_linie.text-end,
.hl2_linie.text-end,
.hl3_linie.text-end {
    padding-left: 0;
}

h1.hl1_linie.ce-headline-center::before, 
header:has(.hl1-2_linie.ce-headline-center)::before,
h2.hl2_linie.ce-headline-center::before, 
header:has(.hl2-3_linie.ce-headline-center)::before,
h3.hl3_linie.ce-headline-center::before, 
.pwieh3_mit_linie.ce-headline-center::before, 
header:has(.hl3-4_linie.ce-headline-center)::before,

h1.hl1_linie.ce-headline-right::before, 
header:has(.hl1-2_linie.ce-headline-right)::before,
h2.hl2_linie.ce-headline-right::before, 
header:has(.hl2-3_linie.ce-headline-right)::before,
h3.hl3_linie.ce-headline-right::before, 
.pwieh3_mit_linie.ce-headline-right::before, 
header:has(.hl3-4_linie.ce-headline-right)::before,
.hl1_linie.text-center::before,
.hl2_linie.text-center::before,
.hl3_linie.text-center::before,
.hl1_linie.text-end::before,
.hl2_linie.text-end::before,
.hl3_linie.text-end::before {
    display: none;
}

/* -- In folgenden Dateien gibt es Überschreibungen -- */
/* -- 
    - molay_zwischenheader.css
-- */