*, *:before, *:after {
    -webkit-box-sizing: border-box; /* SAFARI/CHROME, ANDERE WEBKIT-BROWSER */
    -moz-box-sizing: border-box; /* FIREFOX, ANDERE GECKO-BROWSER */
    box-sizing: border-box; /* OPERA/IE 8+ */
}

html {background:#E6E6E6;}
body {font-family:Arial;}
/* ----------------------------------------------------------------------------- */

#page-wrapper {max-width:78em; min-height:50em; margin:0 auto 0 auto; }
#Nav1 {float:left; width:80%; margin:0; }
#Sprache {float:right; width:20%; margin-bottom:0.5em; }

#Kopf1 {float:left; width:100%; height:auto; background-image:url(images/Start-oben2.jpg); background-size:100% 100%; border-bottom:1.5em solid #91A1AB;}
#Logo1 {float:left; width:40%; margin-top:3em; margin-left:60%;}
#Titel1 {float:left; width:40%; margin-top:6em; margin-bottom:2em; margin-left:60%;}
#Main1 {float:left; width:100%; height:auto; background:#053375; background-size:100% 100%;}
#Pfeil {float:left; height:3em; margin-left:14%; z-index:10;}
#Inhalt1 {float:left; width:94%; margin-top:1em; margin-bottom:2em; margin-left:6%;}

#Kopf {float:left; width:100%; height:auto; background-image:url(images/Kopf2.jpg); background-size:100% 100%; border-bottom:1em solid #91A1AB;}
#Titel {float:left; width:45%; margin-top:3.5em; margin-left:5%; }
#Logo {float:left; width:44%; margin-top:2.5em; margin-bottom:1.5em; margin-left:1%; }
#Main {float:left; width:100%; min-height:40em; background:#FFFFFF; border-bottom:1em solid #91A1AB;}
#Nav2 {float:left; width:25%; margin-top:2em; margin-left:5%;}
#Inhalt {float:left; width:64%; margin-top:2em; margin-bottom:1em; margin-left:1%;}
#Video {width:40em;}
.video-container {position:relative; padding-bottom:42%; padding-top:30px; height:0; overflow:hidden; visibility:visible;}
.video-container iframe,
.video-container object,
.video-container embed {position:absolute; top:0; left:0; width:100%; max-width:640px; height:100%;}

.responsiveContainer {position:relative; padding-bottom:56%; height:0;  overflow: hidden;}
.responsiveContainer iframe {position:absolute; top:0; left:0; width:100%; height:100%;}

h1 {font-family:Arial; font-size:1.5em; font-weight:bold; color:#1C2B80; text-align:left; margin:0;}
h2 {font-family:Arial; font-size:1em; font-weight:bold; color:#333333; text-align:left; margin:0 0 0.2em 0;}
h3 {font-family:Arial; font-size:1em; font-weight:bold; color:#00A3DF; text-align:left; margin:0 0 0.2em 0;}
p {font-family:Arial; font-size:0.9em; line-height:1.2em; font-weight:normal; color:#333333; text-align:left; margin:0;}
#limarkiert1 {color:#4B4B4B; font-weight:bold;}
#limarkiert2 {color:#053375; font-weight:bold;}

.ul  {float:left; margin:0; padding:0; list-style-type:none; color:#878787; } /* Navigation oben */
.ul > li {float:left; margin:0; color:#878787; font-size:0.8em; font-weight:normal;}
.ul > li > a {color:#878787; font-weight:normal; margin:0; line-height:1em; padding:0.5em 1.5em 0.5em 0em; display:block; } 
.ul > li > a:link {color:#878787; font-weight:normal; text-decoration:none; } 
.ul > li > a:hover {color:#00A3DF; font-weight:normal;}

.ul1  {float:left; margin:2em 0 0em 0; padding:0; list-style-type:none; color:#A5BEDD; } /* Bilder Startseite */
.ul1 > li {float:left; width:25%; margin:0; padding-left:0%; color:#A5BEDD; font-size:1.5em; font-weight:normal;}
.ul1 > li > a {color:#A5BEDD; font-weight:normal; margin:0; padding:0; display:block; } 
.ul1 > li > a:link {color:#A5BEDD; font-weight:normal; text-decoration:none; } 
.ul1 > li > a:hover {color:#FFFFFF; font-weight:normal;}         

.ul2  {float:right; margin:0; list-style-type:none; color:#000000; } /* Sprachauswahl */
.ul2 > li {float:right; width:49%; margin:0; color:#878787; font-size:0.8em; font-weight:normal;}
.ul2 > li > a {color:#878787; font-weight:normal; line-height:1em; padding:0.5em 0em 0.5em 2em; display:block; } 
.ul2 > li > a:link {color:#878787; font-weight:normal; text-decoration:none; } 
.ul2 > li > a:hover {color:#006AB3; font-weight:normal;}

.ul3  {float:left; margin:0; padding:0; list-style-type:none; color:#053375;} /* Navigation links */
.ul3 > li {float:left; width:100%; margin:0; color:#053375; font-size:0.8em; font-weight:normal;}
.ul3 > li > a {color:#053375; font-weight:normal; line-height:1em; padding:0.5em 0em 0.5em 0em; display:block; } 
.ul3 > li > a:link {color:#053375; font-weight:normal; text-decoration:none; } 
.ul3 > li > a:hover {color:#00A3DF; font-weight:normal;} 

.ul3a  {float:left; margin:0; padding:0; list-style-type:none; color:#053375;} /* Navigation links Seiten Leistungen */
.ul3a > li {float:left; width:100%; margin:0; color:#053375; font-size:0.8em; font-weight:normal;}
.ul3a > li > a {color:#053375; font-weight:normal; line-height:1em; padding:0.5em 0em 0.5em 0em; display:block; } 
.ul3a > li > a:link {color:#053375; font-weight:normal; text-decoration:none; } 
.ul3a > li > a:hover {color:#00A3DF; font-weight:normal;} 

.ul4  {float:left; width:100%; margin:0.25em 0 0 0; padding:0; list-style-type:none; color:#00A3DF; } /* Inhalt Seiten Leistungen oben */
.ul4 > li {float:left; width:100%; margin:0 0 0.25em 0; padding:0; color:#00A3DF; font-size:0.9em; font-weight:normal;}

.ul5  {float:left; margin:0.5em 0 0em 0; padding:0; list-style-type:none; color:#A5BEDD; } /* Bilder Seiten Leistungen */
.ul5 > li {float:left; width:25%; margin:0; padding-left:0%; color:#A5BEDD; font-size:1.5em; font-weight:normal;}

.ul6  {float:left; width:100%; margin:0.5em 0 0em 0; padding:0; list-style-type:none; color:#333333; } /* Seiten Download 4 Spalten */
.ul6 > li {float:left; width:25%; margin:0; padding-left:0%; padding-top:1em; color:#333333; font-size:0.8em; font-weight:normal;}
.ul6a  {float:left; width:100%; margin:1.5em 0 1em 0; padding:0; list-style-type:none; color:#333333; } /* Seiten Download 3 Spalten */
.ul6a > li {float:left; width:33%; margin:0; padding-left:0%; color:#333333; font-size:0.8em; font-weight:normal;}
.ul6b  {float:left; width:100%; margin:0.5em 0 1.5em 0; padding:0; list-style-type:none; color:#333333; } /* Seiten Download 2 Spalten */
.ul6b > li {float:left; width:50%; margin:0; padding-left:0%; color:#333333; font-size:0.8em; font-weight:normal;}

.image1 {float:right; height:1.2em;} /* Flaggen Sprachen */
.image2 {width:85%;} /* Logo Leonhardt Start */
.image2a {width:80%}
.image3 {width:33%;} /* Dreieck Startseite */
.image4 {width:75%;} /* Bilder Startseite */
.image5 {height:3em; float:right;} /* Logo Leonhardt Seiten*/
.image5a {height:3.25em; float:right;} /* Logo Leonhardt Seiten englisch*/
.image6 {width:80%;} /* Bilder Leistungsspektrum, Awards */
.image7 {float:right; padding:0 0 1em 1em;} /* Logos Messen */
.image8 {float:right; width:33%; padding:0 0 1em 1em;} /* Newsletter-Bilder */
.image9 {width:60%;} /* Stellenanzeige */
.image10 {width:50%;} /* Download, Awards */
.image11 {width:25%;} /* Download */
.image11a {width:15%} /* Download */
.image12 {float:right; width:20%;}

.table1 {width:100%; margin-top:0; } /* Auszeichnungen */
.td1a {width:75%; font-family: Arial; font-size:0.9em; font-weight:normal; color:#333333; text-align:left; }
.td1b {width:25%; font-family: Arial; font-size:0.9em; font-weight:normal; color:#333333; text-align:center; }
.table2 {width:100%; margin-top:0px; border-bottom:1px solid #053375;} /* Maschinenliste */
.td2a {width:8%; font-family: Arial; font-size:0.9em; font-weight:normal; color:#333333; text-align:center; border-top:1px solid #053375; border-right:1px solid #053375;}
.td2b {width:47%; padding-left:0.2em; font-family: Arial; font-size:0.9em; font-weight:normal; color:#333333; text-align:left; border-top:1px solid #053375; border-right:1px solid #053375;}
.td2c {width:17%; padding-left:0.2em; font-family: Arial; font-size:0.9em; font-weight:normal; color:#333333; text-align:left; border-top:1px solid #053375; border-right:1px solid #053375;}
.td2d {width:28%; padding-left:0.2em; font-family: Arial; font-size:0.9em; font-weight:normal; color:#333333; text-align:left; border-top:1px solid #053375;}

a:link {color:#00A3DF; text-decoration:underline;}
a:visited {color:#00A3DF; text-decoration:underline;}
a:hover {color:#053375; text-decoration:underline;}
a:active {color:#053375; text-decoration:underline;}

a.W:link {color:#FFFFFF; text-decoration:none;}
a.W:visited {color:#FFFFFF; text-decoration:none;}
a.W:hover {color:#FFFFFF; text-decoration:none;}
a.W:active {color:#FFFFFF; text-decoration:none;}

/* 1248 - 1024 px ----------------------------------------------------------------------------- */

@media only screen and (min-width:64em) 
{
#page-wrapper {width:96%; margin-top:1em;}
}


/* 1024 - 900 px ----------------------------------------------------------------------------- */

@media only screen and (min-width:56.25em) and (max-width:64em)
{
#page-wrapper {width:96%; margin-top:1em;}

h1 {font-size:1.4em; }
}


/* 900 - 750 px ----------------------------------------------------------------------------- */

@media only screen and (min-width:46.875em) and (max-width:56.25em) 
{
#page-wrapper {width:96%; margin-top:1em;}

h1 {font-size:1.3em; }

#Logo1 {float:left; width:50%; margin-top:2em; margin-left:46%; }
#Titel1 {float:left; width:50%; margin-top:1em; margin-bottom:1em; margin-left:46%;}

#Nav2 {float:left; width:90%; margin-top:2em; margin-left:5%;}
#Inhalt {float:left; width:90%; margin-top:2em; margin-bottom:1em; margin-left:5%;}

.ul1  {float:left; margin:0em 0 0em 5%; padding:0; list-style-type:none; color:#A5BEDD; }
.ul1 > li {float:left; width:50%; margin:0; padding-left:0.3%; padding-top:1em; color:#A5BEDD; font-size:1.5em; font-weight:normal;} 

.ul3a  {float:left; width:50%; margin:0; padding:0; list-style-type:none; color:#053375; column-count:2; -moz-column-count:2; -webkit-column-count:2; }
.ul3a > li {float:left; width:100%; margin:0; color:#053375; font-size:0.8em; font-weight:normal;}

.ul5 > li {width:50%; }

.ul6 >li {width:50%;}
}


/* 750 - 640 px ----------------------------------------------------------------------------- */

@media only screen and (min-width:40em) and (max-width:46.875em) 
{
h1 {font-size:1.2em; }

#Logo1 {float:left; width:55%; margin-top:2em; margin-left:45%; }
#Titel1 {float:left; width:55%; margin-top:1em; margin-bottom:1em; margin-left:45%;}

#Nav2 {float:left; width:90%; margin-top:2em; margin-left:5%;}
#Inhalt {float:left; width:90%; margin-top:2em; margin-bottom:1em; margin-left:5%;}
#Video {width:100%;}

.ul > li {float:left; width:30%; margin:0; color:#878787; font-size:0.8em; font-weight:normal;}
.ul > li > a {color:#878787; font-weight:normal; margin:0; line-height:1em; padding:0.5em 1.5em 0.5em 0em; display:block; } 

.ul1 > li {float:left; width:50%; margin:0; padding-left:0.3%; padding-top:1em; color:#A5BEDD; font-size:1.2em; font-weight:normal;}

.ul2 > li {float:right; width:60%; margin:0; color:#878787; font-size:0.8em; font-weight:normal;}  
.ul2 > li > a {color:#878787; font-weight:normal; line-height:1em; padding:0.5em 0em 0.5em 2em; display:block; }

.ul3a  {float:left; width:60%; margin:0; padding:0; list-style-type:none; color:#053375; column-count:2; -moz-column-count:2; -webkit-column-count:2; }
.ul3a > li {float:left; width:100%; margin:0; color:#053375; font-size:0.8em; font-weight:normal;}

.ul5 > li {width:50%; }

.ul6 >li {width:50%;}
}

/* 640 - 440 px ----------------------------------------------------------------------------- */

@media only screen and (min-width:27.5em) and (max-width:40em) 
{
h1 {font-size:1.1em; }

#Logo1 {float:left; width:60%; margin-top:2em; margin-left:40%; }
#Titel1 {float:left; width:60%; margin-top:1em; margin-bottom:1em; margin-left:40%;}

#Titel {margin-top:2.5em;}
#Logo {margin-top:1.5em; margin-bottom:1em;}

#Nav2 {float:left; width:90%; margin-top:1em; margin-left:5%;}
#Inhalt {float:left; width:90%; margin-top:2em; margin-bottom:1em; margin-left:5%;}
#Video {width:100%;}

.ul > li {float:left; width:25%; margin:0; color:#878787; font-size:0.8em; font-weight:normal;}
.ul > li > a {color:#878787; font-weight:normal; margin:0; line-height:1em; padding:0.5em 0.5em 0.5em 0em; display:block; } 

.ul1  {float:left; margin:5em 0 0,8em 5%; padding:0; list-style-type:none; color:#A5BEDD; }
.ul1 > li {float:left; width:50%; margin:0; padding-left:0.3%; padding-top:1em; color:#A5BEDD; font-size:1.2em; font-weight:normal;}

.ul2 > li {float:right; width:60%; margin:0; color:#878787; font-size:0.8em; font-weight:normal;}  
.ul2 > li > a {color:#878787; font-weight:normal; line-height:1em; padding:0.5em 0em 0.5em 2em; display:block; }

.ul3a  {float:left; width:80%; margin:0; padding:0; list-style-type:none; color:#053375; column-count:2; -moz-column-count:2; -webkit-column-count:2; }
.ul3a > li {float:left; width:100%; margin:0; color:#053375; font-size:0.8em; font-weight:normal;}

.ul5 > li {width:50%; }

.ul6 >li {width:50%;}
.ul6a >li {width:50%;}

.image5 {height:2.5em;}
.image5a {height:2.7em;}
.image6 {width:90%;}
.image8 {float:right; width:50%; padding:0 0 1em 1em;}
.image9 {width:80%;}
.image10 {width:100%;}
}


/* 440 - 320 px ----------------------------------------------------------------------------- */

@media only screen and (min-width:20em) and (max-width:27.5em)
{
h1 {font-size:1.0em; }

#Logo1 {float:left; width:80%; margin-top:2em; margin-left:20%; }
#Titel1 {float:left; width:80%; margin-top:1em; margin-bottom:1em; margin-left:20%;}
#Pfeil {float:left; height:2em; margin-left:14%; z-index:10;}

#Logo {margin-top:1em; margin-bottom:0.5em;}
#Titel {margin-top:1.5em;}

#Nav2 {float:left; width:90%; margin-top:1em; margin-left:5%;}
#Inhalt {float:left; width:90%; margin-top:2em; margin-bottom:1em; margin-left:5%;}
#Video {width:100%;}

.ul > li {float:left; width:33%; margin:0; color:#878787; font-size:0.8em; font-weight:normal;}
.ul > li > a {color:#878787; font-weight:normal; margin:0; line-height:1em; padding:0.5em 0.2em 0.5em 0em; display:block; } 

.ul1  {float:left; margin:1em 0 0.5em 5%; padding:0; list-style-type:none; color:#A5BEDD; }
.ul1 > li {float:left; width:50%; margin:0; padding-left:0.3%; padding-top:1em; color:#A5BEDD; font-size:1em; font-weight:normal;}

.ul2 > li {float:right; width:60%; margin:0; color:#878787; font-size:0.8em; font-weight:normal;}  
.ul2 > li > a {color:#878787; font-weight:normal; line-height:1em; padding:0.5em 0em 0.5em 2em; display:block; }

.ul3a  {float:left; width:100%; margin:0; padding:0; list-style-type:none; color:#053375; column-count:2;  -moz-column-count:2; -webkit-column-count:2; }
.ul3a > li {float:left; width:100%; margin:0; color:#053375; font-size:0.8em; font-weight:normal;}

.ul5 > li {width:50%; }

.ul6 >li {width:50%;}
.ul6a >li {width:50%;}

.image3 {width:25%;}
.image5 {height:2em;}
.image5a {height:2.15em;}
.image6 {width:95%;}
.image8 {float:left; width:100%; padding:0 0 1em 1em;}
.image9 {width:100%;}
.image10 {width:100%;}
}


/* 320 - 0 px ----------------------------------------------------------------------------- */

@media only screen and (max-width:20em)
{
h1 {font-size:0.9em; }

#Logo1 {float:left; width:85%; margin-top:2em; margin-left:15%; }
#Titel1 {float:left; width:85%; margin-top:1em; margin-bottom:1em; margin-left:15%;}
#Pfeil {float:left; height:2em; margin-left:14%; z-index:10;}

#Logo {margin-top:1em; margin-bottom:0.5em;}
#Titel {margin-top:1.5em;}

#Nav2 {float:left; width:90%; margin-top:1em; margin-left:5%;}
#Inhalt {float:left; width:90%; margin-top:2em; margin-bottom:1em; margin-left:5%;}
#Video {width:100%;}

.ul > li {float:left; width:33%; margin:0; color:#878787; font-size:0.7em; font-weight:normal;}
.ul > li > a {color:#878787; font-weight:normal; margin:0; line-height:0.8em; padding:0.5em 0.2em 0.5em 0em; display:block; } 

.ul1  {float:left; margin:1em 0 0.5em 5%; padding:0; list-style-type:none; color:#A5BEDD; }
.ul1 > li {float:left; width:50%; margin:0; padding-left:0.3%; padding-top:1em; color:#A5BEDD; font-size:1em; font-weight:normal;}

.ul2 > li {float:right; width:60%; margin:0; color:#878787; font-size:0.8em; font-weight:normal;}
.ul2 > li > a {color:#878787; font-weight:normal; line-height:1em; padding:0.5em 0em 0.5em 2em; display:block; }

.ul3a  {float:left; width:100%; margin:0; padding:0; list-style-type:none; color:#053375; column-count:2;  -moz-column-count:2; -webkit-column-count:2; }
.ul3a > li {float:left; width:100%; margin:0; color:#053375; font-size:0.8em; font-weight:normal;}

.ul5 > li {width:50%; }

.ul6 >li {width:50%;}
.ul6a >li {width:50%;}

.image3 {width:25%;}
.image5 {height:1.5em;}
.image5a {height:1.6em;}
.image6 {width:95%;}
.image8 {float:left; width:100%; padding:0 0 1em 1em;}
.image9 {width:100%;}
.image10 {width:100%;}
}