body{
    font-family: 'PT Sans', sans-serif;
    background-color: #f6f9fb;
}



h4{
    color:#2F4D72;
}

h5{
    color:#2F4D72;
}

.lock {

margin-left:150px;
background-color: white;
border-radius:25px;
display:flex;
justify-content:center;
padding:5px;
padding-left: 10px; 
padding-right: 10px;
margin-top:10px;

}

#ef-navigation>li:nth-child(3) > a, 
#ef-navigation>li:nth-child(2) > a{
    text-transform:uppercase;
    font-weight:700;
    font-size:12px;
}

.lock>img{
    width:15px;
    height:25px;
}

.bg-img{
    height:75vh;
    background-image: url('../images/bg-startseite.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    max-width: 100%;
    background-position: top;  
}

.bg-img-faq{
    height:75vh;
    background-image: url('../images/faqmotiv_breit_tiny.png');
    background-size: 100% 100%;
    background-repeat:no-repeat;
}


.bg-img-idd{
    height:75vh;
    background-image: url('../images/iddmotiv_breit_tiny.png');
    background-size: 100% 100%;
    background-repeat:no-repeat;
}

 .zz{
     margin-top:-20vh; 
     max-width:100%;
    
} 
div.ef-block {
   background-color:rgba(1,1,1,0) !important;
   -webkit-box-shadow:none;
   box-shadow:none;
  
  }

.container{
    max-width:100vw;
    /* width:100vw; */
    display:flex;
    align-items:center;
    justify-content:center;
}

#ef-navbar > div.container{
    justify-content:center;
}

 .container >div >div.ef-block >div.ef-block-content >div.categories{
    max-width:100vw;
    /* width:100vw; */
    display:flex;
    align-items:center;
    justify-content:center;
 }

.text_block{
    background-color:white;
    border-radius:5px;
    text-align:center;
    max-width:80vw;
    width:80vw;
    margin: 0 auto;
  
}

.text_block.faq_break{
    word-break: break-word !important;
}

div.breadcrumb-x:not(.ef-user-signed-in){
display:none;
} 

h2{
    text-align:center;
    padding-bottom:0px;
    font-weight:700;
    color:#2F4D72;
    padding-top:40px;
}

h3{
    text-align:center;
    font-weight:400;
    color:#1f90b1;
    padding-bottom:20px;
}

.row{
    display:flex;
    text-align:left;

}


.col-idd{
    display:flex;
    text-align:left;
    flex-direction: row;
    flex-wrap:wrap;

}

.row1-idd{
    flex:30%;
     padding-left: 5%;
    padding-right: 1%; 
    margin-left:10vw;
}

.row2-idd{
    flex:30%;
     /* padding-left: 5%;
    padding-right: 1%;  */
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.column1{
    flex:44%;
    padding-left: 5%;
    padding-right: 1%;
}

.column2{
    flex:44%;
    padding-left: 1%;
    padding-right: 5%;
}



.column1-idd{
    flex:44%;
    padding-left: 15%;
    padding-right: 1%;
}

.column2-idd{
    flex:44%;
    padding-left: 1%;
    padding-right: 15%;
}

.academy-img{
    padding-top:20px;
    max-width:60%;
}

.person-img{
    max-height:30vh;
}

.trans{
    background-color: transparent !important;
}

.blue-small{
    background-color: #2F4D72 !important;
    width:50%;
    padding:10px;
    border:10px solid white;
    
}

.blue-small > h3{
    color:white !important;
}

.marg{
    margin:5px;
}

.cards{
    background-color: transparent;
   
}

.card{
    margin-left:15px;
    margin-right:15px;
    background-color:white;
    padding-left:15px;
    padding-right: 15px;
    border-radius:5px;
    text-align:center;
    
    
}

.card:focus{
    
    outline: -webkit-focus-ring-color auto 0px !important;
}

img.icon-img{
    margin: 0 auto;
margin-top:30px;
   width:8vh;
   height:8vh;
}

.word-line{
    padding-top: 20px;
    width: 100%; 
    text-align: center; 
    border-bottom: 1px solid #0abbef; 
    line-height: 0.1em;
    margin: 10px 0 20px; 
    text-transform:uppercase;
    color:#0abbef;
    font-size: 12px;
    letter-spacing: 1.2px;
}


.word-line > .span{
    background:#fff; 
    padding:0 10px; 
}

.h5{
    color:#2F4D72;  
    font-size:16px;
    line-height:1.5;
   
}

.icons-img-sm{
    display:flex;
    flex-basis:auto;
    justify-content:center;
    align-items: center;
    font-size: 11px;
}

.icon-img-sm{
    flex:none;
    margin:3px;
    width:25px;
    height:25px;
}

.time{
    text-transform:uppercase;
    color:#2F4D72; 
    font-size:11px;
}

.more{
    background-color:#0abbef;
    color:white !important;
    border: none;
    border-radius: 5px;
    padding:10px;
    padding-left: 20px;
    padding-right:20px;
    margin-bottom:40px;
    display:inline-block;
    
   
}

.more:focus{
    
    outline: -webkit-focus-ring-color auto 0px !important;
    display:inline-block;
}

.more:active, .more:link, .more:visited{
    color:white!important;
    display:inline-block;
}

.smaller{
    width:20vw;
    margin-left: 15px;
    text-align:left;
}

.calendar{
    width:30vw;
}

.calendar p{
    padding-bottom: 20px;
}

div.column3.smaller>p{
    padding-bottom:20px;

}

.row2{
    display:flex;
    text-align:center;
    justify-content:center;
    margin-bottom:75px;
}

.column3{
    flex:1;
}

.idd-conf{
    max-width:120px;
    max-height: 120px;
}

.rightside{
    text-align:right;
}

.pad-5{
    padding:5vh;
}
.pad-2{
    padding:2vh;
}

.ma-10{
    margin:10vh;
}

.faq_btns{
    margin-top:50px;
    margin-bottom: 20px;
    text-align:left;
}

.faq_btns>button{
    border: 1px solid lightgrey;
    border-radius:5px;
    text-transform:uppercase;
    background-color:white;
    color:grey;
    padding:7px;
    margin-right:5px;
}

.faq_btns>button:active, .faq_btns>button:focus, #standard_btn.faq_active, #idd_btn.faq_active,.faq_btns>button:visited, #mabv_btn.faq_active,.faq_btns>button:visited{
    border: none;
    border-radius:5px;
    text-transform:uppercase;
    background-color:#0abbef;
    color: white;
}

