@font-face {
 	font-family: 'RobotoCondensed-Regular';
 	src: url('fonts/RobotoCondensed-Regular.eot');
 	/* IE */
 	src: url('fonts/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
 		url('fonts/RobotoCondensed-Regular.woff') format('woff'),
 		url('fonts/RobotoCondensed-Regular.ttf') format('truetype');
 	/* alle anderen Browser */
 }


 /* Allgemeine Stile */
 body {
 	font-family: RobotoCondensed-Regular, Arial, sans-serif;
 	margin: 0;
 	padding: 0;
 	background-color: #f4f4f4;
 	font-size: 18px;
 }


 /* Container für die gesamte Seite */
 .container {
 	width: 960px;
 	margin: 0 auto;
 	background-color: #fff;
 	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 }






 /* Navigationsleiste */
nav {
	background-color: #009ee0;
	color: #fff;
	padding: 15px;
}

nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: space-around;
}

nav ul li {
	position: relative;
}

nav ul li a {
	color: #fff;
	text-decoration: none;
	font-size: 20px;
	padding: 5px 10px;
	display: block;
}

nav ul li a:hover,
#linktot {
	color: #000;
}

/* --- Dropdown-Menü verstecken --- */
nav ul li ul {
	display: none;
	/* Standard: unsichtbar */
	position: absolute;
	top: 40px;
	/* Abstand nach unten */
	left: 0;
	background-color: #009ee0;
	list-style: none;
	padding: 10px 0;
	margin: 0;
	width: 200px;
	/* Breite des Dropdowns */
}

/* --- Dropdown-Menü anzeigen bei Hover --- */
nav ul li:hover>ul {
	display: block;
	/* Anzeige beim Hover auf das li */
}

/* Styling der Dropdown-Elemente */
nav ul li ul li a {
	padding: 8px 20px;
	font-size: 18px;
}

nav ul li ul li a:hover {
	background-color: #fff;
	color: #000;
	border-radius: 4px;
}

/* --- Sicherstellen, dass das Dropdown beim Überfahren des Menüs bleibt --- */
nav ul li:hover>ul,
nav ul li ul:hover {
	display: block;
}
 /* /Navigationsleiste */
 






 p {
 	font-size: 18px;
 }


 p.ausgerueckt {
 	padding-left: 20px;
 	text-indent: -20px;
 }


 h1,
 h2 {
 	/* font-family: RobotoCondensed-Regular; */
 	color: #009ee0;
 	/* letter-spacing: 1px; */
 	font-size: 40px;
 }


 h2 {
 	font-size: 20px;
 }


 /* Header-Logo und Header-Tel nebeneinander */
 .presentation {
 	width: 100%;
 	display: flex;
 	justify-content: space-between;
 }


 /* Header-Logo */
 .header-logo {
 	/* width: 300px; */
 	/* height: 64px; */
 	width: 430px;
 	height: 107px;
 	background-image: url('haus-grund-logo.svg');
 	background-size: cover;
 	background-position: center;
 	margin: 0 20px 20px 20px;

 }


 /* Header-Tel */
 .header-tel {
 	color: #009ee0;
 	font-size: 24px;
 	font-weight: bold;
 	padding: 20px 20px 0px 0px;
 }


 /* Header-Bild */
 .header-image {
 	width: 100%;
 	height: 300px;
 	/* background-image: url('home.jpg'); */
 	/* Beispielbild, du kannst es ersetzen */
 	background-size: cover;
 	background-position: center;
 }


 /* Links im Text */
 .linkintext:link,
 .linkintext:active,
 .linkintext:visited {
 	/* font-size: 18px; */
 	color: #009ee0;
 	font-weight: normal;
 	text-decoration: none;
 	border-bottom: 1px #009ee0 dotted;
 	letter-spacing: 1px;
 	/* display: inline-block; */
 	padding: 0px;
 	overflow-wrap: anywhere;
 }

 /* Links im Text */
 .linkintext:hover {
 	font-weight: bold;
 }

 /* Links im Footer */
 .linkinfooter:link,
 .linkinfooter:active,
 .linkinfooter:visited {
 	color: #fff;
 	font-weight: normal;
 	text-decoration: none;
 	border-bottom: 1px #fff dotted;
 	letter-spacing: 1px;
 	/* display: inline-block; */
 	padding: 0px;
 	overflow-wrap: anywhere;
 }

 .linkinfooter:hover {
 	font-weight: bold;
 }


 /* Link Button */
 .linkbutton:link,
 .linkbutton:active,
 .linkbutton:visited {
 	color: #fff;
 	font-weight: normal;
 	text-decoration: none;
 	background: #009ee0;
 	padding: 0.5vw;
 	-webkit-transition: all 0.3s linear;
 	-moz-transition: all 0.3s linear;
 	transition: all 0.3s linear;
 }


 .linkbutton:hover {
 	background-color: #009ee0;
 	color: #000;
 }


 /* Content-Bereich */
 .content {
 	padding: 20px 50px 50px 50px;
 }


 /* divaufundzu */
 summary {
 	line-height: 40px;
 	cursor: pointer;
 	background-color: #f0f0f0;
 	padding: 5px 10px;
 	color: #009ee0;
 	font-size: 20px;
 	font-weight: bold;
 	margin-top: 5px;
 }


 /* Footer */
 footer {
 	background-color: #009ee0;
 	color: #fff;
 	text-align: center;
 	padding: 15px 0px;
 	line-height: 26px;
 }


 /* RSS Feed */
 /* Title */
 .rss-title:hover,
 .rss-title:link,
 .rss-title:active,
 .rss-title:visited {
 	color: #009ee0;
 	font-size: 24px;
 	text-decoration: none;
 	font-weight: bold;
 	letter-spacing: 1px;
 }


 /* Beschreibung */
 .rss-desc {
 	font-size: 18px;
 }


 /* Datum */
 .rss-date {
 	font-size: 16px;
 	line-height: 30px;
 }

 /* Link */
 .rss-guid:hover,
 .rss-guid:link,
 .rss-guid:active,
 .rss-guid:visited {
 	color: #009ee0;
 	font-size: 16px;
 	text-decoration: none;
 }

 .rss-artikel-weiterlesen {
 	font-size: 16px;
 }
  /* /RSS Feed */