body{
  overflow-x:hidden;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left:auto;
  margin-right:auto;
  height: fit-content;
  background-color: #fff;
  animation: body 1s linear;
  hyphens: auto;
  -webkit-hyphens: auto;
  
}  

/* GLOBALS */



body.home-layout #layout-nav.navbar {
    padding: 0px 25px;
}

.cta2-btn{display:none!important;}

.navbar-toggler{
    margin-right: 20px;
}

.dropdown-menu a.nav-link {
    color: #666!important;
    text-transform: none;
    font-size: .9em;
    line-height:1em;
}

.nav-border-bottom{border-bottom:1px solid #ccc;}

.dropdown-menu .bg-rotpink a.nav-link , .dropdown-menu .bg-ocker a.nav-link, .dropdown-menu .bg-blaugrau a.nav-link, .dropdown-menu .bg-petrol a.nav-link{
    color: #fff!important;
   
}

.fixed-bottom{position:fixed;bottom:0;z-index:0;}

#layout-content {padding-top:60px;}

#layout-content .container-fluid{padding: 50px 10%!important;}

#layout-content .container-fluid.seitenpadding{padding: 0 10%!important;}

.container{max-width:1600px;}

video{margin:auto;}

select {
   width:60px;
   border-radius: 0.25rem;
    color: #212529;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.395rem 0.75rem;
    text-align: center;
    border: none;
}

.text-overlay{hyphens: none;-webkit-hyphens: none;}

.modal-titel p{color:#fff;}

.card{border-radius: 15px!important;border:none;}


.carousel-caption{right: inherit;}
.carousel-control-next-icon {
    background-image: url(/storage/app/media/Global/slider-arrow-right.png);
        background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 85%;
    display: inline-block;
  
}

.carousel-control-prev-icon {
    background-image: url(/storage/app/media/Global/slider-arrow-left.png);
         background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 85%;
    display: inline-block;
   
}

.text-overlay{margin:6em;padding:4em;line-height:1.2em!important;background-color:rgba(255,255,255,.8);text-transform:none!important;}
.text-overlay p{font-size: 1.4em;}

/* TYPO */

h1 {
   font-family: "Source SansPro Light";
        font-size: 2em;
        width:100%;
       text-transform: uppercase;
       color:#ae144a;
}

h2, h2 p {
        font-family: "Source SansPro Light";
        font-size: 2em;
        line-height: 1.1em;
        text-transform: uppercase;
        color:#ae144a;
    }

h3{
    font-family: "Source SansPro Light";
    font-size: 2em;
    line-height: 1.1em;
    text-transform: uppercase;
}

.faq-card>h3{
    font-family: "Source SansPro Regular";
    font-size: 1.2em;
    line-height: 1.2em;
    text-transform: none;
    
}

.faq-card>p, .faq-card>ul li, .faq-card>ol li{
    font-family: "Source SansPro Regular";
    font-size: 1em;
    line-height: 1.2em;
    text-transform: none;
    
}

.card-head h3{
    font-family: "Source SansPro Light";
    font-size: 1.4em;
    line-height: 1.1em;
    text-transform: uppercase;
    hyphens: none;
  -webkit-hyphens: none;
}

h3 p {
    font-family: "Source SansPro Light";
    font-size: 1em;
    line-height: 1.1em;
    text-transform: uppercase;
}



h4, h4 p {
        font-family: "Source SansPro Regular";
        font-size: 1.5em;  
        text-transform: uppercase;         
    }

h5, h5 p {
        font-family: "Source SansPro Light";
        font-size: 1.5em;
        text-transform: uppercase;
    }

h6, h6 p {
        font-family: "Source SansPro Light";
        font-size: 1.7em;
        padding-bottom:1em;
        line-height: 1.2em;
    }

p, li {
        font-family: "Source SansPro Regular";
        font-size: 1.3em;
        line-height: 1.5em;
    
    } 

p.white, li.white {
        font-family: "Source SansPro Regular";
        font-size: 1.5em;
        line-height: 1.3em;
    }    

a {color:#ae144a;}
a:hover {color:#666;text-decoration:none;}    

ul{list-style: none!important;}

 #layout-content ul li::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ul-bullet.png');
    background-size: cover;
	display: inline-block;
	height: 15px;
	width: 15px;
    margin: 0 10px  -0.1rem -1.5rem;
    }

    .faq-card ul li::before {
    content: '' !important;
    color: #fff;
    font-weight: 900;
    background-image: url(../images/mli-icons/ul-bullet.png);
    background-size: cover;
    display: inline-block;
    height: 11px !important;
    width: 11px !important;
    margin: 0px 10px 0rem -1.3rem !important;
}

    ul.ockerlist li::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ul-bullet-ocker.png')!important;
    background-size: cover;
	display: inline-block;
	height: 20px;
	width: 20px;
    margin: 0 10px  -0.1rem -1.5rem;
    }

    ul.petrollist li::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ul-bullet-petrol.png')!important;
    background-size: cover;
	display: inline-block;
	height: 20px;
	width: 20px;
    margin: 0 10px  -0.1rem -1.5rem;
    }

    ul.blaugraulist li::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ul-bullet-blaugrau.png')!important;
    background-size: cover;
	display: inline-block;
	height: 20px;
	width: 20px;
    margin: 0 10px  -0.1rem -1.5rem;
    }

    ul.erfolg-liste li::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ul-haken.jpg')!important;
    background-size: cover;
	display: inline-block;
	height: 20px;
	width: 20px;
    margin: 0 10px  -0.1rem -1.5rem;
    }

    ul.erfolg-liste-blaugrau li::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ul-haken-blaugrau.png')!important;
    background-size: cover;
	display: inline-block;
	height: 20px;
	width: 20px;
    margin: 0 10px  -0.1rem -1.5rem;
    }

ol {list-style:none}

