html {
margin:0;
padding:0;
border:0;
height:100%;
}
body {
margin:0;
padding:0;
font-family:'Overpass-Lig';
color:#585858;
height:100%;
}
b {
font-family:'Overpass-Reg';
font-weight:normal;
}
@media (min-width: 1600px) {
body {
border-top:2em solid #585858;
font-size:18px;   /* Schriftgroesse Basis für grosse Bildschirme */
line-height:26px;
}
}

@media (max-width: 1599px) AND (min-width: 767px) {
body {
border-top:2em solid #585858;
font-size:14px;   /* Schriftgroesse Basis für normale Bildschirme */
line-height:22px;
}
}

#wrapper {
min-height:100%;
overflow: hidden;
position: relative;
}
#wrapper .abstand {
display:block;
padding:0 0 10em 0;
}
#content {
display:block;
max-width:65em;
margin:2em auto 0 auto;
}
#content::after {
content: " ";
display: block;
clear: both;
}
#header {
max-width:65em;
height:9em;
margin:0 auto 0 auto;
}
#logo {
float:left;
width:21em;
height:5em;
background-image:url(../upload/img/logo-mokoflex.svg);
background-repeat:no-repeat;
background-size:auto 2.6em;
background-position:left bottom;
overflow:hidden;
}
#slider-back {
margin:0 auto;
height:24em;
width:100%;
background-color:#8ab0be;
border-bottom:0.8em solid #585858;
}
#slider {
max-width:65em;
height:24em;
margin:0 auto 0 auto;
overflow:hidden;
position: relative;
background-size:cover;
}
.head-kontakt {
background-image:url('../upload/head/head-kontakt.jpg');
}
.head-leistungen {
background-image:url('../upload/head/head-holzpalette.jpg');
}
.head-elemente {
background-image:url('../upload/head/head-elemente.jpg');
}
.head-aktuelles {
background-image:url('../upload/head/head-aktuelles.jpg');
}
.head-philosophie {
background-image:url('../upload/head/head-philosophie.jpg');
}
.head-gruppe {
background-image:url('../upload/head/head-gruppe.jpg');
}
.head-standard {
background-image:url('../upload/head/head-standard.jpg');
}
#slider-titel {
position:absolute;
width:100%;
height:9em;
margin:11em 0 0 0;
background-color: rgba(0,80,135,0.8);
z-index: 100;
}
#slider-titel h1 {
text-transform:none;
line-height: 1.2em;
}
#slider-titel h1::before {
white-space:pre;
font-family:'Overpass-Reg';
}
#slider-weiss {
position:absolute;
width:100%;
height:10em;
margin:12em 0 0 0;
background-color:rgba(196,215,223,0.6);
z-index: 100;	
}
#bewerber-titel {
width:29%;
margin-left:1%;
background-color: rgba(0,80,135,0.8);
position: absolute;
height: 11em;
margin: 11em 0 0 0;
z-index: 100;
right:0px;
color:#ffffff;
}
#bewerber-titel ul {
margin: 1em 0;
padding-left: 1em;
list-style-type:none;
}
#bewerber-titel ul li a:before {
content: '\203A';
padding-right:0.5em;
}
#bewerber-titel ul li a {
padding-left:0.5em;
color:white;
text-decoration:none;
font-family:'Overpass-Reg';
font-weight:normal;
display:block;
}
#bewerber-titel ul li a:hover {
color:#d20a28;
}
.white-border {
background-color:rgba(255,255,255,0.4);
height:10px;
width:100%;
position: absolute;
bottom: -13px;
}

