@charset "utf-8";
/* CSS Document */
/* 	#e3e3e3 = bordercolor

	#f48e00 = green
    #383838 = hover-color
	#43bedf = yellow
	
*/

:root {
  --templatefarbe: #43bedf;
  --templatehover: #383838;
    --textdklgrau: #909090;

  --templategrey: #e3e3e3;
  --templateborder: 1px solid #e3e3e3;
}

body,div,dl,dt,dd,ul,ol,li,nav,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,a{
	margin:0px;
	padding:0px;
	border-width:0px;
	border-style:solid;
	border-color:transparent;
	
	}
@font-face {
	font-family: 'Arial';
	font-style: normal;
  	font-weight: 400;
	color: #909090;	
	}	
h2 {
	font-weight:400;
	font-family:Arial;
	font-size:23px;
	color:var(--textdklgrau);
	}
	h2 .green{
	color:var(--templatefarbe);
	font-weight:600;
	}
h1 {
	font-weight:400;
	font-family:Arial;
	font-size:27px;
	color:var(--textdklgrau);
	}
	h1 .green{
	color:var(--templatefarbe);
	font-weight:600;
	}
h5{
	font-family:Arial;	
	font-size:18px; 
	color:var(--textdklgrau);; 
	font-weight:400;
	line-height:25px;	
	}
span.small{
	font-face:arial;
	font-size:20px;
	font-weight:400;
	color: #909090;	
	}
span.supersmall{
		font-face:arial;
	font-size:14px;
	
	color:var(--textdklgrau);
	}
span.small_14{
	font-face:arial;
	font-size:15px;
	font-weight:400;
	color: #909090;	
	}
span.small_16{
	font-face:arial;
	font-size:16px;
	font-weight:400;
	color: #909090;	
	}
span.yellow{
	font-size:18px;
	font-weight:400;
	color: #FC0;	
	}
p{
	font-family:Arial;
	font-size:15px;
	font-weight:400;
	color: #909090;	
	line-height:25px;
	margin:30px 0 15px 0;
	}
	p.info{
	font-size:12px;
	line-height:16px;
	color:#909090;
	font-weight:400;
	margin-top:5px;
	}
.italian{
	font-size:14px;
	line-height:20px;
	font-style:italic;
	color:#909090;
	}
a{
	text-decoration:none;	
	}
	a.green {
	color: var(--templatefarbe);
	}
	a img {
	border:none;	
	}
	a.button520{
	position:relative;
	display:block;
	width:520px;
	height:35px;
	background:var(--templatefarbe);
	color:#fff;
	text-align:center;
	margin: 20px auto 20px auto;	
	line-height:35px;
	font-size:20px;
	text-decoration:none;
	}
	a.button520:hover {
	opacity: 0.8;
	}
	
hr{
	width:96%;
	height:1px;
	background:#ccc;	
	border:none;
	margin:10px auto;
	}
	
.clear{
	clear:both;	
	}

b,
strong {
	font-weight: 700;
	}	
iframe #coform,	
#coform{
	position:absolute;
	width:99%; 
	margin:0 auto;
	min-width:775px;
	height:100%; 
	z-index:9999; 
	text-align:center;
	}	
#form_viewport .cornerpic{
	display:flex;
	flex-direction:column;
	flex-wrap:nowrap;
	display:block; 
	z-index:10; 
	margin-top:-15px;
	}


	
/*  email-form mit label  */	


