/* START Schriftart mdepth1, mdepth2, mdepth3 usw. für alle COLs */
.p, .p:hover, .p:focus, .pa, .pa:hover {font-family:'PT Sans',tahoma,arial;text-decoration:none;font-weight:normal;}
.pp, .pp:hover, .pp:focus, .ppa, .ppa:hover {font-family:'PT Sans',tahoma,arial;text-decoration:none;font-weight:normal;}
.ppp, .ppp:hover, .ppp:focus, .pppa, .pppa:hover {font-family:'PT Sans',tahoma,arial;text-decoration:none;font-weight:normal;}
.mpp, .mpp:hover, .ppp:focus, .mppa, .mppa:hover {font-family:'PT Sans',tahoma,arial;text-decoration:none;font-weight:normal;}
/* 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: #619fbc; }

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


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

/* 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 15px -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;
}

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





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

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

.navbar /* KOMPLETTER Menu - Einfasser */ {
  position: relative;
  text-align: left;
  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 /* Dropdown Desktop Variante */ {
  display: none;
  min-width: 100%;
  padding: 2px 2px 2px 2px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  list-style: none;
  border: 1px solid #d8d8d8;
  border-radius: 0px;
}

/* <li> im DropDOWN DESKTOP Menu AB MDEPTH2 */
.dropdown-menu > li > a  { padding: 6px 20px 6px 20px; }





/* Formatierung MDEPTH 3 & MDEPTH 4 */
.dropdown-submenu { position: relative; }

.dropdown-submenu > .dropdown-menu {
    top: 0;
    right: 100%; /* AUSRICHTUNG navbar-right od. navbar-left in body.php */
    margin-top: -6px;
    margin-left: -1px; 
	/* margin-right: -1px; */
    -webkit-border-radius: 0px 0px 0px 0px;
    -moz-border-radius: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
}

.dropdown-submenu:hover > .dropdown-menu { display: block; }

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    margin-top: 5px;
    
	/* PFEIL RECHTS */
	/* float: right; 
    border-width: 6px 0px 6px 6px;
    border-left-color: #ccc; 
	margin-right: -12px; */ 
	/* ENDE PFEIL RECHTS */
	
	/* PFEIL LINKS */
	float: left; 
    border-width: 6px 6px 6px 0px;
    border-right-color: #ccc; 
	margin-left: -12px;
	/* ENDE PFEIL LINKS */
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff; border-right-color: #fff;
}

/* mouseOVER Menu bei col-sm, -md, -lg > RESPONSIVE AUS */
.navbar ul.nav li:hover > ul.dropdown-menu { display: block; }

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