/* Social Media Start ------------------ */
#social {
float:right;
height:5em;
}
#social:after {
content: "";
display: table;
clear: both;
}
#facebook {
float:right;
width:32px;
height:32px;
background-image:url('../upload/img/facebook.png');
background-position:0px 0px;
background-repeat: no-repeat;
background-size: 32px 64px;
display: block;
margin:20px 0 0 16px;
}
#facebook:hover {
background-position:0px -32px;
}
#xing {
float:right;
width:32px;
height:32px;
background-image:url('../upload/img/xing.png');
background-position:0px 0px;
background-repeat: no-repeat;
background-size: 32px 64px;
display: block;
margin:20px 0 0 16px;
}
#xing:hover {
background-position:0px -32px;
}
#insta {
float:right;
width:32px;
height:32px;
background-image:url('../upload/img/insta.png');
background-position:0px 0px;
background-repeat: no-repeat;
background-size: 32px 64px;
display: block;
margin-top: 20px;
}
#insta:hover {
background-position:0px -32px;
}
#twitter {
float:right;
width:32px;
height:32px;
background-image:url('../upload/img/twitter.png');
background-position:0px 0px;
background-repeat: no-repeat;
background-size: 32px 64px;
display: block;
margin-top: 20px;
}
#twitter:hover {
background-position:0px -32px;
}
#linkedin {
float:right;
width:32px;
height:32px;
background-image:url('../upload/img/linkedin.png');
background-position:0px 0px;
background-repeat: no-repeat;
background-size: 32px 64px;
display: block;
margin-top: 20px;
}
#linkedin:hover {
background-position:0px -32px;
}

/* Social Media Ende ------------------ */

/* Navigation Start ------------------ */
#mainnavi {
clear:both;
max-width:65em;
height:3em;
text-align:right;
padding:0;
}
#mainnavi ul {
list-style-type:none;
margin:0;
padding:0;
float:right;
}
#mainnavi ul li {
float:left;
padding:0 0 0 0.8em;
text-transform:uppercase;
font-family:'Overpass-Reg';
font-size:1em;
line-height:2em;
}
#mainnavi > ul > li::before {
margin:0 0.8em 0 0;
color:#585858;
content: '|';
}
#mainnavi > ul > li:first-of-type::before {
content: ' ';
}
#mainnavi > ul > li > a:link, #mainnavi > ul > li > a:visited {
color:#595959;
text-decoration:none;
transition-timing-function: linear;
transition-duration: 0.2s;
transition-property: color;
}
#mainnavi > ul > li > a:hover, #mainnavi > ul > li > a:active, #mainnavi > ul > li > a:focus {
color:#005fa0;
text-decoration:none;
}
/* Navigation Ende ------------------ */


/* Unternavigation Start ------------ */
#mainnavi ul li ul {
margin: 0;
padding: 0.5em 0.5em 0.5em 0.5em;
position:absolute;
z-index: 0;
background-color:#000000;
border-bottom:3px solid #033976;
opacity:0;
visibility:hidden;
transition-duration:0.4s;
transition-timing-function:ease-in-out;
transition-property:opacity;
-moz-box-shadow: 0.4em 0.5em 0.5em #000000;
-webkit-box-shadow: 0.4em 0.5em 0.5em #000000;
box-shadow: 0.4em 0.5em 0.5em #000000;
}
#mainnavi ul li:hover ul {
z-index: 99999;
opacity:0.6;
visibility:visible;
font: inherit;
}
#mainnavi ul li ul li {
clear:left;
padding:0.5em;
font-family:'Overpass-Lig';
font-size:0.9em!important;
line-height:0.8em!important;
}
#mainnavi ul li ul li a {
text-decoration:none;
}
#mainnavi ul li ul li a::before {
/*content: '\BB';*/
/*padding:0 0.3em 0 0;*/
}
#mainnavi ul li ul li a:link, #mainnavi ul li ul li a:visited {
color: #ffffff!important;
transition: linear 0.2s all;
}
#mainnavi ul li ul li a:hover, #mainnavi ul li ul li a:focus, #mainnavi ul li ul li a:active {
color: #009ee0!important;
}
/* Unternavigation Ende --------------- */