form input[type="text"]{
	background:transparent;
	z-index:1;
  	position: relative;
	}
	form > div > label {
		 position: absolute;
		 padding-top:20px;
		 padding-left:20px;
		 padding-right:-20px;
		}
		div >input:focus {
		background:#fff;
		}
		input[type="text"]::placeholder{
		color:var(--textdklgrau);
		font-size:12px;
		width:90%;
		line-height:30px;
		}
		input:placeholder-shown {

		}
		input [type="text"] .fullsize{
		width:98%; 
		padding-left:2%; 
		margin-top:10px; 
		height:40px; 
		line-heiht:40px; 
		font-size:15px; 
		border:var(--templateborder);	
		}
		input [type="text"] .halfsize{
		width:43%; 
		padding-left:2%; 
		margin-top:10px;  
		margin-right:10px; 
		height:40px; 
		line-height:40px; 
		font-size:15px;
		border:var(--templateborder);	
		}		
		input[type=text] #value .form-control{
		font-size:24px;
		background:#fff;
		margin: auto 15px auto 0;
		color:var(--templatefarbe);
		width:70px;
		}
		input[type=text].grey{
		height:40px; 
		line-height:40px; 
		font-size:16px;
		border:var(--templateborder);	
		}	
		input[type=text]::placeholder,
		textarea::placeholder{
		font-family:verdana; 
		color:#888;
		font-size:12px;
		}		
		textarea {
		resize: vertical;
		}
			input[type="submit"],
		a.sliderbuttonfree{
		position:relative;
		display:block;
		width:100%;
		height:40px;
		background:var(--templatefarbe);
		color:#fff;
		text-align:center;
		margin: 0;	
		line-height:40px;
		font-size:17px;
		text-decoration:none;
		}
		input[type="submit"]:hover,
		a:hover .sliderbuttonfree{
		text-decoration:none;
		background: var(--templatehover);
		}
		

		.eingabe{
				border-radius:5px;
		display:flex;
		justify-content:center; 
		flex-flow: row;
		flex-wrap:nowrap;
		margin:0 10px 0 20px;
		border:var(--templateborder);	
		text-align:left;
		padding-left:15px;
		padding-right:10px;
		width:100px; 
		height:32px; 
		color:var(--textdklgrau);		
		background:#fff;
		}	
		.eingabe span{
				border-radius:5px;
		height:100%;
		font-size:16px;
		color:var(--templatefarbe);
		line-height:32px;
		padding-top:6px;
		}
		.eingabe input[type=text],
		.eingabe span{
		font-size:18px;
		color:var(--templatefarbe);
		line-height:32px;
		}
img .cornerpic{
	display:block; 
	z-index:10; 
	margin-top:-15px;
	}
#logo{
	width:100%;
	height:90px;
	text-align:right;
	}
	#logo a img{
	margin-right:20px;
	}
img .float{
	float:left;
	}	
#inhalt{
	display:block;
	position:relative;
	width:100%;
	height:100%;
	text-align:center;
	overflow:hidden;
	}
#seite1 {
	animation-duration: 0.6s;
  	animation-name: slideIn;
	}
 @keyframes slideIn{	
0% {
    right: -800px;
	height:0;
	opacity:0;
  	}
60% {
    right: -800px;
	height:0;
	opacity:0.8;
  }
100% {
   	right:0;
	height:100%;
	opycity:1;
  	}
}

.headlinecontainer{
	display:block; 
	position:relative; 
	width:100%; 
	text-align:center; 
	overflow:hidden;
	}	
.hide {
	display: none;
	}
.ansage{
	border-radius:5px;	
	display:block;
	text-align:left;
	width:100%; 
	height:25px; 
	color:#909090;
	line-height:25px;
	font-size:12px;
	background:#fff;
	margin:0 auto 10px 0;	
	}
.smallhint{
	margin-top:15px;
	margin:10px -10px 0 10px;
	font-size:12px;
	color:#909090;
	}
.container,
.container_bottom{

	text-align:center;		
	display: flex;
	justify-content:center;
	​display: -webkit-flex; 
	flex-flow: row;
	}
	.formcontainer{
	width:95%;
	height:auto;
	margin:20px 20px 15px 20px;	
	text-align:center;		

	justify-content:center;
	​display: -webkit-flex; 
	flex-flow: rows;
	flex-wrap:wrap;
	}
	.formcontainer .contact{
		position:relative; 
		display:flex; 
		flex-direction:cols; 
		flex-wrap:wrap; 
		justify-content:space-between;
		 margin-bottom:0;
	}
	.formleft{	
	display:border-box;
	margin:0;
	}
	.formright{
	display:border-box;
	
	min-width:70%;
	}
	.formcontainer .formleft,
	{
	width:49%; 	
	}
	.elementcont{
	max-width:460px;
	height:auto;
	postion:relative;	
	display: flex;
	justify-content:left;
	​display: -webkit-flex; 
	flex-flow: row;
	flex-wrap:wrap;
	margin-bottom:20px;
	}
.smcontainer{
	display:block; 
	text-align:left; 
	margin:50px 10% 10px 30px; 
	padding-left:20px;
	border-radius:5px;	
	}
	
