#datapage {width:100%;height:auto;float:left;overflow:hidden;margin-left:-10px;}
#datapage .section {width:100%;padding:0px;margin:0px;margin-left:-1px !important;display:flex;flex-wrap:wrap;position:relative;gap:0;}
#datapage .col-1_1 {width:100%;padding:20px;padding-top:10px;padding-bottom:10px;float:left;} /* volle Breite */
#datapage .col-1_2 {width:50%;padding:20px;padding-top:10px;padding-bottom:10px;float:left;}  #datapage .col-1_2:nth-child(2n+1) {clear:left;} /* halbe Breite */
#datapage .col-1_3{width:33%;padding:20px;padding-top:10px;padding-bottom:10px;float:left;} #datapage .col-1_3:nth-child(3n+1) {clear:left;} /* drittel Breite */
#datapage .col-1_4{width:25%;padding:20px;padding-top:10px;padding-bottom:10px;float:left;}  #datapage .col-1_4:nth-child(4n+1) {clear:left;} /* viertel Breite */
#datapage .col-2_3{width:66%;padding:20px;padding-top:10px;padding-bottom:10px;	float:left;} /* 2 drittel */
#datapage .col-3_4{width:75%;padding:20px;padding-top:10px;padding-bottom:10px;float:left;} /* 3 viertel Breite */
#datapage div.teaser p {text-align:left;} /*Blocksatz*/

/*******HEADLINES *****/
#datapage h3 {font-size:18px;}

/***** LISTEN ****/
#datapage ul{margin:0;margin-top:10px;margin-bottom:10px;padding:10px;border-top:2px dotted rgba(255, 255, 255, 0.2);border-bottom:2px dotted rgba(255, 255, 255, 0.2);}
#datapage ul > li{font-size:12px;font-weight:400;list-style:disc;margin:0;margin-left:15px;margin-bottom:5px;padding:0;}

/****** BILDER ******/
#datapage div > img {max-width:100%;}
#datapage div > a > img {max-width:100%;} /* am parent div ausgerichtet */

