#dataZentrale { display:block !important; }

header .carousel .dark, header .page-breadcrumb {
    background-color: #3e658f;
} 

header .carousel .dark::before, header .page-breadcrumb::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-image: url('../images_meo/design/background-streifen-transparent-100.png');
}

header .carousel .dark { background-image: linear-gradient(to bottom, #346892 0%, #669fb9 50%, #abd1dd 100%); }
header .carousel .dark::before { opacity: 0.10; }

header .page-breadcrumb { background-image: linear-gradient(to bottom, #336691 0%, #42799e 100%); }
header .page-breadcrumb::before { opacity:0.16; }

header .carousel h3, header .carousel .h3 {
    background-color: #fff0;
    color: #FFF !important;
    padding: 0;
    border-radius: 0;
    background-image: none;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.3), 0 0 25px rgba(0, 0, 0, 0.2);
}
header .carousel h2, header .carousel .h2 {    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5), 0 0 15px rgba(0, 0, 0, 0.3), 0 0 30px rgba(0, 0, 0, 0.2);}
header .carousel h3 .rot, header .carousel .h3 .rot, header .carousel h2 .rot, header .carousel .h2 .rot {    text-shadow: 0 0 1px rgba(255,255,255, 0.5), 0 0 2px rgba(255,255,255, 0.7), 0 0 4px rgba(0, 0, 0, 0.9), 0 0 10px rgba(200, 200, 200, 0.4);}
header .carousel p {    text-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 0 0 5px rgba(0, 0, 0, 0.3), 0 0 15px rgba(0, 0, 0, 0.2);}

.pointer:hover { cursor:pointer !important; }


#optronic, 
#technologie {
    background-color: #f0f0f0;
}

div#footer_bc {
    background-color: #FFF;
}


#optronic .container, #technologie .container {
    padding-top: 40px;
}

#unternehmensverbund {
    background-image: url("../images_meo/design/_home-sections_bg.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
}

.slogan { 
    color:#DAD3D1; 
    position:relative; 
    font-weight: 300;

    top: 42px;
    font-size: 32pt;
    left: 28px;
}

@media (max-width: 1199px) {  /* bis MD, nur Screen */
    .slogan { 
        font-size: 28pt;
        top: 36px;
        left: 20px;
    }
}

@media(max-width: 991px) {     /* XS bis SM , bis iPad hoch */
    .slogan { 
        font-size: 22pt;
        top: 38px;
        left: 16px;
    }
}

@media(max-width: 767px) {     /* nur XS  */
    .slogan { 
        font-size: 15pt;
        top: 34px;
        left: 9px;
    }
    header .carousel h3, header .carousel .h3 { text-shadow: 0 0 3px rgba(0, 0, 0, 1); }
    header .carousel h2, header .carousel .h2 { text-shadow: 0 0 4px rgba(0, 0, 0, 1); }
    header .carousel h3 .rot, header .carousel .h3 .rot, header .carousel h2 .rot, header .carousel .h2 .rot { text-shadow: 0 0 2px rgba(255,255,255, 1); }
    header .carousel p { text-shadow: 0 0 3px rgba(0, 0, 0, 1); }
}