.intro-info{
    margin-top: -1rem;
    /* background-color: #00ab96; */
    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: #5c2874;
    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: -2rem;
}
.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%, #00a0de 100%);
background: -webkit-linear-gradient(top, #b2e1ff 0%,#00a0de 100%);
background: linear-gradient(to bottom, #b2e1ff 0%,#00a0de 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 );
}
.bg-green{

    background-color: #00a0de;
}

.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: 1rem;

    }
}
@media (max-width:1024px){
    #intro-1{
        max-width: 705px!important;
    }
}