/* *
 * Moin!
 * Zwei Deklarationen für einen leichteren Start stehen bereits hier, ändert sie bei Bedarf.
 * Schreibt euer CSS für alle drei Webseiten in diese Datei.
 * */

 @import url('https://fonts.googleapis.com/css2?family=Nothing+You+Could+Do&display=swap');

body {
	margin: 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial , sans-serif;
}

#header {
	
	background-image: url("bilder/hundi.png");
	background-repeat: no-repeat;
	background-size: 100%;
}

#header #nav {
	margin: 0 auto;
	padding: 0;
	width: 800px;
	list-style: none;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	
}

#header #nav img {
	width: 30px
}

#header a, #header a:hover, a:visited {
	color: #263a10;
}


#header h1 {
	font-size: 60px;
	font-family: 'Nothing You Could Do', cursive;
}

#header h2 {
	font-size: 11px;
	font-family: 'Nothing You Could Do', cursive;
}


#main {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

#main20 {
	width: 960px;
	margin: 0 auto;
}


#main21 {
	margin: 30px 30px 0 30px;
	padding: 5px;
	display: flex;
	flex-direction: column;
	
}

#main p {
	margin: 50px 0 20px 0;
	text-align: center;
}

#main20 p {
	margin: 50px 0 20px 0;
}	




#main #dropdown-wrapper {
width: 425px;
margin: 0 auto;
}

#main .dropdown {
	margin-bottom: 10px;
}

#main .dropdown label {
	width: 120px;
	display: inline-block;
}

#main .dropdown select {
width: 300px;
}

#main .Suche {
display: inline-block;
width: 425px;
text-align: center;
background: #BF7E04;
color: white;
font-weight: bolder;
padding: 5px;
border: none;
border-radius: 5px;
cursor: pointer;
}

#main .Suche:hover {
background: #734002;
}

#footer {
	width: 960px;
	margin: 100px auto 0 auto;
	text-align: center;
}

#footer ul {
	list-style: none;
	display: flex;
	justify-content: center;
}

#footer ul li {
	padding: 0 30px;
}



#main2 {
	display: flex;
    align-items: flex-start;
}

#main2 img {
	margin: 50px 30px;
	width: 500px;
}

#main2 #nav2 {
	padding: 30px;
	display: flex;
	flex-direction: column;
}




#main3 {
	display: flex;
    align-items: flex-start;
	margin: 30px 30px 0 30px;
}

#main3 img {
	margin: 30px;
	width: 300px;
}




#main4 {
	display: flex;
    align-items: flex-start;
	margin: 30px 30px 0 30px;

}

#main4 img {
	margin: 50px 30px;
	width: 300px;
	
}

#main4 #nav3 {
	padding: 30px;
	display: flex;
	flex-direction: column;
}