#navigation {
position: relative; background-color: #FFFFFF; padding-top: 15px; height: 130px;
box-shadow:.125em .25em 1.75em rgba(0, 0, 0, 0.3);
-moz-box-shadow:.125em .25em 1.75em rgba(0, 0, 0, 0.3);
-webkit-box-shadow:.125em .25em 1.75em rgba(0, 0, 0, 0.3);
z-index: 90; }


	.navi	{ display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; } /* Erstes <UL>*/
	.navi li	{ flex: 0 0 auto; min-width: 100px; text-align: center; height: 110px; cursor: pointer; list-style: none; }
	.navi li a	{ font-size: 1.3em; color: #7F7F7F; padding-bottom: 86px; }
	.navi li a:hover	{ color: #9A1914; }


	/* .navi	{ list-style: none; text-align: justify; }
	.navi li	{ display: inline-block; position: relative; height: 110px; width: 16%; text-align: center; cursor: pointer; margin: 0!important; padding: 0!important; }
	.navi li a	{ font-size: 1em; color: #7F7F7F; padding-bottom: 86px; }
	.navi li a:hover	{ color: #9A1914; } */

/* Unternavigation */ .navi ul { position: absolute; display: none; width: 340px; left: -50px; top: 115px; background: #FFFFFF; list-style-type: none; overflow: auto; z-index: 200; text-align: center; border-radius: 0 0 8px 8px;  
box-shadow:.125em .25em 1.75em rgba(0, 0, 0, 0.3);
-moz-box-shadow:.125em .25em 1.75em rgba(0, 0, 0, 0.3);
-webkit-box-shadow:.125em .25em 1.75em rgba(0, 0, 0, 0.3);
		}
		.navi ul li { height: 2em; width: 330px; display: list-item; padding: 5px; margin: 0; text-align: center; }
		.navi ul li:first-child	{ position: absolute; top: -16px; background-color: #FFFFFF; }
		.navi ul li:last-child	{ border-radius: 0 0 8px 8px; padding-bottom: 15px; }
		.navi ul li a { color: #9A1914; }
		.navi ul li a:hover { color: #575757; }
		.use-hover li:hover ul ul { display: none; }
		.use-hover li:hover ul { display: block; }

#sicherheitsplaene_btn	{ background: transparent url(../images/betriebssymbole/sicherheitsplaene.png) center 12px no-repeat; }
#sicherheitsplaene_btn:hover	{ background-position: center -88px; }
#konzepte_btn	{ background: transparent url(../images/betriebssymbole/konzepte.png) center 12px no-repeat;  }
#konzepte_btn:hover	{ background-position: center -88px; }
#academy_btn	{ background: transparent url(../images/betriebssymbole/academy.png) center 12px no-repeat; }
#academy_btn:hover	{ background-position: center -88px; }
#musterplaene_btn	{ background: transparent url(../images/betriebssymbole/musterplaene.png) center 12px no-repeat; }
#musterplaene_btn:hover	{ background-position: center -88px; }
#wartung_btn	{ background: transparent url(../images/betriebssymbole/wartung.png) center 12px no-repeat; }
#wartung_btn:hover	{ background-position: center -88px; }
#shop_btn	{ background: transparent url(../images/betriebssymbole/shop.png) center 12px no-repeat; }
#shop_btn:hover	{ background-position: center -88px; }
#referenzen_btn	{ background: transparent url("../images/betriebssymbole/referenzen.png") center 12px no-repeat; }
#referenzen_btn:hover	{ background-position: center -88px; }
#links_btn { background: transparent url(../images/betriebssymbole/links.png) center 12px no-repeat; }
#links_btn:hover { background-position: center -88px; }
#firma_btn { background: transparent url(../images/betriebssymbole/firma.png) center 12px no-repeat; }
#firma_btn:hover { background-position: center -88px; }

.navi_schliessen { position: absolute; top: -25px; right: -1px; cursor: pointer; width: 20px; height: 20px; background: transparent url(../images/schliessen.png) center top no-repeat; background-size: 20px 40px; }
.navi_schliessen:hover { background-position: center bottom; }

#sicherheitsplaene_btn, #konzepte_btn, #academy_btn, #musterplaene_btn, #wartung_btn, #shop_btn, #referenzen_btn, #links_btn, #firma_btn { background-size: 100px 200px; }

.naviBox a { color: #7F7F7F; }
.naviBox h2 { font-size: 16px; }

/* #naviPlaeneTitelseite { position: relative; width: 100%; z-index: 89; background: #FFFFFF; }
#naviPlaeneTitelseite h2 { text-align: center; margin: 18px 0 16px 0; }
#naviPlaeneTitelseite .naviBox { width: 23.5%; float: left; background-color: #F2F2F2; margin: 1.5% 2% 1.5% 0; }
#naviPlaeneTitelseite .naviBox:nth-child(4) { margin-right: 0; border: 1px solid #FFFFFF; }
#naviPlaeneTitelseite .naviBox:nth-child(8) { margin-right: 0; border: 1px solid #FFFFFF; }
#naviPlaeneTitelseite .naviBox img { max-width: 90%; height: auto; margin: 5%; } */

#naviPlaene { display: none; position: absolute; width: 100%; z-index: 90; background: #FFFFFF;
box-shadow: 0em .25em 1.75em rgba(0, 0, 0, 0.3);
-moz-box-shadow:.125em .25em 1.75em rgba(0, 0, 0, 0.3);
-webkit-box-shadow:.125em .25em 1.75em rgba(0, 0, 0, 0.3);
border-top: 35px solid #FFFFFF;
 }
#naviPlaene h2 { text-align: center; margin: 14 0 12px 0; }
#naviPlaene .naviBox { width: 23.5%; float: left; background-color: #F2F2F2; margin: 0.3% 2% 1.8% 0; }
#naviPlaene .naviBox:nth-child(4) { margin-right: 0; border: 1px solid #FFFFFF; }
#naviPlaene .naviBox:nth-child(8) { margin-right: 0; border: 1px solid #FFFFFF; }
#naviPlaene .naviBox img { max-width: 90%; height: auto; margin: 5%; }

#naviKonzeptSchulung { display: none; position: absolute; width: 100%; z-index: 90; background: #FFFFFF;
box-shadow: 0em .25em 1.75em rgba(0, 0, 0, 0.3);
-moz-box-shadow:.125em .25em 1.75em rgba(0, 0, 0, 0.3);
-webkit-box-shadow:.125em .25em 1.75em rgba(0, 0, 0, 0.3);
border-top: 35px solid #FFFFFF;
 }
#naviKonzeptSchulung h2 { text-align: center; margin: 14 0 12px 0; }
#naviKonzeptSchulung .naviBox { width: 23.5%; float: left; background-color: #F2F2F2; margin: 0.3% 2% 1.8% 0; }
#naviKonzeptSchulung .naviBox:nth-child(4) { margin-right: 0; border: 1px solid #FFFFFF; }
#naviKonzeptSchulung .naviBox:nth-child(8) { margin-right: 0; border: 1px solid #FFFFFF; }
#naviKonzeptSchulung .naviBox img { max-width: 90%; height: auto; margin: 5%; }

#naviMusterplaene { display: none; position: absolute; width: 100%; z-index: 90; background: #FFFFFF;
box-shadow: 0em .25em 1.75em rgba(0, 0, 0, 0.3);
-moz-box-shadow:.125em .25em 1.75em rgba(0, 0, 0, 0.3);
-webkit-box-shadow:.125em .25em 1.75em rgba(0, 0, 0, 0.3);
border-top: 35px solid #FFFFFF;
 }
#naviMusterplaene h2 { text-align: center; margin: 14 0 12px 0; }
#naviMusterplaene .naviBox { width: 23.5%; float: left; background-color: #F2F2F2; margin: 0.3% 2% 1.8% 0; }
#naviMusterplaene .naviBox:nth-child(4) { margin-right: 0; border: 1px solid #FFFFFF; }
#naviMusterplaene .naviBox:nth-child(8) { margin-right: 0; border: 1px solid #FFFFFF; }
#naviMusterplaene .naviBox img { max-width: 90%; height: auto; margin: 5%; }

#unternaviFirma { display: none; position: absolute; width: 100%; z-index: 90; background: #FFFFFF;
box-shadow: 0em .25em 1.75em rgba(0, 0, 0, 0.3);
-moz-box-shadow:.125em .25em 1.75em rgba(0, 0, 0, 0.3);
-webkit-box-shadow:.125em .25em 1.75em rgba(0, 0, 0, 0.3);
border-top: 35px solid #FFFFFF;
 }
#unternaviFirma h2 { text-align: center; margin: 14 0 12px 0; }
#unternaviFirma .naviBox { width: 23.5%; float: left; background-color: #F2F2F2; margin: 0.3% 2% 1.8% 0; }
#unternaviFirma .naviBox:nth-child(4) { margin-right: 0; border: 1px solid #FFFFFF; }
#unternaviFirma .naviBox:nth-child(8) { margin-right: 0; border: 1px solid #FFFFFF; }
#unternaviFirma .naviBox img { max-width: 90%; height: auto; margin: 5%; }