#bottomline{
	display:border-box;
	position:absolute; 
	z-index:10; 
	border-top:var(--templateborder);	
	bottom:70px; 
	height:70px; 
	width:100%;
	padding-right:20px;
	}	
.container_bottom{
	bottom:70px;
	width:98%;
	padding-right:20px;
	vertical-align:middle;
	margin:auto 0 0 0;
	display:flex;
	flex-flow: row;
	justify-content:start;
	min-height:55px;
	}
	.spanblock,
	.spanblockleft{
	width:90%; 
	display:flex;
	flex-flow:row;
	justify-content: space-between;
	flex-wrap: nowrap;
	vertical-align:top; 
	margin:0px 10px;
	}			
input [type="image"] .img_button, 
.img_button,
form .img_button,
.button .img_button{
	display:border-box;
	max-width:42%;
	height:180px;
	margin: 5px 10px;
		
	overflow:hidden;
	background-position:center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover; 	
​	display: -webkit-flex; /* Safari */
	display: -moz-flex; 
    display: flex;	
	flex-direction:column;

	}
	
.img_button form input[type="submit"]{ 
	height:180px; 
	opacity:0; 
	cursor:pointer;

	}	
	
	.buttonbild{
		display:block;
		min-width:158px;
		height:130px;
		margin-top:-180px; 
		text-align:center;
		border:var(--templateborder);	
		border-radius:5px 5px 5px 5px;
		background-position:center center;
		background-size:cover;
		}		
		.img_button:hover .buttonbild,
		.img_button a:hover .buttonbild{
		opacity:1;
		border-radius:5px 5px 0 0;
		border:var(--templateborder);	
		}	
	
	.buttonbild img{
	margin: auto auto;
	position: relative;		
	}
	.buttonheadline{			
	width:100%;
	height:42px;
	display:block;
	text-align:center;
	background:#fff;
	color:#000;
	text-decoration:none;
	overflow:hidden;
	}
	.buttonheadline h2{
		font-family:Arial;
		line-height:42px;
		font-size:16px;
		font-weight:500;
		margin-top:0;
		text-decoration:none;
		}
		a .img_button,
		a .buttonheadline h2{
		text-decoration:none;
		}
		.img_button:hover .buttonheadline{
		display:block;
		width:100%;
		height:42px;
		background:var(--templatefarbe);
		border-radius:0 0 5px 5px;
		border:var(--templateborder);	
		color:#fff;
		text-decoration:none;
		}
		.img_button:hover .buttonheadline h2{
		color:#fff;
		}
.left{
	display:block;
	left:0;
	float:left;
	margin-right:20px;
	width:120px;
	}
	.float .left{	
	 text-align:left; 
	 float:left;
	 width:100px; 
	 margin:-10px 20px auto -20px;
	}

img .float{
	float:left;
	}
	
.invisible{
	width:0px !important; 
	height:0px !important; 
	display:none!important;
	}	
	

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx min-width: 300 / max-width: 749 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */	
@media (min-width:200px) AND (max-width:749px) {	

	#form_viewport{
		position:relative;
		display:block;
		width:100%;
		height:750px;
		margin-top:0px;
		border:none;
		background:#fff;
		overflow:hidden;
		}
	#inhalt{
		display:block;
		position:relative;
		width:98%;
		margin-right:2%;
		height:100%;
		text-align:center;
		overflow:hidden;
		}
	.formular{
		width:95%;
		margin:O auto;
		display:block;
		width:100%;
		height:100%;
		text-align:center;
		}		
	#logo{
		text-align:center;
		margin:0 auto;
		}		
	.container{
		padding-right:2px;
		flex-wrap:wrap;
		}	
	.container_bottom{
		margin:0 0;
		flex-flow: row;
		}
	.headlinecontainer{
		width:85%;
		margin:0 auto;
		}
		.headlinecontainer h2{
		font-weight:300;
		font-family:Arial;
		font-size:26px;
		color:#909090;
		margin-bottom:10px;
		}
		h2 .green{
		color:var(--templatefarbe);
		font-weight:600;
		}
