*, ::before, ::after {
    box-sizing:border-box;
}
body {
    margin:0;
}
.row {
    max-width: 1080px;
    margin: 0 auto;
}
.row::after {
    clear:both;
    content:"";
    display:block;
}
.clear::after {
    content:"";
    display:block;
    clear:both;
}
.lg_only, .md_only, .sm_only {
    display:none;
}
.lg_only-not, .md_only-not, .sm_only-not {
    display:initial;
}
.lg_grid_11, .lg_grid_10, .lg_grid_09, .lg_grid_08, .lg_grid_07, .lg_grid_06, .lg_grid_05, .lg_grid_04, .lg_grid_03, .lg_grid_02, .lg_grid_01, .md_grid_11, .md_grid_10, .md_grid_09, .md_grid_08, .md_grid_07, .md_grid_06, .md_grid_05, .md_grid_04, .md_grid_03, .md_grid_02, .md_grid_01 {
    min-height:1px;
}
.sm_grid_11, .sm_grid_10, .sm_grid_09, .sm_grid_08, .sm_grid_07, .sm_grid_06, .sm_grid_05, .sm_grid_04, .sm_grid_03, .sm_grid_02, .sm_grid_01 {
    float:left;
    min-height:1px;
}

.sm_grid_12 {
    width:100%;
}
.sm_grid_11 {
    width:calc(100% / 12 * 11);
}
.sm_grid_10 {
    width:calc(100% / 12 * 10);
}
.sm_grid_09 {
    width:calc(100% / 12 * 9);
}
.sm_grid_08 {
    width:calc(100% / 12 * 8);
}
.sm_grid_07 {
    width:calc(100% / 12 * 7);
}
.sm_grid_06 {
    width:calc(100% / 12 * 6);
}
.sm_grid_05 {
    width:calc(100% / 12 * 5);
}
.sm_grid_04 {
    width:calc(100% / 12 * 4);
}
.sm_grid_03 {
    width:calc(100% / 12 * 3);
}
.sm_grid_02 {
    width:calc(100% / 12 * 2);
}
.sm_grid_01 {
    width:calc(100% / 12 * 1);
}
.sm_push_11 {
    margin-left:calc(100% / 12 * 11);
}
.sm_push_10 {
    margin-left:calc(100% / 12 * 10);
}
.sm_push_09 {
    margin-left:calc(100% / 12 * 9);
}
.sm_push_08 {
    margin-left:calc(100% / 12 * 8);
}
.sm_push_07 {
    margin-left:calc(100% / 12 * 7);
}
.sm_push_06 {
    margin-left:calc(100% / 12 * 6);
}
.sm_push_05 {
    margin-left:calc(100% / 12 * 5);
}
.sm_push_04 {
    margin-left:calc(100% / 12 * 4);
}
.sm_push_03 {
    margin-left:calc(100% / 12 * 3);
}
.sm_push_02 {
    margin-left:calc(100% / 12 * 2);
}
.sm_push_01 {
    margin-left:calc(100% / 12 * 1);
}
.padding {
    padding:10px;
}
.padding_x2 {
    padding:20px;
}
.vpadding {
    padding-left:10px;
    padding-right:10px;
}
.vpadding_x2 {
    padding-left:20px;
    padding-right:20px;
}
.vpadding_x3 {
    padding-left:30px;
    padding-right:30px;
}
.hpadding {
    padding-top:10px;
    padding-bottom:10px;
}
.hpadding_x2 {
    padding-top:20px;
    padding-bottom:20px;
}
.hpadding_x3 {
    padding-top:30px;
    padding-bottom:30px;
}
.padding-left {
    padding-left:10px;
}
.padding-left_x2 {
    padding-left:20px;
}
.padding-right {
    padding-right:10px;
}
.padding-right_x2 {
    padding-right:20px;
}
.padding-top {
    padding-top:10px;
}
.padding-top_x2 {
    padding-top:20px;
}
.padding-bottom {
    padding-bottom:10px;
}
.padding-bottom_x2 {
    padding-bottom:20px;
}
/* Tablet Präfix md_*/
@media (min-width:800px) { 
.md_grid_11, .md_grid_10, .md_grid_09, .md_grid_08, .md_grid_07, .md_grid_06, .md_grid_05, .md_grid_04, .md_grid_03, .md_grid_02, .md_grid_01 {
        float:left;
        min-height:1px;
    }
    .md_clear::after {
        content:"";
        display:block;
        clear:both;
    }
    .md_textRight {
        text-align:right;
    }
    .md_textCenter {
        text-align:center;
    }
    .md_grid_12 {
        width:100%;
    }
    .md_grid_11 {
        width:calc(100% / 12 * 11);
    }
    .md_grid_10 {
        width:calc(100% / 12 * 10);
    }
    .md_grid_09 {
        width:calc(100% / 12 * 9);
    }
    .md_grid_08 {
        width:calc(100% / 12 * 8);
    }
    .md_grid_07 {
        width:calc(100% / 12 * 7);
    }
    .md_grid_06 {
        width:calc(100% / 12 * 6);
    }
    .md_grid_05 {
        width:calc(100% / 12 * 5);
    }
    .md_grid_04 {
        width:calc(100% / 12 * 4);
    }
    .md_grid_03 {
        width:calc(100% / 12 * 3);
    }
    .md_grid_02 {
        width:calc(100% / 12 * 2);
    }
    .md_grid_01 {
        width:calc(100% / 12 * 1);
    }
    .md_push_11 {
        margin-left:calc(100% / 12 * 11);
    }
    .md_push_10 {
        margin-left:calc(100% / 12 * 10);
    }
    .md_push_09 {
        margin-left:calc(100% / 12 * 9);
    }
    .md_push_08 {
        margin-left:calc(100% / 12 * 8);
    }
    .md_push_07 {
        margin-left:calc(100% / 12 * 7);
    }
    .md_push_06 {
        margin-left:calc(100% / 12 * 6);
    }
    .md_push_05 {
        margin-left:calc(100% / 12 * 5);
    }
    .md_push_04 {
        margin-left:calc(100% / 12 * 4);
    }
    .md_push_03 {
        margin-left:calc(100% / 12 * 3);
    }
    .md_push_02 {
        margin-left:calc(100% / 12 * 2);
    }
    .md_push_01 {
        margin-left:calc(100% / 12 * 1);
    }
    .md_padding {
        padding:10px;
    }
    .md_padding_x2 {
        padding:20px;
    }
    .md_vpadding {
        padding-left:10px;
        padding-right:10px;
    }
    .md_vpadding_x2 {
        padding-left:20px;
        padding-right:20px;
    }
    .md_hpadding {
        padding-top:10px;
        padding-bottom:10px;
    }
    .md_hpadding_x2 {
        padding-top:20px;
        padding-bottom:20px;
    }
    .md_hpadding_x3 {
        padding-top:30px;
        padding-bottom:30px;
    }
    .md_padding-left {
        padding-left:10px;
    }
    .md_padding-left_x2 {
        padding-left:20px;
    }
    .md_padding-right {
        padding-right:10px;
    }
    .md_padding-right_x2 {
        padding-right:20px;
    }
    .md_padding-top {
        padding-top:10px;
    }
    .md_padding-top_x2 {
        padding-top:20px;
    }
    .md_padding-top_x3 {
        padding-top:20px;
        padding-top:30px;
    }
    .md_padding-bottom {
        padding-bottom:10px;
    }
    .md_padding-bottom_x2 {
        padding-bottom:20px;
    }
    .md_only {
        display:initial;
    }
    .md_only-not {
        display:none;
    }
}
/* Desktop Präfix lg_*/
@media (min-width:1080px) {
.lg_grid_11, .lg_grid_10, .lg_grid_09, .lg_grid_08, .lg_grid_07, .lg_grid_06, .lg_grid_05, .lg_grid_04, .lg_grid_03, .lg_grid_02, .lg_grid_01 {
        float:left;
        min-height:1px;
    }
    .lg_clear::after {
        content:"";
        display:block;
        clear:both;
    }
    .lg_textRight {
        text-align:right;
    }
    .lg_textCenter {
        text-align:center;
    }
    .lg_grid_20 {
    width:100%;
    }
    .lg_grid_12 {
        width:100%;
    }
    .lg_grid_11 {
        width:calc(100% / 12 * 11);
    }
    .lg_grid_10 {
        width:calc(100% / 12 * 10);
    }
    .lg_grid_09 {
        width:calc(100% / 12 * 9);
    }
    .lg_grid_08 {
        width:calc(100% / 12 * 8);
    }
    .lg_grid_07 {
        width:calc(100% / 12 * 7);
    }
    .lg_grid_06 {
        width:calc(100% / 12 * 6);
    }
    .lg_grid_05 {
        width:calc(100% / 12 * 5);
    }
    .lg_grid_04 {
        width:calc(100% / 12 * 4);
    }
    .lg_grid_03 {
        width:calc(100% / 12 * 3);
    }
    .lg_grid_02 {
        width:calc(100% / 12 * 2);
    }
    .lg_grid_01 {
        width:calc(100% / 12 * 1);
    }
    .lg_push_11 {
        margin-left:calc(100% / 12 * 11);
    }
    .lg_push_10 {
        margin-left:calc(100% / 12 * 10);
    }
    .lg_push_09 {
        margin-left:calc(100% / 12 * 9);
    }
    .lg_push_08 {
        margin-left:calc(100% / 12 * 8);
    }
    .lg_push_07 {
        margin-left:calc(100% / 12 * 7);
    }
    .lg_push_06 {
        margin-left:calc(100% / 12 * 6);
    }
    .lg_push_05 {
        margin-left:calc(100% / 12 * 5);
    }
    .lg_push_04 {
        margin-left:calc(100% / 12 * 4);
    }
    .lg_push_03 {
        margin-left:calc(100% / 12 * 3);
    }
    .lg_push_02 {
        margin-left:calc(100% / 12 * 2);
    }
    .lg_push_01 {
        margin-left:calc(100% / 12 * 1);
    }
    .lg_padding {
        padding:10px;
    }
    .lg_padding_x2 {
        padding:20px;
    }
    .lg_vpadding {
        padding-left:10px;
        padding-right:10px;
    }
    .lg_vpadding_x2 {
        padding-left:20px;
        padding-right:20px;
    }
    .lg_hpadding {
        padding-top:10px;
        padding-bottom:10px;
    }
    .lg_hpadding_x2 {
        padding-top:20px;
        padding-bottom:20px;
    }
    .lg_padding-left {
        padding-left:10px;
    }
    .lg_padding-left_x2 {
        padding-left:20px;
    }
    .lg_padding-right {
        padding-right:10px;
    }
    .lg_padding-right_x2 {
        padding-right:20px;
    }
    .lg_padding-top {
        padding-top:10px;
    }
    .lg_padding-top_x2 {
        padding-top:20px;
    }
    .lg_padding-bottom {
        padding-bottom:10px;
    }
    .lg_padding-bottom_x2 {
        padding-bottom:20px;
    }
    .lg_padding-bottom_x3 {
        padding-bottom:30px;
    }
    .lg_only {
        display:initial;
    }
    .lg_only-not {
        display:none;
    }
}
/* Handy Präfix sm_*/
@media (max-width:799px) {
    .sm_only {
        display:initial;
    }
    .sm_only-not {
        display:none;
    }
    .sm_clear::after {
    content:"";
    display:block;
    clear:both;
    }
    
    .sm_textRight {
        text-align:right;
    }
    .sm_textCenter {
        text-align:center;
    }
    .sm_textLeft {
        text-align:left;
    }
    .sm_padding {
        padding:10px;
    }
    .sm_padding_x2 {
        padding:20px;
    }
    .sm_vpadding {
        padding-left:10px;
        padding-right:10px;
    }
    .sm_vpadding_x2 {
        padding-left:20px;
        padding-right:20px;
    }
    .sm_vpadding_x3 {
        padding-left:30px;
        padding-right:30px;
    }
    .sm_hpadding {
        padding-top:10px;
        padding-bottom:10px;
    }
    .sm_hpadding_x2 {
        padding-top:20px;
        padding-bottom:20px;
    }
    .sm_hpadding_x3 {
        padding-top:30px;
        padding-bottom:30px;
    }
    .sm_padding-left {
        padding-left:10px;
    }
    .sm_padding-left_x2 {
        padding-left:20px;
    }
    .sm_padding-right {
        padding-right:10px;
    }
    .sm_padding-right_x2 {
        padding-right:20px;
    }
    .sm_padding-top {
        padding-top:10px;
    }
    .sm_padding-top_x2 {
        padding-top:20px;
    }
    .sm_padding-top_x3 {
        padding-top:30px;
    }
    .sm_padding-bottom {
        padding-bottom:10px;
    }
    .sm_padding-bottom_x2 {
        padding-bottom:20px;
    }
    .sm_padding-bottom_x3 {
        padding-bottom:30px;
    }
}

/* Textattribute */
.textRight {
    text-align:right;
}
.textCenter {
    text-align:center;
}