@charset "utf-8";

/*  sofern ein counter in kleinen MQs angelegt wird,
/*  muss dafür Platz sein, siehe unten MQ-A & MQ-B*/

/*  unabhängig von Media-Queries sind `reset` und `increment` 
/*  für jede Klasse einzustellen: */

/* ##################################
/* ### counter reset & increment ####
/* ##################################

/* ----------------------------------
/* ###### counter ab H1       #######
/* ----------------------------------
/* ------ H1 only  ------------------ */
#myContent[class$="_h1"] {
    counter-reset:      z1;
}
#myContent[class$="_h1"] > .prnt h1 {
    counter-increment:  z1;
}
/* ------ H1 & H2  ------------------ */
#myContent[class$="_h1h2"] {
    counter-reset:      z1;
}
#myContent[class$="_h1h2"] > .prnt h1 {
    counter-reset:      z2;
}
#myContent[class$="_h1h2"] > .prnt h1 {
    counter-increment:  z1;
}
#myContent[class$="_h1h2"] > .prnt h2 {
    counter-increment:  z2;
}
/* ------ H1, H2 & H3  -------------- */
#myContent[class$="_h1h2h3"] {
    counter-reset:      z1;
}
#myContent[class$="_h1h2h3"] > .prnt h1 {
    counter-reset:      z2;
}
#myContent[class$="_h1h2h3"] > .prnt h2 {
    counter-reset:      z3;
}
#myContent[class$="_h1h2h3"] > .prnt h1 {
    counter-increment:  z1;
}
#myContent[class$="_h1h2h3"] > .prnt h2 {
    counter-increment:  z2;
}
#myContent[class$="_h1h2h3"] > .prnt h3 {
    counter-increment:  z3;
}

/* ----------------------------------
/* ###### counter ab H2       #######
/* ----------------------------------
/* ------ H2 only  ------------------ */
/  .A_h2, .B_h2, ... */
#myContent[class$="_h2"] {
    counter-reset:      z1;
}
#myContent[class$="_h2"] > .prnt h2 {
    counter-increment:  z1;
}
/* ------ H2 & H3  ------------------ */
#myContent[class$="_h2h3"] {
    counter-reset:      z1;
}
#myContent[class$="_h2h3"] > .prnt h2 {
    counter-reset:      z2;
}
#myContent[class$="_h2h3"] > .prnt h2 {
    counter-increment:  z1;
}
#myContent[class$="_h2h3"] > .prnt h3 {
    counter-increment:  z2;
}
/* ------ H2,H3 & H4  --------------- */
#myContent[class$="_h2h3h4"] {
    counter-reset:      z1;
}
#myContent[class$="_h2h3h4"] > .prnt h2 {
    counter-reset:      z2;
}
#myContent[class$="_h2h3h4"] > .prnt h3 {
    counter-reset:      z3;
}
#myContent[class$="_h2h3h4"] > .prnt h2 {
    counter-increment:  z1;
}
#myContent[class$="_h2h3h4"] > .prnt h3 {
    counter-increment:  z2;
}
#myContent[class$="_h2h3h4"] > .prnt h4 {
    counter-increment:  z3;
}


/* ---------------
/* #### global ###
/* --------------- */
.prnt {
    --c4_h1:    none;
    --c4_h2:    none;
    --c4_h3:    none;
    --c4_h4:    none;
    --c4_h5:    none;
    --mK_h1:    0;
    --mK_h2:    0;
    --mK_h3:    0;
    --mK_h4:    0;
    --mK_h5:    0;
}