.faq-card ol li:nth-child(1)::before, 
.faq-card ol li:nth-child(2)::before, 
.faq-card ol li:nth-child(3)::before, 
.faq-card ol li:nth-child(4)::before, 
.faq-card ol li:nth-child(5)::before, 
.faq-card ol li:nth-child(6)::before,
.faq-card ol li:nth-child(7)::before,
.faq-card ol li:nth-child(8)::before,
.faq-card ol li:nth-child(9)::before,
.faq-card ol li:nth-child(10)::before,
.faq-card ol li:nth-child(11)::before,
.faq-card ol li:nth-child(12)::before,
.faq-card ol li:nth-child(13)::before,
.faq-card ol li:nth-child(14)::before,
.faq-card ol li:nth-child(15)::before,
.faq-card ol li:nth-child(16)::before,
.faq-card ol li:nth-child(17)::before,
.faq-card ol li:nth-child(18)::before,
.faq-card ol li:nth-child(19)::before,
.faq-card ol li:nth-child(20)::before{
    height: 20px !important;
    width: 20px !important;
    margin: 0px 16px -0.4rem -2.3rem !important;
}

.faq-card ol li{padding-top: 8px;}


ol li:nth-child(1)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-1.jpg');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol li:nth-child(2)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-2.jpg');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }
ol li:nth-child(3)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-3.jpg');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }
ol li:nth-child(4)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-4.jpg');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }
ol li:nth-child(5)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-5.jpg');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }
ol li:nth-child(6)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-6.jpg');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }
ol li:nth-child(7)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-7.jpg');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }
 ol li:nth-child(8)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-8.jpg');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }
 ol li:nth-child(9)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-9.jpg');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }
  ol li:nth-child(10)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-10.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }
  ol li:nth-child(11)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-11.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }
  ol li:nth-child(12)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-12.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

  ol li:nth-child(13)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-13.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

  ol li:nth-child(14)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-14.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

  ol li:nth-child(15)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-15.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

  ol li:nth-child(16)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-16.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

  ol li:nth-child(17)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-17.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

  ol li:nth-child(18)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-18.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

  ol li:nth-child(19)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-19.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

  ol li:nth-child(20)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-20.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 /* Ocker List */

 ol.ockerlist li:nth-child(1)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-1-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.ockerlist li:nth-child(2)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-2-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }
 ol.ockerlist li:nth-child(3)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-3-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }
 ol.ockerlist li:nth-child(4)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-4-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }
 ol.ockerlist li:nth-child(5)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-5-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }
 ol.ockerlist li:nth-child(6)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-6-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.ockerlist li:nth-child(7)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-7-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.ockerlist li:nth-child(8)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-8-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.ockerlist li:nth-child(9)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-9-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.ockerlist li:nth-child(10)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-10-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.ockerlist li:nth-child(11)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-11-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.ockerlist li:nth-child(12)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-12-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.ockerlist li:nth-child(13)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-13-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.ockerlist li:nth-child(14)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-14-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.ockerlist li:nth-child(15)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-15-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.ockerlist li:nth-child(16)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-16-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.ockerlist li:nth-child(17)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-17-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.ockerlist li:nth-child(18)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-18-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.ockerlist li:nth-child(19)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-19-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.ockerlist li:nth-child(20)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-20-ocker.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

/* Blaugrau List */

 ol.blaugraulist li:nth-child(1)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-1-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(2)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-2-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(3)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-3-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(4)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-4-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(5)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-5-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(6)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-6-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(7)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-7-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(8)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-8-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(9)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-9-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(10)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-10-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(11)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-11-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(12)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-12-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(13)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-13-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(14)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-14-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(15)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-15-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(16)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-16-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(17)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-17-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

  ol.blaugraulist li:nth-child(18)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-18-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

 ol.blaugraulist li:nth-child(19)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-19-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.blaugraulist li:nth-child(20)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-20-blaugrau.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

/* Petrol List */

ol.petrollist li:nth-child(1)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-1-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(2)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-2-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(3)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-3-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(4)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-4-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(5)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-5-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(6)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-6-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(7)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-7-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(8)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-8-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(9)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-9-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(10)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-10-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(11)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-11-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(12)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-12-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(13)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-13-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(14)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-14-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(15)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-15-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(16)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-16-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(17)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-17-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(18)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-18-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(19)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-19-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }

ol.petrollist li:nth-child(20)::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ol-20-petrol.png');
    background-size: cover;
	display: inline-block;
	height: 25px;
	width: 25px;
    margin: 0 10px -0.3rem -2.3rem;
    }




.btn-primary{ background: linear-gradient(149deg, rgba(220,13,122,1) 0%, rgba(150,0,56,1) 58%);border:none;}
.btn-primary:hover{ background: linear-gradient(49deg, rgb(174, 171, 173) 23%, rgb(79, 78, 79) 100%);border:none;}

/* TYPO END */


/* COLORS */