.headlinecontainer .small{
	font-size:16px;
	color:#909090;
	}
	.headlinecontainer span .small	
	.headlinecontainer span .supersmall{
	width:100%;
	margin:0 auto;	
	}
	.img_button{
		width:42%;
		}
	a.button520{
		position:relative;
		display:block;
		background:var(--templatefarbe);
		color:#fff;
		text-align:center;
		margin: 0 auto 10px auto;	
		width:60%;
		min-width:250px;
		}
	a.button_auto{
		position:relative;
		display:block;
		background:var(--templatefarbe);
		color:#fff;
		text-align:center;
		margin: 0 auto 10px 20px;	
		width:60%;
		min-width:250px;
		}
	.float{
		float:left;
		}
	#img .cornerpic{
		display:none;
		}
		.formcontainer, 
	.slidecontainer{
		width:90%;
		text-align:center;	
		margin:0 auto;
		}	
	
	
	.formcontainer .formleft,
	.formcontainer .formright{
	width:100%; 
	margin: 0 auto;	
	text-align:left;
	}

	.formcontainer .formleft{
	padding-bottom:10px;
	border-bottom:1px dashed #ccc;
	}
	.formcontainer .formright{
	padding-top:20px;
	}
	.smcontainer,
	.container_bottom{
		width:90%;
	display:block; 
	border-radius:5px;	
	text-align:left; 
	margin:20px 0 10px 0; 
	}
	.ansage{
		border-radius:5px;	
	display:block;
	text-align:left;
	height:25px; 
	color:#909090;
	line-height:25px;
	font-size:12px;
	background:#fff;
	margin:0 0 0 -20px;	
	}

	
		input[type="submit"] .buttonfree{
				border-radius:5px;	
		position:relative;
		display:block;
		width:100%;
		height:35px;
		background:var(--templatefarbe);
		color:#fff;
		text-align:center;
		line-height:35px;
		font-size:18px;
		text-decoration:none;
		}
	input[type="submit"].sliderbuttonfree{
		position:relative;
		display:block;
		width:100%;
		height:35px;
		background:var(--templatefarbe);
		color:#fff;
		text-align:center;
		margin: 0 0 0 0;	
		line-height:35px;
		font-size:20px;
		text-decoration:none;
		}

		
		
		input[type="submit"]:hover,
		a:hover .sliderbuttonfree{
		text-decoration:none;
		background: var(--templatehover);
		}
		
		.formleft img{
			display:block;
		margin:5px auto 15px auto;	
		}
		
	
	
		#anrede{
			width:100%; 
			padding-left:0px; 
			height:23px; 
			line-height:30px; 
			font-size:15px; 
			
			}			
			input[type="radio"]{ 
			
			margin:10px 5px 0 0;
			}
			.formleft input[type="text"],
			.formright input[type="text"]{
			width:95%!important;
			margin:10px auto 0 auto; 
			padding-left:5%; 
			height:40px; 
			line-height:40px; 
			font-size:15px; 
			border:1px solid #ccc; 
			border-radius:5px;	
			}
			.formright #beratung{
				width:93%!important;  
				height:120px!important; 
				border:1px solid #ccc; 
				border-radius:5px; 
				margin:10px auto; 
				padding:5px 0 0 10px; 
				line-height:25px; 
				font-size:15px;
				}
		.formright input[type="submit"].sliderbuttonfree{
		position:relative;
		display:block;
		width:100%;
		height:35px;
		background:var(--templatefarbe);
		color:#fff;
		text-align:center;
		margin: 0 0 0 0;	
		line-height:35px;
		font-size:20px;
		text-decoration:none;
		}	