/* Footer Suche Start ----------------- */
#footer {
position:absolute;
bottom:0;
display:block;
background-color:#585858;
height:7em;
width:100%;
border-bottom:0.5em solid #005087;
}
#sub {
height:4em;
max-width:65em;
margin:0 auto;
background-image:url(../upload/img/logo-mokoflex-grau.svg);
background-repeat:no-repeat;
background-position:left 2em;
background-size:12em auto;
padding:3em 0 0 0;
}
#suche {
margin:-0.5em 0 0 16em;
height:2.2em;
width:14em;
float:left;
}
#suche input {
height:2em;
width:11em;
border: 1px solid #ffffff;
background-color: #585858;
color:#ffffff;
font-family:'Overpass-Lig';
font-size:1em;
line-height:2em;
text-indent: 0.3em;
transition:ease-in-out 0.4s all;
}
#suche input:focus, #sub input:active {
width:14em;
}
/* Footer Suche Ende ----------------- */


/* Footer Navigation Start ----------------- */
#subnavi {
}
#subnavi ul {
list-style-type:none;
margin:0;
padding:0;
float:right;
}
#subnavi ul li {
float:left;
padding:0 0 0 1em;
text-transform:uppercase;
font-family:'Overpass-Reg';
font-size:0.9em;
line-height:1em;
}
#subnavi ul li::before {
margin:0 1em 0 0;
color:#ececec;
content: '|';
}
#subnavi ul li:first-of-type::before {
content: none;
}
#subnavi ul li a {
text-decoration:none;
}
#subnavi ul li a:link, #subnavi ul li a:visited {
color: #ececec;
transition: ease-in 0.2s all;
}
#subnavi ul li a:hover, #subnavi ul li a:active, #subnavi ul li a:focus {
color: #009ee0;
}
/* Footer Navigation Ende ----------------- */

/* Linke Spalte Startseite Start ----------------- */
#col-le {
float:left;
width: 47em;
padding:0 1em 0 0;
}
#col mi {
}
#col-ri {
float:right;
width:17em;
}
.clear {
clear:both;
}
/* Linke Spalte Startsseite Ende ----------------- */

/* Rechte Spalte Startseite Start ----------------- */
#col-ri h3 {
font-family:'Overpass-Reg';
font-size:2em;
line-height:2.4em;
color:#ececec;
text-transform:uppercase;
background-color:#005087;
margin:1em 0 0.1em 0;
text-align:center;
padding:0.2em 0 0 0;
}
#col-ri .artikel {
display:block;
margin:0 0 0.5em 0;
background-color:#eeeeee;
}
#col-ri h4 {
font-family:'Overpass-Reg';
font-size:0.9em;
line-height:1.2em;
letter-spacing:0;
text-transform:none;
color:#585858;
padding:1em 0.5em 0 0.8em;
font-weight:normal;
margin:0;
}
#col-ri p {
font-family:'Overpass-Lig';
padding:0 0.5em 0.4em 0.8em;
font-size:0.9em;
line-height:1.6em;
color:#585858;
margin:0;
}
#col-ri img {
width:17em;
overflow:hidden;
height: auto;
}
#col-ri a {
text-decoration:none;
transition:all 0.2s ease-in-out;
}
#col-ri a:link, #col-ri a:visited {
color:#005fa0;
}
#col-ri a:hover, #col-ri a:focus, #col-ri a:active {
color:#000000;
}
/* Rechte Spalteseite Ende ----------------- */

/* Blauer Kasten Startseite Start ------------------ */
.bluebox {
display:block;
font-family:'Overpass-Lig';
font-size:0.9em;
line-height:1.4em;
background-color:#005087;
padding:1em;
color:#ffffff;
}
.bluebox::after {
content: "";
clear:both;
display: block;
}
.bluebox img {
margin:0 0.8em 0 0;
float:left;
}
.bluebox .signatur {
font-family:'Overpass-Lig';
font-size:0.9em;
line-height:1.6em;
color:#ffffff;
}
/* Blauer Kasten Startseite Ende ---- */