@media all and (min-width: 120px ) {
    #myContent[class*="A_"] > .prnt {
        --mit_Marginalspalte: 1;
    }
    /* ----------------------------------
    /* ###### Media Query A #############
    /* ---------------------------------- */

    /* ###### counter ab H1       #######
    /* ------ H1 only  ------------------ */
    #myContent.A_h1 > .prnt > h1  {
        --c4_h1:    var(--cntZ1_ohne);
        --mK_h1:    1;
    }
    /* ------ H1 & H2  ------------------ */
    #myContent.A_h1h2 > .prnt > h1,
    #myContent.A_h1h2 > .prnt > h2 {
        --c4_h1:    var(--cntZ1_ohne);
        --c4_h2:    var(--cntZ12);
        --mK_h1:    1;
        --mK_h2:    1;
    }
    /* ------ H1, H2 & H3  -------------- */
    #myContent.A_h1h2h3 > .prnt > h1,
    #myContent.A_h1h2h3 > .prnt > h2,
    #myContent.A_h1h2h3 > .prnt > h3 {
        --c4_h1:    var(--cntZ1_ohne);
        --c4_h2:    var(--cntZ12);
        --c4_h3:    var(--cntZ123);
        --mK_h1:    1;
        --mK_h2:    1;
        --mK_h3:    1;
    }

    /* ###### counter ab H2       #######
    /* ------ H2 only  ------------------ */
    #myContent.A_h2 > .prnt > h2  {
        --c4_h2:    var(--cntZ1);
        --mK_h2:    1;
    }
    /* ------ H2 & H3  ------------------ */
    #myContent.A_h2h3 > .prnt > h2,
    #myContent.A_h2h3 > .prnt > h3 {
        --c4_h2:    var(--cntZ1);
        --c4_h3:    var(--cntZ12);
        --mK_h2:    1;
        --mK_h3:    1;
    }
    /* ------ H2, H3 & H4  -------------- */
    #myContent.A_h2h3h4 > .prnt > h2,
    #myContent.A_h2h3h4 > .prnt > h3,
    #myContent.A_h2h3h4 > .prnt > h4 {
        --c4_h2:    var(--cntZ1);
        --c4_h3:    var(--cntZ12);
        --c4_h4:    var(--cntZ123);
        --mK_h2:    1;
        --mK_h3:    1;
        --mK_h4:    1;
    }
}


@media all and (min-width: 350px ) {
    #myContent[class*="B_"] > .prnt {
        --mit_Marginalspalte: 1;
    }
    /* ----------------------------------
    /* ###### Media Query B #############
    /* ---------------------------------- */

    /* ###### counter ab H1       #######
    /* ------ H1 only  ------------------ */
    #myContent.B_h1 > .prnt > h1  {
        --c4_h1:    var(--cntZ1_ohne);
        --mK_h1:    1;
    }
    /* ------ H1 & H2  ------------------ */
    #myContent.B_h1h2 > .prnt > h1,
    #myContent.B_h1h2 > .prnt > h2 {
        --c4_h1:    var(--cntZ1_ohne);
        --c4_h2:    var(--cntZ12);
        --mK_h1:    1;
        --mK_h2:    1;
    }
    /* ------ H1, H2 & H3  -------------- */
    #myContent.B_h1h2h3 > .prnt > h1,
    #myContent.B_h1h2h3 > .prnt > h2,
    #myContent.B_h1h2h3 > .prnt > h3 {
        --c4_h1:    var(--cntZ1_ohne);
        --c4_h2:    var(--cntZ12);
        --c4_h3:    var(--cntZ123);
        --mK_h1:    1;
        --mK_h2:    1;
        --mK_h3:    1;
    }

    /* ###### counter ab H2       #######
    /* ------ H2 only  ------------------ */

    #myContent.B_h2 > .prnt > h2  {
        --c4_h2:    var(--cntZ1);
        --mK_h2:    1;
    }
    /* ------ H2 & H3  ------------------ */
    #myContent.B_h2h3 > .prnt > h2,
    #myContent.B_h2h3 > .prnt > h3 {
        --c4_h2:    var(--cntZ1);
        --c4_h3:    var(--cntZ12);
        --mK_h2:    1;
        --mK_h3:    1;
    }
    /* ------ H2, H3 & H4  -------------- */
    #myContent.B_h2h3h4 > .prnt > h2,
    #myContent.B_h2h3h4 > .prnt > h3,
    #myContent.B_h2h3h4 > .prnt > h4 {
        --c4_h2:    var(--cntZ1);
        --c4_h3:    var(--cntZ12);
        --c4_h4:    var(--cntZ123);
        --mK_h2:    1;
        --mK_h3:    1;
        --mK_h4:    1;
    }

    /* ###### counter ab H3       #######
    /* ------ H3 only  ------------------ */

    #myContent.B_h3 > .prnt > h3  {
        --c4_h3:    var(--cntZ1);
        --mK_h3:    1;
    }
    /* ------ H3 & H4  ------------------ */
    #myContent.B_h3h4 > .prnt > h3,
    #myContent.B_h3h4 > .prnt > h4 {
        --c4_h3:    var(--cntZ1);
        --c4_h4:    var(--cntZ12);
        --mK_h3:    1;
        --mK_h4:    1;
    }
}