.eingabe{
	
		display:flex;
		justify-content:center; 
		flex-flow: row;
		flex-wrap:nowrap;
		margin:0 10px 0 0;
		border:var(--templateborder);	
		border:1px solid #ccc;
		text-align:left;
		padding-left:5px;
		padding-right:10px;
		width:110px; 
		height:40px; 
		color:var(--textdklgrau);
		background:#fff;
		}	
		
		.eingabe #outputMax{
		height:50px;
		font-size:16px;
		color:var(--templatefarbe);

		line-height:32px;
		padding:0;
		margin-top:-0px;
		width:70%!important;
		border:none;
		}
		
		.eingabe span{
		font-size:14px;
		color:var(--templatefarbe);
		line-height:20px;
		margin-top:10px
		}


			.formleft #vorname{
			width:40%!important;
			margin:10px 10px 0 0; 
			padding-left:5%; 
			height:40px; 
			line-height:40px; 
			font-size:15px; 
			border:1px solid #ccc; 
			border-radius:5px;	
			}
			.formleft #nachname{
			width:40%!important;
			margin:10px 10px 0 0; 
			padding-left:5%; 
			height:40px; 
			line-height:40px; 
			font-size:15px; 
			border:1px solid #ccc; 
			border-radius:5px;	
			}
	.container{
		width:100%;
		margin:0;
		flex-wrap:wrap;
	}	
	.container_bottom{
		margin:0;
		flex-flow: row;
		}
	
	.img_button{
		display:block;
		max-width:40%;
		min-width:100px;
		height:175px;
		margin: 5px 10px;
		overflow:visible;
		}	

		.buttonbild{
			display:block;
			width:calc(98%-2px)!important;
			-webkit-background-size: cover;
			-moz-background-size: cover;
			-o-background-size: cover;
			min-width:100px;
			margin-top:-180px;
			
			border:1px solid #e3e3e3;
			border-radius:5px;				
			}
			.img_button:hover .buttonbild,
			.img_button a:hover .buttonbild{
			width:calc(90%-2px)!important;
			opacity:1;
			border-radius:5px 5px 0 0;
			border:1px solid #e3e3e3;
			}

		.img_button .buttonheadline{
			width:100%;
			height:42px;
			display:block;
			text-align:center;
			background:#fff;
			color:#000;
			text-decoration:none;
			overflow:hidden;
			
			}
			.img_button:hover .buttonheadline{
			display:block;
			width:calc(100%-2px);
			height:42px;
			background:#43bedf;
			border-radius:0 0 5px 5px;
			border:1px solid #e3e3e3;
			color:#fff;
			text-decoration:none;
			}
	a.button520{
		position:relative;
		display:block;
		background:#43bedf;
		color:#fff;
		text-align:center;
		margin: 0 auto 10px auto;	
		width:60%;
		min-width:250px;
	}
	a.button_auto{
		position:relative;
		display:block;
		background:#43bedf;
		color:#fff;
		text-align:center;
		margin: 0 auto 10px 20px;	
		width:60%;
		min-width:250px;
		}
		.float{
		float:left;
		}
	
	

	input[type="submit"] .grey{
	width:auto!important;
	margin:0 10px!important;	
	}
	input[type="submit"]:hover,
	a:hover .buttonfree{
			border-radius:5px;	
	text-decoration:none;
	background:#090;
	}	
	.buttonfree{
			border-radius:5px;	
	background:#43bedf;
	height:40px;
	text-align:center;
	color:#fff;	
	margin:0 auto;
	width:100%;
	}
	
	.info, h5{
	width:80%; 
	margin:20px 10% 0 10%; 
	height:40px; 
	line-height:40px; 
	font-size:20px; 
	
	}	
	input[type="text"].plz{

		width:100%!important;
	margin:10px 0% 0 0%; 
	
	border:1px solid e3e3e3;	
	}
	#form_viewport .cornerpic,
	img .cornerpic{
		display:none!important;
	}
	#bottomline{
		display:none;
		}
	#zustimm{
	margin-top:-15px;
	width:100%; 
	text-align:left; 
	padding-left:10px;"	
	}
	

#bottomline{
display:none;
}

	img.cornerpic{
	display:none; 
	}
	
	input[type="text"] .plz{
height:40px;
		width:100%; 
	margin:10px 15% 0 10%; 
	
	border:1px solid e3e3e3;	
	}
	.formcontainer{
	width:99%;
	margin:20px auto 0 auto;
	}