.white{color:#fff!important;}
.bg-white{background-color:#fff;}

.hellgrau{color:#ededed;}
.bg-hellgrau{background-color:#ededed;}

.grau{color:#ccc;}
.bg-grau{background: linear-gradient(90deg, rgba(102,102,102,1) 0%, rgba(190,190,190,1) 100%);}
.bg-grau-anime{background-color:#ccc;}


.dunkelgrau{color:#666;}
.bg-dunkelgrau{background: linear-gradient(90deg, rgba(102,102,102,1) 0%, rgba(190,190,190,1) 100%);}

.text-basic{color:#212529;}

.rotpink{color: #ae144a;}
.bg-rotpink{background: linear-gradient(-90deg, rgba(174,20,74,1) 0%, rgba(220,13,122,1) 100%)!important;}

.ocker{color: #cc9d42 !important;}
.bg-ocker{background: linear-gradient(-90deg, rgba(203,156,73,1) 0%, rgba(234,178,45,1) 100%)!important;}

.petrol{color: #137484 !important;}
.bg-petrol{background: linear-gradient(-90deg, rgba(30,117,131,1) 0%, rgba(58,151,160,1) 100%)!important;}

.blaugrau{color: #48606b !important;}
.bg-blaugrau{background: linear-gradient(-90deg, rgba(73,96,107,1) 0%, rgba(71,123,140,1) 100%)!important;}

.bg-neuro{
    background-image: linear-gradient(149deg, rgba(220,13,122,1) 23%, rgba(150,0,56,1) 58%);
    overflow:hidden;
    }

.bg-gruen {
     background-image: linear-gradient(149deg, #31aa49 0%, rgba(49,170,73,.5) 100%);
    overflow:hidden;
    }

 .bg-gelb {
     background-image: linear-gradient(149deg, #f7a711 0%, rgba(247,167,17,.8) 100%);
    overflow:hidden;
    }
 .bg-rot {
     background-image: linear-gradient(149deg, #ce132d 0%, rgba(172, 6, 6,.8) 100%);
    overflow:hidden;
    }

.bg-neuronen{
    background-image: url(/storage/app/media/Global/Hintergrund/Neuronen.svg);
    background-size: 110%;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-position: center;
}



/* COLORS END */

/* Animation */

     .neuronen-animation{
         position: absolute;
         overflow: hidden;
         width: 330%;
         top: -140vh;
         left: -120vw;
         opacity: 20%;
     }

    .animation-neuronen{
        width: 100%;
    }


/* Animation END */

/* BUTTONS */

.btn-secondary {
    background-color: #fff;
    border:none;;
    color: #ae144a;
    text-transform:uppercase;
    padding:5px 10px;
    margin:5px 5px;
}

.btn-secondary:hover {
    color: #ffffff !important;
}

/* BUTTONS END */

/* ACCORDION */

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
button:focus:not(:focus-visible) {
    outline: 0;
}
.accordion-button:focus {
    border-color: transparent;
    box-shadow: 0 0 0 0.25rem transparent;
    outline: 0;
    z-index: 3;
}

.accordion-button:hover {
    z-index: 2;
}
.accordion-button:not(.collapsed) {
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 transparent;
    color: #ae144a;
}

#accordionFlushExample .accordion-button:after {
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E);
    background-repeat: no-repeat;
    background-size: 1.25rem;
    content: "";
    flex-shrink: 0;
    height: 1.25rem;
    margin-left: auto;
    transition: transform .2s ease-in-out;
    width: 1.25rem;
}

#accordionFlushExample .accordion-button:not(.collapsed):after {
     background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E);
    transform: rotate(-180deg);
}


/* ACCORDION END */
/*
.row>*{padding:0;}
*/

@keyframes body {
  to {
    background-color: #ccc;
  }
}

.progress {
  height: 3px;
  width: 0%;
  background-color: #ccc;
  position: fixed;
  top: 0;
  left: 0;
  animation: progress 1s linear;
}
@keyframes progress {
  to {
    background-color: #ae144a;
    width: 100%;
  }
}

.cube-wrap {
  --size: 30vmin;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  perspective: 50vmin;
}
.cube {
  transform-style: preserve-3d;
  transform: rotateX(0deg) rotateZ(45deg) rotateY(-45deg);
  animation: cube 1s linear;
}
@keyframes cube {
  to {
    transform: rotateX(360deg) rotateZ(45deg) rotateY(-45deg);
  }
}

.side {
  position: absolute;
  width: var(--size);
  height: var(--size);
  background-color: #eee;
  backface-visibility: visible;
  top: calc(var(--size) * -.5);
  left: calc(var(--size) * -.5);
  display: flex;
  justify-content: center;
  align-items: center;
  padding:25px;
}

.side p{color:#C83B63;text-transform:uppercase;font-weight:700;text-align: center;font-size:1em;}

.top {
  background-color: #fff;
  transform: rotateX(90deg) translateZ(calc(var(--size) * .5));
}
.bottom {
  background-color: #999;
  transform: rotateX(90deg) translateZ(calc(var(--size) * -.5));
}
.left {
  background-color: #ccc;
  transform: rotateY(90deg) translateZ(calc(var(--size) * .5));
}
.right {
  background-color: #ddd;
  transform: rotateY(90deg) translateZ(calc(var(--size) * -.5));
}
.front {
  background-color: #aaa;
  transform: translateZ(calc(var(--size) * .5));
}
.back {
  background-color: #bbb;
  transform: translateZ(calc(var(--size) * -.5));
}

/* KOMPASS TOOL */

.leistung{opacity:0;transition: all 1s ease-out;position: fixed;height:100vh;top:0;left:0;pointer-events: none;}

.kompass-wrap {
   
  --size: 20vmin;
  position: fixed;
  top: 50vh;
  left: 20%;
  width: 0;
  height: 0;
  perspective: 50vmin;
  border-radius: calc(var(--size) / 2);
  transition: opacity 1s ease-out;
  z-index:10;
  pointer-events: auto;
}

.kompass {
     background-color: #ae144a;
}



.komp-quart {
  position: absolute;
  width: var(--size);
  height: var(--size);
  background-color: #eee;
  backface-visibility: visible;
  top: calc(var(--size) * -.5);
  left: calc(var(--size) * -1);
  display: flex;
  justify-content: center;
  align-items: center;
  padding:25px;
  pointer-events: auto;
}

.komp-inner-circle img{margin-left:-1%;margin-top:-22%;transform: rotate(660deg);-webkit-transform: rotate(660deg);-moz-transform: rotate(660deg);}

.komp-inner-circle{
    position:fixed;
    width:calc(var(--size) * .5);
    height:calc(var(--size) * .5);
    top:calc(var(--size) / 4);
    left:calc(var(--size) / 4);
    background-color: #fff;
    border-radius: 100%;  
    animation: komp-circle 1s linear;
    -webkit-animation: komp-circle 1s linear;
   
    overflow: visible;
  
 
    }

@keyframes komp-circle {
  to {
    transform: rotate(520deg);
  }
} 

@-webkit-keyframes komp-circle {
  to {
    -webkit-transform: rotate(520deg);
  }
} 





.top-left {
    border-top-left-radius: calc(var(--size) * 1);
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    background-color: #ccc;
    top: calc(var(--size) * -.5);
    left: calc(var(--size) * -.5);
    color:#fff;
    text-align: center;
    font-size:.8em;
    padding-left:4em;
    hyphens: none;
  -webkit-hyphens: none;
  cursor: pointer;
  pointer-events: all;
}

.bottom-left {
     border-bottom-left-radius: calc(var(--size) * 1);
     border-right:2px solid #fff;
     border-top:2px solid #fff;
     background-color: #ccc;
     top: calc(var(--size) * .5);
     left: calc(var(--size) * -.5);
     color:#fff;
     text-align: center;
     font-size:.8em;
     padding-left:4em;
    hyphens: none;
  -webkit-hyphens: none;
  cursor: pointer;
  pointer-events: all;
}
.top-right {
     border-top-right-radius: calc(var(--size) * 1);
     border-bottom:2px solid #fff;
     border-left:2px solid #fff;
     background-color: #ccc;
     top: calc(var(--size) * -.5);
     left: calc(var(--size) * .5);
     color:#fff;
     text-align: center;
     font-size:.8em;
     padding-right:4em;
     hyphens: none;
  -webkit-hyphens: none;
  cursor: pointer;
  pointer-events: all;
}

.bottom-right {
     border-bottom-right-radius: calc(var(--size) * 1);
     border-left:2px solid #fff;
     border-top:2px solid #fff;
     background-color: #ccc;
     top: calc(var(--size) * .5);
     left: calc(var(--size) * .5);
     color:#fff;
     text-align: center;
     font-size:.8em;
     padding-right:4em;
     hyphens: none;
  -webkit-hyphens: none;
  cursor: pointer;
  pointer-events: all;
}

.top-left h4{margin-left:15px;margin-top:20px;font-size:1.5em;font-weight:700;}
.top-right h4{margin-left:-10px;margin-top:20px;font-size:1.5em;font-weight:700;max-width:80%;}
.bottom-left h4{margin-left:20px;font-size:1.5em;font-weight:700;}
.bottom-right h4{margin-left:-20px;font-size:1.5em;font-weight:700;}


.teaser-fixed{position:fixed;top:100px;left:50%;z-index:10;}
.teaser-container{opacity:0;padding:0;position:relative;right: -500px;transition: all 1s ease-out;}
.teaser-head h3{color:#fff;font-size:1.2em;text-decoration: none;}
.teaser-head,  .teaser-link{color:#fff;text-decoration: none;}
.teaser-link a button.btn-secondary:hover {color:#fff!important;text-decoration: none;}

.teaser-icon img{fill:#fff!important;}

.teaser-elements p{font-size: 1em;}

.teaser-elements{
    position: relative;
    height:auto;
    width:50vw;
    margin: 0 auto;
    padding: .7em;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    pointer-events: all;
}

.tThema01{position:relative;margin-top:-25px;}
.tThema02{position:relative;margin-top:10px;}
.tThema03{position:relative;margin-top:10px;}
.tThema04{position:relative;margin-top:10px;}

.fade-teaser{right:0px;opacity:1;}

/* MINI MOMPASS */

.small-kompass{
    position: fixed;
    left:0;
    top:450px;
    width:10vmin;
    height:10vmin;
    z-index:999;
    }

.mini-kompass-wrap{
    position:relative;
    margin-left:50px;
    --size: 50px;
  width: 10vmin;
  height: 10vmin;
  perspective: 50vmin;
  border-radius: calc(var(--size));
  transition: opacity 1s ease-out;
  z-index:10;
 /* -webkit-box-shadow: 11px 11px 21px 1px rgba(0,0,0,0.23); 
box-shadow: 11px 11px 21px 1px rgba(0,0,0,0.23);*/
}

.mini-kompass-wrap .kompass{
    background-color: transparent;
    }

#AS .mini-kompass-wrap .komp-inner-circle img{margin-left:-1%;margin-top:-22%;transform: rotate(0deg);}
#SA .mini-kompass-wrap .komp-inner-circle img{margin-left:-1%;margin-top:-22%;transform: rotate(90deg);}
#LD .mini-kompass-wrap .komp-inner-circle img{margin-left:-1%;margin-top:-22%;transform: rotate(180deg);}
#LC .mini-kompass-wrap .komp-inner-circle img{margin-left:-1%;margin-top:-22%;transform: rotate(270deg);}

.mini-kompass-wrap .komp-inner-circle{
    position:absolute;
    width:calc(var(--size) * .5);
    height:calc(var(--size) * .5);
    top:calc(var(--size) / 4);
    left:calc(var(--size) / 4);
    background-color: #fff;
    border-radius: 100%;  
    animation: none;
    overflow: visible;
    }

.mini-kompass-wrap .top-left {
    border-top-left-radius: calc(var(--size) * 1);
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    background-color: #ccc;
    top: calc(var(--size) * -.5);
    left: calc(var(--size) * -.5);
    color:#fff;
    text-align: center;
    font-size:.8em;
    padding-left:1em;
}

.mini-kompass-wrap .bottom-left {
     border-bottom-left-radius: calc(var(--size) * 1);
     border-right:2px solid #fff;
     border-top:2px solid #fff;
     background-color: #ccc;
     top: calc(var(--size) * .5);
     left: calc(var(--size) * -.5);
     color:#fff;
     text-align: center;
     font-size:.8em;
     padding-left:1em;

}
.mini-kompass-wrap .top-right {
     border-top-right-radius: calc(var(--size) * 1);
     border-bottom:2px solid #fff;
     border-left:2px solid #fff;
     background-color: #ccc;
     top: calc(var(--size) * -.5);
     left: calc(var(--size) * .5);
     color:#fff;
     text-align: center;
     font-size:.8em;
     padding-right:1em;
}

.mini-kompass-wrap .bottom-right {
     border-bottom-right-radius: calc(var(--size) * 1);
     border-left:2px solid #fff;
     border-top:2px solid #fff;
     background-color: #ccc;
     top: calc(var(--size) * .5);
     left: calc(var(--size) * .5);
     color:#fff;
     text-align: center;
     font-size:.8em;
     padding-right:1em;
}  
    
.mini-kompass-wrap .top-left h4{margin-left:15px;margin-top:20px;font-size:1em;font-weight:700;}
.mini-kompass-wrap .top-right h4{margin-left:-20px;margin-top:20px;font-size:1em;font-weight:700;}
.mini-kompass-wrap .bottom-left h4{margin-left:20px;font-size:1em;font-weight:700;}
.mini-kompass-wrap .bottom-right h4{margin-left:-20px;font-size:1em;font-weight:700;}

/* KOMPASS TOOL END */

/* SLIDER HEADER */



#mli-slider  .carousel-caption {top: 70%;left:10%;text-align:right;}
#mli-slider  .slide-head-top{position:absolute;left:0px;top:-40vh;color: #fff;font-family: "Source SansPro Bold";font-size:4em;text-align: left;line-height:1em; text-shadow: 0px 0px 200px #000;max-width:70vw;hyphens: none;-moz-hyphens: none; -webkit-hyphens: none;}
#mli-slider  .neuronen-animation{z-index: -4;opacity: 40%;width: 410%;top: -230vh;left: -170vw;}
#mli-slider  .slide-head p{color:#fff;text-align:left;font-family: "Source SansPro Light";font-size:2em!important;text-transform: none;line-height:1.2em;hyphens: none;-moz-hyphens: none; -webkit-hyphens: none;}
#mli-slider  .slide-head-container{width:auto; max-width:75%;padding:1.5em 1.6em 1em 1.6em;margin-top:-100px;overflow: hidden;}
#mli-slider .slide-claim{color:#666;background-color:#fff;display:flex;justify-content: center;align-items: center;width:70vw;height: auto;padding:1em;}
#mli-slider .slider-cta-btn{width:auto;position:relative;height:auto;}

/* SLIDER HEADER END */
/* EVENT SLIDER HEADER */


#eventSlider  .carousel-caption {top: 75%;left:10%;right:0;text-align: left;}
#eventSlider .slide-head-top{position:absolute;left:0px;top:-40vh;color: #fff;font-family: "Source SansPro Bold";font-size:6em;text-align: left;line-height:1em; text-shadow: 0px 0px 200px #000;max-width:75vw;hyphens: none;-moz-hyphens: none; -webkit-hyphens: none;}
#eventSlider  .neuronen-animation{z-index: -4;opacity: 40%;width: 410%;top: -230vh;left: -170vw;}
#eventSlider .slide-head{color:#fff;text-align:left;font-family: "Source SansPro Bold";}

#eventSlider  .slide-head p{position: relative;text-align: left;width:100%;font-size:2em!important;text-transform: none;line-height:1.2em;hyphens: none;-moz-hyphens: none; -webkit-hyphens: none;}
#eventSlider  .slide-head-container{max-width:60%;padding:1.5em 1.2em 1em 1.2em;margin-top:-180px;overflow: hidden;}
#eventSlider .slide-claim{color:#666;background-color:#fff;display:flex;justify-content: center;align-items: center;width:70vw;height: auto;padding:1em;}
#eventSlider .slider-cta-btn{width:auto;position: relative;height:auto;}

/* EVENT SLIDER HEADER END */

.slider-cta-btn .btn-secondary:hover{color:#666!important;}

/* SLIDER Ergebnisse */

#ergebnisse-slider .red-circle{margin:auto;display:flex;justify-content: center;align-items: center;width:150px;height:150px;border-radius: 100%;background-image: linear-gradient(149deg, rgba(220,13,122,1) 23%, rgba(150,0,56,1) 58%);}
#ergebnisse-slider .grey-circle{margin:auto;display:flex;justify-content: center;align-items: center;width:100px;height:100px;border-radius: 100%;background-image: linear-gradient(149deg, rgb(114, 114, 114,.5) 23%, rgb(57, 57, 57,.5) 58%);}
#ergebnisse-slider .carousel-inner{
                                    height: auto;
                                    overflow: unset;
                                    }

#ergebnisse-slider .carousel-item{
                                    display: flex;
                                    justify-content: center;
                                    padding: 35px 0;
                                    }

#ergebnisse-slider  .carousel-caption { 
                                    position: initial;
                                    }

#ergebnisse-slider  .slide-head-top{
                                    
                                    
                                    font-family: "Source SansPro Bold";
                                    font-size:3em;
                                    text-align: center;
                                    line-height:1em; 
                                    
                                    max-width:55vw;
                                    }
#ergebnisse-slider  .grey-circle .slide-head-top{
                                    
                                    
                                    font-family: "Source SansPro Bold";
                                    font-size:2em;
                                    text-align: center;
                                    line-height:1em; 
                                    opacity:.6;
                                    max-width:55vw;
                                    }                                    

#ergebnisse-slider  .slide-head{
                                    margin-top:50px;
                                    text-align:center;
                                    
                                    font-family: "Source SansPro Bold";
                                    }

#ergebnisse-slider .slide-claim{
                                    color:#666;
                                    background-color:#fff;
                                    display:flex;
                                    justify-content: center;
                                    align-items: center;
                                    width:70vw;
                                    height: auto;
                                    padding:1em;
                                    }

/* SLIDER END */



/* SWIPER CTA */

 #CTACarousel.element-cta{height:95px;overflow:hidden;z-index:9;}

 #CTACarousel .carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
  transform: translateX(0);
}

 #CTACarousel .card-content{padding:1.5em 2em;background-color:rgba(255,255,255,.2);margin:2em;min-height:300px;overflow:hidden; }
 #CTACarousel .card-content-overlay{
        position:absolute; top:0;left:0;width:100%;height:100%;padding:2em;
        background: linear-gradient(122deg, rgba(0,0,0,.6) 0%, rgba(150,0,56,0) 100%);
       
}
 #CTACarousel .card-content h3{font-size:1.5em;font-weight:900;}
 #CTACarousel .card-content p{font-size:1.2em;font-weight:700;}

  #CTACarousel .carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

.carousel-control-next,
.carousel-control-prev {width:25px!important;}

 #CTACarousel .card {
    background-color: transparent;
    border:none;
    min-height:450px;
    overflow:hidden;
}

 #CTACarousel .card-link {
    text-align: center;
    position: absolute;
    bottom:0;
    width:92%;
    height:4em;
    display:flex;
    justify-content: right;
}

 #CTACarousel .card-link a button {
   height:4em;
   border-top-left-radius:15px;
   border-top-right-radius:0px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
   padding-left: 2em;
   padding-right: 2em;
   text-transform: uppercase;
}

 #CTACarousel .card-link a button:hover {
  background-color:#ccc;
 }

 #CTACarousel .card-info-img{width:100%;overflow:hidden;border-radius:5px;}
 #CTACarousel .card-info-img img{max-width:100%;}

.cfaSlide{height:0px;opacity:0;transition: all 1s ease-out;}

.fade-up{height:600px!important;opacity:1;}


/* SWIPER CTA END */

/* BLOG SWIPER */
#BlogCarousel.element-cta{height:95px;overflow:hidden;z-index:9;}

#BlogCarousel .carousel-inner .carousel-item-end,
.carousel-inner .carousel-item-start {
  transform: translateX(0);
}

#BlogCarousel .card-content{padding:1.5em 2em;background-color:rgba(255,255,255,.2);min-height:500px;overflow:hidden; }
#BlogCarousel .card-content-overlay{
        position:absolute; top:0;left:0;width:100%;height:100%;padding:2em;
        background: linear-gradient(122deg, rgba(0,0,0,.6) 0%, rgba(150,0,56,0) 100%);
       
}
#BlogCarousel .card-content h3{font-size:1.5em;font-weight:900;}
#BlogCarousel .card-content p{font-size:1.2em;font-weight:700;}

 #BlogCarousel .carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

 #BlogCarousel .card {
    background-color: transparent;
    border:none;
    min-height:450px;
    overflow:hidden;
}

#BlogCarousel .card-link {
    text-align: center;
    position: absolute;
    bottom:0;
    width:92%;
    height:4em;
    display:flex;
    justify-content: right;
}

#BlogCarousel .card-link a button {
   height:4em;
   border-top-left-radius:15px;
   border-top-right-radius:0px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
   padding-left: 2em;
   padding-right: 2em;
   text-transform: uppercase;
}

