/*
 * topnav.css
 *
 * @author         Uwe B.
 * @copyright      uwebsite.de
 * @version        Release: 1.0
 * @link           https://www.w3schools.com/howto/howto_js_topnav_responsive.asp
 * WICHTIG:        js-scripts in footer.php eingefügt, die Farben wurden in style.css des Child-Themes ausgelagert
NAVIGATION */
/* Horizontale Ausrichtung der Navigation */
.topnav ul {width:100%;margin:0;padding:0;overflow:hidden;list-style-type:none;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.topnav ul li {text-align:center;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
/* Das icon wird bei ausgeblendet */
.topnav a.icon {display: none;}
/* Bei kleinerer Auflösung */
@media screen and (max-width: 768px) {
.topnav ul li:not(:first-child) {display:none;}
.topnav ul li {text-align:left;}
.topnav a.icon {display:block;float:right;}
}
/* Die Klasse "mobilenav" wird durch das Javascript hinzugefügt, wenn das icon angeklickt wird (richtet die Navigation vertikal aus) */
@media screen and (max-width: 768px) {
.topnav.mobilenav ul {display:block;position:relative;}
.topnav.mobilenav a.icon {position:absolute;right:0;top:0;}
.topnav.mobilenav ul li {display:block;text-align:left;}
}