@media (max-width:1000px){
    #datapage .section[class~="4"] div {
        flex: 1 0 50%;
        text-align: center;
    }
    #datapage .section[class~="3"] div {
        flex: 1 0 50%;
    }

    /* Order setzen – sortiert die Reihenfolge */
    #datapage .section[class~="4"] div:nth-child(1) { order: 1; margin-bottom: -20px;}
    #datapage .section[class~="4"] div:nth-child(5) { order: 2; margin-bottom: 20px;}

    #datapage .section[class~="4"] div:nth-child(2) { order: 3; margin-bottom: -20px;}
    #datapage .section[class~="4"] div:nth-child(6) { order: 4; margin-bottom: 20px;}

    #datapage .section[class~="4"] div:nth-child(3) { order: 5; margin-bottom: -20px;}
    #datapage .section[class~="4"] div:nth-child(7) { order: 6; margin-bottom: 20px;}

    #datapage .section[class~="4"] div:nth-child(4) { order: 7; margin-bottom: -20px;}
    #datapage .section[class~="4"] div:nth-child(8) { order: 8; margin-bottom: 20px;}

    /* Order setzen – sortiert die Reihenfolge */
    #datapage .section[class~="3"] .col-1_3:nth-child(1) { order: 1;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="3"] .col-1_3:nth-child(4) { order: 2;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="3"] .col-1_3:nth-child(2) { order: 3;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="3"] .col-1_3:nth-child(5) { order: 4;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="3"] .col-1_3:nth-child(3) { order: 5;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="3"] .col-1_3:nth-child(6) { order: 6;width:50%;margin-bottom: 15px; }

    #datapage .section[class~="3"] .col-1_4:nth-child(1) { order: 1;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="3"] .col-1_4:nth-child(5) { order: 2;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="3"] .col-1_4:nth-child(2) { order: 3;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="3"] .col-1_4:nth-child(6) { order: 4;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="3"] .col-1_4:nth-child(3) { order: 5;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="3"] .col-1_4:nth-child(7) { order: 6;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="3"] .col-1_4:nth-child(4) { order: 7;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="3"] .col-1_4:nth-child(8) { order: 8;width:50%; margin-bottom: 15px;}

    /* Order setzen – sortiert die Reihenfolge */
    #datapage .section[class~="0"] div:nth-child(1) { order: 1;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="0"] div:nth-child(4) { order: 2;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="0"] div:nth-child(2) { order: 3;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="0"] div:nth-child(5) { order: 4;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="0"] div:nth-child(3) { order: 5;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="0"] div:nth-child(6) { order: 6;width:50%;margin-bottom: 15px; }

    #datapage .section[class~="0"] .col-1_2 { width:100% !important;}



    /* Order setzen – sortiert die Reihenfolge */
    #datapage .section[class~="2"] .col-1_4:nth-child(1) { order: 1;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="2"] .col-1_4:nth-child(5) { order: 2;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="2"] .col-1_4:nth-child(2) { order: 3;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="2"] .col-1_4:nth-child(6) { order: 4;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="2"] .col-1_4:nth-child(3) { order: 1;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="2"] .col-1_4:nth-child(7) { order: 2;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="2"] .col-1_4:nth-child(4) { order: 3;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="2"] .col-1_4:nth-child(8) { order: 4;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="0"] .col-1_4:nth-child(1) { order: 1;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="0"] .col-1_4:nth-child(5) { order: 2;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="0"] .col-1_4:nth-child(2) { order: 3;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="0"] .col-1_4:nth-child(6) { order: 4;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="0"] .col-1_4:nth-child(3) { order: 1;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="0"] .col-1_4:nth-child(7) { order: 2;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="0"] .col-1_4:nth-child(4) { order: 3;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="0"] .col-1_4:nth-child(8) { order: 4;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="2"] .col-1_3:nth-child(1) { order: 1;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="2"] .col-1_3:nth-child(4) { order: 2;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="2"] .col-1_3:nth-child(2) { order: 3;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="2"] .col-1_3:nth-child(5) { order: 4;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="2"] .col-1_3:nth-child(3) { order: 3;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="2"] .col-1_3:nth-child(6) { order: 4;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="0"] .col-1_2:nth-child(1) { order: 1;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="0"] .col-1_2:nth-child(3) { order: 2;width:50%; margin-bottom: 15px;}

    #datapage .section[class~="0"] .col-1_2:nth-child(2) { order: 3;width:50%; margin-bottom: -15px;}
    #datapage .section[class~="0"] .col-1_2:nth-child(4) { order: 4;width:50%; margin-bottom: 15px;}

    #datapage .section > div img {
        margin:auto;
    }
    #datapage .section[class~="0"] .col-1_1 {
        width:100% !important;
    }
    #datapage .section[class~="2"] .col-1_3 {
        width:100% !important;
    }
}
@media(max-width:500px){
    #datapage .section[class~="2"] .col-1_2:nth-child(1) { order: 1;width:100%; margin-bottom: -15px;}
    #datapage .section[class~="2"] .col-1_2:nth-child(3) { order: 2;width:100%; margin-bottom: 15px;}

    #datapage .section[class~="2"] .col-1_2:nth-child(2) { order: 3;width:100%; margin-bottom: -15px;}
    #datapage .section[class~="2"] .col-1_2:nth-child(4) { order: 4;width:100%; margin-bottom: 15px;}

    #datapage .section > div {
        width:100%;
        padding:0 10px 0 10px;
    }
    #datapage .section[class~="4"] div {
        flex: 1 0 100%;
    }
    #datapage .section[class~="3"] div {
        flex: 1 0 100%;
    }
    #datapage .section > div img {
        margin:auto;float: unset;
    }
    #datapage .col-1_1 {
        width:100% !important;
    }
    #datapage .section div .col-1_2:nth-child(1) {
        width:100%;
        order:2;
    }
    #datapage .section div .col-1_2:nth-child(2) {
        width:100%;
        order:1;
    }

}
@media(max-width:479px){
    #datapage .hide-asus-mobile {
        display:none !important;
    }
}