*{
    margin:0;
    padding:0;
}

body{
    background-color: #111215;
    color:#fff;
    overflow-x:hidden;
    font-family: 'Jost', sans-serif;
    font-weight:300;

}

#scrollButton:hover{
    cursor: pointer;
}

.line{
    position:absolute;
    height:2px;
    width:65%;
    background: linear-gradient(90deg, rgb(17, 18, 21) 15%, rgb(19, 109, 151) 100%);   
}

.infoLaufanalyse{
    width:50%;
}

.right{
    right:0;
}

.left{
    left:0;
}

.link_white{
    color:#fff;
    text-decoration: none;
}

.link_white:hover{
    color:#fff;
    text-decoration: none;
    cursor: pointer;
}

.point{
    font-size:2em;
    line-height: 1;
    color: #fff;;
}

h2{
    font-size:3em;
}

.bg_gradient{
    background: linear-gradient(90deg, rgb(17, 18, 21) 15%, rgb(19, 109, 151) 100%);   
}

.gradient{
    background: linear-gradient(90deg, rgb(4, 53, 94) 15%, rgb(27, 142, 195) 50%, rgb(162, 216, 243) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#videowrapper{
    display:flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height:100%;
    width:100%;
}

#myVideo{
    width:100%;
}

.video_content{
    position: absolute;
    bottom:250px;
}

.video_content h5{
    font-size: 3.8em;
    font-weight: 500;
}

.video_content h2{
    font-size: 5em;
    font-weight: 900;
}

.video_logo{
    max-width:400px;
}

.module-border-wrap 
{
    padding: 1rem;
    position: relative;
    background: linear-gradient(to right, #042c4f, #0d6c8f);
    padding: 3px;
}

.module-border-wrap_gray {
    padding: 1rem;
    position: relative;
    background: rgb(56, 56, 56);
    padding: 3px;
}

.module-border-wrap_gray:hover {
    padding: 1rem;
    position: relative;
    background: linear-gradient(to right, #042c4f, #0d6c8f);
    padding: 3px;
    cursor: pointer;
}

.module {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 200px;
    background: #111215;
    color: white;
    padding: 2rem;
}

.module_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #111215;
    color: white;
    padding: 1rem;
}

.module_anfrage {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #111215;
    color: white;
    padding: 0;
}

.icon{
    position:absolute;
    bottom:20px; 
    right:25px;
    font-size:1.5em;
}
.sendFormHeight{
    min-height:400px!important;
}

/*SLIDER*/
#slider ul{
    list-style-type: none;
}

#slider ul li{
    display:inline;
    margin-right:10px;
    margin-left:10px;
}

.marquee {
    width: 100%;
    overflow: hidden;
}

.marquee img{
    max-width:700px;
}

/* ANMELDUNG */
.btn-gradient {
    color: #fff;
    background: linear-gradient(to right, #042c4f, #0d6c8f);
    border-color: #042c4f;
}

.btn-gradient:hover {
    color: #fff;
    background: linear-gradient(to right, #042c4f, #0d6c8f);
    border-color: #fff;
}

.lars{
    max-height:700px;
}

.larsBio{
    float:right;
}

/* STEPS */
.actions{
    display:none!important;
}

#example-basic{
    min-height:400px;
}

#example-basic h4{
    text-align: center;
}

#anfrageResponse{
    min-height:400px;
}

.wizard>.steps {
    position: relative;
    display: none;
    width: 100%;
} 

.wizard>.content {
    position: unset;
    min-height: unset;
    background: unset; 
    margin:unset;
    color: #fff;

}

.wizard>.content>.body {
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 2.5%;
}

.wizard>.content>.body .stepsElement {
    display: none!important;
} 

/* .stepsElement {
    -webkit-appearance: none;
}  */

.stepsElement:checked+label{
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
    /* box-shadow: 0 15px 45px #fff; */
}

.mfa:checked+label {
    opacity:0.3;
    color: #fff;
    /* box-shadow: 0 15px 45px #fff; */
}

label {
    width:80%;
}

@media (max-width: 980px) {
    .marquee img{
        max-width:300px;
    }

    .infoLaufanalyse{
        width:100%;
    }

    .sendFormHeight{
        min-height:600px!important;
    }
    
    .video_content {
        position: absolute;
        top: 25px;
    }

    h2 {
        font-size: 1.6em;
    }

    .video_logo {
        max-width: 185px;
    }
    
    .point {
        line-height: 0.5;
    }

    .lars{
        max-height:450px;
        float: right;
    }

    .larsBio{
        float:unset;
    }
}