.intro-info{
    margin-top: -1rem;
    /* background-color: #c3c800; */
    border: 6px solid white;
    
    font-size: 1.15rem;
    -webkit-box-shadow: 7px 7px 20px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 7px 7px 20px 0px rgba(0,0,0,0.6);
box-shadow: 7px 7px 20px 0px rgba(0,0,0,0.6);
display: block;
max-width: 900px!important;
margin-left: auto;
margin-right: auto;
    
}
#intro-1{
    max-width: 800px!important;

}
.bg-land{

    background-image: url(../img/auswahl.png);
    background-position: center;
    background-size: cover
}

.turn{
    display: inline-block;
    background-color: #5a145a;
    padding: 5px 10px;
    text-transform: uppercase;
    font-size: 22px;
    transform: rotate(-2deg);
    color: white;
    font-weight: 500;
    -webkit-box-shadow: 7px 7px 9px 0px rgba(0,0,0,0.6);
-moz-box-shadow: 7px 7px 9px 0px rgba(0,0,0,0.6);
box-shadow: 7px 7px 9px 0px rgba(0,0,0,0.6);
    margin: 5px;
    position: relative;
}

.headline{
    top: -1rem;
}
.continue{
    text-decoration: none;
    transition: transform 0.4s;
    top:2rem;
}

.continue:hover{
        transform: scale(1.1);
        cursor:pointer;
        color: white;
}
.blue-gra{
background: #b2e1ff;
background: -moz-linear-gradient(top, #b2e1ff 0%, #66b6fc 100%);
background: -webkit-linear-gradient(top, #b2e1ff 0%,#66b6fc 100%);
background: linear-gradient(to bottom, #b2e1ff 0%,#66b6fc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 );
}
.bg-green{

    background-color: #c3c800;
}

.caption {
    font-size: 90%;
}
.passive{
    opacity: .5;
    transition: all .5s;
    cursor: pointer;
}
.passive:hover{
    transition: all .5s;
    opacity: 1;
}
.active{
    opacity: 1;
    cursor: pointer;
}
.choice .img-fluid{

    padding: 0 20px;
}
@media only screen and (max-width: 767px){

    .intro-info{
        font-size: 0.8rem;

    }

    .continue{
        font-size: 14px;
    }
}
@media (max-width:1024px){
    #intro-1{
        max-width: 705px!important;
    }
}
@media (max-width:992px){
    section.active {
        height: 66vh;
    }
    section{left: 0;margin-top: 2rem;}
    section .text
     {
        bottom: 0!important;
        left: 5%!important;
        right: 5%!important;
        width: 90%!important;
    }
    .quest {
        display: block!important;
    }
    #scroller{top: 0 !important;}
    #sec7{margin-top: 0;}
    #text7{margin-top: -20px;}
}