/* START Schriftart mdepth1, mdepth2, mdepth3 usw. für alle COLs */
.p, .p:hover, .p:focus, .pa, .pa:hover { font-family:'Roboto Slab',tahoma,arial; text-decoration:none; }
.pp, .pp:hover, .pp:focus, .ppa, .ppa:hover { font-family:'Roboto Slab',tahoma,arial; text-decoration:none; }
.ppp, .ppp:hover, .ppp:focus, .pppa, .pppa:hover { font-family:'Roboto Slab',tahoma,arial; text-decoration:none; }
.pppm, .pppm:hover, .pppm:focus, .pppma, .pppma:hover { font-family:'Roboto Slab',tahoma,arial; text-decoration:none; }
.mpp, .mpp:hover, .ppp:focus, .mppa, .mppa:hover { font-family:'Roboto Slab',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; width: 100%; }
.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); }
/* ZEILENUMBRUCH RESPONSIVE */
.dropdown-menu > li > a { white-space: normal; }
/* BEI FIXED MENUS - RESPONSIVE SCROLL */
.position { position: relative; z-index: 100; }
.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; }
/* im DropDOWN RESPONSIVE Menu AB MDEPTH2 */
.navbar-nav .open .dropdown-menu > li > a, .megacol > a { padding: 20px 25px 20px 15px; }
/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) {
/* BEI FIXED MENUS - RESPONSIVE SCROLL */
.position { position: absolute; z-index: 100; }
/* 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;
margin: 0px 0px 0px 0px;
text-align: left;
list-style: none;
border: 0px solid #d8d8d8;
border-radius: 0px;
-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
box-shadow: 0 0px 0px rgba(0, 0, 0, .175);
background-color: transparent; }
/* 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 Unterschied NORMAL zu MEGAMENU */
.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; }
/* Ausrichtung Text je nach NAVBAR SCHALTE */
.navbar-right .dropdown-menu { text-align: right; }
.navbar-left .dropdown-menu { text-align: left; }
/* Generelle Schalte links / rechts */
.men-left { float: left !important; }
.men-right { float: right !important; }
/* WICHTIG: Zur Ausrichtung einzelner 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; }
}
/* 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 */
li.responno { display: block; }
.megagridtypo { color: #FFFFFF; padding: 15px 20px 15px 20px; font-size: 18px; line-height: 24px; font-weight: 400; text-transform: uppercase; text-align: center; width: 100%; background-color: #a4a4a4; }
.bgmenu { margin-top: 0px; background-image: none; background-repeat: no-repeat; background-position: right; height:auto; background-color: #868786; }
.bgmenuright { display: none; width: 0px; float: none; padding-top: 0px; }
.hoch { margin-top: 0px; }
.trenner { width: 20%; height: 3px; overflow: hidden; background-color: #cfcfcf; top: 0px; left: 50%; margin-left: -10%; }
.navbar-nav > li > a /* Einzelnes im Menu */ {
padding-top: 27px;
padding-bottom: 27px;
padding-left: 0px;
padding-right: 0px;
}
.navbar li .p { color: #cfcfcf; background-color: transparent; font-size: 17px; text-transform: uppercase; font-weight: 700; }
.navbar li .p:hover { color: #FFFFFF; background-color: transparent; font-size: 17px; text-transform: uppercase; font-weight: 700; }
.navbar li .p:focus { color: #FFFFFF; background-color: transparent; font-size: 17px; text-transform: uppercase; font-weight: 700; }
.navbar li .pa { color: #FFFFFF; background-color: transparent; font-size: 17px; text-transform: uppercase; font-weight: 700; }
.navbar li .pa:hover { color: #FFFFFF; background-color: transparent; font-size: 17px; text-transform: uppercase; font-weight: 700; }
.navbar li .pp { color: #FFFFFF; background-color: #9a9a9a; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pp:hover { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pp:focus { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .ppa { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .ppa:hover { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pppm { color: #FFFFFF; background-color: #9a9a9a; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pppm:hover { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pppm:focus { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pppma { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pppma:hover { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .ppp { color: #9a9a9a; background-color: #FFFFFF; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .ppp:hover { color: #294f95; background-color: #FFFFFF; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .ppp:focus { color: #294f95; background-color: #FFFFFF; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pppa { color: #294f95; background-color: #FFFFFF; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pppa:hover { color: #294f95; background-color: #FFFFFF; font-size: 15px; text-transform: none; font-weight: 700; }
/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) {
li.responno { display: none; }
.megagridtypo { color: #333333; padding: 15px 20px 15px 20px; font-size: 20px; line-height: 26px; font-weight: 400; text-transform: uppercase; text-align: left; background-color: transparent; }
/* .mega { left: 50%; margin-left: -359px; width: 718px; } /* Menu in col-sm-12 */
.mega { left: 50%; margin-left: -418.83333px; width: 718px; } /* Menu in col-sm-10 */
/* .mega { left: 50%; margin-left: -448.75px; width: 718px; } Menu in col-sm-9 */
/* .mega { left: 50%; margin-left: -478.66666px; width: 718px; } Menu in col-sm-8 */
.dropdown-menu { padding-top: 6px; }
.bgmenupad { width: 480px; float: left; padding-left: 50px; }
.bgmenuright { display: block; width: 105px; float: right; padding-top: 21px; }
.bgmenu { margin-top: 0px; background-image: url(../design/bg_menu01.png); background-repeat: no-repeat; background-position: right; height:72px; background-color: transparent; }
.hoch { margin-top: 25px; }
.trenner { width: 11px; height: 1px; overflow: hidden; background-color: transparent; margin-top: 0px; left: 0; margin-left: 0; }
.navbar-nav > li > a /* Einzelnes im Menu */ {
padding-top: 0px;
padding-bottom: 2px;
padding-left: 0px;
padding-right: 0px;
}
.navbar li .p { color: #444444; font-size: 12px; text-transform: none; border-radius: 0px; border: 0px; border-bottom: 2px solid transparent; background-color: transparent; font-weight: 700; transition: all .5s ease-in-out; }
.navbar li .p:hover { color: #444444; font-size: 12px; text-transform: none; border-radius: 0px; border: 0px; border-bottom: 2px solid #444444; background-color: transparent; font-weight: 700; }
.navbar li .p:focus { color: #444444; font-size: 12px; text-transform: none; border-radius: 0px; border: 0px; border-bottom: 2px solid #444444; background-color: transparent; font-weight: 700; }
.navbar li .pa { color: #444444; font-size: 12px; text-transform: none; border-radius: 0px; border: 0px; border-bottom: 2px solid #444444; background-color: transparent; font-weight: 700; }
.navbar li .pa:hover { color: #444444; font-size: 12px; text-transform: none; border-radius: 0px; border: 0px; border-bottom: 2px solid #444444; background-color: transparent; font-weight: 700; }
.navbar li .pp { color: #444444; background-color: #cbe9fb; font-size: 12px; text-transform: none; font-weight: 700; }
.navbar li .pp:hover { color: #FFFFFF; background-color: #294f95; font-size: 12px; text-transform: none; font-weight: 700; }
.navbar li .pp:focus { color: #FFFFFF; background-color: #294f95; font-size: 12px; text-transform: none; font-weight: 700; }
.navbar li .ppa { color: #FFFFFF; background-color: #294f95; font-size: 12px; text-transform: none; font-weight: 700; }
.navbar li .ppa:hover { color: #FFFFFF; background-color: #294f95; font-size: 12px; text-transform: none; font-weight: 700; }
.navbar li .pppm { color: #444444; background-color: #cbe9fb; font-size: 12px; text-transform: none; font-weight: 700; }
.navbar li .pppm:hover { color: #FFFFFF; background-color: #294f95; font-size: 12px; text-transform: none; font-weight: 700; }
.navbar li .pppm:focus { color: #FFFFFF; background-color: #294f95; font-size: 12px; text-transform: none; font-weight: 700; }
.navbar li .pppma { color: #FFFFFF; background-color: #294f95; font-size: 12px; text-transform: none; font-weight: 700; }
.navbar li .pppma:hover { color: #FFFFFF; background-color: #294f95; font-size: 12px; text-transform: none; font-weight: 700; }
.navbar li .ppp { color: #444444; background-color: #cbe9fb; font-size: 12px; text-transform: none; font-weight: 700; }
.navbar li .ppp:hover { color: #FFFFFF; background-color: #294f95; font-size: 12px; text-transform: none; font-weight: 700; }
.navbar li .ppp:focus { color: #FFFFFF; background-color: #294f95; font-size: 12px; text-transform: none; font-weight: 700; }
.navbar li .pppa { color: #FFFFFF; background-color: #294f95; font-size: 12px; text-transform: none; font-weight: 700; }
.navbar li .pppa:hover { color: #FFFFFF; background-color: #294f95; font-size: 12px; text-transform: none; font-weight: 700; }
a.mpp { color: #333333; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:hover { color: #2686b8; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:focus { color: #2686b8; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa { color: #2686b8; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa:hover { color: #2686b8; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp { color: #2686b8; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp:hover { color: #1fa02d; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp:focus { color: #1fa02d; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppa { color: #1fa02d; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppa:hover { color: #1fa02d; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppp { color: #333333; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppp:hover { color: #2686b8; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppp:focus { color: #2686b8; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mppppa { color: #2686b8; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mppppa:hover { color: #2686b8; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
.mdepth2 { width: 100%; height: 100%; padding: 14px 0px 14px 0px; }
.mdepth2:hover { width: 100%; height: 100%; padding: 14px 0px 14px 0px; }
.mdepth2:focus { width: 100%; height: 100%; padding: 14px 0px 14px 0px; }
.mdepth2a { width: 100%; height: 100%; padding: 14px 0px 14px 0px; }
.mdepth2a:hover { width: 100%; height: 100%; padding: 14px 0px 14px 0px; }
.mdepth3 { width: 100%; height: 100%; padding: 8px 0px 8px 22px; }
.mdepth3:hover { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth3:focus { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth3a { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth3a:hover { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth4 { width: 100%; height: 100%; padding: 8px 0px 8px 22px; }
.mdepth4:hover { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth4:focus { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth4a { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth4a:hover { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
}
/* Mittlere Geräte (Desktop-PCs, 992px und breiter (col-md-)) */
@media (min-width: 992px) {
.megagridtypo { padding: 15px 20px 15px 20px; font-size: 24px; line-height: 30px; font-weight: 400; text-transform: uppercase; }
/* .mega { left: 50%; margin-left: -471px; width: 942px; } /* Menu in col-md-12 */
.mega { left: 50%; margin-left: -549.5px; width: 942px; } /* Menu in col-md-10 */
/* .mega { left: 50%; margin-left: -588.75px; width: 942px; } Menu in col-md-9 */
/* .mega { left: 50%; margin-left: -628px; width: 942px; } Menu in col-md-8 */
.dropdown-menu { padding-top: 6px; }
.bgmenupad { width: 630px; float: left; padding-left: 100px; }
.bgmenuright { width: 132px; float: right; padding-top: 24px; }
.bgmenu { margin-top: 0px; background-image: url(../design/bg_menu02.png); background-repeat: no-repeat; background-position: right; height: 88px; }
.hoch { margin-top: 35px; }
.trenner { width: 15px; height: 1px; overflow: hidden; background-color: transparent; margin-top: 0px; }
.navbar-nav > li > a /* Einzelnes im Menu */ {
padding-top: 0px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
}
.navbar li .p { color: #444444; font-size: 15px; text-transform: none; border-radius: 0px; border: 0px; border-bottom: 2px solid transparent; background-color: transparent; font-weight: 700; transition: all .5s ease-in-out; }
.navbar li .p:hover { color: #444444; font-size: 15px; text-transform: none; border-radius: 0px; border: 0px; border-bottom: 2px solid #444444; background-color: transparent; font-weight: 700; }
.navbar li .p:focus { color: #444444; font-size: 15px; text-transform: none; border-radius: 0px; border: 0px; border-bottom: 2px solid #444444; background-color: transparent; font-weight: 700; }
.navbar li .pa { color: #444444; font-size: 15px; text-transform: none; border-radius: 0px; border: 0px; border-bottom: 2px solid #444444; background-color: transparent; font-weight: 700; }
.navbar li .pa:hover { color: #444444; font-size: 15px; text-transform: none; border-radius: 0px; border: 0px; border-bottom: 2px solid #444444; background-color: transparent; font-weight: 700; }
.navbar li .pp { color: #444444; background-color: #cbe9fb; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pp:hover { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pp:focus { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .ppa { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .ppa:hover { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pppm { color: #444444; background-color: #cbe9fb; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pppm:hover { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pppm:focus { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pppma { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pppma:hover { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .ppp { color: #444444; background-color: #cbe9fb; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .ppp:hover { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .ppp:focus { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pppa { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
.navbar li .pppa:hover { color: #FFFFFF; background-color: #294f95; font-size: 15px; text-transform: none; font-weight: 700; }
a.mpp { color: #333333; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:hover { color: #2686b8; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:focus { color: #2686b8; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa { color: #2686b8; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa:hover { color: #2686b8; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp { color: #2686b8; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp:hover { color: #1fa02d; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp:focus { color: #1fa02d; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppa { color: #1fa02d; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppa:hover { color: #1fa02d; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppp { color: #333333; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppp:hover { color: #2686b8; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppp:focus { color: #2686b8; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mppppa { color: #2686b8; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mppppa:hover { color: #2686b8; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
.mdepth2 { width: 100%; height: 100%; padding: 14px 0px 14px 0px; }
.mdepth2:hover { width: 100%; height: 100%; padding: 14px 0px 14px 0px; }
.mdepth2:focus { width: 100%; height: 100%; padding: 14px 0px 14px 0px; }
.mdepth2a { width: 100%; height: 100%; padding: 14px 0px 14px 0px; }
.mdepth2a:hover { width: 100%; height: 100%; padding: 14px 0px 14px 0px; }
.mdepth3 { width: 100%; height: 100%; padding: 8px 0px 8px 22px; }
.mdepth3:hover { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth3:focus { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth3a { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth3a:hover { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth4 { width: 100%; height: 100%; padding: 8px 0px 8px 22px; }
.mdepth4:hover { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth4:focus { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth4a { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth4a:hover { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
}
/* Große Geräte (Desktop-PCs, 1200px und breiter (col-lg-)) */
@media (min-width: 1200px) {
.megagridtypo { padding: 15px 20px 15px 20px; font-size: 30px; line-height: 36px; font-weight: 400; text-transform: uppercase; }
/* .mega { left: 50%; margin-left: -570px; width: 1140px; } /* Menu in col-lg-12 */
.mega { left: 50%; margin-left: -665px; width: 1140px; } /* Menu in col-lg-10 */
/* .mega { left: 50%; margin-left: -712.5px; width: 1140px; } Menu in col-lg-9 */
/* .mega { left: 50%; margin-left: -760px; width: 1140px; } Menu in col-lg-8 */
.dropdown-menu { padding-top: 14px; }
.bgmenupad { width: 760px; float: left; padding-left: 120px; }
.bgmenuright { width: 170px; float: right; padding-top: 28px; }
.bgmenu { margin-top: 0px; background-image: url(../design/bg_menu03.png); background-repeat: no-repeat; background-position: right; height: 110px; }
.hoch { margin-top: 45px; }
.trenner { width: 28px; height: 1px; overflow: hidden; background-color: transparent; margin-top: 0px; }
.navbar-nav > li > a /* Einzelnes im Menu */ {
padding-top: 0px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
}
.navbar li .p { color: #444444; font-size: 16px; text-transform: none; border-radius: 0px; border: 0px; border-bottom: 2px solid transparent; background-color: transparent; font-weight: 700; transition: all .5s ease-in-out; }
.navbar li .p:hover { color: #444444; font-size: 16px; text-transform: none; border-radius: 0px; border: 0px; border-bottom: 2px solid #444444; background-color: transparent; font-weight: 700; }
.navbar li .p:focus { color: #444444; font-size: 16px; text-transform: none; border-radius: 0px; border: 0px; border-bottom: 2px solid #444444; background-color: transparent; font-weight: 700; }
.navbar li .pa { color: #444444; font-size: 16px; text-transform: none; border-radius: 0px; border: 0px; border-bottom: 2px solid #444444; background-color: transparent; font-weight: 700; }
.navbar li .pa:hover { color: #444444; font-size: 16px; text-transform: none; border-radius: 0px; border: 0px; border-bottom: 2px solid #444444; background-color: transparent; font-weight: 700; }
.navbar li .pp { color: #444444; background-color: #cbe9fb; font-size: 16px; text-transform: none; font-weight: 700; }
.navbar li .pp:hover { color: #FFFFFF; background-color: #294f95; font-size: 16px; text-transform: none; font-weight: 700; }
.navbar li .pp:focus { color: #FFFFFF; background-color: #294f95; font-size: 16px; text-transform: none; font-weight: 700; }
.navbar li .ppa { color: #FFFFFF; background-color: #294f95; font-size: 16px; text-transform: none; font-weight: 700; }
.navbar li .ppa:hover { color: #FFFFFF; background-color: #294f95; font-size: 16px; text-transform: none; font-weight: 700; }
.navbar li .pppm { color: #444444; background-color: #cbe9fb; font-size: 16px; text-transform: none; font-weight: 700; }
.navbar li .pppm:hover { color: #FFFFFF; background-color: #294f95; font-size: 16px; text-transform: none; font-weight: 700; }
.navbar li .pppm:focus { color: #FFFFFF; background-color: #294f95; font-size: 16px; text-transform: none; font-weight: 700; }
.navbar li .pppma { color: #FFFFFF; background-color: #294f95; font-size: 16px; text-transform: none; font-weight: 700; }
.navbar li .pppma:hover { color: #FFFFFF; background-color: #294f95; font-size: 16px; text-transform: none; font-weight: 700; }
.navbar li .ppp { color: #444444; background-color: #cbe9fb; font-size: 16px; text-transform: none; font-weight: 700; }
.navbar li .ppp:hover { color: #FFFFFF; background-color: #294f95; font-size: 16px; text-transform: none; font-weight: 700; }
.navbar li .ppp:focus { color: #FFFFFF; background-color: #294f95; font-size: 16px; text-transform: none; font-weight: 700; }
.navbar li .pppa { color: #FFFFFF; background-color: #294f95; font-size: 16px; text-transform: none; font-weight: 700; }
.navbar li .pppa:hover { color: #FFFFFF; background-color: #294f95; font-size: 16px; text-transform: none; font-weight: 700; }
a.mpp { color: #333333; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:hover { color: #2686b8; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:focus { color: #2686b8; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa { color: #2686b8; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa:hover { color: #2686b8; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp { color: #2686b8; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp:hover { color: #1fa02d; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp:focus { color: #1fa02d; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppa { color: #1fa02d; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppa:hover { color: #1fa02d; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppp { color: #333333; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppp:hover { color: #2686b8; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppp:focus { color: #2686b8; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mppppa { color: #2686b8; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
a.mppppa:hover { color: #2686b8; font-size: 18px; text-align: left; text-transform: none; text-decoration: none; }
.mdepth2 { width: 100%; height: 100%; padding: 14px 0px 14px 0px; }
.mdepth2:hover { width: 100%; height: 100%; padding: 14px 0px 14px 0px; }
.mdepth2:focus { width: 100%; height: 100%; padding: 14px 0px 14px 0px; }
.mdepth2a { width: 100%; height: 100%; padding: 14px 0px 14px 0px; }
.mdepth2a:hover { width: 100%; height: 100%; padding: 14px 0px 14px 0px; }
.mdepth3 { width: 100%; height: 100%; padding: 8px 0px 8px 22px; }
.mdepth3:hover { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth3:focus { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth3a { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth3a:hover { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth4 { width: 100%; height: 100%; padding: 8px 0px 8px 22px; }
.mdepth4:hover { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth4:focus { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth4a { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
.mdepth4a:hover { width: 100%; height: 100%; padding: 8px 0px 8px 4px; }
}