/* START Schriftart mdepth1, mdepth2, mdepth3 usw. für alle COLs */
.p, .p:hover, .p:focus, .pa, .pa:hover 						{ font-family:'DINPro-CondensedBold',tahoma,arial; text-decoration:none; }
.pp, .pp:hover, .pp:focus, .ppa, .ppa:hover 				{ font-family:'DINPro-CondensedBold',tahoma,arial; text-decoration:none; }
.ppp, .ppp:hover, .ppp:focus, .pppa, .pppa:hover 			{ font-family:'DINPro-CondensedBold',tahoma,arial; text-decoration:none; }
.pppm, .pppm:hover, .pppm:focus, .pppma, .pppma:hover 		{ font-family:'DINPro-CondensedBold',tahoma,arial; text-decoration:none; }
.mpp, .mpp:hover, .mpp:focus, .mppa, .mppa:hover 			{ font-family:'DINPro-CondensedBold',tahoma,arial; text-decoration:none; }
.mppp, .mppp:hover, .mppp:focus, .mpppa, .mpppa:hover 		{ font-family:'DINPro-CondensedBold',tahoma,arial; text-decoration:none; }
.mpppp, .mpppp:hover, .mpppp:focus, .mppppa, .mppppa:hover	{ font-family:'DINPro-CondensedBold',tahoma,arial; text-decoration:none; }
/* ENDE Schriftart mdepth1, mdepth2, mdepth3 usw. für alle COLs */

/* Extra-kleine Geräte (Smartphones, weniger als 768px (col-xs-)) */
/* Kein Media-Query, weil dies der Standard in Bootstrap ist */

/* START BUTTON */
/* Button-Farbe RESPONSIVE Menu über NAVBAR TOGGLE in body.php */
.navbar-toggle { background-color: #71be45; }

/* Button-Farbe RESPONSIVE Menu über BUTTON TOGGLE in body.php */
.button-toggle { border: 0px; background-color: transparent; margin: 0px; padding: 0px 0px 0px 0px; float: right; }
.button-toggle:focus { outline:0; }
/* ENDE BUTTON */

.navbar-collapse {
    border-top: 0px solid transparent;
    -webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
    box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1); }


/* BEI FIXED MENUS - RESPONSIVE SCROLL */
.position { position: static; }
.float { float: none; }

/* ZEILENUMBRUCH <LI> RESPONSIVE */
.dropdown-menu > li > a { white-space: normal; }

.navbar /* KOMPLETTER Menu - Einfasser */ {
  position: relative;
  text-align: center;
  background-color: transparent;
  margin-bottom: 0px;
  border: 0px solid transparent;
  border-radius: 0px; 
  min-height: 0px; }

.navbar-nav { margin: 0px -15px 0px -15px; }

.dropdown-menu /* Responsive Variante */ {
  display: none;
  min-width: 100%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: center;
  list-style: none; }
  
/* Generelle Schalte links / rechts */
.men-left { float: none; }
.men-right { float: none; }

/* <li> im DropDOWN RESPONSIVE Menu AB MDEPTH2 */
.navbar-nav .open .dropdown-menu > li > a, .megacol > a { padding: 15px 15px; }










