.custom-row {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    flex-wrap: wrap;
}
.custom-row.nowrap {
    flex-wrap: nowrap;
}
.custom-row.spacer-2 { margin-left: -2px; margin-right: -2px; }
.custom-row.spacer-2 > [class*="part-"] { padding-left: 2px; padding-right: 2px; }

.custom-row.spacer-4 { margin-left: -4px; margin-right: -4px; }
.custom-row.spacer-4 > [class*="part-"] { padding-left: 4px; padding-right: 4px; }

.custom-row.spacer-6 { margin-left: -6px; margin-right: -6px; }
.custom-row.spacer-6 > [class*="part-"] { padding-left: 6px; padding-right: 6px; }

.custom-row.spacer-8 { margin-left: -8px; margin-right: -8px; }
.custom-row.spacer-8 > [class*="part-"] { padding-left: 8px; padding-right: 8px; }

.custom-row.spacer-10 { margin-left: -10px; margin-right: -10px; }
.custom-row.spacer-10 > [class*="part-"] { padding-left: 10px; padding-right: 10px; }

.custom-row.spacer-12 { margin-left: -12px; margin-right: -12px; }
.custom-row.spacer-12 > [class*="part-"] { padding-left: 12px; padding-right: 12px; }

.custom-row.spacer-14 { margin-left: -14px; margin-right: -14px; }
.custom-row.spacer-14 > [class*="part-"] { padding-left: 14px; padding-right: 14px; }

.custom-row.spacer-16 { margin-left: -16px; margin-right: -16px; }
.custom-row.spacer-16 > [class*="part-"] { padding-left: 16px; padding-right: 16px; }

.custom-row.spacer-18 { margin-left: -18px; margin-right: -18px; }
.custom-row.spacer-18 > [class*="part-"] { padding-left: 18px; padding-right: 18px; }

.custom-row.spacer-20 { margin-left: -20px; margin-right: -20px; }
.custom-row.spacer-20 > [class*="part-"] { padding-left: 20px; padding-right: 20px; }

/***helperklassen***/
.mb-2 { margin-bottom: 2px; }
.mb-4 { margin-bottom: 4px; }
.mb-4-alt { margin-bottom: 4px; }
.mb-5 { margin-bottom: 5px; }
.mb-8 { margin-bottom: 8px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }

.mt-2 { margin-top: 2px; }
.mt-4 { margin-top: 4px; }
.mt-5 { margin-top: 5px; }
.mt-8 { margin-top: 8px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }

.ml-2 { margin-left: 2px; }
.ml-4 { margin-left: 4px; }
.ml-5 { margin-left: 5px; }
.ml-8 { margin-left: 8px; }
.ml-10 { margin-left: 10px; }
.ml-15 { margin-left: 15px; }
.ml-20 { margin-left: 20px; }
.ml-30 { margin-left: 30px; }

.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-30 { padding: 30px; }

.abs { position: absolute !important; }
.rel { position: relative !important; }
.hmax { height: 100% !important; }

.part-10 { width: 10% !important; }
.part-15 { width: 15% !important; }
.part-16 { width: 16.66% !important; }
.part-20 { width: 20% !important; }
.part-25 { width: 25% !important; }
.part-30 { width: 30% !important; }
.part-33 { width: 33% !important; }
.part-40 { width: 40% !important; }
.part-50 { width: 50% !important; }
.part-60 { width: 60% !important; }
.part-66 { width: 66% !important; }
.part-70 { width: 70% !important; }
.part-75 { width: 75% !important; }
.part-80 { width: 80% !important; }
.part-90 { width: 90% !important; }
.part-max { width: 100% !important; }
.part-auto {
    
}

.no-padding { padding: 0 !important; }
.no-margin { margin: 0 !important; }
.no-display { display: none !important; }
.no-border { border: none !important; }

.clr:after {
    content: "";
    display: table;
    clear: both;
}

.center-hor {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.inline-block { display:inline-block !important; }
.block-center { margin: 0 auto;}

/*font*/
.text-center { text-align: center;}
.text-right { text-align: right;}
.text-left { text-align: left;}
.underline { text-decoration: underline; }

.color1 { color: #F1F1F1; }
.color2 { color: #D1D1D1; }
.color3 { color: #898989; }
.color4 { color: #F99D9D; }
.color5 { color: #fff;}

.bg-color1 { background-color: #F1F1F1; }
.bg-color2 { background-color: #D1D1D1; }
.bg-color3 { background-color: #898989; }
.bg-color4 { background-color: #F99D9D; }
.bg-color5 { background: #009fe3; }

.bold { font-weight: bold; }
.font-10 { font-size:10px; }
.font-12 { font-size:12px; }
.font-14 { font-size:14px; }
.font-16 { font-size:16px; }
.font-18 { font-size:18px; }
.font-20 { font-size:20px; }
.font-24 { font-size:24px; }
.font-28 { font-size:28px; }
.font-32 { font-size:32px; }
.font-36 { font-size:36px; }
.font-40 { font-size:40px; }
.no-deco { text-decoration: none !important; }

.pointer {
    cursor: pointer;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.abs-center-helper {
    position: relative;
    left: -50%;
}


@media screen and (min-width: 1001px) {
    .part-25-lg {
        width: 25% !important;
    }
}

@media screen and (max-width: 1000px) {
    .part-33-md {
        width: 33.33% !important;
    }
}

@media screen and (max-width: 768px) {
    .part-50-sm {
        width: 50% !important;
    }
}

@media screen and (max-width: 574px) {
    .part-max-xs {
        width: 100% !important;
    }
}