@charset "UTF-8";

@font-face {
	font-family: 'AmplitudeWide-Light';
	src:url("fonts/AmplitudeWide-Light.eot");
	src:url("fonts/AmplitudeWide-Light.eot") format("eot"),
		url("fonts/AmplitudeWide-Light.woff") format("woff"),
		url("fonts/AmplitudeWide-Light.ttf") format("truetype"),
		url("fonts/AmplitudeWide-Light.svg#AmplitudeWide-Light") format("svg");
}

@font-face {
	font-family: 'AmplitudeWide-Regular';
	src:url("fonts/AmplitudeWide-Regular.eot");
	src:url("fonts/AmplitudeWide-Regular.eot") format("eot"),
		url("fonts/AmplitudeWide-Regular.woff") format("woff"),
		url("fonts/AmplitudeWide-Regular.ttf") format("truetype"),
		url("fonts/AmplitudeWide-Regular.svg#AmplitudeWide-Regular") format("svg");
}




/* ~~ Element-/Tag-Selektoren ~~ */
body {
	font-family: 'AmplitudeWide-Light', sans-serif;
	margin: 0;
	padding: 0;
	color: #803934;
	background-color:#c1c1c1;
}
@media screen and (max-width: 991px) {
	body {
		background-color:#F2DFD1;
		background-image:url(image/bg_container_mobile.jpg);
		background-repeat:no-repeat;
	}
	.index {
		background-color:#c1c1c1;
		background-image:none;
	}
}