@media all and (min-width: 576px ) {
    /* ----------------------------------
    /* ###### Media Query C #############
    /* ---------------------------------- */

    /* ###### ab diesem MQ mit Counter  #######
    /* ------ H1 benötigt BO_L ---------------- */
    #myContent[class*="_h1"] > .prnt {
        --h1_BO_L:          1;
    }

    /* ###### counter ab H1       #######
    /* ------ H1 only  ------------------ */
    #myContent.C_h1 > .prnt > h1  {
        --c4_h1:    var(--cntZ1_ohne);
        --mK_h1:    1;
    }
    /* ------ H1 & H2  ------------------ */
    #myContent.C_h1h2 > .prnt > h1,
    #myContent.C_h1h2 > .prnt > h2 {
        --c4_h1:    var(--cntZ1_ohne);
        --c4_h2:    var(--cntZ12);
        --mK_h1:    1;
        --mK_h2:    1;
    }
    /* ------ H1, H2 & H3  -------------- */
    #myContent.C_h1h2h3 > .prnt > h1,
    #myContent.C_h1h2h3 > .prnt > h2,
    #myContent.C_h1h2h3 > .prnt > h3 {
        --c4_h1:    var(--cntZ1_ohne);
        --c4_h2:    var(--cntZ12);
        --c4_h3:    var(--cntZ123);
        --mK_h1:    1;
        --mK_h2:    1;
        --mK_h3:    1;
    }

    /* ###### counter ab H2       #######
    /* ------ H2 only  ------------------ */

    #myContent.C_h2 > .prnt > h2  {
        --c4_h2:    var(--cntZ1);
        --mK_h2:    1;
    }
    /* ------ H2 & H3  ------------------ */
    #myContent.C_h2h3 > .prnt > h2,
    #myContent.C_h2h3 > .prnt > h3 {
        --c4_h2:    var(--cntZ1);
        --c4_h3:    var(--cntZ12);
        --mK_h2:    1;
        --mK_h3:    1;
    }
    /* ------ H2, H3 & H4  -------------- */
    #myContent.C_h2h3h4 > .prnt > h2,
    #myContent.C_h2h3h4 > .prnt > h3,
    #myContent.C_h2h3h4 > .prnt > h4 {
        --c4_h2:    var(--cntZ1);
        --c4_h3:    var(--cntZ12);
        --c4_h4:    var(--cntZ123);
        --mK_h2:    1;
        --mK_h3:    1;
        --mK_h4:    1;
    }
}


@media all and (min-width: 768px ) {
    /* ----------------------------------
    /* ###### Media Query D #############
    /* ---------------------------------- */

    /* ###### counter ab H1       #######
    /* ------ H1 only  ------------------ */
    #myContent.D_h1 > .prnt > h1  {
        --c4_h1:    var(--cntZ1_ohne);
        --mK_h1:    1;
    }
    /* ------ H1 & H2  ------------------ */
    #myContent.D_h1h2 > .prnt > h1,
    #myContent.D_h1h2 > .prnt > h2 {
        --c4_h1:    var(--cntZ1_ohne);
        --c4_h2:    var(--cntZ12);
        --mK_h1:    1;
        --mK_h2:    1;
    }
    /* ------ H1, H2 & H3  -------------- */
    #myContent.D_h1h2h3 > .prnt > h1,
    #myContent.D_h1h2h3 > .prnt > h2,
    #myContent.D_h1h2h3 > .prnt > h3 {
        --c4_h1:    var(--cntZ1_ohne);
        --c4_h2:    var(--cntZ12);
        --c4_h3:    var(--cntZ123);
        --mK_h1:    1;
        --mK_h2:    1;
        --mK_h3:    1;
    }

    /* ###### counter ab H2       #######
    /* ------ H2 only  ------------------ */

    #myContent.D_h2 > .prnt > h2  {
        --c4_h2:    var(--cntZ1);
        --mK_h2:    1;
    }
    /* ------ H2 & H3  ------------------ */
    #myContent.D_h2h3 > .prnt > h2,
    #myContent.D_h2h3 > .prnt > h3 {
        --c4_h2:    var(--cntZ1);
        --c4_h3:    var(--cntZ12);
        --mK_h2:    1;
        --mK_h3:    1;
    }
    /* ------ H2, H3 & H4  -------------- */
    #myContent.D_h2h3h4 > .prnt > h2,
    #myContent.D_h2h3h4 > .prnt > h3,
    #myContent.D_h2h3h4 > .prnt > h4 {
        --c4_h2:    var(--cntZ1);
        --c4_h3:    var(--cntZ12);
        --c4_h4:    var(--cntZ123);
        --mK_h2:    1;
        --mK_h3:    1;
        --mK_h4:    1;
    }
}