/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) { 
/* BEI FIXED MENUS - RESPONSIVE SCROLL */
.position { position: fixed; }
.float { float: left !important; }

/* Kompletter Menu Einfasser */
.navbar {
	position: relative;
	text-align: left;
	background-color: transparent;
	margin-bottom: 0px;
	border: 0px solid transparent;
	border-radius: 0px; 
	min-height: 0px; }
.navbar-collapse.collapse { 
	text-align: center; /* MENU ZENTRIERT */ 
	overflow: visible !important; 
	margin-bottom: -5px; }
.navbar-nav {
    display: inline-block;
    float: none;
    margin: 0px;
	padding: 0px; }
.navbar-nav.navbar-right:last-child { margin-right: 0px; }

/* Kompletter DropDownMenu Einfasser */
.dropdown-menu {
	display: none;
	min-width: 0;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	list-style: none;
	border: 1px solid #FFFFFF;
	border-radius: 0px; 
	-webkit-box-shadow: 0 12px 16px rgba(0, 0, 0, .08); 
	box-shadow: 0 12px 16px rgba(0, 0, 0, .08); }

/* <li> im DropDownMenu ab MDEPTH2 */
.dropdown-menu > li > a, .megacol > a { padding: 6px 20px 6px 20px; }

/* Default-Formatierung Pfeil im DropDownMenu */
.dropdown-submenu > a:after {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid; 
    float: right; 
    border-width: 5px 0px 5px 5px;
    border-left-color: #CCCCCC; 
	margin-right: -12px; 
	margin-top: 7px; }
.navbar-left .dropdown-submenu > a:after {
    float: right; 
    border-width: 5px 0px 5px 5px;
    border-left-color: #CCCCCC; 
	margin-right: -12px; 
	margin-top: 7px; }
.navbar-right .dropdown-submenu > a:after {
	float: left; 
    border-width: 5px 5px 5px 0px;
    border-right-color: #CCCCCC; 
	margin-left: -12px; 
	margin-top: 7px; }

/* onHover DropDownMenu bei col-sm, -md, -lg sichtbar */
.navbar ul.nav li:hover > ul.dropdown-menu { display: block; }

/* ZEILENUMBRUCH <LI> RESPONSIVE */
.dropdown-menu > li > a { white-space: nowrap; }
.megacol > a { white-space: normal; }

/* Transparenter Platz neben MENU (KOMPLETT) */
.navbar-collapse { padding-right: 0px; padding-left: 0px; }

/* WICHTIG: Zur Ausrichtung einzelner <li> DropDownMenu */
.dropdown-submenu { position: relative; }
.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    border-top-left-radius: 0; }
.navbar-right .dropdown-submenu .dropdown-menu {
    left: auto;
    right: 100%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; }
.navbar-left .dropdown-submenu .dropdown-menu {
    left: 100;
    right: auto%;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px; }
	
/* Grid demo styles MEGAMENU
.grid-demo { padding: 10px 30px; }
.grid-demo [class*="col-"] {
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    background-color: #e5e1ea;
    border: 1px solid #d1d1d1; } */
}



