.col-24,
.col-23,
.col-22,
.col-21,
.col-20,
.col-19,
.col-18,
.col-17,
.col-16,
.col-15,
.col-14,
.col-13,
.col-12,
.col-11,
.col-10,
.col-09,
.col-08,
.col-07,
.col-06,
.col-05,
.col-04,
.col-03,
.col-02,
.col-01 {
    padding: 1%;
}

header .col-24,
header .col-23,
header .col-22,
header .col-21,
header .col-20,
header .col-19,
header .col-18,
header .col-17,
header .col-16,
header .col-15,
header .col-14,
header .col-13,
header .col-12,
header .col-11,
header .col-10,
header .col-09,
header .col-08,
header .col-07,
header .col-06,
header .col-05,
header .col-04,
header .col-03,
header .col-02,
header .col-01{
    padding: 0.5%;
}

header section div{
    padding: 0.2% !important;
}



html, body,
.mm-page,
#global-wrap,
.fixed-width{
    height: 100%;
}

/* centercontent ohne navi --- */
#global-wrap{
    float:none;
    margin:auto;
}

.fixed-width {
    margin: auto;
}

.logo img{
    max-width: 300px;
}

nav {
    text-align: left;
}

.box-content,
.background-video-container{
    width: 100%;
    box-sizing: border-box;
}

#player{
    width: 1300px;
}

.fixed-width,
.bgimage img {
    transition: width 0.5s;
}

.fixed-width {
    width: 100%;
    margin: auto;
    display: block;
    float: left;
    box-sizing: border-box;
}

.modal-wrapper .content-box-1{
    background-color: #fff;
    padding: 20px;
    height: 500px;
    overflow: scroll;
}

.info-button-big:after{
    content: url('../Images/btn-arrow-right-green.svg');
}
.info-button-big:hover:after{
    content: url('../Images/btn-arrow-right.svg');
}


.big-button, .info-button-big, .info-button-big-hback, .lead-button-big, .lead-button-big-hback, a.button, a.button-1, .button-file, .lead-button {
    padding: 12px 20px 12px 20px;
    border-radius: 3px;
}

.lead-button-big:hover, .info-button-big:hover, a.button:hover, a.button-1:hover, .lead-button-big-hback:hover, .info-button-big-hback:hover, .lead-button:hover {
    padding: 12px 10px 12px 30px;
}

.kuchen{
    padding: 0;
}

/* Payment */

#fieldwrap__Zahlungsmodalitaet li{
    margin: 10px;
}

#fieldwrap__Zahlungsmodalitaet input[type='checkbox'],
#fieldwrap__Zahlungsmodalitaet input[type='radio'] {
    width:auto;
    float:left;
    margin-right: .75em;
    background:transparent;
    border:none;
}
#fieldwrap__Zahlungsmodalitaet input[type='checkbox']:checked,
#fieldwrap__Zahlungsmodalitaet input[type='checkbox']:not(:checked),
#fieldwrap__Zahlungsmodalitaet input[type='radio']:checked,
#fieldwrap__Zahlungsmodalitaet input[type='radio']:not(:checked) {
    background: transparent;
    position: relative;
    visibility: hidden;
    margin:0;
    padding:0;
}

#fieldwrap__Zahlungsmodalitaet input[type='checkbox'] + label,
#fieldwrap__Zahlungsmodalitaet input[type='radio'] + label {
    cursor: pointer;
}

#fieldwrap__Zahlungsmodalitaet input[type='checkbox']:checked + label::before,
#fieldwrap__Zahlungsmodalitaet input[type='checkbox']:not(:checked) + label::before,
#fieldwrap__Zahlungsmodalitaet input[type='radio']:checked + label::before,
#fieldwrap__Zahlungsmodalitaet input[type='radio']:not(:checked) + label::before {
    content:' ';
    display:inline-block;
    width: 90px;
    height:90px;
    position: relative;
    top: 0;
    left: 10px;
    background: white;
    margin-right: 0;
    background: url('../Images/input-radio.svg') no-repeat;
    transition: background 0.4s;
}


#fieldwrap__Zahlungsmodalitaet input[type='radio']:checked#radio-Zahlungsmodalitaet-1 + label::before,
#fieldwrap__Zahlungsmodalitaet input[type='radio']:not(:checked)#radio-Zahlungsmodalitaet-1 + label::before {
    background: url('../Images/ec-btn.jpg') no-repeat ;
    background-size: 90px 90px;
}

