@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: lightblue;
}

.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: relative;
		padding: auto;
		width: 100%;
		background-image: url(Sonnenaufgang.jpg);
		text-align: center;
		font-size: 50px;
}

#nav {
	position: relative;
	background-color: lightblue;
	margin-top: -45%;
}


#article {
	position: relative; 
	left: 25%;
	background-color: lightblue;
	margin-top: -45%;
	margin-left: 5px;
}

#footer {
		position: relative;
		top: 250%;
		width: 100%;
		background-color: lightblue;
		margin-top: 100px;
}


.namen_verlinken {
	font-size: 20px;
}