/* Allgemeine Formate Start --------- */
h1 {
font-family:'Overpass-Lig';
font-size:2.5em;
line-height:1em;
color:#ffffff;
font-weight:normal;
text-transform:normal;
margin:0.6em 0 0 0.6em;
padding:0;
}
h1 b {
font-family:'Overpass-Reg';
}
h2 {
font-family:'Overpass-Reg';
font-size:3.2em;
line-height:1em;
color:#585858;
font-weight:normal;
text-transform:uppercase;
margin:0.6em 0 0.2em 0;
}
h3 {
font-family:'Overpass-Reg';
line-height:1.2em;
font-size:1.2em;
color:#585858;
margin:1em 0 0.4em 0;
font-weight:normal;
text-transform:uppercase;
letter-spacing: 0.05em;
font-weight:normal;
}
h4 {
font-family:'Overpass-Reg';
line-height:1.2em;
font-size:1em;
color:#585858;
margin:0.5em 0 0.5em 0;
text-transform:uppercase;
letter-spacing: 0.05em;
font-weight:normal;
}
p {
margin:0 0 1.4em 0;
}
em {
color:#009ee0;
font-family:'Overpass-Reg';
text-transform:uppercase;
font-style:normal;
}
hr {
border:0;
height: 2px;
margin: 1em auto 1em auto;
color: #b80c24;
background-color: #005087;
}
a:link, a:visited {
color:#005fa0;
text-decoration:none;
}
a:hover, a:focus, a:active {
color:#669fc6;
text-decoration:none;
}
.bild-links img {
width:16em;
height:auto;
float:left;
margin:0.5em 1em 1em 0;
}
.bild-rechts img {
width:16em;
height:auto;
float:right;
margin:0.5em 0 1em 1em;
}
#content ul {
padding:0 0 0 1em; 
list-style-type:none;
text-indent:-1em;
}
#content ul li {
margin:0 0 0.2em 0;
}
#content ul li::before {
content:"\00BB";
padding:0 0.5em 0 0;
color:#585858;
font-weight:normal;
vertical-align:middle;
}
/* Allgemeine Formate Ende ----------- */

/* Kontakt Start ----------------- */
.kontakt h2 {
font-size:2em;
margin:0 0 1em 0;
}
#karte {
width:100%;
height:22em;
border-top:1px solid #dcdcdc;
border-bottom:1px solid #dcdcdc;
}
#adressen-back {
margin:0 auto 0 auto;
width:100%;
background-color:#8ab0bf;
}
#adressen {
display:block;
max-width:65em;
margin:0.5em auto 0 auto;
padding:0.5em 0 0 0;
color:#ffffff;
line-height:1.4em;
}
#adressen small a {
clear:both;
display:block;
color:#ffffff;
}
#adressen small a:link, #adressen small a:visited {
color:#ffffff;
text-decoration:none;
}
#adressen small a:hover {
color:#ffffff;
text-decoration:underline;
}
#adressen h3 {
color:#ffffff;
}
#adressen table {
margin:2em 0 2em 0;
width:100%;
border:0;
color:#ffffff;
line-height:1.4em;
border-collapse: collapse;
}
#adressen table td {
padding:0 0 2em 0;
width:25%;
}
#adressen table td::first-line {
color:#005fa0;
font-size:1.2em;
text-transform:uppercase;
font-family:'Overpass-Reg';
}
#adressen table td a {
color:#ffffff;
text-decoration:none;
}
#adressen table td .info a:link, #adressen table td .info a:visited {
color:#ffffff;
text-decoration:none;
}
#adressen table td .info a:hover, #adressen table td .info a:focus, #adressen table td .info a:active {
color:#ec7404;
text-decoration:none;
}
#adressen table td .anfahrt a {
display:block;
color:#5a5a5a;
text-transform:uppercase;
text-decoration:none;
font-family:'Overpass-Reg';
margin:0.6em 0 0 0;
}
#adressen table td .anfahrt a:link, #adressen table td .anfahrt a:visited {
color:#5a5a5a;
}
#adressen table td .anfahrt a:hover, #adressen table td .anfahrt a:active, #adressen table td .anfahrt a:focus {
color:#005fa0;
}
#adressen table td .anfahrt a::after {
content: "\00BB";
padding:0 0 0 0.5em;
vertical-align:middle;
}
#adressen table td:empty {
display: none;
}
#adressen table:nth-of-type(2) {
margin:0em 0 2em 0;
}
#adressen table:nth-of-type(2) td:first-line {
display:block;
color:#5a5a5a;
text-transform:uppercase;
font-family:'Overpass-Reg';
font-size:1em;
margin:0;
}
#adressen table:nth-of-type(2) td {
padding:0.2em 0 1.4em 0;
width:33.3%;
vertical-align:top;
}
#adressen table:nth-of-type(2) td h4 {
color:#005fa0;
font-size:1.2em;
text-transform:uppercase;
font-family:'Overpass-Reg';
border-bottom:1px solid #ffffff;
padding:0.5em 0 0.2em 0;
}
#adressen table:nth-of-type(3) td:first-line {
display:block;
color:#5a5a5a;
text-transform:uppercase;
font-family:'Overpass-Reg';
font-size:1em;
margin:0;
}
#adressen table:nth-of-type(3) td h4 {
color:#005fa0;
font-size:1.2em;
text-transform:uppercase;
font-family:'Overpass-Reg';
border-bottom:1px solid #ffffff;
padding:0.5em 0 0.2em 0;
}
/* Kontakt Ende ----------------- */

