/* BEI FIXED MENUS - RESPONSIVE SCROLL */
.position { position: static; }
.navbar /* KOMPLETTER Menu - Einfasser */ {
position: relative;
background-color: transparent;
margin-bottom: 0px;
border: 0px solid transparent;
border-radius: 0px;
}
.navbar-nav { margin: 0px -15px; }
/* Button-Farbe RESPONSIVE Menu */
.navbar-toggle { background-color: #619fbc; }
/* 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:'PT Sans',tahoma,arial;text-decoration:none;font-weight:600;}
.pp, .pp:hover, .pp:focus, .ppa, .ppa:hover {font-family:'PT Sans',tahoma,arial;text-decoration:none;font-weight:400;}
.ppp, .ppp:hover, .ppp:focus, .pppa, .pppa:hover {font-family:'PT Sans',tahoma,arial;text-decoration:none;font-weight:400;}
/* 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: transparent; top: 0px; }
.navbar li .p { color: #666666; background-color: #e4e4e4; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .p:hover { color: #FFFFFF; background-color: #67ae97; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .p:focus { color: #FFFFFF; background-color: #67ae97; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .pa { color: #FFFFFF; background-color: #67ae97; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .pa:hover { color: #FFFFFF; background-color: #67ae97; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .pp { color: #333333; background-color: #dadada; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .pp:hover { color: #FFFFFF; background-color: #027852; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .pp:focus { color: #FFFFFF; background-color: #027852; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .ppa { color: #FFFFFF; background-color: #027852; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .ppa:hover { color: #FFFFFF; background-color: #027852; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .ppp { color: #333333; background-color: #FFFFFF; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .ppp:hover { color: #FFFFFF; background-color: #67ae97; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .ppp:focus { color: #FFFFFF; background-color: #67ae97; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .pppa { color: #FFFFFF; background-color: #67ae97; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .pppa:hover { color: #FFFFFF; background-color: #67ae97; font-size: 14px; text-align: center; text-transform: uppercase; }
.navbar li .pres { color: #666666; background-color: transparent; font-size: 14px; text-align: left; text-transform: uppercase; }
.navbar li .pres:hover { color: #333333; background-color: transparent; font-size: 14px; text-align: left; text-transform: uppercase; }
.navbar li .pres:focus { color: #333333; background-color: transparent; font-size: 14px; text-align: left; text-transform: uppercase; }
.navbar li .presa { color: #333333; background-color: transparent; font-size: 14px; text-align: left; text-transform: uppercase; }
.navbar li .presa:hover { color: #333333; background-color: transparent; font-size: 14px; text-align: left; text-transform: uppercase; }
.yes { display: block; } /* ICON in TOOGLE BAR */
/* Kleine Geräte (Tablets, 768px und breiter (col-sm-)) */
@media (min-width: 768px) {
/* BEI FIXED MENUS - RESPONSIVE SCROLL */
.position { position: fixed; }
.navbar /* KOMPLETTER Menu - Einfasser */ {
position: relative;
background-color: transparent;
margin-bottom: 0px;
border: 0px solid transparent;
border-radius: 0px;
margin-bottom: 13px;
}
.navbar-collapse /* Transparenter Platz neben MENU (KOMPLETT) */ {
padding-right: 0px;
padding-left: 0px;
}
.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 & MDEPTH 4 */
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%; /* AUSRICHTUNG navbar-right od. navbar-left in body.php */
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.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 0px 6px 6px;
border-right-color: #ccc;
margin-left: -12px; */
/* ENDE PFEIL LINKS */
}
.dropdown-submenu:hover > a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
/* mouseOVER Menu bei col-sm, -md, -lg > RESPONSIVE AUS */
.navbar ul.nav li:hover > ul.dropdown-menu { display: block; }
.hoch { margin-top: 15px; }
.trenner { width: 4px; height: 1px; overflow: hidden; background-color: transparent; margin-top: 0px; }
.navbar-nav > li > a /* Einzelnes im Menu */ {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 8px;
padding-right: 8px;
}
.navbar li .p { color: #027852; font-size: 12px; text-transform: none; border-radius: 4px; border: 1px solid #FFFFFF; background-color: #FFFFFF; }
.navbar li .p:hover { color: #FFFFFF; font-size: 12px; text-transform: none; border-radius: 4px; border: 1px solid #027852; background-color: #027852; }
.navbar li .p:focus { color: #FFFFFF; font-size: 12px; text-transform: none; border-radius: 4px; border: 1px solid #027852; background-color: #027852; }
.navbar li .pa { color: #FFFFFF; font-size: 12px; text-transform: none; border-radius: 4px; border: 1px solid #027852; background-color: #027852; }
.navbar li .pa:hover { color: #FFFFFF; font-size: 12px; text-transform: none; border-radius: 4px; border: 1px solid #027852; background-color: #027852; }
.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: #67ae97; font-size: 12px; text-align: left; text-transform: none; }
.navbar li .pp:focus { color: #FFFFFF; background-color: #67ae97; font-size: 12px; text-align: left; text-transform: none; }
.navbar li .ppa { color: #FFFFFF; background-color: #67ae97; font-size: 12px; text-align: left; text-transform: none; }
.navbar li .ppa:hover { color: #FFFFFF; background-color: #67ae97; font-size: 12px; text-align: left; text-transform: none; }
.navbar li .ppp { color: #333333; background-color: #FFFFFF; font-size: 12px; text-align: left; text-transform: none; }
.navbar li .ppp:hover { color: #FFFFFF; background-color: #67ae97; font-size: 12px; text-align: left; text-transform: none; }
.navbar li .ppp:focus { color: #FFFFFF; background-color: #67ae97; font-size: 12px; text-align: left; text-transform: none; }
.navbar li .pppa { color: #FFFFFF; background-color: #67ae97; font-size: 12px; text-align: left; text-transform: none; }
.navbar li .pppa:hover { color: #FFFFFF; background-color: #67ae97; font-size: 12px; text-align: left; text-transform: none; }
a.mpp { color: #333333; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:hover { color: #027852; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:focus { color: #027852; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa { color: #027852; font-size: 12px; text-align: left; text-transform: none; text-decoration: none;}
a.mppa:hover { color: #027852; font-size: 12px; text-align: left; text-transform: none; text-decoration: none;}
a.mppp { color: #027852; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp:hover { color: #027852; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp:focus { color: #027852; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppa { color: #027852; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppa:hover { color: #027852; font-size: 12px; text-align: left; text-transform: none; text-decoration: none; }
.mdepth3 { background-color: #FFFFFF; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #67ae97; }
.mdepth3:hover { background-color: #c2dfd5; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #67ae97; }
.mdepth3:focus { background-color: #c2dfd5; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #67ae97; }
.mdepth3a { background-color: #c2dfd5; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #67ae97; }
.mdepth3a:hover { background-color: #c2dfd5; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #67ae97; }
.mdepth4 { background-color: #FFFFFF; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #cae3db; }
.mdepth4:hover { background-color: #edf5f2; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #cae3db; }
.mdepth4:focus { background-color: #edf5f2; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #cae3db; }
.mdepth4a { background-color: #edf5f2; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #cae3db; }
.mdepth4a:hover { background-color: #edf5f2; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #cae3db; }
.yes { display: none; } /* ICON in TOOGLE BAR */
}
/* Mittlere Geräte (Desktop-PCs, 992px und breiter (col-md-)) */
@media (min-width: 992px) {
.hoch { margin-top: 15px; }
.trenner { width: 4px; height: 1px; overflow: hidden; background-color: transparent; margin-top: 0px; }
.navbar-nav > li > a /* Einzelnes im Menu */ {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 8px;
padding-right: 8px;
}
.navbar li .p { color: #027852; font-size: 14px; text-transform: uppercase; border-radius: 4px; border: 1px solid #FFFFFF; background-color: #FFFFFF; }
.navbar li .p:hover { color: #FFFFFF; font-size: 14px; text-transform: uppercase; border-radius: 4px; border: 1px solid #027852; background-color: #027852; }
.navbar li .p:focus { color: #FFFFFF; font-size: 14px; text-transform: uppercase; border-radius: 4px; border: 1px solid #027852; background-color: #027852; }
.navbar li .pa { color: #FFFFFF; font-size: 14px; text-transform: uppercase; border-radius: 4px; border: 1px solid #027852; background-color: #027852; }
.navbar li .pa:hover { color: #FFFFFF; font-size: 14px; text-transform: uppercase; border-radius: 4px; border: 1px solid #027852; background-color: #027852; }
.navbar li .pp { color: #333333; background-color: #FFFFFF; font-size: 14px; text-align: left; text-transform: none; }
.navbar li .pp:hover { color: #FFFFFF; background-color: #67ae97; font-size: 14px; text-align: left; text-transform: none; }
.navbar li .pp:focus { color: #FFFFFF; background-color: #67ae97; font-size: 14px; text-align: left; text-transform: none; }
.navbar li .ppa { color: #FFFFFF; background-color: #67ae97; font-size: 14px; text-align: left; text-transform: none; }
.navbar li .ppa:hover { color: #FFFFFF; background-color: #67ae97; font-size: 14px; text-align: left; text-transform: none; }
.navbar li .ppp { color: #333333; background-color: #FFFFFF; font-size: 14px; text-align: left; text-transform: none; }
.navbar li .ppp:hover { color: #FFFFFF; background-color: #67ae97; font-size: 14px; text-align: left; text-transform: none; }
.navbar li .ppp:focus { color: #FFFFFF; background-color: #67ae97; font-size: 14px; text-align: left; text-transform: none; }
.navbar li .pppa { color: #FFFFFF; background-color: #67ae97; font-size: 14px; text-align: left; text-transform: none; }
.navbar li .pppa:hover { color: #FFFFFF; background-color: #67ae97; font-size: 14px; text-align: left; text-transform: none; }
a.mpp { color: #333333; font-size: 14px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:hover { color: #027852; font-size: 14px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:focus { color: #027852; font-size: 14px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa { color: #027852; font-size: 14px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa:hover { color: #027852; font-size: 14px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp { color: #027852; font-size: 14px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp:hover { color: #027852; font-size: 14px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp:focus { color: #027852; font-size: 14px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppa { color: #027852; font-size: 14px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppa:hover { color: #027852; font-size: 14px; text-align: left; text-transform: none; text-decoration: none; }
.mdepth3 { background-color: #FFFFFF; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #67ae97; }
.mdepth3:hover { background-color: #c2dfd5; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #67ae97; }
.mdepth3:focus { background-color: #c2dfd5; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #67ae97; }
.mdepth3a { background-color: #c2dfd5; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #67ae97; }
.mdepth3a:hover { background-color: #c2dfd5; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #67ae97; }
.mdepth4 { background-color: #FFFFFF; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #cae3db; }
.mdepth4:hover { background-color: #edf5f2; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #cae3db; }
.mdepth4:focus { background-color: #edf5f2; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #cae3db; }
.mdepth4a { background-color: #edf5f2; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #cae3db; }
.mdepth4a:hover { background-color: #edf5f2; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #cae3db; }
}
/* Große Geräte (Desktop-PCs, 1200px und breiter (col-lg-)) */
@media (min-width: 1200px) {
.hoch { margin-top: 15px; }
.trenner { width: 4px; height: 1px; overflow: hidden; background-color: transparent; margin-top: 0px; }
.navbar-nav > li > a /* Einzelnes im Menu */ {
padding-top: 6px;
padding-bottom: 6px;
padding-left: 10px;
padding-right: 10px;
}
.navbar li .p { color: #027852; font-size: 16px; text-transform: uppercase; border-radius: 4px; border: 1px solid #FFFFFF; background-color: #FFFFFF; }
.navbar li .p:hover { color: #FFFFFF; font-size: 16px; text-transform: uppercase; border-radius: 4px; border: 1px solid #027852; background-color: #027852; }
.navbar li .p:focus { color: #FFFFFF; font-size: 16px; text-transform: uppercase; border-radius: 4px; border: 1px solid #027852; background-color: #027852; }
.navbar li .pa { color: #FFFFFF; font-size: 16px; text-transform: uppercase; border-radius: 4px; border: 1px solid #027852; background-color: #027852; }
.navbar li .pa:hover { color: #FFFFFF; font-size: 16px; text-transform: uppercase; border-radius: 4px; border: 1px solid #027852; background-color: #027852; }
.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: #67ae97; font-size: 16px; text-align: left; text-transform: none; }
.navbar li .pp:focus { color: #FFFFFF; background-color: #67ae97; font-size: 16px; text-align: left; text-transform: none; }
.navbar li .ppa { color: #FFFFFF; background-color: #67ae97; font-size: 16px; text-align: left; text-transform: none; }
.navbar li .ppa:hover { color: #FFFFFF; background-color: #67ae97; font-size: 16px; text-align: left; text-transform: none; }
.navbar li .ppp { color: #333333; background-color: #FFFFFF; font-size: 16px; text-align: left; text-transform: none; }
.navbar li .ppp:hover { color: #FFFFFF; background-color: #67ae97; font-size: 16px; text-align: left; text-transform: none; }
.navbar li .ppp:focus { color: #FFFFFF; background-color: #67ae97; font-size: 16px; text-align: left; text-transform: none; }
.navbar li .pppa { color: #FFFFFF; background-color: #67ae97; font-size: 16px; text-align: left; text-transform: none; }
.navbar li .pppa:hover { color: #FFFFFF; background-color: #67ae97; font-size: 16px; text-align: left; text-transform: none; }
a.mpp { color: #333333; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:hover { color: #027852; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mpp:focus { color: #027852; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa { color: #027852; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mppa:hover { color: #027852; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp { color: #027852; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp:hover { color: #027852; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mppp:focus { color: #027852; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppa { color: #027852; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
a.mpppa:hover { color: #027852; font-size: 16px; text-align: left; text-transform: none; text-decoration: none; }
.mdepth3 { background-color: #FFFFFF; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #67ae97; }
.mdepth3:hover { background-color: #c2dfd5; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #67ae97; }
.mdepth3:focus { background-color: #c2dfd5; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #67ae97; }
.mdepth3a { background-color: #c2dfd5; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #67ae97; }
.mdepth3a:hover { background-color: #c2dfd5; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #67ae97; }
.mdepth4 { background-color: #FFFFFF; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #cae3db; }
.mdepth4:hover { background-color: #edf5f2; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #cae3db; }
.mdepth4:focus { background-color: #edf5f2; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #cae3db; }
.mdepth4a { background-color: #edf5f2; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #cae3db; }
.mdepth4a:hover { background-color: #edf5f2; width: 100%; height: 100%; padding: 10px; border-bottom: 1px solid #cae3db; }
}