#BlogCarousel .card-link a button:hover {
  background-color:#ccc;
 }

#BlogCarousel .card-info-img{width:100%;overflow:hidden;border-radius:5px;}
#BlogCarousel .card-info-img img{max-width:100%;}



/* BLOG SWIPER END */

/* MLI in Zahlen */
.mliCounterContainerHead{opacity:1;transition: all 1s ease-out;position:relative;}
.mliCounterContainer{opacity:1;transition: all 1s ease-out;position:relative;}

#mliinzahlen .red-circle{
    margin:auto;
    display:flex;
    justify-content: center;
    align-items: center;
    width:100px;
    height:100px;
    border-radius: 100%;
    background-image: linear-gradient(149deg, rgba(220,13,122,1) 23%, rgba(150,0,56,1) 58%);
    
    }

/* MLI in Zahlen END */

/* INTRO */

.intro-btn{
    opacity:0;
    position:fixed;
    top:27vh;
    left:-190px;
    width:215px;
    height:115px; 
    transition: all .5s ease-in;
    border-top-right-radius:15px;
    border-bottom-right-radius:15px;
    overflow:hidden;padding:15px 15px;
    z-index:10;
   }


.intro-btn-opener{width:5px;height:75%;background-color: rgba(255,255,255,.3);border-radius:3px;position:absolute;right:10px;}
.intro-btn-open{left:0px;}
.intro-btn-cont{width:90%;color:#fff;}

.zitat{font-size:1.2em;font-family: "Source SansPro Regular";line-height:1.2em;text-align: center;}

.play-video-btn{position:absolute;right:25px;top:28%;cursor:pointer;}
.fade-in{opacity:1!important;display:block!important;}

.contCard-250{min-height:250px;}
.contCard-350{min-height:350px;}
.contCard-450{min-height:450px;}
.contCard-550{min-height:550px;}

/* INTRO END */




/* LEISTUNGSVERSPRECHEN */


.lv_bg{background-image: linear-gradient(149deg, rgba(220,13,122,1) 23%, rgba(150,0,56,1) 58%);}

.content-container-right{width:100vw;height:100vh;position:fixed;left:100vw;top:0;opacity: 0;transition: all 1.5s ease-in-out;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.content-container-right-2{width:100vw;height:100vh;position:fixed;left:100vw;top:0;opacity: 0;transition: all 1.5s ease-in-out;}

.left-0{left:0vw;opacity: 1;}

.igel-grafik{position:absolute;height:75vh;top: 15vh;left:0;width:100vw;}
.igel-center{position:absolute;width:50vw;height:50vw;border-radius:50vw;display: flex;justify-content: center;align-items: center;top:35vh;left:25vw;}

.igel-line{width:2px;height:50px;position:absolute;}

#line01{transform:rotate(-35deg);left:25vw;top:32vh;}
#line02{transform:rotate(0deg);left:50vw;top:28vh;}
#line03{transform:rotate(35deg);right:25vw;top:32vh;}
#line04{transform:rotate(35deg);left:25vw;top:55vh;}
#line05{transform:rotate(0deg);left:50vw;top:59vh;}
#line06{transform:rotate(-35deg);right:25vw;top:55vh;}

.igel-icon{width:25vw;height:25vw;position:absolute;background-repeat: no-repeat;background-position: 50%;background-size:70%;}

#icon01{background-image: url(../images/mli-icons/MLI_Icons-Relevanz-grau.svg);top:24vh;left:4vw;}
#icon02{background-image: url(../images/mli-icons/MLI_Icons-Messbarkeit-grau.svg);top:19vh;left:38vw;}
#icon03{background-image: url(../images/mli-icons/MLI_Icons-Aktivierung-grau.svg);top:24vh;right:4vw;}
#icon04{background-image: url(../images/mli-icons/MLI_Icons-Methoden-Mix-grau.svg);top:61vh;left:4vw;}
#icon05{background-image: url(../images/mli-icons/MLI_Icons-Qualifikation-grau.svg);top:66vh;left:38vw;}
#icon06{background-image: url(../images/mli-icons/MLI_Icons-Wissenschaftlich-fundiert-grau.svg);top:61vh;right:4vw;}

#icon01:hover{background-image: url(../images/mli-icons/MLI_Icons-Relevanz.svg);}
#icon02:hover{background-image: url(../images/mli-icons/MLI_Icons-Messbarkeit.svg);}
#icon03:hover{background-image: url(../images/mli-icons/MLI_Icons-Aktivierung.svg);}
#icon04:hover{background-image: url(../images/mli-icons/MLI_Icons-Methoden-Mix.svg);}
#icon05:hover{background-image: url(../images/mli-icons/MLI_Icons-Qualifikation.svg);}
#icon06:hover{background-image: url(../images/mli-icons/MLI_Icons-Wissenschaftlich-fundiert.svg);}

.hover-texte-lv{position:absolute;height:100%;width:100vw;top:0px;left:0px;pointer-events:none;}
#lvText01, #lvText02, #lvText03, #lvText04, #lvText05, #lvText06{position: absolute;top:0px;right:-500px;transition: all .5s ease-out;}
.lv-fade-in{right:0px!important;}




/* KUNDENSTIMMEN */
.ks-all-cont{display: grid;
grid-template-columns: repeat(8, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 15px;
grid-row-gap: 0px;
width:100%;}


.weitere-logos{text-align: center;width: 100%;}


/* KUNDENSTIMMEN END */

/* PORTFOLIO */

.portfolio-list__item {
   background-color:#fff!important;
   padding:0.5em;
}

.portfolio-list__title {
    margin-top: var(--property-list-title-top-margin);
    margin-bottom: 0;
    font-size: 1.2em!important;
}


.portfolio-list__category_selected {
    background-color: #ae144a!important;
    color: rgba(255,255,255,0.87);
}
.portfolio-list__category {
    margin-right: 0.75rem;
    line-height: 1;
    padding: 0.375rem 0.75rem;
    border: none!important;
    border-radius: .3rem!important;
    white-space: nowrap;
    vertical-align: middle;
    background-color: rgba(0,0,0,0.05);
    color: rgba(0,0,0,0.87);
    font-size: 1rem;
    line-height: 1.5;
}

/* PORTFOLIO END */

/* TEAM */
.user-avatar {
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.user-details{
    padding:1em 1em;
    position:absolute;
    right:0;
    bottom:0;
    max-width:80%;
    width:auto;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 0px;
    background-image: linear-gradient(149deg, rgba(220,13,122,1) 23%, rgba(150,0,56,1) 58%);
    overflow:hidden;
    cursor: pointer;
    transition: all .6s ease-in-out;
    }

#teambox .card-content-overlay{
        position:absolute; top:0;left:0;width:100%;height:100%;
        background: linear-gradient(122deg, rgba(0,0,0,.4) 0%, rgba(150,0,56,.2) 100%);}

.user-social a{color:#fff;font-size:1.5em;}

.team-member-container .card {
    word-wrap: break-word;
    background-clip: border-box;
    background-color: #fff;
    border: none;
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height:450px;
    position: relative;
}
/* TEAM END */

/* EVENTS */
.event-icon-cont{width:100px;height:100px;background-color:#fff;border-radius:100%;margin:auto;display: flex;justify-content: center;align-items: center;}
.event-icon{width:55px;}

.event-img{max-width:100%;}

#events ul li::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ul-bullet.png');
    background-size: cover;
	display: inline-block;
	height: 15px;
	width: 15px;
    margin: 0 10px  -0.1rem -1.5rem;
    }
/* EVENTS ENDE */

:root * {
  /* Pause the animation */
  animation-play-state: paused;
  /* Bind the animation to scroll */
  animation-delay: calc(var(--scroll) * -1s);
  /* These last 2 properites clean up overshoot weirdness */
  animation-iteration-count: 1;
  animation-fill-mode: both;
}

/* 3 DINGE */

#drei-dinge .card-body{
    display: flex;
    flex-direction: column;
    justify-content: center;

}

#drei-dinge .btn {
    position: static;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    font-size: 1em;
}

#drei-dinge .card-title{
    font-size: 1.5em;
    text-transform: uppercase;
}

#drei-dinge .red-circle{
    margin:auto;
    display:flex;
    justify-content: center;
    align-items: center;
    width:95px;
    height:95px;
    border-radius: 100%;
    background-image: linear-gradient(149deg, rgba(220,13,122,1) 23%, rgba(150,0,56,1) 58%);
    margin-bottom: 1em;
    }