/* Aktuelles Start ----------------- */
.image-left { 
  float: left; 
  margin: 0 10px 10px 0; 
}
.clearfix:before, .clearfix:after {
  content: ".";    
  display: block;    
  height: 0;    
  overflow: hidden;	
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */
/* Aktuelles Ende ----------------- */

/* Leistungen Start --------------- */
.leistungen h2 {
font-size: 2.4em;
line-height: 1.2em;
font-weight: normal;
text-transform: uppercase;
margin: 1em 0 1em 0;
white-space: pre-wrap;
}
.leistungen .blue {
background-color:#8ab0be;
padding:0.1em 3em 0.1em 1.5em;
color:#ffffff;
}
.leistungen .blue h3 {
color:#ffffff;
}
.leistungen ul {
margin:1em 0 2em 0;
padding:0;
list-style-type:none;
}
.leistungen ul li {
margin:0 0 0.2em 0;
}
.leistungen ul li::before  {
content: '\00BB';
padding:0 0.5em 0 0;
vertical-align:middle;
}
.leistungen p img {
width:70%;
height:auto;
}
/* Leistungen Ende ---------------- */

/* Suche Start -------------------- */
#such-back {
width:100%;
background-color:#d0dfe5;
padding:2em 0 0 0;
}
#such {
max-width:65em;
margin:0 auto;
padding:0;
}
#such h1 {
font-size:1.8em;
line-height:2em;
color:#585858;
margin:0;
padding:0;
}
#erg-back {
width:100%;
background-color:#d0dfe5;
padding:0 0 8em 0;
}
#erg {
max-width:65em;
margin:0 auto;
padding:0;
}
#erg h3 {
line-height:1.6em;
font-size:1.4em;
color:#1ca2d9;
margin:0;
letter-spacing: 0.05em;
text-transform:none;
}
#search_result {
margin:2em 0 0 0;
padding:0;
list-style-type:none;
}
#search_result li span {
margin:0 0.6em 0 0;
}
#search_result li span::before {
content: "\00BB";
margin:0 0.6em 0 0;
}
#search_result li a:link, #search_result li a:visited {
color:#1ca2d9;
text-decoration:none;
border-bottom:1px solid #d3e9f7;
}
#search_result li a:hover, #search_result li a:active, #search_result li a:focus {
color:#1ca2d9;
text-decoration:none;
border-bottom:1px solid #1ca2d9;
}
#search_result li p {
margin:0 0 2.6em 0;
}
#search_result li p::after {
content: "...";
margin:0 0 0 0.2em;
}
/* Suche Ende ----------------- */

