/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('../fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* fredericka-the-great-regular - latin */
@font-face {
  font-family: 'Fredericka the Great';
  font-style: normal;
  font-weight: 400;
  src: local('../fonts/fredericka-the-great-v21-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('../fonts/fredericka-the-great-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       local('../fonts/fredericka-the-great-v21-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       local('../fonts/fredericka-the-great-v21-latin-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       local('../fonts/fredericka-the-great-v21-latin-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       local('../fonts/fredericka-the-great-v21-latin-regular.svg#FrederickatheGreat') format('svg'); /* Legacy iOS */
}

html,body{
	margin: 0px;
	width: 100%;
		color: #333;
  font-size: 1em;
 font-family: 'Lato', sans-serif;

		background-size:cover;

}


*{box-sizing:border-box;}

hr{
	 border: 1px dotted #fff;}

a {
	text-decoration:none;
		color: #fff;

		
		}
.box_organigramm_vor{
	width:100%;
	padding:15px;}		

#impressum{
	cursor:pointer;}
h1{
	font-size:1.9em;

margin:0px;
padding:0;
font-family: 'Fredericka the Great';
  font-style: normal;
  font-weight: 400;
	}
	h2{
font-family: 'Fredericka the Great';
	font-size: 1.5em;
		margin:0;
		padding:0;
  font-style: normal;
  font-weight: 400;
	}	
h3{
font-family: 'Fredericka the Great';
font-weight:normal;
	font-size: 1.2em;
	margin:0px;
	  font-style: normal;
  font-weight: 400;}	

div.clear { clear: both; }

iframe{
	min-height:50vh;
	border: 6px solid rgba(204,204,204,0.4);}
	
	.wrapper_termine{
		display:flex;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		justify-content:center;
		align-self:flex-start;
		flex-wrap:wrap;}
	
	.box_termine{
		width:22%;
		padding:15px;
		margin:5px;
		text-align:center;
		border: 1px solid rgba(102,102,102,1);
		font-size:1.1em;
		background: rgba(255,255,255,0.5);}
		
		.box_termine_2{
		width:22%;
		padding:15px;
		margin:5px;
		text-align:center;
		border: 1px solid rgba(102,102,102,1);
		font-size:1.1em;
		background: rgba(255,255,255,1);
		color:#333;}
		
	.box_termine_dat{
		width:100%;
		padding:10px;
		text-align:center;
		font-weight:bold;
		color:rgba(19,92,15,1);
		border-bottom:1px solid rgba(153,153,153,1);}
	
	.box_termine_text{
		width:100%;
		padding:10px;
		text-align:center;}
	

	
	
.box_form{
	width:100%;
	padding:4px;}

table {
	width:60%;}
	
	
.box_float{
		float:left;}	


.box_down{
	
	background:#FFF;
	color:rgba(20,96,16,0.9);
	font-weight:bold;
	width:23%;
	padding:10px;
	border: 1px solid rgba(255,255,255,1);
	text-align:center;
	margin:2px;}	
	
	.box_down a{
	
	
	color:rgba(20,96,16,0.9);
	}	
	
	
	

.box_logo{
	width:250px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:70px;
	margin-bottom:0px;
	
		 -webkit-transition: all 300ms ease-out;
-moz-transition: all 150ms ease-out;
-o-transition: all 150ms ease-out;
transition: all 150ms ease-out;	}
	
	.box_80{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;

	}	
	
	.box_content{
		width:80%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;}
	
		.box_80 h1{
	width:100%;
	text-align:center;
	margin-bottom:15px;
	font-size:1.9em;

	}
	
	.box_cards{
		position:relative;
		width:350px;
		height:auto;
		margin:10px;
		z-index:1;
		cursor:pointer;
		overflow:hidden;
		
		border:6px solid rgba(255,255,255,0.5);}
		
		
		
			.box_cards_big{
		position:relative;
		width:450px;
		height:auto;
		margin:10px;
		z-index:1;
		cursor:pointer;
		overflow:hidden;
		
		border:6px solid rgba(255,255,255,0.5);}
		
		.box_cards_img{
 -webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
transform:scale(1);
				z-index:2;
				overflow:hidden;
				
				}
		
		.box_cards_overlay{
		position: absolute;
		width:100%;
	height: 100%;

	flex-wrap:wrap;

background: rgba(16,16,16,0.5);
	 color:#FFF;
	 padding:0px;
	text-align: center;
	cursor: pointer;
	z-index:3;
	opacity:0;
 -webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}

.wrapper_kontakt{
	width:100%;

	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap:wrap;}
	
	
	.kontakt_left{
	width:50%;
	padding:20px;
	}
	
		.kontakt_right{
	width:50%;
	padding:20px;
	}

	.box_cards_overlay_text{
		position: absolute;
		bottom:20px;
		opacity:1;
		z-index:5;
		width:100%;
	 color:#FFF;
	 padding:20px;
	 margin-top:100px;
	text-align: center;
	font-size:1.2em;
 -webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
	transform:scale(1);
	 text-shadow: 2px 2px 4px #000000;
}

	.box_cards:hover  .box_cards_overlay_text{

bottom:70px;
	
		}
		

.box_cards_overlay_button{
	position: absolute;
	width:50%;
	bottom:40px;
	margin-left:22%;
	background-size:contain;
	 -webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
transform:scale(1.3);
opacity:0;

	}
	
	

	
	
	.box_cards:hover  .box_cards_overlay_button{
	opacity:1;
	transform:scale(1);
		}

.box_cards:hover  .box_cards_overlay{
	opacity:0.8;
		border: 1px solid rgba(255,255,255,0.4);
		padding:10px;
		}
		
		.box_cards:hover  .box_cards_img{
transform:scale(1.1);
 filter: blur(2px);
  -webkit-filter: blur(2px);
		}
		
		.page_overlay{
			width:100%;
			height:100vh;
			z-index:99999999999;
			position: fixed; 
			top:0;
			left:0;
			background:rgba(20,96,16,0.9);
			opacity:0;
			display:none;
 -webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
transform:scale(0.2)
			}
			
			.box_page_overlay_close{
				cursor:pointer;
				color:#FFF;
				font-size:1.7em;
				position:absolute;
				top:40px;
				right:40px;
				border: 2px solid rgba(255,255,255,1);
				background:#1ba013;
				padding:8px;
			
				}
				
				
				.box_page_overlay_text{
					text-align:center;
					color:#FFF;
					padding:40px;
					margin-top:12%;
					width:80%;}
					
						.box_page_overlay_text_2{
							margin-left:auto;
							margin-right:auto;
							margin-top:12%;
							width:80%;
					text-align:left;
					color:#FFF;
					padding:40px;
					border-left:2px solid rgba(255,255,255,1);
				max-height:100vh;
				overflow-y:auto;
					}
					
					
				
				
				
				.testbox{
					display:none;
					background:#F00;}
	
	
	video {
 width: 80%;
  max-height: 100%;
   height:auto;
   overflow:hidden;
   margin-left:auto;
   margin-right:auto;
   background:#000;

}
	
	
	.button_more{
		width:190px;
			height:45px;
		text-align:center;
		border: 1px solid rgba(255,255,255,0.3);
		color:#fff;
		background:#d61b14;
		-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
		padding:10px;
		cursor:pointer;
				 -webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;		
	}
	
	
		.button_more:hover{
		width:190px;
		text-align:center;
		border: 1px solid rgba(255,255,255,0.5);
	
		background:#b01711;
		
	}
	
	
		.thumbs{
		width:14%;
		box-sizing:border-box;
		border: 3px solid rgba(255,255,255,0.5);
		padding:1px;
		margin:3px;
			 -webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;		
				}
				
						.thumbs:hover{
						
		border: 3px solid rgba(255,255,255,0.9);
		opacity:0.8;
				}
	
.ref_thumbs{
		width:19%;
		box-sizing:border-box;
		margin-right:5px;
		margin-bottom:5px;
		border:2px solid rgba(255,255,255,0.3);}
		
	.ref_thumbs:hover{

		border:4px solid rgba(255,255,255,0.6);}	
		





	.scroll_down{
		display:flex;
		justify-content:center;
		width:99%;
		margin-left:auto;
		margin-right:auto;
		color:#FFF;
		position: absolute;
		bottom:50px;
		z-index:3;
		text-align:center;}

	
.form_box{
	width:100%;
	
	margin-right:auto;
}


	.form_box_titel{
	width:100%;
	color:rgba(255,255,255,1);
	padding:4px;
	
	}
	
	
	.wrapper_content{
		width:100%;
		
		position:relative;
		z-index:10;
		
		
		}
		
			.wrapper_content_1{
		padding:40px;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		z-index:1;
		position:relative;
		
		}
		
				.wrapper_content_2{
		padding:40px;
		width:100%;
		background:#FFF url(bilder/bg_3.jpg) fixed;
		background-size:contain;
		margin-left:auto;
		margin-right:auto;
		z-index:1;
		position:relative;
		
		}
		
		
					.wrapper_content_3{
						background:#FFF url(bilder/bg_4.jpg) ;
		background-size:cover;
		padding:40px;
		width:100%;
	
		margin-left:auto;
		margin-right:auto;
		z-index:3;
		position:relative;
		
		}
		
		
		.box_linie{
			width:100%;
			padding:20px;
			opacity:0.7;
	
			text-align:center;}
			
				.box_linie img{
			width:60%;
		}
			
				
		
		
	.box_left{
		width:50%;
			padding:20px;
			text-align:right;
			border-right: 1px dotted rgba(255,255,255,0.9);
			font-size:1.1em;
			}
			
			.box_left h1{
				font-size:2.2em;
				margin-bottom:5px;}
				
					.box_left h2{
				font-size:1.8em;}
				
				
					.box_left h3{
				font-size:1.5em;}
		
		
		.box_right{
			
		width:50%;
			padding:20px;
			font-size:1em;
			}
		
		.box_left h1{

			font-size:2.5em;
			
			
			}
		
			
		

				.flex_space{
	width: 100%;
	height: auto;
	display:flex;
	display: flexbox;
	display: -webkit-flex;
  	display:ms-flexbox;
  	-webkit-align-items:space-around ;
  	-webkit-justify-content: space-around;
  	justify-content:space-around; 
	-ms-flex-pack:space-around;
  	flex-direction: row;
	
	}

	.flex_stretch{

display: flex;
display: flexbox;
display: -webkit-flex;
display: ms-flexbox;
-webkit-align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: center;
flex-direction: row;
flex-wrap: wrap;
align-items: stretch;
	
	
	}

 img{ vertical-align: middle;}

	
	
		.effect{
 -webkit-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    -ms-transition: all 0.2s ease-in;
    -kthtml-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;

		}
	
	
	
	
.flex_left{
	
		display:flex;
	display: flexbox;
	display: -webkit-flex;
  	display:ms-flexbox;
  	-webkit-align-items:stretch ;
  	-webkit-justify-content: stretch;
  	justify-content:left; 
	-ms-flex-pack:left;
  	flex-direction: row;
	flex-wrap:wrap;
	align-items:stretch;
	}

	
	
			.flex_center{

	display:flex;
	display: flexbox;
	display: -webkit-flex;
  	display:ms-flexbox;
  	-webkit-align-items:center ;
  	-webkit-justify-content: center;
  	justify-content:center; 
	-ms-flex-pack:center;
  	flex-direction: row;
flex-wrap:wrap;

	
	
	}
	
	
	
	
			.flex_right{

	display:flex;
	display: flexbox;
	display: -webkit-flex;
  	display:ms-flexbox;
  	-webkit-align-items:right ;
  	-webkit-justify-content: right;
  	justify-content:right; 
	-ms-flex-pack:center;
  	flex-direction: row;
	flex-wrap:wrap;
	align-items:stretch;
	}
	
	
			.flex_strech{
	display:flex;
	display: flexbox;
	display: -webkit-flex;
  	display:ms-flexbox;
  	-webkit-align-items:space-between ;
  	-webkit-justify-content: space-between;
  	justify-content:space-between; 
	-ms-flex-pack:space-between;
  	flex-direction: row;
	flex-wrap:wrap;
	flex-grow: 1;
	align-items:stretch;
	}
	

	
	
	
.footer{
	position:relative;
	height:auto;
	width:100%;
	box-sizing: border-box;
	z-index:900;
		background:#135c0f url(bilder/bg_rot.jpg);
		background-size:contain;
	
	}
	
	
	.share-buttons{
		padding:5px;
		border-bottom: 1px dotted rgba(255,255,255,0.7);
		margin-bottom:10px;
				
			
			}
		
		.share-buttons img{
			width:30px;
			height:auto;
			}
			
			

.wrapper_footer{
	text-align:left;
	width:100%;
		box-sizing: border-box;
		margin-left:auto;
	margin-right:auto;
	border-top: 1px solid rgba(153,153,153,0.2);
		color: rgba(111,120,130,1);
		}
		
		.share-buttons img{
			width:30px;
			height:auto;
			}
			
	
	.footerbox{
		text-align:left;
		width:32%;
		color: rgba(255,255,255,1);
padding:30px;
		font-size:1em;
	
		}
		
			.footerbox_2{
		text-align:center;
		width:32%;
		color: rgba(255,255,255,1);
padding:30px;
		
		background:#b20081;
		font-size:1.4em
	
		}
		
				.footerbox:last-child {
border: none;
}	
		
		
		
			.footer_item{
		margin:10px;
			color: rgba(255,255,255,1);
		}
		
			.footerbox img{
		margin-right:6px;
		
	
		}
		
		.footerbox a{
		
			color: rgba(255,255,255,1);
		}
		
		
		
	

		

		
		

	
/* Forms */


.form_start{
	width:40%;
	margin-left:auto;
	margin-right:auto;}



		form {
		}
		
			form label {
				display: block;
			}
		
			form input[type="text"],
			form input[type="email"],
			form input[type="password"],
		
			form select,
			form textarea {
	width: 100%;
	padding: 0.6em;
	margin:2px;
background: rgba(255,255,255,1);
	border: solid 1px rgba(200,200,200,0.5);
	color: rgba(111,120,130,1);
	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;
		-webkit-border-radius: 5px;
	border-radius: 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: #999;

				}

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

			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: #95130e;
	color: #fff ;
	font-weight: bold;
	margin-top:15px;
}

input[type=date] {
	padding: 5px 15px;
	border: 0 none;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-left:4px;
	margin-bottom:4px;
	
}
input[type=time] {
	padding: 5px 15px;
	border: 0 none;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-left:4px;
	
}
			
input[type=submit]:hover {
	padding: 5px 15px;
	border: 0 none;
	cursor: pointer;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #fff;
	color: #95130e;
	font-weight: bold;
}


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


}


select {
    border: 0 none;
    color:rgba(102,102,102,1);
    background: transparent;
    font-size: 0.9em;
    font-weight: bold;
    padding: 6px;
    width: auto;

	border: 1px solid rgba(102,102,102,1);
}




	
	@media screen and (max-width : 800px){
			
			.wrapper_content_1{
		width:100%;
		margin-left:auto;
		margin-right:auto;
		
		position:relative;
		padding-bottom:0;
	padding-top:20vh;
		
		}
		
					
		
				.footerbox_2{
		text-align:center;
		width:32%;
		color: rgba(255,255,255,1);
padding:10px;
		
		background:#b20081;
		font-size:1.2em
	
		}
		
		
	
	.box_float{
		float:none;}	
		
	
		
	table {
	width:100%;
	font-size:0.8em;}
	
	.scroll_down{
		display:none;
		justify-content:center;
		width:100%;
		margin-left:auto;
		margin-right:auto;
		color:#FFF;
		position: absolute;
		bottom:50px;
		z-index:3;
		text-align:center;}
		
			.box_cards{
		width:100%;
		margin:10px;
		min-height:100px;
		border: 1px solid rgba(255,255,255,1);}
		
		.box_page_overlay_close{
				cursor:pointer;
				color:#FFF;
				font-size:1.3em;
				position:absolute;
				top:20px;
				right:20px;
				border: 2px solid rgba(255,255,255,1);
				background:#1ba013;
				padding:8px;
			
				}
	
		.thumbs{
		width:45%;
		box-sizing:border-box;
		border: 3px solid rgba(255,255,255,0.5);
		padding:1px;
		margin:3px;
			 -webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;		
				}
		.box_content{
		width:98%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;}
	
	
	.box_page_overlay_text{
					text-align:center;
					color:#FFF;
					padding:20px;
					margin-top:80px;
					width:100%;}
					.box_80{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;

	}	
	
	.kontakt_left{
	width:100%;
	padding:10px;
	}
	
		.kontakt_right{
	width:100%;
	padding:10px;
	}
	
	.box_down{
	width:100%;
	padding:10px;
	border: 1px solid rgba(255,255,255,1);
	text-align:center;}	

.footerbox{
		text-align:center;
		width:100%;
		color: rgba(255,255,255,1);
padding:10px;
		font-size:1em;
	
		}	
		
		.box_termine{
		width:100%;
		padding:10px;
		margin:5px;
		text-align:center;
		border: 1px solid rgba(102,102,102,1);
		font-size:1.1em;
		background: rgba(255,255,255,0.5);}
		
		.box_termine_2{
		width:100%;
		padding:10px;
		margin:5px;
		text-align:center;
		border: 1px solid rgba(102,102,102,1);
		font-size:1.1em;
		background: rgba(255,255,255,1);
		color:#333;}
		
	.box_termine_dat{
		width:100%;
		padding:10px;
		text-align:center;
		font-weight:bold;
		color:rgba(19,92,15,1);
		border-bottom:1px solid rgba(153,153,153,1);}
	
	.box_termine_text{
		width:100%;
		padding:10px;
		text-align:center;}
	
			}