/* CSS Document */

html,body{
	margin: 0px;

	width: 100%;
	color:#73463f;
	font-size: 16px;
	font-family: 'lato', sans-serif;
	font-weight: 400;
	background: #fff  ;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    img {
        max-width: 100%;
        height: auto;
        width: auto;
    }
}
li{
 list-style-position:inside;
 list-style-type:circle;}

.safari_img{
	width:auto;
	height:100%;}

.max260{
	width: 260px;
	height:260px;
	float:left;}

.wrapper{
width:100%;

	}
.wrapper_header{
	width:100%;
	height: 661px;
		background:url(bilder/startbild.jpg) no-repeat center top;
		background-size: cover;
	
	}
	
	.scrolldown{
		width:516px;
		text-align:center;
		margin-top:288px;
		margin-left:37%;
		color:#FFF;}
		
		.pfeile_scroll{
			margin-top:10px;
			text-align:center;
			
			width:61px;
			opacity:0.6;}
			
				.pfeile_scroll:hover{
			
			width:61px;
			opacity:0.8;}
	
	.js_back{
		width:300px;
	

		margin-top:10px;
		margin-bottom:10px;}
	
	.wrapper_header_content{
	width:100%;
	height: 80px;
	background:#999;
		background:url(bilder/header_bg.jpg) no-repeat center top;
		background-size: cover;

	
	}
	
	.blog_box{
		width:100%;

			background:#fbf3ed;

cursor: pointer;
float:left;
padding-bottom:15px;
	
		
		}
		
		.autor{
			margin-left:10px;
			font-size:0.7em;}
		
		
		
			.blog_box h2{

font-family: 'Playfair Display';
	font-weight: normal;
	font-size:1.7em;
	line-height:30px;
	font-style:italic;
	
		
		}
		
		.blog_box_text_link{
			width:150px;
			height:auto;
			text-align:center;
			background:#fbf3ed;
	padding:8px;
cursor: pointer;
	border: 1px solid #f6ac76;
			}
			
				.blog_box_text_link:hover{
			width:150px;
			height:auto;
			text-align:center;
			background:#fff;
	padding:8px;
cursor: pointer;
	border: 1px solid #f6ac76;
			}
		
		
		.blog_box_img{
			width:300px;
			float:left;
			margin-right:20px;
			}
			
		
			
			.blog_box_text{
				float:left;
				width:700px;
				}
			
	
	.freunde{
		width:220px;
		height:auto;
		margin: 8px;
		text-align:center;
			background:#fbf3ed;
	padding:8px;
cursor: pointer;
	border: 1px solid #f6ac76;}
	
	
		.freunde:hover{
			background:#fff;}
		
		
	.impressionen{
		margin-top:40px;
		}
	
	.impressionen_box{
		background:#EFEFEF;
		padding:1px;}
		
		.impressionen_box:hover{
		background:#EFEFEF;
		padding:1px;
		opacity:0.7;
		
			-webkit-transition: opacity 0.55s;
	transition: opacity 0.35s;}
		
		
	
.impressionen_titel{
	text-align:center;
	float:none;

	}
	
	.impressionen_img{
		margin:4px;
		}

	.navi_box{
		padding-top:25px;
	width:70%;
	margin-left:auto;
	margin-right:auto;
	float:none;
	text-align:right;
	color:#FFF}
	.navi{
		display:none;}
		
		.topnavi{
			margin-right:10px;
			font-size:18px;
			color:#FFF;}
			
				.footernavi{
			margin-right:10px;
			font-size:15px;
			color:#73463f;}
	
	
	.navi_mobile{
		display:block;}
		
	.logo_mobile{
		display:none;}
	
	.logo_box{
		display:none;
		max-width:auto;

		width:auto;}
	
	.logo{
		margin-left:10%;
		padding-top:25px;
		height:117px;
		width:250px;
		
		}
	
	.logo_spruch{
		margin-top:30px;
		color:#73463f;
	
	font-size: 26px;
	text-align:center;}
	

	
	.wrapper_content{
	margin-top:1%;
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	min-height: 300px;


	}
	
	.content{
	
		}
		.left{
	
	float:left;
	width:60%;
	margin-right:15px;}
	
	.titel_start{
		
	
font-family: 'Playfair Display';
	font-weight: normal;
	font-size:2.2em;
	line-height:35px;
	font-style:italic;	
		
		
		}
	
	.titel{		font-family: 'Playfair Display';
	font-weight: normal;
	font-size:2.5em;
	line-height:30px;
	font-style:italic;
	}
	
		.titel_sub{
			font-family: 'Playfair Display';
			font-style:italic;
	font-weight: normal;
	font-size:2.2em !important; }

	
		.right{
				float:left;
			width:35%;
	font-weight: normal;
	font-size:1em;}
	

	.box_bilder_slide{
		margin-top:20px;
		width:100%;
		float:left;
		position:relative;
		opacity:1;
		transition:ease-in;
		-webkit-transform: scale(0.4);
-moz-transform: scale(0.4);
-ms-transform: scale(0.4);
-o-transform: scale(0.4);
transform: scale(0.4);
opacity:0.0;

		
		}
		
		
		
.grid_left{
	float:left;
	width:550px;
	}
		
		.grid_right {
			display:block;
			margin:0;
		float:left;
		width:550px;
		 }
		 
		 
		 .grid_left_img{float:left;
		 height:362px;
		 }
		  .grid_left_img2{float:left;
		   max-height:362px;
		}
		 
		 .grid_right_img{float:left;
		 width:50%;
		 height:284px;
		 }
		  .grid_right_img2{float:left;
		  width:100%;
		 max-height:373px;
		
		 }
		 
		 
		 
		 .glueckis_show_img{
			 width:250px;
			 margin-right:16px;
			}
			 
			 .glueckis_show_text{
				   width:300px;
				}
				 
				  .glueckis_show_text2{
					  width:500px;
					  font-size:0.8em;
				}
		 
		 
.date_box{
	text-align:center;
	width:300px;
	margin:5px;
	background:#fbf3ed;
	padding:16px;
cursor: pointer;
	border: 1px solid #f6ac76;}
	
	.date_box:hover{
	text-align:center;
	width:300px;
	margin:5px;
	background:#fff;
	padding:16px;
	cursor: pointer;
	
	border: 1px solid #f6ac76;}
	
	
	.date_date{
	
	font-size:1.3em;
	line-height:30px;
font-weight:600;
color:#d8804e;
	}
	.date_line{
		display:block;
		width:100%;
		height:1px;
		background:#f6ac76;
		margin-top:4px;
		margin-bottom:4px;}
		
		.date_name{
				font-family: 'Playfair Display';
	font-weight: normal;
			font-size:1.4em;
			font-weight:600;}
			
			.date_more{
				width:100%;
				background:#f6ac76;
				margin-top:10px;
		margin-bottom:4px;
				}
					.date_text{
				min-height:50px;
			
				margin-top:4px;
		margin-bottom:4px;
				}

		
		
		.infotext{
			margin-top:20px;
			display:block;}

		
.fusszeile{
	text-align:center;
	padding-top:15px;
		min-height: 50px;
	font-size:0.9em;
	}

a{color:#73463f;
text-decoration:none;
outline: none;}

div.clear { clear: both; }



h1{

	font-size: 1.9em;


	}
h2{

	font-size: 1.6em;

	}	
h3{

	font-size: 1.2em;}	
h4{

	font-size: 1.0em;}	
h5{

	font-size: 1.0em;}


.kontakt_map{
	width:100%;
	
	}
	
	.flexbox_kontakt{
		width:100%;
		  display: -webkit-flex;
  display:flex;
  display:ms-flexbox;
  -webkit-align-items: center;
  -webkit-justify-content: space-between;
  display: flexbox;
  flex-direction: row;
flex-wrap:wrap;
justify-content:space-between; 
-ms-flex-pack:center;}


	
	.kontakt_kontakt{
		margin-bottom:10px;
		margin-top:10px;
		text-align:center;
		width:310px;
			background:#fbf3ed;
	padding:8px;
	border: 1px solid #f6ac76;
	line-height:22px;
		}
		
			.kontakt_kontakt:hover{
		margin-bottom:10px;
		margin-top:10px;
		text-align:center;
		width:310px;
			background:#fff;
	padding:8px;
	border: 1px solid #f6ac76;
	line-height:22px;
		}
		
		
		
		.kontakt_rund{
			border-radius: 60px;}
			
				
	.kontakt_tel{
		font-size:0.8em;
		}
		
		
				
	
.footer{
		width:100%;
		margin-left:auto;
		margin-right:auto;
		margin-top:22px;
		}
		
		
		
.content_flexbox{
  display: -webkit-flex;
   display: -webkit-box; 
  display:flex;
  display:ms-flexbox;
  display: -moz-box;
  -webkit-align-items: center;
  -webkit-justify-content: between;
  display: flexbox;
  flex-direction: row;
flex-wrap:wrap;
justify-content:space-between; 
-ms-flex-pack:center;
 -webkit-flex-wrap: wrap;
 -webkit-flex-direction: row;
 display:-webkit-box;
  display:-webkit-flex;
  display:-webkit-flexbox;
  display:-moz-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
	}
	
	
	.grid_flexbox{
		 display: -moz-box;
  display: -webkit-flex;
  display:flex;
  display:ms-flexbox;
    display: -webkit-box; 
	display: -moz-box;
  -webkit-align-items: left;
  -webkit-justify-content: between;
  display: flexbox;
  flex-direction: row;
flex-wrap: wrap;
justify-content:flex-start; 
-ms-flex-pack:left;
 -webkit-flex-wrap: wrap;
  -webkit-flex-direction: row;
  display:-webkit-box;
  display:-webkit-flex;
  display:-webkit-flexbox;
  display:-moz-flex;
  display:-moz-box;
  display:-ms-flexbox;
  display:flex;
  align-items:stretch;

	}
	
	/* Overlay menü */
	
	/*styling open close button*/
.button img{
 display: block;
 position: absolute;
 right: 20px;
 top: 0px;
 z-index: 999;
 width: 70px;

}

/*overlay*/
.overlay{
    display: none;
 position: fixed;
 top: 0;
 height: 100%;
 width: 30% !important;
 background: rgba(109, 57, 41, 0.98);
 overflow: auto;
  margin-left:70%;
}
.overlay_content{
	padding-top:80px;
 color: #fff;
 text-align: right;
	width:100%;
 margin: 0 auto;

}

.overlay_content a{
	margin-right:1em;
	width:100%;
	text-align:right;
	font-size:2.0em;	
 color: #fff;
 float:none;
}

.overlay_content a:hover{
	width:100%;

	text-align:right;
	
 color: #CCC;
 float:none;
}


.mob_navi{
	width:95%;

	margin:8px;
	width:100%;float:none;}



#map,
#panorama {
  height:200px;
  background: #fbf3ed;
  border:#743303 5px;
  display:block;
}

.popin{
	margin-top:10px;
  background:#fbf3ed;
  padding:11px;
  border-radius:2px;
 
}

	
	
/* Forms */

		form {
		}
		
			form label {
				display: block;
			}
		
			form input[type="text"],
			form input[type="email"],
			form input[type="password"],
			form select,
			form textarea {
	display: block;
	width: 90%;
	padding: 0.75em;
	background: none;
	border: solid 2px rgba(185,186,187,0.25);
	color: #333;
	border-radius: 0.5em;
	outline: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	-moz-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	transition: all 0.2s ease-in-out, color 0.2s ease-in-out;
	margin-right: 13px;
	background-color: #ededed;
	margin-bottom:5px;
			}

				form input[type="text"]:hover,
				form input[type="password"]:hover,
				form select:hover,
				form textarea:hover {
				}

				form input[type="text"]:focus,
				form input[type="password"]:focus,
				form select:focus,
				form textarea:focus {
	border-color: #ec6707;
	text-align: left;
margin-bottom:5px;
				}

			form input[type="text"],
			form input[type="password"],
			form select {
				line-height: 1em;
			}
				
			form textarea {
				min-height: 8em;
			}

			form .formerize-placeholder {
				color: rgba(0,0,0,0.70) !important;
			}

			form ::-webkit-input-placeholder {
				color: rgba(0,0,0,0.70) !important;
			}

			form :-moz-placeholder {
				color: rgba(0,0,0,0.70) !important;
			}

			form ::-moz-placeholder {
				color: rgba(0,0,0,0.70) !important;
			}

			form :-ms-input-placeholder {
				color: rgba(0,0,0,0.70) !important;
			}

			form ::-moz-focus-inner {
				border: 0;
			}
			
input[type=submit] {
	padding: 5px 15px;
	border: 0 none;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #ec6707;
	color: #f2e5d2;
	font-weight: bold;
}

input[type=reset] {
	padding: 5px 15px;
	border: 0 none;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #ec6707;
	color: #f2e5d2;
	font-weight: bold;


}
					
					


@media screen and (max-width : 1160px){
	
	.wrapper_header{
	width:100%;
	height: 450px;
		background:url(bilder/startbild.jpg) no-repeat;
		background-size: cover;
	
	}
	
	.scrolldown{
		width:516px;
		text-align:center;
		margin-top:148px;
		margin-left:40%;
		color:#FFF;}
	

		
		
	.wrapper_content{
		padding-top:20px;
	width:95%;
	margin-left:auto;
	margin-right:auto;


	}	
	
	.navi_box{
	width:95%}
	
	.overlay{
    display: none;
 position: fixed;
 top: 0;
 height: 100%;
 width: 50% !important;
 background: rgba(109, 57, 41, 0.98);
 overflow: auto;
  margin-left:50%;
}	


	}
	


		
@media screen and (max-width : 660px){
	
	
		.logo{
		margin-left:10%;
		padding-top:20px;
		height:60px;
		width:160px;
		
		}
	
	.logo_mobile{
		width:90%;
		margin-left:auto;
		margin-right:auto;
		height:auto;
		display:block;
		padding-top:60px;}
		
		.logo_mobile img{width:100%;}

	
	.wrapper_header{
	width:100%;
	height: auto;
	min-height: 150px;
		background:url(bilder/startbild_mobile.jpg) no-repeat center top;
		background-size: cover;
	
	}
	
	.scrolldown{
		display:none;}
	
	.logo_box{
		display:block;
		width:90%;
		margin-top:40px;
		margin-left:auto;
		margin-right:auto;
		width:auto;
		min-height:100px;}

		
		.logo img{width:100%;}
	
	.logo_spruch{
		margin-top:0px;
		color:#73463f;
	
	font-size: 1em;
	text-align:center;}
	
	
	
.navi_box{
	width:100%}
	.navi{
		display:none;}
	.navi_mobile{
		display:block;}	
		
		.left{
	
	float:none;
	width:90%;
	margin-right:auto;
	margin-left:auto;
	}
	
	.right{
			margin-right:auto;
	margin-left:auto;
				float:none;
			width:90%;
	font-weight: normal;
	font-size:1em;
	}
	
	.titel{		font-family: 'Playfair Display';
	font-weight: normal;
	font-size:1.5em;
	line-height:30px;
	font-style:italic;
	}
	
		.titel_sub{
			font-family: 'Playfair Display';
			font-style:italic;
	font-weight: normal;
	font-size:1.2em !important;
	margin-bottom:10px; }

		
		
	.box_bilder_slide{
		margin-top:20px;
		width:100%;
		float:left;
		position:relative;
		margin-left:auto;
		margin-right:auto;

opacity:1;

		transition:ease-in;
		-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
opacity:1.0;
}


	
		
.grid_left{
	float:none;
	width:100%;
	}
		
		.grid_right {
			display:block;
			margin:0;
		float:none;
		width:100%;
		 }
		 
		 
		 .grid_left_img{float:none;
		 height:auto;
		 margin-left:auto;
		 margin-right:auto;}
		  .grid_left_img2{float:none;
		   margin-left:auto;
		 margin-right:auto;
		}
		 
		 .grid_right_img{float:none;
		 width:100%;
		  margin-left:auto;
		 margin-right:auto;
		 height:auto;
		 }
		  .grid_right_img2{float:none;
		   width:100%;
		   margin-left:auto;
		 margin-right:auto;
		
		 }
		 
		 
		 .left{
	
	float:none;
	width:90%;
	margin-right:15px;}
	
	.titel{		font-family: 'Playfair Display';
	font-weight: normal;
	font-size:1.5em;
	line-height:30px;
	font-style:italic;
	}
	
		.titel_sub{
			font-family: 'Playfair Display';
			font-style:italic;
	font-weight: normal;
	font-size:1.2em !important; }

	
		.right{
				float:none;
			width:90%;
	font-weight: normal;
	font-size:1em;}
		 
.overlay{
    display: none;
 position: fixed;
 top: 0;
 height: 100%;
 width: 100% !important;
 background: rgba(109, 57, 41, 0.98);
 overflow: auto;
  margin-left:0%;
}	

.overlay_content a{
	margin-right:1em;
	width:100%;
	text-align:right;
	font-size:1.7em;	
 color: #fff;
 float:none;
}

	.wrapper_header_content{
	width:100%;
	height: 80px;
	background:#999;
		background:url(bilder/header_bg.jpg) no-repeat center top;
		background-size: cover;

	
	}
	
		.blog_box_img{
			width:95px;
			float:left;
			margin-right:20px;
			margin-left:auto;
			margin-right:auto;
			}
				.blog_box_img img{
			max-width:250px;
			float:left;
			margin-right:20px;
			margin-left:auto;
			margin-right:auto;
			}
			
			
			
				.blog_box_text{
				float:left;
				width:90%;
					margin-left:auto;
			margin-right:auto;
				}
				
				
					
	.grid_flexbox{
		 display: -moz-box;
  display: -webkit-flex;
  display:flex;
  display:ms-flexbox;
  -webkit-align-items: center;
  -webkit-justify-content: between;
  display: flexbox;
  flex-direction: row;
flex-wrap:wrap;
justify-content:center; 
-ms-flex-pack:center;

	}
	
	 .glueckis_show_text{
				   width:90% !important;
				   margin-right:auto;
				   margin-left:auto;
				}
				 
				  .glueckis_show_text2{
					  width:90% !important;
				   margin-right:auto;
				   margin-left:auto;
				}
}
@media screen and (min-height : 900px){
	.box_bilder_slide{
		margin-top:20px;
		width:100%;
		float:left;
		position:relative;
		opacity:1;
		transition:ease-in;
		-webkit-transform: scale(1.0);
-moz-transform: scale(1.0);
-ms-transform: scale(1.0);
-o-transform: scale(1.0);
transform: scale(1.0);
opacity:1.0;

		
		}}
		
		@media screen and (max-width : 1260px) and (orientation: landscape){
			
	
			
			
			}