/* CSS Document */

html,body{
	margin: 0px;

	width: 100%;
	color: #3c3a3a;
	font-size: 16px;
font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	background: #eaeae9 url(bilder/bg_header.jpg) center top no-repeat;
}




.box_blog{
	width:31%;
	box-sizing:border-box;
	border: 3px solid rgba(255,255,255,1);
	margin:3px;
	padding:15px;
	background: rgba(255,255,255,0.2);
	cursor:pointer;
	}
	
.box_blog:hover{
	background: rgba(255,255,255,0.6)
	
	}	
	
.box_blog_img{
	width:100%;}
	
.box_blog_datum{
	width:100%;
font-weight:300;
font-size:1em;}


.box_blog_titel{width:100%;
	width:100%;
color:#36C;
font-size:1.5em;
margin-bottom:7px;}
.box_blog_text{width:100%;
font-size:0.9em;
font-weight:300;

}
.box_blog_more{
	
	width:100%;
margin-top:8px;}



.blog_show{
	width:100%;
	box-sizing:border-box;
	border: 3px solid rgba(255,255,255,1);
	margin:3px;
	padding:15px;
	background: rgba(255,255,255,0.8);
	margin-bottom:25px;

	
	}
	
.blog_box_show{
	width:100%;
	
	 display: -webkit-flex;
  display:flex;
  display:ms-flexbox;
  -webkit-align-items: left;
  -webkit-justify-content: left;
  display: flexbox;
  flex-direction: row;

justify-content:left; 
-ms-flex-pack:left;
	}	
	
	
	
	.box_blog_img_show{
	width:45%;
	margin-right:15px;}
	

.box_blog_text_show{
	width:45%;
white-space: inherit;
font-size:1em;
font-weight:300;



}

.box_blog_text_show h2{
	color:#014f87;

}
.text_show{font-size:1em;
font-weight:300;}

.g_meldung{
	font-size:1.3em;
	font-weight:bold;
	color:#014f87;}

.gewinnfrage{
	width:90%;
	padding:8px;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,1);
	margin-bottom:10px;
	margin-top:5px;
	background:#014f87;
	color:#FFF;
  display: -webkit-flex;
  display:flex;
  display:ms-flexbox;
  -webkit-align-items: left;
  -webkit-justify-content: left;
  display: flexbox;
  flex-direction: row;
flex-wrap:wrap;
justify-content:left; 
-ms-flex-pack:left;}

.g_bild{
	width:35%;
	box-sizing:border-box;
	float: left;
	margin-right:15px;
	}
.g_text{width:45%;
	box-sizing:border-box;
	float: left;}
	
	
	.g_text  h1 , h2{
		margin:0;
		padding:0;}
	


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

div.clear { clear: both; }

 p { margin-top: 0px; }

h1{
	margin:0px;
	font-size: 1.9em;
	color:#014f87;

	}
h2{
color:#000;
	font-size: 1.4em;

	}	
h3{
color:#014f87;
	font-size: 1.2em;}	
h4{
color:#014f87;
	font-size: 1.0em;}	
