
html {
height:				100%;
}

body {
background:			white;
font-family:		Montserrat, sans-serif;
font-size:			12pt;
width:				100%;
height:				100%;
margin:				0;
padding:			0;
}

#wrapper {
max-width:			930px;
width:				auto;
position:			relative;
overflow:			hidden !important; /* FF Scroll-leiste */
margin:				auto;
}

#wrapper a, #wrapper a:visited {
color:				white;
text-decoration:	none;
}

#wrapper a:hover {
text-decoration:	underline;
}

@media screen and (max-width:770px) {
	#wrapper {
		background:			white;
	}
}

#clear_div {
clear:				both;
height:				70px;
}

#header_wrap {
margin-top:			35px;
}

#header {
margin:				0 auto;
padding:			15px 5% 1px 5%;
background:			#743E3E;
}

@media screen and (max-width:620px) {
	#header {
		text-align:			center;
	}	
}

#header_logo_navi {
position:			relative;
margin-bottom:		25px;
}

#header_logo {
float:				left;
}

#header_logo img {
height:				110px;
}

#menu_icon {
display:			none;
}

#header_navi {
overflow:			hidden;
}

#header_navi_icons {
color:				white;
width:				100%;
margin-top:			20px;
}

#header_navi_icons img {
display:			block;
}

#header_navi_icons_tel {
line-height:		33px;
height:				33px;
text-align:			right;
}

.header_icons {
float:				right;
margin-left:		15px;
}

.tel_link {
text-decoration:	none;
color:				white;
}

#neu_navigation {
float:				right;
}

.neu_navipunkt {
float:				left;
font-size:			13pt;
height:				65px;
line-height:		65px;
margin-left:		20px;
}

.neu_navipunkt_aktiv {
color:				grey;
}

#navi_schliessen {
display:			none;
padding:			20px;
}

@media screen and (max-width:620px) {
	#header_logo_navi {
		text-align:			left;
	}
	#header_logo {
		text-align:			center;
		float:				right;
	}
	#header_navi {
		display:			none;
		position:			absolute;
		text-align:			center;
		top:				0;
		left:				0;
		width:				100%;
		background:			#743E3E;
		padding-bottom:		25px;
	}
	#header_navi_icons {
		display:			flex;
		align-items: 		center;
		justify-content: 	center;
		flex-wrap:			wrap;
	}
	#header_navi_icons_tel {
		margin-left:		20px;
	}
	#menu_icon {
		display:			inline;
		margin-left:		20px;
	}
	#navi_schliessen {
		display:			block;
		color:				white;
		font-size:			10pt;
		cursor:				pointer;
	}
	#neu_navigation {
		float:				none;
	}
	.neu_navipunkt {
		float:				none;
		margin-left:		0;
		text-align:			center;
		width:				100%;
	}
}

@media screen and (min-width:621px) {
	#header_navi {
		display:			block!important;
		height:				auto;
	}
}

#header_banderole {
width:				90%;
color:				black;
margin:				0 auto;
padding:			35px 0 20px 0;
text-align:			center;
border-bottom:		1px solid #ead9d9;
}

#header_banderole_line1 {
font-size:			17pt;
font-weight:		bold;
}

#header_banderole_line2 {
font-size:			14pt;
}

#content_wrap {
width:				90%;
margin:				25px auto;
}

.home_pages {
margin-bottom:		40px;
}

.textbild_nurtext {
width:				100%;
margin-bottom:		40px;	
}

.textbild_text {
width:				35%;
margin-right:		35px;
margin-bottom:		40px;
float:				left;
}

.textbild_bild {
text-align:			right;
margin-bottom:		40px;
}

@media screen and (max-width:900px) {
	.textbild_text, .textbild_bild {
		width:			100%;
		float:			none;
		margin-bottom:	20px;
	}
	.textbild_text {
		text-align:		left;
	}
	.textbild_bild {
		text-align:		center;
	}
	.textbild_bild img {
		max-width:		100%;
	}
}

.seitentrennung {
border-bottom:		1px solid #ead9d9;
}

.seitentrennung_space {
padding-top:		20px;
}

#fbplugin_text {
width:				55%;
float:				left;
}

#fbplugin_box {
float:				right;
text-align:			left;
padding-left:		20px;
}

.galerie_wrap {
float: 				left;
padding:			10px 0;
margin:				0 2px 14px 0;
text-align:			center;
border:				0px solid black;
}

