/****************************************************************************
*   service styles
****************************************************************************/
.seePicture { background-image: url("../../Images/bkg/Testbild.png"); }

.see div.mainMenu nav ul li a { padding: 0px; color: #fff; }

.see section:nth-child(1)  { background-color: #0b3479A0; opacity: 0.0; height: 100vh; }
.see section:nth-child(2)  { background-color: #fff; }
.see section:nth-child(3)  { background-color: #e5e3e1; }
.see section:nth-child(4)  { background-color: #c5c3c1; display: none; }

/* Intro */
.see.Intro div.headerbox { width: 100%; margin-bottom: 2.5em; }
.see.Intro div.headerbox h3 { color: #212121; }
.see.Intro div.box { flex-direction: row; }
.see.Intro div.textbox { width: 55%; }
.see.Intro div.imageContainer { width: 35%; }
.see.Intro div.imagebox { background-image: url("../../images/picture/EngineeringV3.png"); width: 100%; height: 0; padding-bottom: 70%; }

.see.tech {  }
.see.tech p { color: #212121; }
.see.tech div.headerbox { margin-bottom: 2.5em; }
.see.tech div.headerbox h3 { color: #212121; }


.see.App div.headerbox { margin-bottom: 2.5em; } 
.see.App div.headerbox h2 { color: #fff; }
.see.App div.headerbox h3 { color: #fff; }
.see.App h4 { color: #fff; }
.see.App p { color: #fff; }


@media only screen and ( min-width: 768px ) and ( orientation : landscape ) 
{
    .see.message { margin-top: 30%; }
    .see div.container { width: 90%; }
}


@media only screen and (min-width: 1500px) and ( orientation : landscape )
{
    .see section:nth-child(1)  { height: 70vh; }
    .see div.container { width: 70%; }
    .see.message { width: auto; margin-top: 25%; }
}