.formcontainer .formleft,
	.formcontainer .formright{
		width:85%!important;
		text-align:left;
		margin:0 auto;
	}	
	.formcontainer .formleft{
	margin:0px auto 30px auto;
	}

	.formcontainer .mailleft,
	.formcontainer .mailright{
		width:100%;
		text-align:center;

	}
	.formcontainer .mailleft{
	margin-top:-20px;
	}
	.mailleft .shortinput{
	display:flex;
	justify-content:space-between; 
	flex-flow: row;
	flex-wrap:nowrap;	
	margin-top:10px;
	font-size:18px;
	}
	
	.mailleft input[type="text"],
	.mailleft input[type="email"]{
	height:40px;
	border:1px solid #ccc;
	border-radius:5px;
	color:#909090;	
	width:98%;
	font-size:18px;
	margin-top:10px;
	padding-left:10px;
	}
	.mailright textarea{
	height:170px;
	border:1px solid #ccc;
	border-radius:5px;
	font-size:18px;
	color:#909090;	
	width:98%;
	padding:10px;
	margin-top:10px;
	}
	.mailleft #anrede{
		margin-top:30px;

	color:#909090;
	}
	#shortinput input[type="text"]{
	height:40px;
	border:1px solid #ccc;
	border-radius:5px;
	font-size:16px;
	color:#909090;	
	width:48%!important;
	}
	.mailleft input[type="text"] placebolder,
	.mailleft input[type="email"].mailright textarea placeholder{
	font-face:arial;
	color:#ccc;
	font-size:18px;
	}
	textarea #beratung placeholder{
		padding-top:10px;
		padding-left:0px;
		font-size:18px;
		color:#ccc;
		line-height:24px;
	}
		#checktext{
	width:95%;
	font-size:12px;
	line-height:15px;
	text-align:justify;	
	color:#909090;
	margin:10px auto 0 auto;
	}
	#checktext .checktxt a{
	color:#43bedf;
	text-decoration:none;
	}
		input[type="submit"].buttonfree{
				border-radius:5px;	
			display:block;
			margin:10px auto 0 auto;
			width:98%;		
			}
		
input[type="email"]::-moz-placeholder { /* Firefox 18- */
 font-size: 14px;
  font-face:arial!important;
  padding-left:10px;
  color:#757575;
}	
input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px!important;
font-face:arial!important;
    padding-left:10px!important;
    color:#757575;
}
input[type="email"]:ms-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px!important;
font-face:arial!important;
    padding-left:10px!important;
    color:#757575;
}			
}
			

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx min width: 750px xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */	
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
	
@media (min-width:750px) {
	
	#form_viewport{
		width:770px;
		height:535px;
		margin:20px auto 0 auto;
		border:var(--templateborder);	
		overflow:hidden;
		background:#fff;
		border-radius:5px;
		overflow:hidden;
		}
	#inhalt{
		width:95%;
		margin:0 auto;		
		}	
	.container{
	width:98%;
	text-align:center;
	margin:0 auto;	
	display:flex;
	justify-content:center; 
	padding-left:0;
	flex-flow: row;
	flex-wrap:nowrap;
	}
	.container form{
	margin:0;	
	}
	.formular{
		margin:O;
		display:block;
		width:100%;

		}
		input [type="image"] .img_button, 
		.img_button,
		form .img_button,
		.button .img_button{
		display:border-box;
		min-width:23%;
		height:180px;
		overflow:visible;
		background-position:center center;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover; 	
	​	display: -webkit-flex; /* Safari */
		display: -moz-flex; 
		display: flex;	
		flex-direction:column;
		margin-top:50px;
		}	
		
		.img_button form input[type="submit"]{ 
		height:180px; 
		opacity:0; 
		cursor:pointer;
		}	
	
		.buttonbild{
		display:block;
		min-width:100%;
		height:130px;
		margin-top:-180px; 
		text-align:center;
		border:var(--templateborder);	
		border-radius:5px 5px 5px 5px;
		background-position:center center;
		background-size:cover;
		}		
		.img_button:hover .buttonbild,
		.img_button a:hover .buttonbild{
		opacity:1;
		border-radius:5px 5px 0 0;
		border:var(--templateborder);	
		}	
	
	.buttonbild img{
	margin: auto auto;
	position: relative;		
	}
	.buttonheadline{			
	width:100%;
	height:42px;
	display:block;
	text-align:center;
	background:#fff;
	color:#000;
	text-decoration:none;
	overflow:hidden;
	}
	.buttonheadline h2{
		font-family:Arial;
		line-height:42px;
		font-size:16px;
		font-weight:500;
		margin-top:0;
		text-decoration:none;
		}
		a .img_button,
		a .buttonheadline h2{
		text-decoration:none;
		}
		.img_button:hover .buttonheadline{
		display:block;
		width:100%;
		height:42px;
		background:var(--templatefarbe);
		border-radius:0 0 5px 5px;
		border:var(--templateborder);	
		color:#fff;
		text-decoration:none;
		}
		.img_button:hover .buttonheadline h2{
		color:#fff;	
		}
	.left{
		display:block;
		width:285px;
		float:left;				
		}
	.right{
		display:block;
		min-width:445px;
		height:200px;
		float:left;		
		}
	.slider {
    	width: 430px;
		}