.galerie {
margin:				0 41px;
}

.galerie img {
border:				2px solid #0A62A1;
padding:			5px;
}

.galerie_text {
margin-top:			5px;
}

.galerie_detail {
margin:				0 7px 8px 0;
}

.newsuebersicht_titel {
margin-bottom:		8px;
}

.newsuebersicht_text {
margin-bottom:		13px;
padding-bottom:		13px;
border-bottom:		1px dashed #7F6035;
}

.news_titel {
font-weight:		bold;
margin:				0;
}

.news_text {
margin:				10px 0 25px 0;
}

.fett {
font-weight:		bold;
}

.fett_rot {
font-weight:		bold;
color:				#FF0000;
}

.legende {
font-size:			0.8em;
}

.table {
border:				1px solid #000000;
border-collapse:	collapse;
}

.formularfelder {
font-family:		Montserrat, sans-serif;
font-size:			0.9em;
}

.titel {
float:				left;
width:				100%;
margin-bottom:		30px;
}

.userangabe_titel {
font-weight:		bold;
font-size:			0.8em;
}

.userangabe {
font-size:			0.8em;
}

.seitentitel {
font-weight:		bold;
font-size:			12pt;
}

.news_paginator {
width:				100%;
margin-top:			20px;
}

.news_paginator a {
color:				black;
}

.news_paginator_legende {
width:				100%;
margin-bottom:		3px;
}

.news_paginator_zahl, .news_paginator_zahl_aktiv {
float:				left;
border:				1px solid black;
padding:			4px 8px;
margin:				0 8px 8px 0;
}

.news_paginator_zahl {
color:				black;
}

.news_paginator_zahl_aktiv {
color:				white;
background:			#003877;
}

.news_paginator_zahl:hover {
background:			#003877;
color:				white;
}

.youtube {
max-width:			100%;
}

#footer {
margin-bottom:		35px;
}

#kontakt_wrap {
background:			#743E3E;
color:				white;
padding:			20px;
}

#kontakt_boxlinks {
float:				left;
width:				32%;
margin-right:		5%;
overflow:			hidden;
}

#kontakt_boxmitte {
float:				left;
width:				38%;
margin-right:		5%;
overflow:			hidden;
}

#kontakt_boxrechts {
width:				20%;
overflow:			hidden;
}

@media screen and (max-width:850px) {
	#kontakt_boxlinks {
		margin-bottom:		20px;
		width:				39%;
		margin-right:		5%;
	}
	#kontakt_boxmitte {
		float:				none;
		width:				56%;
		margin-right:		0;
		margin-bottom:		20px;
	}
	#kontakt_boxrechts {
		width:				100%;
	}
}
@media screen and (max-width:620px) {
	#kontakt_boxlinks, #kontakt_boxmitte {
		float:				none;
		width:				100%;
		margin-right:		0%;
		margin-bottom:		20px;
	}
	#kontakt_boxrechts {
		width:				100%;
	}
}

#preisliste {
padding-bottom:		20px;
}

.preisliste_row {
width:				100%;
padding:			3px 0;
}

.preisliste_titel {
font-weight:		bold;
width:				100%;
padding:			15px 0 10px 0;
}

.preisliste_eintrag {
width:				100%;
}

.preisliste_eintrag_links {
float:				left;
width:				80%;
}

.preisliste_eintrag_rechts {
float:				right;
width:				20%;
}

@media screen and (max-width:620px) {
	.preisliste_row {
		padding:			0 0 5px 0;
	}
	.preisliste_eintrag_links {
		float:				none;
		width:				100%;
		padding-bottom:		3px;
	}
	.preisliste_eintrag_rechts {
		float:				none;
		width:				100%;
		margin-left:		20px;
	}
}

.angebote_wrap {
float:				left;
width:				30%;
margin-right:		3%;
margin-bottom:		25px;
}

@media screen and (max-width:850px) {
	.angebote_wrap {
		width:				47%;
		margin-right:		3%;
	}
}

@media screen and (max-width:620px) {
	.angebote_wrap {
		width:				100%;
		margin-right:		0;
	}
}

.angebotsbild {
max-width:			100%;
box-shadow:			0px 0px 10px grey;
}

.clear_both {
clear:				both;
}

h1 {
font-weight:		bold;
font-size:			13pt;
}

ul {
margin-left:		20px;
}

* {
margin:				0;
padding:			0;
}

p {
margin:				15px 0;
}

td, th {
padding:			2px;
}