#fieldwrap__Zahlungsmodalitaet input[type='radio']:checked#radio-Zahlungsmodalitaet-2 + label::before,
#fieldwrap__Zahlungsmodalitaet input[type='radio']:not(:checked)#radio-Zahlungsmodalitaet-2 + label::before {
    background: url('../Images/visa-mastercard-btn.jpg') no-repeat ;
    background-size: 90px 90px;
}

#fieldwrap__Zahlungsmodalitaet input[type='radio']:checked#radio-Zahlungsmodalitaet-3 + label::before,
#fieldwrap__Zahlungsmodalitaet input[type='radio']:not(:checked)#radio-Zahlungsmodalitaet-3 + label::before {
    background: url('../Images/paypal-btn.jpg') no-repeat ;
    background-size: 90px 90px;
}

#fieldwrap__Zahlungsmodalitaet input[type='radio']:checked#radio-Zahlungsmodalitaet-4 + label::before,
#fieldwrap__Zahlungsmodalitaet input[type='radio']:not(:checked)#radio-Zahlungsmodalitaet-4 + label::before {
    background: url('../Images/sofort-ueberweisung-btn.jpg') no-repeat ;
    background-size: 90px 90px;
}

#fieldwrap__Zahlungsmodalitaet label span{
    display: none;
}

#fieldwrap__Zahlungsmodalitaet input[type='checkbox']:checked#radio-Zahlungsmodalitaet-1  + label::before,
#fieldwrap__Zahlungsmodalitaet input[type='radio']:checked#radio-Zahlungsmodalitaet-1  + label::before
{
    background: url('../Images/ec-btn-active.jpg') no-repeat;
    background-size: 90px 90px;
}

#fieldwrap__Zahlungsmodalitaet input[type='checkbox']:checked#radio-Zahlungsmodalitaet-2  + label::before,
#fieldwrap__Zahlungsmodalitaet input[type='radio']:checked#radio-Zahlungsmodalitaet-2  + label::before
{
    background: url('../Images/visa-mastercard-btn-active.jpg') no-repeat ;
    background-size: 90px 90px;
}

#fieldwrap__Zahlungsmodalitaet input[type='checkbox']:checked#radio-Zahlungsmodalitaet-3  + label::before,
#fieldwrap__Zahlungsmodalitaet input[type='radio']:checked#radio-Zahlungsmodalitaet-3  + label::before
{
    background: url('../Images/paypal-btn-active.jpg') no-repeat ;
    background-size: 90px 90px;
}

#fieldwrap__Zahlungsmodalitaet input[type='checkbox']:checked#radio-Zahlungsmodalitaet-4  + label::before,
#fieldwrap__Zahlungsmodalitaet input[type='radio']:checked#radio-Zahlungsmodalitaet-4  + label::before
{
    background: url('../Images/sofort-ueberweisung-btn-active.jpg') no-repeat ;
    background-size: 90px 90px;
}


.trainings-kurs h4{
    font-size: 22px;
    padding: 7px 0;
}


/* ------------ Main-Header ------------------------------------------------------------------------  */
header {
    position: fixed;
    top: 0;
    z-index: 2;
    width: 1300px;
    display: inline-block;
    padding: 0;
    opacity: 0;
    float: none;
    left: 50%;
}

header div:first-child > .box-content {
    float: left;
}

header .section:first-child img {
    margin: 7px 0 0 10px;
}

header div:last-child > .box-content {
    float: right;
}

header svg {
    max-height: 90px;
    margin-top: 10px;
}

header section {
    position: relative;
    float: none;
    display: flex;
    /*left: 50%;*/
}

.rw-sociallinks{
    float: right;
}

.rw-sociallinks a{
    float: right;
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0;
}

ol li{
    list-style-type: none;
    list-style-position: outside;
    position: relative;
}

ol li::before{
    content: ' ';
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 9px;
    left: -24px;
    background: white;
    margin-right: 0.5em;
    background: url('../Images/li-checkmark.svg') no-repeat;
    transition: background 0.2s;
}