.formleft{
		width:30%;
		text-align:center;	

		}	
		.formleft img{
			display:block;
		margin:5px auto 15px auto;	
		}
.formright{
		width:70%;
		text-align:center;		
		}	
		
		.slidecontainer input[type="text"] .plz,
		.slidecontainer .plz{
		margin:15px 0 20px 0;
		height:40px;
		width:100%;
		border:1px solid #ccc;
		border-radius:5px;	
		}
	.formright form{ 
	width:85%; 
	text-align:left;
	margin-left:15%;

	}	


		.smcontainer,
		.formright .container_bottom,
		input[type="submit"].sliderbuttonfree{
			display:block;
			border-radius:5px;	
			margin:10px 0 10px 0;
			width:90%;		
			}
		.slidecontainer{
			display:block;
			margin:0;
			width:90%;		
			}	
	.eingabe{
		display:flex;
		justify-content:center; 
		flex-flow: row;
		flex-wrap:nowrap;
		margin:0 10px 0 0;
		border:var(--templateborder);	
		text-align:left;
		padding-left:15px;
		padding-right:10px;
		width:110px; 
		height:40px; 
		color:var(--textdklgrau);
		background:#fff;
		}	
		.eingabe #outputMax{
		height:50px;
		font-size:16px;
		color:var(--templatefarbe);
	
		line-height:32px;
		padding:0;
		margin-top:-0px;
		text-align:right; 
		width:80px;
		border:none;
		}
		
		.eingabe span{
		font-size:14px;
		color:var(--templatefarbe);
		line-height:22px;
		margin-top:8px;
		margin-left:10px; 
		display:block;
		}
		
		.smcontainer{
		margin-top:40px;
		border-radius:5px;	
		text-align:left;	
		padding:0;
		}
		.smcontainer .ansage{	
		
		text-align:left;	
		margin:0;
		}
	input[type="text"] .plz{
	height:40px;
	width:100%; 
	margin:10px 15% 0 10%; 	
border-radius:5px;	
	}
	.formcontainer{
	width:99%;
	margin:40px auto 0 auto;
	display:flex;
	justify-content:space-between; 
	flex-flow: row;
	flex-wrap:nowrap;	
	}
	.formcontainer .mailleft,
	.formcontainer .mailright{
		width:48%;
		text-align:left;
	}
	.formcontainer .mailleft{
		padding-left:2%;
	}
	.mailleft .shortinput{
	display:flex;
	justify-content:space-between; 
	flex-flow: row;
	flex-wrap:nowrap;	
	margin-top:10px;
	}
	
	.mailleft input[type="text"],
	.mailleft input[type="email"]{
	height:40px;
	border:1px solid #ccc;
	border-radius:5px;
	color:var(--textdklgrau);
	width:98%;
	margin-top:10px;
	}
	.mailright textarea{
	height:153px;
	border:1px solid #ccc;
	border-radius:5px;
	color:var(--textdklgrau);
	width:90%;
	padding:10px;
	}
	#shortinput input[type="text"]{
	height:40px;
	border:1px solid #ccc;
	border-radius:5px;
	font-size:16px;
	color:var(--textdklgrau);
	width:48%!important;
	}
	.mailleft input[type="text"] placebolder,
	.mailleft input[type="email"].mailright textarea placeholder{
	font-face:arial;
	color:#ccc;
	font-size:20px;
	}
	textarea #beratung placeholder{
		padding-top:10px;
		padding-left:10px;
		font-size:20px;
		color:#ccc;
		line-height:24px;
	}
	#checktext{
	width:95%;
	font-size:12px;
	text-align:left;	
	color:var(--textdklgrau);
	margin:20px auto;
	}

		input[type="submit"].buttonfree{
				border-radius:5px;	
			display:block;
			margin:5px auto 5px auto;
			width:100%;		
			}
	
input[type="email"]::-moz-placeholder { /* Firefox 18- */
 font-size: 14px;
  font-face:arial!important;
  padding-left:10px;
  color:#757575;
}	
input[type="email"]::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px!important;
font-face:arial!important;
    padding-left:10px!important;
    color:#757575;
}
input[type="email"]:ms-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 14px!important;
font-face:arial!important;
    padding-left:10px!important;
    color:#757575;
}	
	
}