@charset "utf-8";
/* CSS Document */

/* BASIC */

body{
    background-image: none !important;
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    line-height: 1.4 !important;
}

h2{
    background-color:#ED1C24;
    text-transform: uppercase
}

picture{
    max-width: 100%;
}

.hidden-anim-fix {
  opacity: 0; }

.text-break {
    word-break: break-word!important;
    overflow-wrap: break-word!important;
}

/* Mobile ausnahmen für H & margin/padding */
@media only screen and ( max-width: 480px ) {
    .h2{
        font-size: 1.786rem;
    }
    .h3{
        font-size:1.286rem;
    }
    
    /* margin / padding */
    .margin-top-L{margin-top:20px !important;}
    
    .padding-top-L{padding-top:20px !important;}
}

small,
.small{
    line-height: 1.4;
}

.color-1{
    color: #ED1C24;
}

/* infinity */
.infinity-xs{
    margin: 0 -20px;
} 

/* display */
.d-inline-block{
    display: inline-block;
}

.d-none{
    display: none;
}

/* infobox */
.info-box{
    background-color:#ED1C24;
    padding:20px;
}

.info-box hr{
    opacity: .5;
}

.info-box,
.info-box *{
    color:#FFF;
}

.info-box h2{
    padding:0px;
}

.info-box h4{
    margin-left:30px;
}


.margin-bottom-XS{margin-bottom:5px !important;}

.margin-top-XS{margin-top:5px !important;}

.padding-bottom-XS{padding-bottom:5px !important;}

.padding-top-XS{padding-top:5px !important;}

.padding-right-XS{padding-right:5px !important;}

.padding-left-XS{padding-left:5px !important;}


/* BUTTON */

.icon-text-btn{
    display: flex;
    justify-content: center;
}

.icon-text-btn .icon-btn{
    background-color: #FFFFFF;
    border-radius: 40px;
    height: 80px;
    line-height: 80px;
    min-width: 80px;
    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;
}

.icon-text-btn .icon-btn i{
    color:#ED1C24 !important;
}

.icon-text-btn .txt-btn{
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
}

.icon-red{
    background-color: #ED1C24;
    border-radius: 30px;
    height: 60px;
    width:60px;
    line-height: 60px;
    min-width: 60px;
    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;
}

.icon-red span{
    color: #FFF;
    font-size: 2rem;
}

.btn-link {
    color: #000;
    text-decoration: underline;}


.btn-link:hover, 
.btn-link:focus {
    color: #ED1C24;
    text-decoration: underline;
    background-color: transparent;
}



/* AKT Teaser */
.akt-wrapper img{
    border-radius: 0px;
}

.akt-wrapper .img-wrapper{
    margin-bottom:30px;
    max-width: 100%;
}

.akt-wrapper .img-wrapper h2 {
    left: -5px;
    top: 15px;
    z-index: 1;
}

.akt-wrapper .img-wrapper img{
     transition: all 0.5s ease-in-out;
}

.akt-wrapper .img-wrapper img:hover{
     /*transform: scale(1.4, 1.4);*/
    opacity: .8;
}

/* v-align center */
    .vertical-align-xs {
        display: flex;
        align-items: center;
    }

/* jumbotron */
.jumbotron-overlay{
    left:0;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.jumbotron-overlay .jumbo-logo-wrapper{
    background-color: #ED1C24;
    padding:5px 20px;
}

.jumbotron-overlay .jumbo-logo-wrapper{
    
}

.jumbotron-overlay .jumbo-logo{
    width:90px;
    display:inline-block
}

.jumbotron-overlay .jumbo-back{
    width:25px;
    margin-right:20px;
    display: inline-block;
}

.jumbotron-overlay .jumbo-back img:hover{
    opacity: .6;
}

.jumbotron-overlay{
    display:flex;
}

.jumbotron-overlay .breadcrumb-wraper{
    display:none;
}

/* modal */
.modal-content {
    -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.3);
    background-color:#FFF;
}

.modal-content .close {
    background-color: transparent;
}