.faq_btns>button:focus, #standard_btn.faq_active, #idd_btn.faq_active, #mabv_btn.faq_active{
    
    outline: -webkit-focus-ring-color auto 0px !important;
}

.faq_btns>button:active, .faq_btns>button:link, .faq_btns>button:visited, #standard_btn.faq_active, #idd_btn.faq_active{
    color:white!important;
}

#accordion_standard, #accordion_idd, #accordion_mabv{
    padding-top:20px;
    padding-bottom:50px;
}

#accordion_standard > .card > .card-header, #accordion_idd > .card > .card-header, #accordion_mabv > .card > .card-header{
    text-align:left;
    border-bottom: 1px solid lightgrey;
    
 
}

#accordion_standard > .card > div > .card-body, #accordion_idd > .card > div > .card-body, #accordion_mabv > .card > div > .card-body{
    text-align:left;
}

#accordion_standard h6, #accordion_idd h6, #accordion_mabv h6{
    color:#2F4D72;
    
    font-size: 16px; 
}

.expand_caret {
    transform: scale(1.6);
    margin-left: 8px;
    margin-top: -4px;
}
button[aria-expanded='false'] > .expand_caret {
    transform: scale(1.6) rotate(-90deg);
}

.course-cost, .course-idd{
    font-size:13px;
}


@media only screen and (max-width: 1024px) {
    .bg-img, .bg-img-idd, .bg-img-faq{
        height:60vh;
        max-width:100%;
    }

    .zz{
        margin-top:-25vh; 
        max-width:100%;
   }
}


@media only screen and (max-width: 850px) {
    .bg-img, .bg-img-idd, .bg-img-faq{
        height:50vh;
        max-width:100%;
    }

    .zz{
        margin-top:-20vh; 
        max-width:100%;
       
   }
}

@media only screen and (max-width: 650px) {
    .bg-img{
        height:75vh;
        background-image: url('../images/bg-startseite.jpg');
        background-size: cover;
        background-repeat:no-repeat;
        max-width:100%;
        background-position: 60%;
    }
    .bg-img-idd, .bg-img-faq{
        height:30vh;
    }

    div.row{
        flex-wrap:wrap;
    }
    div.row > div.column1, div.row>div.column2{
        flex:80% !important;
        padding-left: 2%;
        padding-right:2%;
    }

    .zz{
        margin-top:-15vh; 
        max-width:100%;
       
   }

}

@media only screen and (max-width: 500px) {
    .bg-img{
        height:50vh;
        background-image: url('../images/bg-startseite.jpg');
        background-size: cover;
        background-repeat:no-repeat;
        max-width:100%;
        background-position: 60%;
    }

    .bg-img-faq, .bg-img-idd{
        height:20vh;
    }

    .zz{
        margin-top:-10vh; 
        max-width:100%;
   }

}

.ef-catalog{
    display:none;
}


.slick-dots li button:before{
    color: #2F4D72 !important;
    font-size:20px !important;
}

.text_block>h2, .text_block>h3{
    word-wrap:break-word;
}

.row2{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.column3{
    flex:44%;
}

.column3 > p{
    word-wrap:break-word;
}


 
.icon-img-sm.grey{
    filter: invert(66%) sepia(9%) saturate(23%) hue-rotate(22deg) brightness(92%) contrast(89%);
 }

 .color-lightblue,.color-lightblue:hover {
    color:#0abbef !important;
 }