@charset "utf-8";
/* CSS Document */

/*	-----------------------------------------------------------------------------------------------------------  HEADER  */

.chkwf_hdrWrp{
    background-color: var(--cwf-grey-medium);
}

.chkwf_hdrAudienceTeachers{
    background-color: var(--cwf-green-light);
    border-color: var(--cwf-green-dark);
 }

a.chkwf_hdrAudienceAdolescents:link, a.chkwf_hdrAudienceAdolescents:visited{ background-color: transparent; border-color: var(--cwf-green-dark); }
a.chkwf_hdrAudienceAdolescents:hover, a.chkwf_hdrAudienceAdolescents:active, a.chkwf_hdrAudienceAdolescents:focus{ background-color: var(--cwf-orange-light); border-color: var(--cwf-orange-dark); }




/*	----------------------------------------------------------------------------------------------  SPECIALS: FRONTPAGE  */

/*	--------------------------------------------------------------------------------------------  FIRST BLOCK  */
.chkwf_startFirstBlock,
.chkwf_startSecondBlock {
    width: 100%;
    height: auto;

    position: relative;
    margin: 0;
    padding: 0 10px var(--gap-half);

    grid-template-columns: 1fr;
    gap: var(--gap-full);
}

@media screen and (min-width: 666px){
    .chkwf_startFirstBlock,
    .chkwf_startSecondBlock {
        grid-template-columns: repeat( 2, 1fr);
    }
}
@media screen and (min-width: 999px){
    .chkwf_startFirstBlock,
    .chkwf_startSecondBlock {
        padding: 0 var(--gap-full) var(--gap-full) ;
        grid-template-columns: repeat( 3, 1fr);
    }
}

    .chkwf_startFirstBlock .grdChild1 { grid-area: 1 / 1 / 2 / 2; }
    .chkwf_startFirstBlock .grdChild2 { grid-area: 2 / 1 / 3 / 2; background-color: var(--cwf-grey-medium); }
    .chkwf_startFirstBlock .grdChild3 { grid-area: 3 / 1 / 4 / 2; background-color: var(--cwf-green-light); }
    .chkwf_startFirstBlock .grdChild4 { grid-area: 4 / 1 / 5 / 2; background-color: var(--cwf-grey-medium); }

    .chkwf_startSecondBlock .grdChild1 { grid-area: 1 / 1 / 2 / 2; background-color: var(--cwf-green-light);}
    .chkwf_startSecondBlock .grdChild2 { grid-area: 2 / 1 / 3 / 1; background-color: var(--cwf-grey-medium); }

    @media screen and (min-width: 666px) {
        .chkwf_startFirstBlock .grdChild1 { grid-area: 1 / 1 / 2 / 2; }
        .chkwf_startFirstBlock .grdChild2 { grid-area: 1 / 2 / 2 / 3; }
        .chkwf_startFirstBlock .grdChild4 { grid-area: 2 / 1 / 2 / 2; }
        .chkwf_startFirstBlock .grdChild3 { grid-area: 2 / 2 / 2 / 3; }

        .chkwf_startSecondBlock .grdChild1 { grid-area: 1 / 1 / 2 / 2; }
        .chkwf_startSecondBlock .grdChild2 { grid-area: 1 / 2 / 2 / 3; }
    }

    @media screen and (min-width: 999px) {
        .chkwf_startFirstBlock .grdChild1 { grid-area: 1 / 1 / 2 / 2; }
        .chkwf_startFirstBlock .grdChild2 { grid-area: 1 / 2 / 2 / 3; }
        .chkwf_startFirstBlock .grdChild3 { grid-area: 1 / 3 / 3 / 4; }
        .chkwf_startFirstBlock .grdChild4 { grid-area: 2 / 1 / 3 / 3; }

        .chkwf_startSecondBlock .grdChild1 { grid-area: 1 / 1 / 2 / 2; }
        .chkwf_startSecondBlock .grdChild2 { grid-area: 1 / 2 / 2 / 4; }
    }