/* Extra-kleine Geräte (Smartphones, weniger als 768px (col-xs-)) */
/* Kein Media-Query, weil dies der Standard in Bootstrap ist */
.hoch { margin-top: 0px; }
.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: #2e3337; background-color: #f6f6f8; font-size: 14px; text-transform: uppercase; }
.navbar li .p:hover 	{ color: #FFFFFF; background-color: #8cbc08; font-size: 14px; text-transform: uppercase; }
.navbar li .p:focus 	{ color: #FFFFFF; background-color: #8cbc08; font-size: 14px; text-transform: uppercase; }
.navbar li .pa 		{ color: #FFFFFF; background-color: #8cbc08; font-size: 14px; text-transform: uppercase; }
.navbar li .pa:hover 	{ color: #FFFFFF; background-color: #8cbc08; font-size: 14px; text-transform: uppercase; }

.navbar li .pp 		{ color: #FFFFFF; background-color: #8cbc08; font-size: 14px; text-transform: uppercase; }
.navbar li .pp:hover 	{ color: #2e3337; background-color: #8cbc08; font-size: 14px; text-transform: uppercase; }
.navbar li .pp:focus 	{ color: #2e3337; background-color: #8cbc08; font-size: 14px; text-transform: uppercase; }
.navbar li .ppa 		{ color: #2e3337; background-color: #8cbc08; font-size: 14px; text-transform: uppercase; }
.navbar li .ppa:hover 	{ color: #2e3337; background-color: #8cbc08; font-size: 14px; text-transform: uppercase; }

.navbar li .ppp 		{ color: #FFFFFF; background-color: #8cbc08; font-size: 14px; text-transform: uppercase; }
.navbar li .ppp:hover 	{ color: #2e3337; background-color: #8cbc08; font-size: 14px; text-transform: uppercase; }
.navbar li .ppp:focus 	{ color: #2e3337; background-color: #8cbc08; font-size: 14px; text-transform: uppercase; }
.navbar li .pppa 		{ color: #2e3337; background-color: #8cbc08; font-size: 14px; text-transform: uppercase; }
.navbar li .pppa:hover 	{ color: #2e3337; background-color: #8cbc08; font-size: 14px; text-transform: uppercase; }



/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) { 
.hoch { margin-top: 14px; }
.trenner { width: 35px; height: 1px; overflow: hidden; background-color: transparent; margin-top: 0px; }

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

.navbar li .p 			{ color: #2e3337; font-size: 14px; text-transform: uppercase; border-radius: 0px; border: 0px; background-color: transparent; font-weight: bold; background-image: url("../design/icon_mdepth1.png"); background-repeat: no-repeat; background-position: bottom; background-color: transparent; }
.navbar li .p:hover 	{ color: #8cbc08; font-size: 14px; text-transform: uppercase; border-radius: 0px; border: 0px; background-color: transparent; font-weight: bold; background-image: url("../design/icon_mdepth1a.png"); background-repeat: no-repeat; background-position: bottom; background-color: transparent; }
.navbar li .p:focus 	{ color: #8cbc08; font-size: 14px; text-transform: uppercase; border-radius: 0px; border: 0px; background-color: transparent; font-weight: bold; background-image: url("../design/icon_mdepth1a.png"); background-repeat: no-repeat; background-position: bottom; background-color: transparent; }
.navbar li .pa 		{ color: #8cbc08; font-size: 14px; text-transform: uppercase; border-radius: 0px; border: 0px; background-color: transparent; font-weight: bold; background-image: url("../design/icon_mdepth1a.png"); background-repeat: no-repeat; background-position: bottom; background-color: transparent; }
.navbar li .pa:hover 	{ color: #8cbc08; font-size: 14px; text-transform: uppercase; border-radius: 0px; border: 0px; background-color: transparent; font-weight: bold; background-image: url("../design/icon_mdepth1a.png"); background-repeat: no-repeat; background-position: bottom; background-color: transparent; }

.navbar li .pp 		{ color: #2e3337; background-color: #FFFFFF; font-size: 14px; text-transform: none; }
.navbar li .pp:hover 	{ color: #ffffff; background-color: #8cbc08; font-size: 14px; text-transform: none; }
.navbar li .pp:focus 	{ color: #ffffff; background-color: #8cbc08; font-size: 14px; text-transform: none; }
.navbar li .ppa 		{ color: #ffffff; background-color: #8cbc08; font-size: 14px; text-transform: none; }
.navbar li .ppa:hover 	{ color: #ffffff; background-color: #8cbc08; font-size: 14px; text-transform: none; }

.navbar li .ppp 		{ color: #2e3337; background-color: #FFFFFF; font-size: 14px; text-transform: none; }
.navbar li .ppp:hover 	{ color: #ffffff; background-color: #8cbc08; font-size: 14px; text-transform: none; }
.navbar li .ppp:focus 	{ color: #ffffff; background-color: #8cbc08; font-size: 14px; text-transform: none; }
.navbar li .pppa 		{ color: #ffffff; background-color: #8cbc08; font-size: 14px; text-transform: none; }
.navbar li .pppa:hover 	{ color: #ffffff; background-color: #8cbc08; font-size: 14px; text-transform: none; }

a.mpp 			{ color: #8cbc08; font-size: 14px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:hover 		{ color: #FFFFFF; font-size: 14px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:focus 		{ color: #FFFFFF; font-size: 14px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa 			{ color: #FFFFFF; font-size: 14px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa:hover	{ color: #FFFFFF; font-size: 14px; text-align: left; text-transform: none; text-decoration: none; }

.mdepth2 			{ background-color: #FFFFFF; width: 100%; height: 100%; padding: 8px; border-bottom: 1px solid #cbcaca; }
.mdepth2:hover 		{ background-color: #8cbc08; width: 100%; height: 100%; padding: 8px; border-bottom: 1px solid #cbcaca; }
.mdepth2:focus 		{ background-color: #8cbc08; width: 100%; height: 100%; padding: 8px; border-bottom: 1px solid #cbcaca; }
.mdepth2a 			{ background-color: #8cbc08; width: 100%; height: 100%; padding: 8px; border-bottom: 1px solid #cbcaca; }
.mdepth2a:hover	{ background-color: #8cbc08; width: 100%; height: 100%; padding: 8px; border-bottom: 1px solid #cbcaca; }
}



/* Mittlere Geräte (Desktop-PCs, 992px und breiter (col-md-)) */
@media (min-width: 992px) { 
.hoch { margin-top: 17px; }
.trenner { width: 50px; height: 1px; overflow: hidden; background-color: transparent; margin-top: 0px; }

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

.navbar li .p 			{ color: #2e3337; font-size: 16px; text-transform: uppercase; border-radius: 0px; border: 0px; background-color: transparent; font-weight: bold; background-image: url("../design/icon_mdepth1.png"); background-repeat: no-repeat; background-position: bottom; background-color: transparent; }
.navbar li .p:hover 	{ color: #8cbc08; font-size: 16px; text-transform: uppercase; border-radius: 0px; border: 0px; background-color: transparent; font-weight: bold; background-image: url("../design/icon_mdepth1a.png"); background-repeat: no-repeat; background-position: bottom; background-color: transparent; }
.navbar li .p:focus 	{ color: #8cbc08; font-size: 16px; text-transform: uppercase; border-radius: 0px; border: 0px; background-color: transparent; font-weight: bold; background-image: url("../design/icon_mdepth1a.png"); background-repeat: no-repeat; background-position: bottom; background-color: transparent; }
.navbar li .pa 		{ color: #8cbc08; font-size: 16px; text-transform: uppercase; border-radius: 0px; border: 0px; background-color: transparent; font-weight: bold; background-image: url("../design/icon_mdepth1a.png"); background-repeat: no-repeat; background-position: bottom; background-color: transparent; }
.navbar li .pa:hover 	{ color: #8cbc08; font-size: 16px; text-transform: uppercase; border-radius: 0px; border: 0px; background-color: transparent; font-weight: bold; background-image: url("../design/icon_mdepth1a.png"); background-repeat: no-repeat; background-position: bottom; background-color: transparent; }

.navbar li .pp 		{ color: #2e3337; background-color: #FFFFFF; font-size: 16px; text-transform: none; }
.navbar li .pp:hover 	{ color: #ffffff; background-color: #8cbc08; font-size: 16px; text-transform: none; }
.navbar li .pp:focus 	{ color: #ffffff; background-color: #8cbc08; font-size: 16px; text-transform: none; }
.navbar li .ppa 		{ color: #ffffff; background-color: #8cbc08; font-size: 16px; text-transform: none; }
.navbar li .ppa:hover 	{ color: #ffffff; background-color: #8cbc08; font-size: 16px; text-transform: none; }

.navbar li .ppp 		{ color: #2e3337; background-color: #FFFFFF; font-size: 18px; text-transform: none; }
.navbar li .ppp:hover 	{ color: #ffffff; background-color: #8cbc08; font-size: 18px; text-transform: none; }
.navbar li .ppp:focus 	{ color: #ffffff; background-color: #8cbc08; font-size: 18px; text-transform: none; }
.navbar li .pppa 		{ color: #ffffff; background-color: #8cbc08; font-size: 18px; text-transform: none; }
.navbar li .pppa:hover 	{ color: #ffffff; background-color: #8cbc08; font-size: 18px; text-transform: none; }

a.mpp 			{ color: #8cbc08; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:hover 		{ color: #FFFFFF; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:focus 		{ color: #FFFFFF; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa 			{ color: #FFFFFF; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa:hover	{ color: #FFFFFF; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }

.mdepth2 			{ background-color: #FFFFFF; width: 100%; height: 100%; padding: 8px; border-bottom: 1px solid #cbcaca; }
.mdepth2:hover 		{ background-color: #8cbc08; width: 100%; height: 100%; padding: 8px; border-bottom: 1px solid #cbcaca; }
.mdepth2:focus 		{ background-color: #8cbc08; width: 100%; height: 100%; padding: 8px; border-bottom: 1px solid #cbcaca; }
.mdepth2a 			{ background-color: #8cbc08; width: 100%; height: 100%; padding: 8px; border-bottom: 1px solid #cbcaca; }
.mdepth2a:hover	{ background-color: #8cbc08; width: 100%; height: 100%; padding: 8px; border-bottom: 1px solid #cbcaca; }
}



/* Große Geräte (Desktop-PCs, 1200px und breiter (col-lg-)) */
@media (min-width: 1200px) { 
.hoch { margin-top: 16px; }
.trenner { width: 50px; height: 1px; overflow: hidden; background-color: transparent; margin-top: 0px; }

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

.navbar li .p 			{ color: #2e3337; font-size: 18px; text-transform: uppercase; border-radius: 0px; border: 0px; background-color: transparent; font-weight: bold; background-image: url("../design/icon_mdepth1.png"); background-repeat: no-repeat; background-position: bottom; background-color: transparent; }
.navbar li .p:hover 	{ color: #8cbc08; font-size: 18px; text-transform: uppercase; border-radius: 0px; border: 0px; background-color: transparent; font-weight: bold; background-image: url("../design/icon_mdepth1a.png"); background-repeat: no-repeat; background-position: bottom; background-color: transparent; }
.navbar li .p:focus 	{ color: #8cbc08; font-size: 18px; text-transform: uppercase; border-radius: 0px; border: 0px; background-color: transparent; font-weight: bold; background-image: url("../design/icon_mdepth1a.png"); background-repeat: no-repeat; background-position: bottom; background-color: transparent; }
.navbar li .pa 		{ color: #8cbc08; font-size: 18px; text-transform: uppercase; border-radius: 0px; border: 0px; background-color: transparent; font-weight: bold; background-image: url("../design/icon_mdepth1a.png"); background-repeat: no-repeat; background-position: bottom; background-color: transparent; }
.navbar li .pa:hover 	{ color: #8cbc08; font-size: 18px; text-transform: uppercase; border-radius: 0px; border: 0px; background-color: transparent; font-weight: bold; background-image: url("../design/icon_mdepth1a.png"); background-repeat: no-repeat; background-position: bottom; background-color: transparent; }

.navbar li .pp 		{ color: #2e3337; background-color: #FFFFFF; font-size: 18px; text-transform: none; }
.navbar li .pp:hover 	{ color: #ffffff; background-color: #8cbc08; font-size: 18px; text-transform: none; }
.navbar li .pp:focus 	{ color: #ffffff; background-color: #8cbc08; font-size: 18px; text-transform: none; }
.navbar li .ppa 		{ color: #ffffff; background-color: #8cbc08; font-size: 18px; text-transform: none; }
.navbar li .ppa:hover 	{ color: #ffffff; background-color: #8cbc08; font-size: 18px; text-transform: none; }

.navbar li .ppp 		{ color: #2e3337; background-color: #FFFFFF; font-size: 18px; text-transform: none; }
.navbar li .ppp:hover 	{ color: #ffffff; background-color: #8cbc08; font-size: 18px; text-transform: none; }
.navbar li .ppp:focus 	{ color: #ffffff; background-color: #8cbc08; font-size: 18px; text-transform: none; }
.navbar li .pppa 		{ color: #ffffff; background-color: #8cbc08; font-size: 18px; text-transform: none; }
.navbar li .pppa:hover 	{ color: #ffffff; background-color: #8cbc08; font-size: 18px; text-transform: none; }

a.mpp 			{ color: #8cbc08; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:hover 		{ color: #FFFFFF; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:focus 		{ color: #FFFFFF; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa 			{ color: #FFFFFF; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa:hover	{ color: #FFFFFF; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }

.mdepth2 			{ background-color: #FFFFFF; width: 100%; height: 100%; padding: 8px; border-bottom: 1px solid #cbcaca; }
.mdepth2:hover 		{ background-color: #8cbc08; width: 100%; height: 100%; padding: 8px; border-bottom: 1px solid #cbcaca; }
.mdepth2:focus 		{ background-color: #8cbc08; width: 100%; height: 100%; padding: 8px; border-bottom: 1px solid #cbcaca; }
.mdepth2a 			{ background-color: #8cbc08; width: 100%; height: 100%; padding: 8px; border-bottom: 1px solid #cbcaca; }
.mdepth2a:hover	{ background-color: #8cbc08; width: 100%; height: 100%; padding: 8px; border-bottom: 1px solid #cbcaca; }
}