.modal-content .container-fluid{
    width:100%;
}
    
/* RESPONSIVE DESIGN
**********************************************/
/* LAYOUT > 480 ------------------------------ */
@media only screen and ( min-width: 480px ) {
    
    /* infinity*/
    .infinity-ms{
        margin: 0 -20px;
    } 
    
    .infinity-ms-0{
        margin:0;
    }
    
    /* infobox */
    .info-box{
        
        padding:40px;
    }
    
    /* v-align center */
    .vertical-align-ms {
        display: flex;
        align-items: center;
    }
    
    .vertical-align-ms-0 {
        display: inline-block;
        align-items: center;
    }
    
    /* row reverse */
    .flex-row-switch-ms {
        display: flex;
        
    }
    .flex-row-switch-ms div:nth-child(2){
        order:-1;
    }
    
     /* AKT Teaser */
    .akt-wrapper .img-wrapper h2 {
        left: -15px;
    }
    
    /* jumbotron*/
    .secton-header{
        margin-top:80px;
    }
    
    .jumbotron-overlay {
        top: -30px;
        -ms-transform: translateY(-0%);
        transform: translateY(-0%);
    }
    
    .jumbotron-overlay .jumbo-logo-wrapper{
        padding:20px 20px;
        align-items: normal;
    }
    
    .jumbotron-overlay .jumbo-logo{
        width:160px;
        margin: 20px 20px;
    }
    .jumbotron-overlay .breadcrumb-wraper{
        display:block;
    }
    .jumbotron-overlay .breadcrumb-wraper .breadcrumb{
        background-color: #fff;
        border-radius:0;
        padding: 4px 15px;
        text-transform: uppercase;
        font-size: 0.857rem;
    }
    .breadcrumb > li + li:before {
        font: normal normal normal 14px/1 FontAwesome;
        content: "\f105 \f105";
    }
}

/* LAYOUT > 768 ------------------------------ */
@media only screen and ( min-width: 768px ) {
    /* infinity*/
    .infinity-sm{
        margin: 0 -20px;
    } 
    
    .infinity-sm-0{
        margin:0;
    }  
    
   /* AKT Teaser */
    .akt-wrapper .img-wrapper{
        margin-bottom:0px;
    }
    /* v-align center */
    .vertical-align-sm {
        display: flex;
        align-items: center;
    }
    /* row reverse */
    .flex-row-switch-sm {
        display: flex;
       
    }
    .flex-row-switch-sm div:nth-child(2){
        order:-1;
    }
    /*jumbotron */
    .jumbotron-overlay .jumbo-logo{
        width:220px;
        margin: 50px 40px 50px 20px;
    }
    .jumbotron-overlay .jumbo-back {
        width: 40px;
    }
}

/* LAYOUT > 980 ------------------------------ */
@media only screen and ( min-width: 980px ) {

    /* infinity*/
    .infinity-md{
        margin: 0 -20px;
    } 
    
    .infinity-md-0{
        margin:0;
    } 
    /* v-align center */
    .vertical-align-md {
        display: flex;
        align-items: center;
    }
        /* row reverse */
    .flex-row-switch-md {
        display:flex;
    }
    
    .flex-row-switch-md div:nth-child(2){
        order:-1;
    }
    /*jumbotron */
    .jumbotron-overlay .jumbo-logo{
        width:350px;
        margin: 50px 40px 50px 20px;
    }
    .jumbotron-overlay{
         left:6%;
    }
}

/* LAYOUT > 1200 ------------------------------ */
@media only screen and ( min-width: 1200px ) {
    /* infinity*/
    .infinity-lg{
        margin: 0 -20px;
    } 
    
    .infinity-lg-0{
        margin:0;
    } 
    /* v-align center */
    .vertical-align-lg {
        display: flex;
        align-items: center;
    }
        /* row reverse */
    .flex-row-switch-lg {
        display: flex;
    }
    .flex-row-switch-lg div:nth-child(2){
        order:-1;
    }
}