@import url('https://fonts.googleapis.com/css2?family=Noto+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@300&family=Open+Sans+Condensed:wght@300&display=swap');

.ueberschrift {
				font-size:30px;
				font-family: 'Roboto', sans-serif;
}

.bekannte_bauwerke {
					font-size: 25px;
					font-family: 'Roboto', sans-serif;
}

.sehenswürdigkeiten {
						font-size: 25px;
						font-family: 'Assistant', sans-serif;
						padding-left: 4px;
}

.startseite { 
			font-size: 300px;
			font-family: 'Noto Serif', serif;
			color: white;
}

.rom {
	font-size: 40px;
	font-family: 'Open Sans Condensed', sans-serif;
}

.fakten {
		font-size: 25px;
		font-family: 'Assistant', sans-serif;
}

.links {
		font-size: 23px;
		color: black;
}
.footer { 
		font-size: 45px;
}

#wrapper { 
		margin: auto;
}

#header {
		position: absolute;
		padding: auto;
		width: 100%;
		height: 70%;
		background-image: url(Sonnenaufgang.jpg)
}

#nav {
	position: absolute;
	top: 77%;
	width: 20%;
	height: 170%;
	background-color: lightblue;
}


#article {
	position: absolute; 
	top: 77%;
	left: 25%;
	width: 75%;
	height: 168%;
	padding-left: 1%;
	padding-top: 1%;
	padding-right: 1%;
	background-color: lightblue;
}

#footer {
		position: absolute;
		top: 250%;
		width: 100%;
		height: 20%;
		background-color: lightblue;
}