#drei-dinge .card-img-top{
        margin: 0;
        width: 65%;
    }

    #drei-dinge  .card-btn{
        width: 100%;
        position: absolute;
        bottom: 1em;
    }

/* 3 DINGE END */

/* BLOG */

#Blog ul li::before{
    content: '' !important;
    color:#fff;
    font-weight:900;
    background-image: url('../images/mli-icons/ul-bullet.png');
    background-size: cover;
	display: inline-block;
	height: 15px;
	width: 15px;
    margin: 0 10px  -0.1rem -1.5rem;
    }

 #BlogCards .card-datum{position:absolute;top:0;left:0;padding:.5em;width:100%;}   

 #BlogCards .card-content{padding:2em;background-color:rgba(255,255,255,.2);margin:2em;min-height:300px;overflow:hidden; }
 #BlogCards .card-content-overlay{
        position:absolute; top:0;left:0;width:100%;height:100%;padding:2em;
        background: linear-gradient(122deg, rgba(0,0,0,.9) 0%, rgba(150,0,56,.6) 100%);}

 #BlogCards .card-content p{font-weight:700;font-size: 1em;}

 #BlogCards .card {
    background-color: transparent;
    border:none;
    min-height:450px;
    overflow:hidden;
}

 #BlogCards .card-link {
    text-align: center;
    position: absolute;
    bottom:0;
    width:93%;
    height:4em;
    display:flex;
    justify-content: right;

}

 #BlogCards .card-link a button {
   height:4em;
   border-top-left-radius:15px;
   border-top-right-radius:0px;
   border-bottom-right-radius: 0px;
   border-bottom-left-radius: 0px;
   padding-left: 2em;
   padding-right: 2em;
   text-transform: uppercase;
}

 #BlogCards .card-link a button:hover {
  background-color:#ccc;
 }

 #BlogCards .card-info-img{width:100%;overflow:hidden;border-radius:5px;}
 #BlogCards .card-info-img img{max-width:100%;}

 video{max-width:100%!important;}

