/* Button-Farbe RESPONSIVE Menu */
.navbar-toggle { background-color: #FFFFFF; }
/* Abstand RESPONSIVE Menu */
.navbar-nav > li > a { padding-top: 12px; padding-bottom: 12px; padding-left: 0px; padding-right: 0px; margin: 0px; }
/* im DropDOWN RESPONSIVE Menu */
.navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 25px; }
/* Schriftart mdepth1, mdepth2, usw. */
.p, .p:hover, .p:focus, .pa, .pa:hover {font-family:'segoe ui',tahoma,arial;text-decoration:none;font-weight:bold;}
.pp, .pp:hover, .pp:focus, .ppa, .ppa:hover {font-family:'segoe ui',tahoma,arial;text-decoration:none;font-weight:normal;}
.ppp, .ppp:hover, .ppp:focus, .pppa, .pppa:hover {font-family:'segoe ui',tahoma,arial;text-decoration:none;font-weight:normal;}
/* 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: #a9a9a9; top: 0px; }
.navbar li .p { color: #5b5b5d; background-color: #f5f5f5; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .p:hover { color: #FFFFFF; background-color: #96c11f; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .p:focus { color: #5b5b5d; background-color: #f5f5f5; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .pa { color: #5b5b5d; background-color: #f5f5f5; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .pa:hover { color: #FFFFFF; background-color: #96c11f; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .pp { color: #FFFFFF; background-color: #96c11f; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .pp:hover { color: #d4007f; background-color: #96c11f; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .pp:focus { color: #d4007f; background-color: #96c11f; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .ppa { color: #d4007f; background-color: #96c11f; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .ppa:hover { color: #d4007f; background-color: #96c11f; font-size: 14px; text-align: center; text-transform: uppercase; }
.yes { display: block; } /* ICON in TOOGLE BAR */
/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) {
.navbar /* KOMPLETTER Menu - Einfasser */ {
position: relative;
background-color: #FFFFFF;
margin-bottom: 0px;
border: 0px solid transparent;
border-radius: 0px;
}
.navbar-collapse /* Transparenter Platz neben MENU (KOMPLETT) */ {
padding-right: 0px;
padding-left: 0px;
}
.navbar-nav > li > a /* Einzelnes im Menu */ {
padding-top: 8px;
padding-bottom: 12px;
padding-left: 10px;
padding-right: 10px;
}
.dropdown-menu /* Dropdown Desktop Variante */ {
z-index: 1000;
display: none;
min-width: 160px;
padding: 2px;
margin: 0px;
text-align: left;
list-style: none;
border: 1px solid #d8d8d8;
border-radius: 0px;
}
.dropdown-menu > li > a /* im DropDOWN Desktop Variante */ {
padding: 3px 20px; /* Abstand > Oben / Unten und Links / Rechts */
}
/* Formatierung MDEPTH 3 */
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu {
border-radius: 0px;
right: 100%; /* Ausrichtung: PullOUT Left or PullOUT Right */
top: 0;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px 6px; }
.dropdown-submenu > a:after { border-width: 5px 5px 5px 0px; /* Pfeilformatierung */
border-style: solid;
border-color: transparent #333333 transparent transparent;
width: 0px;
height: 0px;
margin-top: 7px;
margin-left: -12px;
float: left; /* Ausrichtung Pfeil */
display: block;
content: " "; }
/* mouseOVER Menu bei col-sm, -md, -lg > RESPONSIVE AUS */
.navbar ul.nav li:hover > ul.dropdown-menu { display: block; }
.hoch { margin-top: 100px; }
.trenner { width: 8px; height: 35px; overflow: hidden; background-color: #FFFFFF; margin-top: 0px; }
.navbar li .p { color: #FFFFFF; background-color: #d4007f; font-size: 11px; text-transform: uppercase; border-radius: 6px; border: 1px solid #d4007f;}
.navbar li .p:hover { color: #96c11f; background-color: #d4007f; font-size: 11px; text-transform: uppercase; border-radius: 6px; border: 1px solid #d4007f; }
.navbar li .p:focus { color: #d4007f; background-color: #FFFFFF; font-size: 11px; text-transform: uppercase; border-radius: 6px; border: 1px solid #d4007f; }
.navbar li .pa { color: #d4007f; background-color: #FFFFFF; font-size: 11px; text-transform: uppercase; border-radius: 6px; border: 1px solid #d4007f; }
.navbar li .pa:hover { color: #96c11f; background-color: #FFFFFF; font-size: 11px; text-transform: uppercase; border-radius: 6px; border: 1px solid #d4007f; }
.navbar li .pp { color: #333333; background-color: #FFFFFF; font-size: 12px; text-align: left; text-transform: none; }
.navbar li .pp:hover { color: #FFFFFF; background-color: #96c11f; font-size: 12px; text-align: left; text-transform: none; }
.navbar li .pp:focus { color: #FFFFFF; background-color: #96c11f; font-size: 12px; text-align: left; text-transform: none; }
.navbar li .ppa { color: #FFFFFF; background-color: #96c11f; font-size: 12px; text-align: left; text-transform: none; }
.navbar li .ppa:hover { color: #FFFFFF; background-color: #96c11f; font-size: 12px; text-align: left; text-transform: none; }
.yes { display: none; } /* ICON in TOOGLE BAR */
}
/* Mittlere Geräte (Desktop-PCs, 992px und breiter (col-md-)) */
@media (min-width: 992px) {
.hoch { margin-top: 126px; }
.trenner { width: 8px; height: 40px; overflow: hidden; background-color: #FFFFFF; margin-top: 0px; }
.navbar li .p { color: #FFFFFF; background-color: #d4007f; font-size: 16px; text-transform: uppercase; border-radius: 6px; border: 1px solid #d4007f;}
.navbar li .p:hover { color: #96c11f; background-color: #d4007f; font-size: 16px; text-transform: uppercase; border-radius: 6px; border: 1px solid #d4007f; }
.navbar li .p:focus { color: #d4007f; background-color: #FFFFFF; font-size: 16px; text-transform: uppercase; border-radius: 6px; border: 1px solid #d4007f; }
.navbar li .pa { color: #d4007f; background-color: #FFFFFF; font-size: 16px; text-transform: uppercase; border-radius: 6px; border: 1px solid #d4007f; }
.navbar li .pa:hover { color: #96c11f; background-color: #FFFFFF; font-size: 16px; text-transform: uppercase; border-radius: 6px; border: 1px solid #d4007f; }
.navbar li .pp { color: #333333; background-color: #FFFFFF; font-size: 16px; text-align: left; text-transform: none; }
.navbar li .pp:hover { color: #FFFFFF; background-color: #96c11f; font-size: 16px; text-align: left; text-transform: none; }
.navbar li .pp:focus { color: #FFFFFF; background-color: #96c11f; font-size: 16px; text-align: left; text-transform: none; }
.navbar li .ppa { color: #FFFFFF; background-color: #96c11f; font-size: 16px; text-align: left; text-transform: none; }
.navbar li .ppa:hover { color: #FFFFFF; background-color: #96c11f; font-size: 16px; text-align: left; text-transform: none; }
}
/* Große Geräte (Desktop-PCs, 1200px und breiter (col-lg-)) */
@media (min-width: 1200px) {
.hoch { margin-top: 130px; }
.trenner { width: 8px; height: 40px; overflow: hidden; background-color: #FFFFFF; margin-top: 0px; }
.navbar li .p { color: #FFFFFF; background-color: #d4007f; font-size: 16px; text-transform: uppercase; border-radius: 6px; border: 1px solid #d4007f;}
.navbar li .p:hover { color: #96c11f; background-color: #d4007f; font-size: 16px; text-transform: uppercase; border-radius: 6px; border: 1px solid #d4007f; }
.navbar li .p:focus { color: #d4007f; background-color: #FFFFFF; font-size: 16px; text-transform: uppercase; border-radius: 6px; border: 1px solid #d4007f; }
.navbar li .pa { color: #d4007f; background-color: #FFFFFF; font-size: 16px; text-transform: uppercase; border-radius: 6px; border: 1px solid #d4007f; }
.navbar li .pa:hover { color: #96c11f; background-color: #FFFFFF; font-size: 16px; text-transform: uppercase; border-radius: 6px; border: 1px solid #d4007f; }
.navbar li .pp { color: #333333; background-color: #FFFFFF; font-size: 16px; text-align: left; text-transform: none; }
.navbar li .pp:hover { color: #FFFFFF; background-color: #96c11f; font-size: 16px; text-align: left; text-transform: none; }
.navbar li .pp:focus { color: #FFFFFF; background-color: #96c11f; font-size: 16px; text-align: left; text-transform: none; }
.navbar li .ppa { color: #FFFFFF; background-color: #96c11f; font-size: 16px; text-align: left; text-transform: none; }
.navbar li .ppa:hover { color: #FFFFFF; background-color: #96c11f; font-size: 16px; text-align: left; text-transform: none; }
}