/*
ol li:before{
    content: url('../Images/checkmark.png');
    position: relative;
    left: -5px;
}
*/

/*.bgcolor-2 ol li{
    list-style-image: url(../Images/checkmark-white.png);
}*/

.teaser-date-flag{
    top: 0;
}

.mainnavi_toggler{
    font-size: 1px;
}

.teaser-box-3 .button{
    display: none;
}


@media screen and (min-width: 0px) and (max-width: 480px) {
    /*smartphone portrait*/

    header{
        height: 60px;
        width: 100%;
    }

    .logo > a img{
        max-height: 50px;
        width: auto;
        position: absolute;
        top: 0;
        left: 0;
    }

    header section div{
        /*     padding: 0 !important;*/
    }

    header > section > div:nth-child(1){
        top: 5px;
        left: 60px;
        width: 50%;
    }

    header > section > div:nth-child(3){
        top: 10px;
        right: 5px;
        width: 30%;
        position: absolute;
    }

    header .col-16{
        display: none;
    }


    header section:nth-child(2) {
        padding: 0;
    }

    header section:last-child {
        box-shadow: none;
    }

    section, .mm-page, footer {
        width: 100%;
        box-sizing: border-box;
        /*  padding: 3%;*/
    }


    .background-video-container{
        display: none;
    }

    .rw-sociallinks{
        position: absolute;
        top: 10px;
        right: 0;
    }

}

@media screen and (min-width: 481px) and (max-width: 720px) {
    /* smartphone landscape*/

    header{
        height: 60px;
        width: 100%;
    }

    header section div{
        /*     padding: 0 !important;*/
    }
    header section > div:nth-child(1){
        top: 5px;
        left: 70px;
        width: 50%;
    }

    header section > div:nth-child(3){
        top: 10px;
        right: 5px;
        width: 30%;
        position: absolute;
    }

    header .col-16{
        display: none;
    }

    header section.col-24{
        /*  width: 100%;
          top: 0;
          left: 70px;
          margin: 0;
          float: left;
          padding: 2% 2% 0 2%;*/
    }

    header section:nth-child(2) {
        padding: 0;
    }

    header section:last-child {
        box-shadow: none;
    }

    section, .mm-page, footer {
        width: 100%;
        box-sizing: border-box;
        /*padding: 3%;*/
    }

    .bgvideo{
        height: 100% !important;
    }

    .background-video-container{
        display: none;
    }

    .rw-sociallinks{
        margin-top: -25px;
    }

}

@media screen and (min-width: 721px) and (max-width: 800px) {
    /* tablet portrait */
    header, .mm-page, footer, #player {
        width: 100%;
        box-sizing: border-box;
        /*padding: 2%;*/
    }
}

@media screen and (min-width: 801px) and (max-width: 1024px) {
    /*Tablet landscape*/
    header, .mm-page, footer, #player {
        width: 100%;
        box-sizing: border-box;
        /* padding: 5%;*/
    }
}

@media screen and (min-width: 1025px) and (max-width: 1440px) {
    /* small-Size Desktop*/

    #global-wrap > section, header > section, footer {
        padding-left: 6%;
        padding-right: 6%;
        padding-top: 0;
        padding-bottom: 0;
    }

    header, .mm-page, footer, #player {
        width: 100%;
        margin: auto;
    }

    #global-wrap > section.bgvideo,
    #global-wrap > section.bgmap,
    #global-wrap > section.no-padding{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .background-video-container{

        position: relative;
    }
}

@media screen and (min-width: 1441px) and (max-width: 1920px) {
    /*Mid-Size Desktop*/

    #global-wrap > section, header > section, footer {
        padding-left: 6%;
        padding-right: 6%;
        padding-top: 0;
        padding-bottom: 0;
    }

    #global-wrap > section.bgvideo,
    #global-wrap > section.bgmap,
    #global-wrap > section.no-padding{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    header, .mm-page, footer, #player {
        width: 100%;
        margin: auto;
    }

    .background-video-container{
        position: relative;
    }
}

@media screen and (min-width: 1921px) and (max-width: 5200px) {
    /*big-Size Desktop*/
    header, .mm-page, footer, #player {
        width: 1500px;
        margin: auto;
    }

    #global-wrap > section, header > section, footer {
        padding-top: 0;
        padding-bottom: 0;
    }

}