.container_index_link:hover {
	font-weight:normal;
}
.container_index {
	background-image:url('image/bg_start.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	height:850px;
	margin: 0 auto;
	margin-top:25px; 
	max-width:1134px;
}
@media screen and (max-width: 767px) {
	.container_index {
		margin-top:0;
	}
}

ul, ol, dl {
	padding:0;
	margin:0;
	list-style:none;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top:0;
	padding-right:0;
	padding-left:0;
}

a img {
border: none;
}
a:link, a:visited, a:hover, a:active, a:focus {
	text-decoration: none;
	color: #333;
}
a:hover {
	font-weight:bolder;
}

.container_body {
	background-image:url(image/bg_container.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:850px;
	margin: 0 auto;
	margin-top:25px;
	max-width:1134px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.container_body {
		background-image:none;
		background-repeat:no-repeat;
		min-height:100%;
		height:unset;
		margin-top:0;
	}
}
@media screen and (max-width: 767px) {
	.container_body {
		background-image:none;
		background-repeat:no-repeat;
		min-height:100%;
		height:unset;
		margin-top:0;
	}
}




/* ~~ Startseite ~~ */
.logo {
	color:#803934;
	float:left;
	line-height:20px;
	margin-top:160px;
	margin-left:150px;
	max-width:400px;
	z-index:1;
}
.logo p {
	margin:0;
	padding:0;
}
@media screen and (max-width: 767px) {
	.logo {
		margin-top:75px;
		margin-left:25px;
	}
}

.start_adresse {
	margin-top: 36px !important;
}

.start_adresse a {
	color: #803934;
}




/* ~~ Header ~~ */  
.header {
	max-width:1134px;
	padding-top: 27px;
}

.header_logo {
	text-align:center;
	margin-top:50px;
}




/* ~~ Navigation ~~ */  
.menu {
	margin:auto;
	max-width:670px;
	padding-top:37px;
}

.navbar-nav {
	margin:0;
	padding:0;
	font-family:'AmplitudeWide-Regular', sans-serif;
}

.nav-item {
	border-right: solid 2px black;
	font-size:17px;
	line-height:0.95em;
}
@media screen and (max-width: 991px) {
	.nav-item {
		border:none;
	}
}

.nav-item_kontakt {
	border-right:none;
}

.nav-item a { 
	color:#000 !important;
	padding:2px 10px !important;
}
@media screen and (max-width: 991px) {
	.nav-item a {
		padding:5px 10px !important;
	}
}

.nav-item a:hover, .nav-item a:active {
	color:#803934 !important;
}

.nav-item .active {
	color:#803934 !important;
	font-weight:bold;
}

.navbar-expand-lg {
	background-color:transparent !important;
}
.navbar-light .navbar-toggler {
	border-color:#000 !important;
}
@media screen and (max-width: 991px) {
	#navbarSupportedContent {
		background-color:rgba(255, 255, 255, 0.5) !important;
		margin-left:5px;
		margin-top:5px;
		padding-bottom:5px;
		padding-top:5px;
	}
}




/* ~~ content ~~ */  
.content ul, .content ol { 
	padding: 0 15px 15px 40px;
}

.content, .content_kontakt {
	background-color:rgba(255, 255, 255, 0.7);
	box-shadow:5px 5px 8px #888888;
	min-height:379px;
	margin:auto;
	margin-top: 45px;
	padding-bottom:23px;
	padding-left:14px;
	padding-right:11px;
	padding-top:2px;
	max-width:550px;
}
@media screen and (max-width: 767px) {
	.content {
		min-height:unset;
	}
}
.content_kontakt {
	height:339px;
	overflow-y:auto;
}
@media screen and (max-width: 991px) {
	.content_kontakt {
		height:auto;
		overflow:none;
	}
	.content_kontakt .text_1 {
		margin-top:40px;
	}
}

.content h1, .content_kontakt h1 {
	font-size:17px;
	font-weight: bold;
	margin-top: 25px;
	padding-left:5px;
	padding-right:5px;
}
.content h2, .content_kontakt h2 {
	font-size:15px;
	font-weight: bold;
	margin-top: 25px;
	padding-left:5px;
	padding-right:5px;
}
.content h3, .content_kontakt h3 {
	font-size:14px;
	font-weight: bold;
	margin-top: 25px;
	padding-left:5px;
	padding-right:5px;
}

.text_1 {
	color:#333;
	font-size:12px;
	line-height:1.3em;
	margin-top:24px;
	padding-left:5px;
	padding-right:5px;
	text-align: justify;
}
@media screen and (max-width: 767px) {
	.content_kontakt .text_1 {
		clear:both;
	}
}
.text_1_img {
	padding-bottom: 5px;
	padding-left: 23px;
	padding-top: 3px;
	float: right;
}

.text_2 {
	color:#333;
	font-size:13px;
	line-height:2em;
	margin-top:24px;
	padding-left: 5px;
}
.text_2 ul {
	list-style:disc;
	padding-bottom:0;
}
.text_2_img {
	padding-bottom: 5px;
	padding-left: 23px;
	padding-right:20px;
	padding-top: 3px;
	float: right;
}
@media screen and (max-width: 767px) {
	.text_2_img {
		float: unset;
		text-align:center;
	}
}




/* ~~ Galerie ~~ */ 
#carousel_galerie {
	font-family:sans-serif;
	margin:auto;
	margin-top:10px;
}
#carousel_galerie .carousel-item {
	text-align:center;
}
#carousel_galerie .carousel-item .carousel-caption {
	color:#803934;
	padding-bottom:0;
	padding-top:20px;
	position:sticky;
}
#carousel_galerie .carousel-item .carousel-caption p {
	margin:0;
}
#carousel_galerie .carousel-control-next {
	margin-bottom:120px;
	margin-right:40px;
	z-index:unset;
}
@media screen and (max-width: 767px) {
	#carousel_galerie .carousel-control-next {
		margin-bottom:45px;
		margin-right:0;
	}
}
#carousel_galerie .carousel-control-prev {
	margin-bottom:120px;
	margin-left:40px;
	z-index:unset;
}
@media screen and (max-width: 767px) {
	#carousel_galerie .carousel-control-prev {
		margin-bottom:45px;
		margin-left:0;
	}
}
#carousel_galerie .galerie_tumbnail {
	background-color:#803934;
	line-height:12px;
	margin:0;
	margin-top:-10px;
	padding:0;
	position: static;
}
@media screen and (max-width: 991px) {
	#carousel_galerie .galerie_tumbnail {
		margin-top:10px;
	}
}
#carousel_galerie .galerie_tumbnail div {
	margin:0;
	padding:5px 5px 0;
}
#carousel_galerie .carousel-indicators a:hover {
	opacity: 0.75
}




/* ~~ Google Maps ~~ */ 
.content_kontakt .google_maps {
	float:right;
	height:274px;
	margin-right:5px;
	margin-top:20x;
	width:254px;
}
.content_kontakt .google_maps iframe {
	width:254px;
}
@media screen and (max-width: 767px) {
	.content_kontakt .google_maps {
		float:unset;
		width:100%;
	}
	.content_kontakt .google_maps iframe {
		width:100%;
	}
}