@charset "UTF-8";


html { scroll-behavior: smooth; }


body{
font-family: 'Open Sans', sans-serif;
background-color: grey;
color: white;
font-size: 13px;}
/*links grafik */


.navstyle  a:link{  
    font-family: 'Open Sans', sans-serif;
	font-weight: bold;
	font-size: 13px; 
	text-decoration: none;
	color: orange;
	margin: auto; }


.navstyle  a:focus { text-decoration: underline; 
                        font-weight: bold;
                    }
 
.navstyle a:visited { color: orange;
                     font-weight: bold; }

.navstyle a:hover {
    color: cadetblue;
        font-weight: bold; }

/*!!!!!!!!!! flex ausrichten*/

.header_flex { 
display: flex; 
flex-direction: initial;
}

.link_border{ 
    border-radius: 7px 7px 7px 7px;
    border: 2px solid orange; 
    width: 450px;
    margin-left: 15px;}

.pre_nav {
    border-radius: 9px;
    border: 2px solid orange; 
    width: 160px;
    height: 101px;}



.up { border: 1px solid orange;
      margin-top: 27px;
      width: 1000%;
    }
.down { border: 1px solid orange;
    width: 1000% }

nav ul { 
    
    padding:5px;
    margin: 0; }
nav li {	display: inline;
			padding-right: 0.5rem; 
			padding-left: 0.5rem; 
			border-right: 2px solid  orange;
			}
nav li:last-child { border-right: none; }