@media all and (min-width: 1366px ) {
    /* ----------------------------------
    /* ###### Media Query E #############
    /* ---------------------------------- */

    /* ###### counter ab H1       #######
    /* ------ H1 only  ------------------ */
    #myContent.E_h1 > .prnt > h1  {
        --c4_h1:    var(--cntZ1_ohne);
        --mK_h1:    1;
    }
    /* ------ H1 & H2  ------------------ */
    #myContent.E_h1h2 > .prnt > h1,
    #myContent.E_h1h2 > .prnt > h2 {
        --c4_h1:    var(--cntZ1_ohne);
        --c4_h2:    var(--cntZ12);
        --mK_h1:    1;
        --mK_h2:    1;
    }
    /* ------ H1, H2 & H3  -------------- */
    #myContent.E_h1h2h3 > .prnt > h1,
    #myContent.E_h1h2h3 > .prnt > h2,
    #myContent.E_h1h2h3 > .prnt > h3 {
        --c4_h1:    var(--cntZ1_ohne);
        --c4_h2:    var(--cntZ12);
        --c4_h3:    var(--cntZ123);
        --mK_h1:    1;
        --mK_h2:    1;
        --mK_h3:    1;
    }

    /* ###### counter ab H2       #######
    /* ------ H2 only  ------------------ */

    #myContent.E_h2 > .prnt > h2  {
        --c4_h2:    var(--cntZ1);
        --mK_h2:    1;
    }
    /* ------ H2 & H3  ------------------ */
    #myContent.E_h2h3 > .prnt > h2,
    #myContent.E_h2h3 > .prnt > h3 {
        --c4_h2:    var(--cntZ1);
        --c4_h3:    var(--cntZ12);
        --mK_h2:    1;
        --mK_h3:    1;
    }
    /* ------ H2, H3 & H4  -------------- */
    #myContent.E_h2h3h4 > .prnt > h2,
    #myContent.E_h2h3h4 > .prnt > h3,
    #myContent.E_h2h3h4 > .prnt > h4 {
        --c4_h2:    var(--cntZ1);
        --c4_h3:    var(--cntZ12);
        --c4_h4:    var(--cntZ123);
        --mK_h2:    1;
        --mK_h3:    1;
        --mK_h4:    1;
    }
}


@media all and (min-width: 1920px ) {
    /* ----------------------------------
    /* ###### Media Query F #############
    /* ---------------------------------- */

    /* ###### counter ab H1       #######
    /* ------ H1 only  ------------------ */
    #myContent.F_h1 > .prnt > h1  {
        --c4_h1:    var(--cntZ1_ohne);
        --mK_h1:    1;
    }
    /* ------ H1 & H2  ------------------ */
    #myContent.F_h1h2 > .prnt > h1,
    #myContent.F_h1h2 > .prnt > h2 {
        --c4_h1:    var(--cntZ1_ohne);
        --c4_h2:    var(--cntZ12);
        --mK_h1:    1;
        --mK_h2:    1;
    }
    /* ------ H1, H2 & H3  -------------- */
    #myContent.F_h1h2h3 > .prnt > h1,
    #myContent.F_h1h2h3 > .prnt > h2,
    #myContent.F_h1h2h3 > .prnt > h3 {
        --c4_h1:    var(--cntZ1_ohne);
        --c4_h2:    var(--cntZ12);
        --c4_h3:    var(--cntZ123);
        --mK_h1:    1;
        --mK_h2:    1;
        --mK_h3:    1;
    }

    /* ###### counter ab H2       #######
    /* ------ H2 only  ------------------ */

    #myContent.F_h2 > .prnt > h2  {
        --c4_h2:    var(--cntZ1);
        --mK_h2:    1;
    }
    /* ------ H2 & H3  ------------------ */
    #myContent.F_h2h3 > .prnt > h2,
    #myContent.F_h2h3 > .prnt > h3 {
        --c4_h2:    var(--cntZ1);
        --c4_h3:    var(--cntZ12);
        --mK_h2:    1;
        --mK_h3:    1;
    }
    /* ------ H2, H3 & H4  -------------- */
    #myContent.F_h2h3h4 > .prnt > h2,
    #myContent.F_h2h3h4 > .prnt > h3,
    #myContent.F_h2h3h4 > .prnt > h4 {
        --c4_h2:    var(--cntZ1);
        --c4_h3:    var(--cntZ12);
        --c4_h4:    var(--cntZ123);
        --mK_h2:    1;
        --mK_h3:    1;
        --mK_h4:    1;
    }
}