/* Leadership Know How */

#LeadershipKnowHow .card-content{
    height: 335px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8%;
    position: relative;
}

#LeadershipKnowHow a{
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    bottom: 20px;
}

.beratungsgespraech-content{border-radius:8px;width:50%;padding:40px 30px;}

/* Leadership Know How END */

/* medium and up screens */
@media (min-width: 768px) {

    #BlogCards .card-content{min-height:450px;border-radius:15px;overflow:hidden;position:relative;}
  
}

/* BLOG END */

@media (max-width: 767px) {



/* KOMPASS TOOL */

.leistung{opacity:0;transition: all 1s ease-out;}

.kompass-wrap {
   
  --size: 45vmin;
  position: fixed;
  top: 60%;
  left: 27%;
  width: 0;
  height: 0;
  perspective: 50vmin;
  border-radius: calc(var(--size) / 2);
  transition: opacity 1s ease-out;
}

.kompass {
     background-color: #ae144a;
}



.komp-quart {
  position: absolute;
  width: var(--size);
  height: var(--size);
  background-color: #eee;
  backface-visibility: visible;
  top: calc(var(--size) * -.5);
  left: calc(var(--size) * -1);
  display: flex;
  justify-content: center;
  align-items: center;
  padding:25px;
  
}

@keyframes komp-circle {
  to {
    transform: rotate(720deg);
  }
} 

@-webkit-keyframes komp-circle {
  to {
    -webkit-transform: rotate(720deg);
  }
} 





.top-left {
    border-top-left-radius: calc(var(--size) * 1);
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    background-color: #ccc;
    top: calc(var(--size) * -.5);
    left: calc(var(--size) * -.5);
    color:#fff;
    text-align: center;
    font-size:.6em;
    hyphens: none;
-webkit-hyphens: none;
}

.bottom-left {
     border-bottom-left-radius: calc(var(--size) * 1);
     border-right:2px solid #fff;
     border-top:2px solid #fff;
     background-color: #ccc;
     top: calc(var(--size) * .5);
     left: calc(var(--size) * -.5);
     color:#fff;
     text-align: center;
     font-size:.6em;
     hyphens: none;
-webkit-hyphens: none;
}
.top-right {
     border-top-right-radius: calc(var(--size) * 1);
     border-bottom:2px solid #fff;
     border-left:2px solid #fff;
     background-color: #ccc;
     top: calc(var(--size) * -.5);
     left: calc(var(--size) * .5);
     color:#fff;
     text-align: center;
     font-size:.6em;
     hyphens: none;
-webkit-hyphens: none;
}

.bottom-right {
     border-bottom-right-radius: calc(var(--size) * 1);
     border-left:2px solid #fff;
     border-top:2px solid #fff;
     background-color: #ccc;
     top: calc(var(--size) * .5);
     left: calc(var(--size) * .5);
     color:#fff;
     text-align: center;
     font-size:.6em;
     hyphens: none;
-webkit-hyphens: none;
}

.top-left h4{margin-left:15px;margin-top:20px;font-size:1.5em;hyphens: none;
-webkit-hyphens: none;}
.top-right h4{margin-left:-20px;margin-top:20px;font-size:1.5em;hyphens: none;
-webkit-hyphens: none;}
.bottom-left h4{margin-left:20px;font-size:1.5em;hyphens: none;
-webkit-hyphens: none;}
.bottom-right h4{margin-left:-20px;font-size:1.5em;hyphens: none;
-webkit-hyphens: none;}


.teaser-fixed{position:fixed;top:80px;left:0;}
.teaser-container{opacity:0;padding:0;position:relative;right: -500px;transition: all 1s ease-out;}
.teaser-head h3, .teaser-head,  .teaser-link{font-weight: 700;color:#fff;text-decoration: none;}

.teaser-elements{
    position: absolute;
    top:0;
    height:auto;
    width:100vw;
    margin: 0 auto;
    padding: 2em;
 
}

.fade-teaser{right:0px;opacity:1;}

/* KOMPASS TOOL END */

}