h5{
color:#014f87;
	font-size: 1.0em;}
	
	
	.wrapper{
		width:100%;}
		
	.wrapper_header{
		display:block;
	width:100%;
	height:170px;
	max-width:1700px;
	margin-left:auto;
	margin-right:auto;
	background: url(bilder/bg_header.png) center top no-repeat;

	z-index:1000;
	position:relative;

	}
	
	
	.header{
			width:1100px;
		height:129px;
	margin-left:auto;
	margin-right:auto;
}

	
		.wrapper_slider{
				max-width:1090px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-70px;
		z-index:100;
		border: 10px solid #fff;
		max-height:372px;
	position:relative;
	background:#FFF;
	}
	
	.callbutton{
		padding:5px;
		display:block;
		color:#FFF;
 position: absolute;
 		width:224px;
		z-index:500;
		right:55px;
		bottom:35px;
		 border: 1px solid rgba(255, 255, 255, 0.0);
		box-shadow: 0px 0px 0px #888;
 -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -kthtml-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;

		}
		
			.callbutton:hover{
				padding:5px;

		display:block;
		color:#FFF;
 position: absolute;
 		width:224px;
		z-index:500;
		right:55px;
		bottom:35px;
		 border: 1px solid rgba(255, 255, 255, 0.5);
		box-shadow: 0px 0px 5px #000;
 -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -kthtml-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;

		}
		
		.callbutton a{	color:#FFF;}
		
		
			.callbutton_mobile{
		display:none;
		color:#FFF;
 		width:224px;
		
		}
		
		

	.callbutton_mobile a{	color:#FFF;}
	
	
	.wrapper_content{
			width:1100px;
	
		min-height:200px;
	margin-left:auto;
	margin-right:auto;	
	margin-top:20px;
	margin-bottom:15px;
		}
		
		.starttext{
			padding:10px;
			margin-left:auto;
			margin-right:auto;}
		

	.flexbox_content{
		width:100%;
  display: -webkit-flex;
  display:flex;
  display:ms-flexbox;
  -webkit-align-items: stretch;
  -webkit-justify-content: center;
  display: flexbox;
  flex-direction: row;
justify-content: flex-start; 
-ms-flex-pack:sflex-start;
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;
	align-items:stretch;
	
	
	}
	
	
	
	.card_start{
		box-sizing:border-box;
	
		margin:10px;
		box-shadow: 0px 0px 0px #888;
 -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -kthtml-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
	border: 10px solid #fff;
	opacity:1;


		}
		
			.card_start:hover{
	
		margin:10px;
box-shadow: 0px 0px 5px #888;
 -webkit-transition: all 0.1s ease-in;
    -o-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    -ms-transition: all 0.1s ease-in;
    -kthtml-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
	opacity:0.8;
	
	}
		
	
		
		.card_foto{
			display:block;
		
	
	
		}
			
		.card_text{
		width:100%;
		
			text-align:center;
			font-size:1.3em;
			bottom:5px;
			position:relative;
			text-transform:uppercase;
		
		}
		
		
			.card_text h1{
				
		text-align:center;
			font-size:0.7em;
			color:#005f97;
			font-weight:300;
				
			position:relative;
		}
		
			
			
		.wrapper_footer{
		
			min-height:100px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	background:#454544;
	
		}
	.footer{
		margin-top:5px;
		text-align:center;
		width:1100px;
		margin-left:auto;
	margin-right:auto;
		}
		
		
		
	.flexbox_footer{
		width:100%;
  display: -webkit-flex;
  display:flex;
  display:ms-flexbox;
  -webkit-align-items: space-between;
  -webkit-justify-content: space-between;
  display: flexbox;
  flex-direction: row;
flex-wrap:wrap;
justify-content:space-between; 
-ms-flex-pack:space-between;

	}
	
	.footer_box{
		width:200px;
		margin-left:10px;
		padding:10px;
		font-size:0.9em;
		font-weight:300;
		color:#FFF;
		text-align:left;
		border-left: solid 1px rgba(255,255,255,0.3);
		}
		
			.footer_box a{

		color:#FFF;
	
		}
		
		.pull-left{
			float:left;
			 margin-right: 10px; }
		
		
					#map,
#panorama {
  height:372px;
  background:#fff;
  border:#fff 5px solid;
  display:block;
}

.popin{
  background:#fff;
  padding:0px;
  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;

	border: solid 2px rgba(185,186,187,0.25);
	color: #666;
	border-radius: 0.2em;
	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: #fff;
	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 : 1100px){
		
				
	.wrapper_header{
		display:block;
	width:100%;
	height:auto;
	max-width:1700px;
	margin-left:auto;
	margin-right:auto;
	background: url(bilder/bg_header.png) center top no-repeat;
	z-index:1000;
	position:relative;
	margin-bottom:10px;

	}
		
	.header{
			width:95%;
		height:auto;
	margin-left:auto;
	margin-right:auto;
}

	
		.wrapper_slider{
				
	margin-left:auto;
	margin-right:auto;
	margin-top:28px;
		z-index:100;
		border: 5px solid #fff;
		background:#FFF;
		
	}
	
		.wrapper_content{
			width:95%;
	
		min-height:200px;
	margin-left:auto;
	margin-right:auto;	
	margin-top:20px;
		}
		
		.starttext{
			width:95%;
			margin-left:auto;
			margin-right:auto;}
		
	.flexbox_content{
  display: -webkit-flex;
  display:flex;
  display:ms-flexbox;
  -webkit-align-items: center;
  -webkit-justify-content: center;
  display: flexbox;
  flex-direction: row;
flex-wrap:wrap;
justify-content:center; 
-ms-flex-pack:center;

	}
	
	.footer{
		margin-top:5px;
		text-align:center;
		width:95%;
		margin-left:auto;
	margin-right:auto;
		}	
		
		.footer_box{
		width:200px;
		margin-left:4px;
		
		padding:9px;
		font-size:0.9em;
		font-weight:300;
		color:#FFF;
		text-align:left;
		border-bottom: solid 1px rgba(255,255,255,0.3);
		border-left: none;
		}	
		
			.callbutton{
display:none;

		}	
				

}
	@media screen and (max-width : 700px){
		
		.box_blog{
	width:48%;

	}
		
		.starttext{
			padding:0px;
			margin-left:auto;
			margin-right:auto;}
			
			.starttext h1 {
				margin:0px;
	font-size: 1.4em;
	color:#014f87;}
			

.callbutton{
		display:none;
		color:#FFF;
 position: absolute;
 		width:224px;
		z-index:500;
		right:55px;
		bottom:35px;

		}
		
		
		.callbutton_mobile{
		display:block;
		color:#FFF;
 		width:224px;
		margin-top:8px;


		}
		
		
		}
		
@media screen and (max-width : 402px){
			.box_blog{
	width:100%;

	}			
				
				
				}