/* Aktuelles Anfang ----------------- */
.article {
margin:3em 0 2em 0;
padding:0;
border-bottom:1px solid #b4b4b4;
}
.article:nth-last-of-type(2) {
border:none;
}
.date {
color:#b4b4b4;
font-family:'Overpass-Reg';
font-weight:normal;
margin:0;
}
.article h4 {
margin:0;
}
.article a:link, .article a:visited {
color:#005fa0;
text-decoration:none;	
}
.article a:hover, .article a:focus, .article a:active {
color:#005fa0;
text-decoration:underline;	
}
.aktuell h2:nth-of-type(2) {
font-size:1.4em;
line-height:1.6em;
color:#585858;
margin:0;
margin:0 0 0.4em 0;
}
.aktuell h3 {
font-family:'Overpass-Reg';
font-size:1.2em;
line-height:2em;
color:#585858;
margin:0 0 0.4em 0;
}
.aktuell a:link, .aktuell a:visited {
color:#1ca2d9;
text-decoration:none;
}
.aktuell a:hover, .aktuell a:focus, .aktuell a:active {
color:#1ca2d9;
text-decoration:underline;
}
/* Aktuelles Ende ----------------- */

/* Philosophie Start ----------------- */
#module-back {
background-image: linear-gradient(to top, #e8eff2 45%, #ffffff 45%);
width:100%;
height:28em;
}
#module {
max-width:65em;
height:28em;
margin:0 auto;
}
#philo {
background-color:#e8eff2;
max-width:100%;
padding:2em 0 2em 0;
}
#philotext h3 {
font-size:1.4em;
line-height:1.4em;
color:#005fa0;
margin:0 0 0.5em 0;
}
#philotext h4 {
font-size:1.2em;
line-height:1.4em;
color:#585858;
margin:0 0 0.5em 0;
}
#philotext p {
color:#585858;
}
#philotext {
font-family:'Overpass-Lig';
font-size:1em;
line-height:1.4em;
max-width:65em;
height:18em;
margin:0 auto;
}
#philotext img {
margin-right:20px;
}
#philotext .txt-qualitat, #philotext .txt-mitarbeiter, #philotext .txt-kunden, #philotext .txt-umwelt, #philotext .txt-zertifikate {
display:none;
}
#state-back {
margin:0.5em 0 0 0;
background-color: #8ab0be;
width:100%;
}
#state {
max-width:65em;
margin:0 auto;
font-family:'Overpass-Lig';
font-size:1em;
line-height:1.4em;
color:#585858;
padding:2em 0 2em 0;
}
#state h2 {
font-family:'Overpass-Lig';
line-height:2em;
font-size:1.8em;
color:#ffffff;
margin:0.5em 0 0.5em 0;
letter-spacing: 0.05em;
}
#state h2 a:link, #state h2 a:visited {
color:#ffffff;
text-decoration:none;
}
#state h2 a:hover, #state h2 a:focus, #state h2 a:active {
color:#c4d7de;
text-decoration:none;
}
#state h2 a::after {
content: '\00BB';
padding:0 0 0 0.8em;
}
/* Philosophie Ende ----------------- */