/* IE Browserweiche 1px Versatz */
@media screen\0 {
	.navbar-nav > li > .dropdown-menu.mega {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
}
/* Firefox Browserweiche 1px Versatz */
@-moz-document url-prefix() {
	.navbar-nav > li > .dropdown-menu.mega {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0; }
}









/* Extra-kleine Geräte (Smartphones, weniger als 768px (col-xs-)) */
/* Kein Media-Query, weil dies der Standard in Bootstrap ist */
.column-xs-1 > a, .column-sm-1 > a, .column-md-2 > a { padding: 12px 25px 12px 15px; }

.megagridtypo { color: #FFFFFF; padding: 15px 20px 15px 20px; font-size: 18px; line-height: 24px; font-weight: 700; text-transform: uppercase; text-align: center; width: 100%; background-color: #f4f6f2; }

.hoch { margin-top: 0px; }
li.responno { display: block; }
.trenner { width: 100%; height: 1px; overflow: hidden; background-color: #FFFFFF; top: 0px; }

.navbar-nav > li > a /* Einzelnes <li> im Menu */ {
    padding-top: 15px;
    padding-bottom: 15px;
	padding-left: 0px;
	padding-right: 0px; 
}

.navbar li .p 			{ color: var(--white); font-size: 19px; text-transform: uppercase; background-color: var(--primary); }
.navbar li .p:hover, 
.navbar li .p:focus, 
.navbar li .pa, 
.navbar li .pa:hover 	{ color: var(--secondary); font-size: 19px; text-transform: uppercase; background-color: var(--primary); }

.navbar li .ppm 		{ color: var(--primary); font-size: 14px; text-transform: uppercase; }
.navbar li .ppm:hover, 
.navbar li .ppm:focus, 
.navbar li .ppma, 
.navbar li .ppma:hover 	{ color: var(--secondary); font-size: 14px; text-transform: uppercase; }

.navbar li .pp 			{ color: #333333; background-color: var(--white); font-size: 18px; text-transform: none; }
.navbar li .pp:hover, 
.navbar li .pp:focus, 
.navbar li .ppa, 
.navbar li .ppa:hover 	{ color: var(--primary); background-color: var(--white); font-size: 18px; text-transform: none; }

.navbar li .ppp 		{ color: var(--secondary); background-color: #f4f6f2; font-size: 18px; text-transform: none; }
.navbar li .ppp:hover, 
.navbar li .ppp:focus, 
.navbar li .pppa, 
.navbar li .pppa:hover 	{ color: var(--primary); background-color: #f4f6f2; font-size: 18px; text-transform: none; }

.navbar li .pppm 		{ color: #333333; background-color: var(--white); font-size: 18px; text-transform: none; }
.navbar li .pppm:hover, 
.navbar li .pppm:focus, 
.navbar li .pppma, 
.navbar li .pppma:hover { color: var(--primary); background-color: var(--white); font-size: 18px; text-transform: none; }

.navbar li .column-xs-1 .pppm 			{ color: #71be45; background-color: #FFFFFF; font-size: 14px; text-transform: none; display: inline-block; }
.navbar li .column-xs-1 .pppm:hover, 
.navbar li .column-xs-1 .pppm:focus, 
.navbar li .column-xs-1 .pppma, 
.navbar li .column-xs-1 .pppma:hover 	{ color: #ffffff; background-color: #86c861; font-size: 14px; text-transform: none; display: inline-block; }

.navbar li .pppp 		{ color: #007b2f; background-color: #71be45; font-size: 18px; text-transform: none; }
.navbar li .pppp:hover, 
.navbar li .pppp:focus, 
.navbar li .ppppa, 
.navbar li .ppppa:hover { color: #FFFFFF; background-color: #71be45; font-size: 18px; text-transform: none; }

a.mpp 				{ color:var(--primary); font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:hover, 
a.mpp:focus, 
a.mppa, 
a.mppa:hover		{ color:var(--secondary); font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }

.mdepth2 			{ width: 100%; height: 100%; padding: 15px 0px; }
.mdepth2:hover, 
.mdepth2:focus, 
.mdepth2a, 
.mdepth2a:hover		{ width: 100%; height: 100%; padding: 15px 0px; }





/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) { 
.megagridtypo { color: #71be45; padding: 15px 20px 15px 20px; font-size: 12px; line-height: 18px; text-transform: uppercase; text-align: left; background-color: transparent; }

.mega { left: 50%; margin-left: -359px; width: 718px; }
.hoch { margin-top: 26px; }
li.responno { display: none; }
.trenner { width: 12px; height: 1px; overflow: hidden; background-color: transparent; margin-top: 0px; }

.navbar-nav > li > a /* Einzelnes <li> im Menu */ {
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px; }

/* <li> im DropDownMenu ab MDEPTH2 */
.dropdown-menu > li > a, .megacol > a { padding: 8px 20px; border-bottom: 1px solid #999999; margin-left: 10px; margin-right: 10px; }
.dropdown-menu > li:last-of-type > a { padding: 8px 20px; border-bottom: 0px solid #999999; margin-left: 10px; margin-right: 10px; }

.navbar li .p 			{ font-size: 16px; border-radius: 0px; border: 0px; background-color: transparent; }
.navbar li .p:hover, 
.navbar li .p:focus, 
.navbar li .pa, 
.navbar li .pa:hover 	{ font-size: 16px; border-radius: 0px; border: 0px; background-color: transparent; }

.navbar li .ppm 		{ font-size: 13px; }
.navbar li .ppm:hover, 
.navbar li .ppm:focus, 
.navbar li .ppma, 
.navbar li .ppma:hover 	{ font-size: 13px; }

.navbar li .pp 			{ color: #333333; background-color: var(--white); font-size: 16px; }
.navbar li .pp:hover, 
.navbar li .pp:focus, 
.navbar li .ppa, 
.navbar li .ppa:hover 	{ color: var(--white); background-color: var(--primary); font-size: 16px; }

.navbar li .ppp 		{ color: #333333; background-color: var(--white); font-size: 16px; }
.navbar li .ppp:hover, 
.navbar li .ppp:focus, 
.navbar li .pppa, 
.navbar li .pppa:hover 	{ color: var(--white); background-color:var(--secondary); font-size: 16px; }

.navbar li .pppm 		{ color: #333333; background-color: var(--white); font-size: 16px; }
.navbar li .pppm:hover, 
.navbar li .pppm:focus, 
.navbar li .pppma, 
.navbar li .pppma:hover { color: var(--white); background-color:var(--primary); font-size: 16px; }

.column-xs-1 > a, .column-sm-1 > a, .column-md-2 > a 	{ padding: 6px 20px 6px 20px; }
.navbar li .column-sm-1,.navbar li .column-md-2 		{ -webkit-column-gap: 0px; column-gap: 0px; }

.navbar li .column-sm-1 .pppm 			{ color: #333333; background-color: #FFFFFF; font-size: 12px; text-transform: none; display: inline-block; }
.navbar li .column-sm-1 .pppm:hover, 
.navbar li .column-sm-1 .pppm:focus, 
.navbar li .column-sm-1 .pppma, 
.navbar li .column-sm-1 .pppma:hover 	{ color: #ffffff; background-color: #48a63d; font-size: 12px; text-transform: none; display: inline-block; }

.navbar li .pppp 		{ color: #333333; background-color: #FFFFFF; font-size: 16px; text-transform: none; }
.navbar li .pppp:hover, 
.navbar li .pppp:focus, 
.navbar li .ppppa, 
.navbar li .ppppa:hover { color: #ffffff; background-color: #007b2f; font-size: 16px; text-transform: none; }

a.mpp 				{ color:var(--primary); font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:hover, 
a.mpp:focus, 
a.mppa, 
a.mppa:hover		{ color:var(--secondary); font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }

a.mppp 				{ color:var(--primary); font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp:hover, 
a.mppp:focus, 
a.mpppa, 
a.mpppa:hover		{ color:var(--secondary); font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }

a.mpppp 			{ color:var(--primary); font-size: 17px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppp:hover, 
a.mpppp:focus, 
a.mppppa, 
a.mppppa:hover		{ color:var(--secondary); font-size: 17px; text-align: left; text-transform: none; text-decoration: none; }

.mdepth2 			{ width: 100%; height: 100%; padding: 15px 0px; }
.mdepth2:hover, 
.mdepth2:focus, 
.mdepth2a, 
.mdepth2a:hover		{ width: 100%; height: 100%; padding: 15px 0px; }

.mdepth3 			{ width: 100%; height: 100%; padding: 0px 0px 12px 0px; }
.mdepth3:hover, 
.mdepth3:focus, 
.mdepth3a, 
.mdepth3a:hover		{ width: 100%; height: 100%; padding: 0px 0px 12px 0px; }

.mdepth4 			{ width: 100%; height: 100%; padding: 0px 0px 12px 0px; }
.mdepth4:hover, 
.mdepth4:focus, 
.mdepth4a, 
.mdepth4a:hover		{ width: 100%; height: 100%; padding: 0px 0px 12px 0px; }
}





/* Mittlere Geräte (Desktop-PCs, 992px und breiter (col-md-)) */
@media (min-width: 992px) { 
.megagridtypo { padding: 15px 10px; font-size: 14px; line-height: 20px; }

.mega { left: 50%; margin-left: -471px; width: 942px; }
.hoch { margin-top: 26px; }
.trenner { width: 20px; height: 1px; overflow: hidden; background-color: transparent; margin-top: 0px; }

.navbar-nav > li > a /* Einzelnes <li> im Menu */ {
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px; }

/* <li> im DropDownMenu ab MDEPTH2 */
.dropdown-menu > li > a, .megacol > a { padding: 9px 20px; border-bottom: 1px solid #999999; margin-left: 10px; margin-right: 10px; }
.dropdown-menu > li:last-of-type > a { padding: 9px 20px; border-bottom: 0px solid #999999; margin-left: 10px; margin-right: 10px; }

.navbar li .p 			{ font-size: 20px; }
.navbar li .p:hover, 
.navbar li .p:focus, 
.navbar li .pa, 
.navbar li .pa:hover 	{ font-size: 20px; }

.navbar li .ppm 		{ font-size: 17px; }
.navbar li .ppm:hover, 
.navbar li .ppm:focus, 
.navbar li .ppma, 
.navbar li .ppma:hover 	{ font-size: 17px; }

.navbar li .pp 			{ font-size: 19px; }
.navbar li .pp:hover, 
.navbar li .pp:focus, 
.navbar li .ppa, 
.navbar li .ppa:hover 	{ font-size: 19px; }

.navbar li .ppp 		{ font-size: 19px; }
.navbar li .ppp:hover, 
.navbar li .ppp:focus, 
.navbar li .pppa, 
.navbar li .pppa:hover 	{ font-size: 19px; }

.navbar li .pppm 		{ font-size: 19px; }
.navbar li .pppm:hover, 
.navbar li .pppm:focus, 
.navbar li .pppma, 
.navbar li .pppma:hover { font-size: 19px; }

.navbar li .column-md-2 .pppm 			{ color: #333333; background-color: #FFFFFF; font-size: 16px; text-transform: none; display: inline-block; }
.navbar li .column-md-2 .pppm:hover, 
.navbar li .column-md-2 .pppm:focus, 
.navbar li .column-md-2 .pppma, 
.navbar li .column-md-2 .pppma:hover 	{ color: #ffffff; background-color: #48a63d; font-size: 16px; text-transform: none; display: inline-block; }

.navbar li .pppp 		{ font-size: 19px; }
.navbar li .pppp:hover, 
.navbar li .pppp:focus, 
.navbar li .ppppa, 
.navbar li .ppppa:hover { font-size: 19px; }

a.mpp 				{ font-size: 20px; }
a.mpp:hover, 
a.mpp:focus, 
a.mppa, 
a.mppa:hover		{ font-size: 20px; }

a.mppp 				{ font-size: 20px; }
a.mppp:hover, 
a.mppp:focus, 
a.mpppa, 
a.mpppa:hover		{ font-size: 20px; }

a.mpppp 			{ font-size: 18px; }
a.mpppp:hover, 
a.mpppp:focus, 
a.mppppa, 
a.mppppa:hover		{ font-size: 18px; }
}





/* Große Geräte (Desktop-PCs, 1200px und breiter (col-lg-)) */
@media (min-width: 1200px) { 
.megagridtypo { padding: 15px 15px; font-size: 16px; line-height: 22px; }

.mega { left: 50%; margin-left: -570px; width: 1140px; }
.hoch { margin-top: 26px; }
.trenner { width: 30px; height: 1px; overflow: hidden; background-color: transparent; margin-top: 0px; }

.navbar-nav > li > a /* Einzelnes <li> im Menu */ {
    padding-top: 10px;
    padding-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px; }

/* <li> im DropDownMenu ab MDEPTH2 */
.dropdown-menu > li > a, .megacol > a { padding: 10px 20px; border-bottom: 1px solid #999999; margin-left: 10px; margin-right: 10px; }
.dropdown-menu > li:last-of-type > a { padding: 10px 20px; border-bottom: 0px solid #999999; margin-left: 10px; margin-right: 10px; }

.navbar li .p 			{ font-size: 21px; }
.navbar li .p:hover, 
.navbar li .p:focus, 
.navbar li .pa, 
.navbar li .pa:hover 	{ font-size: 21px; }

.navbar li .ppm 		{ font-size: 18px; }
.navbar li .ppm:hover, 
.navbar li .ppm:focus, 
.navbar li .ppma, 
.navbar li .ppma:hover 	{ font-size: 18px; }

.navbar li .pp 			{ font-size: 20px; }
.navbar li .pp:hover, 
.navbar li .pp:focus, 
.navbar li .ppa, 
.navbar li .ppa:hover 	{ font-size: 20px; }

.navbar li .ppp 		{ font-size: 20px; }
.navbar li .ppp:hover, 
.navbar li .ppp:focus, 
.navbar li .pppa, 
.navbar li .pppa:hover 	{ font-size: 20px; }

.navbar li .pppm 		{ font-size: 20px; }
.navbar li .pppm:hover, 
.navbar li .pppm:focus, 
.navbar li .pppma, 
.navbar li .pppma:hover { font-size: 20px; }

.navbar li .pppp 		{ font-size: 20px; }
.navbar li .pppp:hover, 
.navbar li .pppp:focus, 
.navbar li .ppppa, 
.navbar li .ppppa:hover { font-size: 20px; }

a.mpp 				{ font-size: 21px; }
a.mpp:hover, 
a.mpp:focus, 
a.mppa, 
a.mppa:hover		{ font-size: 21px; }

a.mppp 				{ font-size: 21px; }
a.mppp:hover, 
a.mppp:focus, 
a.mpppa, 
a.mpppa:hover		{ font-size: 21px; }

a.mpppp 			{ font-size: 19px; }
a.mpppp:hover, 
a.mpppp:focus, 
a.mppppa, 
a.mppppa:hover		{ font-size: 19px; }
}