html{scroll-behavior: smooth; transition: 2s;}body{font: normal 16px Arial, Helvetica, sans-serif; background: #ccc; color: #fff; margin: 0; background: #ccc; /* overflow-x: hidden; */}h2{text-align: center;}.container{position: sticky; top: 0; width: 100%;}header{border-bottom: #ccc 3px solid; position: fixed; z-index: 50; background: #fff; width: 100%;}main{display: flex; flex-flow: column;}nav{display: flex; justify-content: center; align-items: center; align-content: center;}#nav_list{min-height: 70px; padding: 0; margin: 0; list-style-type: none; display: flex; flex-flow: row wrap; justify-content: space-around; align-content: space-around;}#nav_list li{margin: 0.2rem 0.5rem;}.car{display: flex; flex-direction: column; justify-content: space-around; align-items: center; background: url(/images/resized_1000/hannes-egler-518220-unsplash.jpg) center no-repeat; background-size: cover;}.other{display: flex; flex-direction: column; align-items: center; justify-content: center; background-size: cover; background: url(/images/resized_1000/simon-roth-800367-unsplash.jpg) center no-repeat; background-size: cover;}.bike{display: flex; flex-direction: column; justify-content: center; align-items: center; background: url(/images/resized_1000/andrew-pons-50263-unsplash.jpg) center no-repeat; background-size: cover;}.wrapper{display: flex; flex-direction: column; align-items: flex-start; flex-flow: wrap row; justify-content: space-around; margin: 6rem 0;}.klasse{background: rgba(230, 230, 230, 0.8); color: #555; list-style-type: none; padding: 0; transition: 0.3s;}.klasse:hover{box-shadow: 0 10px 15px 0 #000;}.klasse .header{background-color: #111; color: #fff; font-size: 25px;}.klasse li{padding: 10px; border-bottom: 1px solid #eee; text-align: center;}.klasse .emph{background-color: #f4f4f4; font-size: 20px;}.link{text-decoration: none; color: #333;}.link:visited{text-decoration: none; color: #333;}footer{text-align: center; padding: 0 0 1rem 0; margin: auto; color: #333; background-color: #ccc;}.angaben{position: relative; top: -20px; text-align: center;}@media (min-width: 700px){.bike, .car, .other{min-height: 100vh;}.col{padding: 8px;}.klasse li{padding: 15px;}#nav_list{width: 80%;}}@media (min-width: 1000px){.bike{background: url(/images/resized_1980/andrew-pons-50263-unsplash.jpg) center no-repeat;}.car{background: url(/images/resized_1980/hannes-egler-518220-unsplash.jpg) center no-repeat;}.other{background: url(/images/resized_1980/simon-roth-800367-unsplash.jpg) center no-repeat;}#nav_list{width: 40%;}}