/* Gruppe Start ----------------- */
.organi {
margin:3em 0 3em 0;
width:100%;
height:25em;
background-image:url(../upload/img/grafik-gruppe.png);
background-size:100%;
background-repeat:no-repeat;
}
.gruppe table {
width:100%;
border:0;
border-collapse:collapse;
margin:0 0 5em 0;
}
.gruppe table tr td {
vertical-align:top;
width:33.3%;
position:relative;
}
.gruppe table h4 {
position:relative;
display:block;
color:#ffffff;
height:3em;
text-align:center;
font-family:'Overpass-Reg';
font-weight:normal;
font-size:0.9em;
width:100%;
padding:2em 0 0 0;
margin:0 0 2em 0;
}
.gruppe table tr td:nth-of-type(1), .gruppe table tr td:nth-of-type(2) {
border-right:1em solid #ffffff;
}
.gruppe table tr td:nth-of-type(1) h4 {
background-color:#2aa6a6;
}
.gruppe table tr td:nth-of-type(2) h4 {
background-color:#265887;
}
.gruppe table tr td:nth-of-type(3) h4 {
background-color:#ef5805;
}
.gruppe table tr td a {
position:absolute;
bottom:0;
display:block;
background-color:#585858;
height:2em;
width:95%;
padding:0.6em 0 0 5%;
margin:1em 0 0 0;
text-decoration:none;
}
.gruppe table tr td a:link, .gruppe table tr td a:visited, .gruppe table tr td a:focus {
color:#ffffff;
}
.gruppe table tr td a:hover {
color:#a0a0a0
}
.gruppe table tr td a::after {
content: '\00BB';
padding:0 0 0 0.5em;
vertical-align:middle;
}
.gruppe table ul {
margin:0 0 4em 0;
padding:0;
list-style-type:none;
}
.gruppe table ul li {
margin:0 0 0.2em 0;
}
.gruppe table ul li::before {
content: '\00BB';
padding:0 0.5em 0 0;
vertical-align:middle;
}
/* Gruppe Ende ----------------- */

/* Standard Start -------------- */
.standard ul {
margin:1em 0 2em 0;
padding:0;
list-style-type:none;
}
.standard ul li {
margin:0 0 0.2em 0;
}
.standard ul li::before {
content: '\00BB';
padding:0 0.5em 0 0;
vertical-align:middle;
}
/* Standard Ende --------------- */

/* Richtlinien Start ----------------- */
#blue-back {
width:100%;
background-color:#d0dfe5;
padding:0 0 1em 0;
}
#blue {
max-width:65em;
margin:0 auto;
padding:2em 0 0 0;
}
#blue h1 {
font-size:1.8em;
line-height:2em;
color:#585858;
margin:0 0 1em 0;
text-transform:uppercase;
font-family:'Overpass-Reg'!important;
}
#blue h2 {
font-size:1.2em;
line-height:2em;
color:#005087;
margin:0 0 1.2em 0;
text-transform:uppercase;
font-family:'Overpass-Reg'!important;
}
.guides h3 {
line-height:1.2em;
font-size:1.2em;
color:#1ca2d9;
margin:2em 0 0 0;
letter-spacing: 0.05em;
}
.guides h4 {
line-height:1.2em;
font-size:1.1em;
color:#585858;
margin:1em 0 0 0;
}
.richtlinien-list ol {
list-style-type:upper-roman;
text-indent: 6px;
font-size:1.2em;
line-height:1.2em;
font-weight: bold;
display: inline-block;
margin: 0;
width: 100%;
box-sizing: border-box;
}
.richtlinien-list ol li {
color:#000000;
margin:0 0 1.2em 0;
font-size:0.8em;
line-height:0.8em;
width: 100%;
}
.richtlinien-list ol li a {
text-decoration: none;
display: inline-block;
color:#005fa0;
}
.richtlinien-list ol li a:hover {
text-decoration: underline;
}
.richtlinien-list ol li h2 {
color:#1ca2d9;
margin: 0px !important;
display: block;
}
.richtlinien-list li h2::after {
content: "\00BB";
padding:0 0 0.3em 0.5em;
vertical-align:middle;
}
.richtlinien h3 {
color:#005fa0;
}
.richtlinien h4::first-letter {
text-transform:none;
}
/* Richtlinien Ende ----------------- */

/* Impressum im Hauptmenu Ausblenden Anfang ---------------------- */

ul#nav > li:last-of-type {
display:none;
}
ul#nav > li:nth-last-of-type(2) {
display:none;
}
ul#nav > li:nth-last-of-type(3) {
display:none;
}

/* Impressum im Hauptmenu Ausblenden  Ende ---------------------- */