@charset "UTF-8";
/* CSS Document */

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Ende CSS Reset */

body{
font-family: "Open Sans",Arial,Helvetica,sans-serif;
font-size:16px;
color:#5C5E6C;
font-weight:400;
line-height:1;
background: #FFF;
}
hr{
border:0 none;
border-bottom:dotted 1px #CCCCCC;
margin:0 0 5px 0;
width:100%;
height:0;
display:inline-block;
}
p{
margin:0 0 10px 0;
color: #5c5e6c;
font-family: 'Open Sans';
font-size: 16px;
line-height: 1.5;
}
h1{

text-align: left;
line-height:1.3;
margin:0 0 5px 0;
}
h2{
text-align: left;
line-height:1;
margin:0 0 5px 0;
}
#content_right h2{
font-size:13px;
font-weight: 700;
text-align: left;
line-height:1;
margin:0 0 5px 0;
}
.youtube-text-box > h1{
font-weight: bold; font-size: 18px; color: #5c5e6c;
}
.youtube-text-box > h2{
font-weight: bold; font-size: 16px; color: #5c5e6c;
}
.youtube-text-box{
	float: left;
    padding-left: 20px;
    width: 45%;
}
@media (max-width: 600px){
	.youtube-text-box{
	float: none;
	text-align: center;
    padding-left: 0px;
    width: 100%;
	margin-top: 20px
	}
	.youtube-text-box > h1,h2{
		float:none;
		text-align:center;
	}
}

h3{
margin:0;
font-size:16px;
}
h4, h5, h6{

font-size:12px!important;
font-weight:normal;
margin:0 0 12px 0;
}
h1 a,h2 a, h3 a, h1 a:link,h2 a:link, h3 a:link{

}
h1 a:hover,h2 a:hover, h3 a:hover {
color:#000;
}
a, a:link{
color:#5C5E6C;
text-decoration: none;
}
a:hover{
color:#000;
text-decoration:none;
}
ul li{
list-style:none;
line-height:1;
}
ul{
margin-bottom: 20px;
}
ol{
margin-left:21px;
margin-bottom:20px;
}
ol li{
list-style:decimal;
line-height:1.5;
}
strong{
font-weight: 700
}
em{
font-style:italic;
}

#minheight_hack{
min-height:650px;
height:auto!important;
height:650px;
}
/*--------------CMS--------------*/
.yui-skin-sam #banner{
	z-index: 1
}

.mtext_div{
	width: 100%;
	min-height: 13px;
}

.sby_multi {
    float: left;
    width: 100%;
}

.multi_image {
    float: left;
    margin-right: 20px;
}

.multi_text{
	width: 458px;
	float: left;
	margin-bottom: 20px
}

div[id*="sby_combibox"]{
	width: 100%;
	float: left;
	margin-bottom: 30px!important;
}

.multi_wraper{
    float: left;
    width: 100%
}

.mtext_div{
	width: 100%;
	min-height: 13px;
}

.mtext_div-m > p > iframe {
	width: 460px;
}
@media (max-width: 600px){

	.mtext_div > p > iframe {
		width: 100%;
		padding-bottom: 20px;
	}
}

body table.mceLayout{
	height: auto!important;
}

.sby_combiover.sby_text{
    margin-bottom: 5px;
    float: left;
    width: 100%
}

.mceIframeContainer.mceFirst.mceLast{
    padding: 10px 0;
}

.mimg_div{
    margin-bottom: 5px;
}

body img[src*="page_edit"]{
    margin: 0!important;
}

div[id*="sby_textbox"]{
	float: left;
}

#content .sby_text{
	float: left;
	width: 100%
}

.imagebox_link{
	width: 940px!important;
	margin: 0 auto!important;
	position: relative!important;
	top: 0!important;
	display: block!important;
	float: none!important;
}

.label {
    float: left;
    width: 145px;
    color: #5C5E6C
}

#kontakt_wrapper div[id*="fc"]{
	margin-bottom: 20px;
	float: left;
	width: 100%;
}

#fc_error label{
	line-height: 1.5
}

.yui-skin-sam #content_right .mceToolbar a {
    color: #000;
    font-size: 12px;
}

.yui-skin-sam .mceLast span a{
	color: #000!important
}

.sby_combiover.sby_img {
    float: left;
    width: 100%;
}
/*----------------------------------------------CSS Start----------------------------------------------*/
/*---------------------------------------Classes---------------------------------------*/
.left{
	float: left;
}

.right{
	float: right;
}

.container{
	width: 940px;
}

.full{
	width: 100%
}

a.mehr{
	background: url(../img/mehr.png) left 4px no-repeat;
	display:block;
	padding-left: 20px;
	color: #be1725;
	font-size: 13px;

}

a.mehr:hover{
	color: #E80D20;
}

.spalte{
	min-width: 120px;
	margin-right: 50px;
	margin-bottom: 20px;
}

.defaulttable {
	font-size: 13px;
	margin-bottom: 30px;
}

.defaulttable td:first-child {
	line-height: 1.5;
  padding-right: 30px;
}

/*--------------------------------------Container--------------------------------------*/
#header_wrapper{
	width: 100%;
	float: left;
	margin-bottom: 25px;
	margin-top: -5px;
	overflow: hidden;
}

#header_content{
	width: 940px;
	margin: 0 auto;
	position: relative;
	z-index: 100
}

#wrapper{
	margin-bottom: 50px
}

#main_wrapper{
	margin: 0 auto;
}

#content_wrapper{
	width: 100%;
	float: left;
	color: #1b1b1b;
}

#info_mobile_wrapper{
	width: 940px;
	margin: 0 auto;
}

#footer_wrapper{
	width: 100%;
	background: #d3d3d7;
	padding-top: 20px;
	overflow: hidden;
}

#footer_content_wrapper{
	margin: 0 auto;
	overflow: hidden;
}
/*--------------------------------------Header--------------------------------------*/
#logo{
	position: relative;
	top: 20px;
	z-index: 100;
}

#mobile, #bar{
	display: none;
}

#nav{
	margin-top: 45px;
}

#nav ul{
	position: relative;
}

#nav a{
	font-weight: 300;
}

#nav >ul >li{
	list-style: none;
	float: left;
	margin-left: 10px;
}

#nav >ul >li >ul li{
	margin-left: 8px;
	position: relative;
	top: 31px;
}

#nav >ul >li a, #nav >ul >li a:link{
	color: #3c3e47;
	display: block;
	padding: 4px 7px;
	text-transform: uppercase;
}

#nav >ul >li:hover{
	position: relative;
}

#nav a:hover, #nav a.sby_actmenuitem{
	color: #be1725!important;
}

#nav >ul >li:first-child{
	margin: 0;
}

#nav >ul >li:first-child a{

}

#nav >ul >li:last-child, #nav >ul >li.last_child{
	margin-left: 20px;
	margin-top: 4.5px
}

#nav > ul > li.last_child a{
	background: url("../img/kontakt.png") no-repeat;
    padding: 0 10px;
    text-indent: -9999px;
    text-transform: capitalize;
    display: block;
    width: auto;
    height: 30px;
}

#nav >ul >li >ul{
	width: 220px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: 0;
}

#nav >ul >li >ul li{
	font-weight: normal;
	background: rgba(255, 255, 255, 0.85);
	-moz-opacity:0.85;
	border: 1px solid #5c5e6c;
	border-top: none;
	float: none;
}

#nav >ul >li >ul li a, #nav >ul >li >ul li a:link{
	border-right: none;
	width: 100%;
	display: inline-block;
	text-transform: none;
}

#banner{
	border-top: 1px solid #5c5e6c;
	border-bottom: 1px solid #5c5e6c;
    overflow: hidden;
    height: 360px;
    position: relative;
    text-align: center;
    width: 100%;
	background: #3f404b; /* Old browsers */
	/*background: -moz-linear-gradient(left,  #3f404a 0%, #3f404a 50%, #42434d 54%, #42434d 100%); /* FF3.6+ */
	/*background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3f404a), color-stop(50%,#3f404a), color-stop(54%,#42434d), color-stop(100%,#42434d)); /* Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(left,  #3f404a 0%,#3f404a 50%,#42434d 54%,#42434d 100%); /* Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(left,  #3f404a 0%,#3f404a 50%,#42434d 54%,#42434d 100%); /* Opera 11.10+ */
	/*background: -ms-linear-gradient(left,  #3f404a 0%,#3f404a 50%,#42434d 54%,#42434d 100%); /* IE10+ */
	/*background: linear-gradient(to right,  #3f404a 0%,#3f404a 50%,#42434d 54%,#42434d 100%); /* W3C */
}

#bottom_line{
	min-height: 20px;
	background: #5c5e6c;
}

#banner .text{
	background: url(../img/bannerbg.png) center no-repeat;
    color: #FFFFFF;
    font-size: 21px;
    line-height: 3;
    margin-left: -359px;
    position: absolute;
    text-align: center;
    top: 240px;
    width: 718px;
    left: 50%;
}

#banner img {
    vertical-align: top;
}

#banner img{
	position: absolute;
	left: 50%;
	margin-left: -730px;
}

#banner.pro img{
	margin: 0;
}

/*----------------------------Header Galerie-----------------------------*/
#sequence{
    border-bottom: 1px solid #5C5E6C;
    border-top: 1px solid #5C5E6C;
    height: 360px;
    display: inline;
    float: left;
    left: 0;
    position: absolute;
    width: 100%;
}

#sequence li > *{
    position: absolute;
}

div[class*="info"] {
	overflow: hidden;
    color: white;
    width: 100%;
    height: 100%;
    left: -200%;
    top: 0;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.animate-in div[class*="info"]{
    left: 0;
	/*left: 50%*/
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    -ms-transition-duration: 2s;
    transition-duration: 2s;
}

.animate-out div[class*="info"]{
    left: 200%;
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    -ms-transition-duration: 2s;
    transition-duration: 2s;
}
/*--------------------------------------Content--------------------------------------*/
#offerings h1.active{
	color: #BE1725
}

.row{
	width: 220px;
	margin-right: 20px;
	margin-bottom: 22px;
}

#offerings .row:first-child + div + div + div{
	margin-right: 0;
}

.row h1{
	font-size: 16;
	color: #3c3e47;
	margin-bottom: 10px;
}

.row img{
	cursor: pointer;
}

#offerings img{
	margin-bottom: 20px
}

#offerings p{
	font-size: 13px;
    margin-bottom: 10px;
}

#info{
	background: url(../img/schatten.jpg) left top no-repeat;
	padding-top: 60px;
	margin-bottom: 30px;
	width: 100%
}

#ask{
	margin-bottom: 20px;
}

#ask p{
	text-align: center;
	font-size: 24px;
	float: left;
	font-weight: 700;
	width: auto;
}

.col{
	width: 460px;
}

.col:first-child{
	margin-right: 20px;
}

.col h1{
	font-weight: 700;
	font-size: 18px;
	color: #5C5E6C;
}

.col p{
	margin-bottom: 40px;
}


/*-------------------------------------Unterseiten-------------------------------------*/
#banner #balken{
	text-align: left;
	margin: 0 auto
}

#banner #balken img{
    margin-left: 220px;
    left: auto;
}

#banner.probanner{
	height: 210px;
}

#banner.probanner img{
    bottom: 0;
    margin-left: -470px;
}

#banner #media {
    height: 100%;
    position: relative;
    margin: 0 auto
}

#banner.probanner > img:first-child{
    bottom: 0;
    left: 50%
}

#content_left{
	width: 220px;
	margin-right: 19px;
	border-right: 1px dotted #e5e6ee;
	min-height: 650px;
	margin-bottom: 50px;
}

#side_nav{
	border-bottom: 1px dotted #e5e6ee;
}

#side_nav >ul{
	margin-bottom: 40px;
}

#side_nav >h2{
	color: #5c5e6c;
	font-weight: 700;
	text-transform: uppercase;
}

#side_nav >ul{
	margin-top: 20px;
}

#side_nav >ul >li a{
	display: block;
	padding-left: 15px;
	margin-bottom: 20px;
	background: url(../img/listicon.png) left center no-repeat;
	text-transform: uppercase;
}

#side_nav >ul >li a:hover, #side_nav >ul >li.sby_actmenuitem a{
	color: #BE1725;
}

#quickkontakt a{
	margin-bottom: 25px;
	color: #b61622;
	display: block;
}

#quickkontakt a:hover{
	text-decoration: underline;
}

#quickkontakt p{
	margin-top: 30px;
	color: #b61622;
	margin-bottom: 25px;
}

#quickkontakt label{
	font-size: 11px;
	color: #80849a;
	margin-bottom: 5px;
	display: block;
	text-transform: uppercase;
}

#quickkontakt input{
	width: 197px;
	height: 32px;
}

#quickkontakt textarea{
	width: 197px
}

#quickkontakt input, #quickkontakt textarea{
	border: 1px dotted #e5e6ee;
	margin-bottom: 15px;
}

textarea{
	padding-top: 5px!important;
}

input, textarea{
	position: relative;
	padding: 3px 5px;
	behavior: url(PIE.htc);
}

input:focus, textarea:focus{
	-webkit-box-shadow: 0 0 3px 1px #B61622;
	-moz-box-shadow: 0 0 3px 1px #B61622;
	box-shadow: 0 0 3px 1px #B61622;
}

#wrapper .send{
	color: #be1725;
	padding-left: 18px;
	background: url(../img/mehr.png) left center no-repeat;
	border: none;
	text-align: left;
	font-size: 16px;
	cursor: pointer;
}

#quickkontakt #fc_asterix{
	display: none;
}
/*-------------------------------------Kontakt-------------------------------------*/
#kontakt_wrapper {
    margin-bottom: 40px;
}

#formular{
	width: 470px
}

#adresse{
	width: 450px;
	margin-left: 20px;
}

#kontakt_wrapper label, #kontakt_wrapper #fc_anrede span{
	font-size: 13px
}

#kontakt_wrapper input, #kontakt_wrapper textarea{
	border: 1px solid #B8BDC4;
	border-radius: 2px;
	width: 300px;
	behavior: url(PIE.htc);
}

#kontakt_wrapper #fc_anrede input{
	width: 20px;
	border: none;
}

#kontakt_wrapper #fc_plzl{
	margin-right: 10px;
	width: 50px
}

#kontakt_wrapper #fc_ortl{
	width: 228px
}

#fc_anredef:focus, #fc_anredem:focus{
	box-shadow: none;
}

#kontakt_wrapper .send{
	width: auto;
}

#map{
	margin-bottom: 40px
}

#fc_name{
	height: 0;
	opacity: 0;
	overflow: hidden;
	width: 0;
	position: absolute;
	background: transparent;
	border: none;
	top: 0;
	right: 0;
	filter: alpha(opacity=0);
}

#fc_name label{
	color: transparent;
}

@media screen and (min-width:601px){
	#kontakt_wrapper #fc_asterix {
	    float: left;
	    width: auto;
	}

	#kontakt_wrapper #fc_submit {
	    float: right;
	    margin-right: 3px;
	    width: auto;
	}
}
/*-----------------------------------------------------------------*/
#content_right{
	width: 700px;
}

#content_right a{
	font-size: 16px;
	color: #B61622
}

#content_right a:hover{
	text-decoration: underline;
}


#content_right h1{
	color: #42444e;
	font-size: 16px;
	margin-bottom: 10px;
}

#content_right p{
	font-size: 13px;
	margin-bottom: 30px;
}

#content_right img{
	margin-bottom: 75px;
}

#galerie{
	background: url(../img/schatten-klein.png) left top no-repeat;
	padding-top: 40px;
	min-height: 200px;
	margin-top: 20px;
}

#galerie h1{
	font-weight: 700;
	color: #4d4d4f;
	font-size: 18px;
	margin-bottom: 10px;
}

#galerie img{
	margin-right: 15px;
	margin-bottom: 30px;
}

#galerie h1:first-child + img + img + img + img{
	margin-right: 0;
}

#inf ul{
	margin-left: 20px
}

#inf li{
	line-height: 1.5
}

#inf a{
	color: #be1725;
}

#inf a:hover{
	text-decoration: underline;
}

div.gallery_hidden{
	display: none;
}
/*--------------------------------------Footer--------------------------------------*/
#footer_wrapper a, #footer_wrapper a:link{
	color: #5c5e6c;
}

#footer_wrapper a:hover{
	color: #FFF;
}

#links .spalte:first-child + div + div{
	margin-right: 0;
}

#links{
	width: 490px;
	margin-right: 19px;
}

#links div.spalte:last-child li:nth-last-of-type(4){
	margin-bottom: 20px;
}

#footer_wrapper li{
	color: #5c5e6c;
	margin-bottom: 10px;
	font-size: 13px;
	list-style: none;
}

#kontakt{
	font-size: 11px;
}

#kontakt p:first-child{
	color: #FFF;
	font-size: 18px;
	font-weight: 700;
	line-height: 1
}

#kontakt #tel,#kontakt #tel a:link{
	font-weight: 700;
	font-size: 66px;
	color: #FFF!important;
	margin-bottom: 5px
}

#dev{
	font-size: 11px;
}

/*--------------------------------------------Handy--------------------------------------------*/
@media screen and (max-width:600px){
/*------------------------------Ausgeblendete Inhalte------------------------------*/
	#balken{
		display: none;
	}

	#banner div[class*="info"] h1{
		display: none;
	}

	#sequence li:not(.animate-in){
		display: none;
	}

	#nav{
		display: none;
	}

	.mobile-produkt #ask p{
		display: none;
	}

	#bottom_line{
		display: none;
	}

	.mehr{
		/*display: none;*/
	}

	#quickkontakt{
		display: none;
	}

	#inf{
	}

	#galerie h1{
		display: none;
	}

	#kontakt p:first-child{
		display: none;
	}

	#links{
		display: none;
	}
/*------------------------------Wrapper------------------------------*/
	#header_wrapper{
		background: url("../img/schatten-handy.png") no-repeat left top;
    	background-size: 100% 40px;
	}

	#main_wrapper{
		width: 280px;
	}

	#footer_content_wrapper{
		width: 280px;
	}

/*------------------------------CMS------------------------------*/
	.multi_image{
		margin-right: 15px;
		float: left;
	}

	.multi_text{
		float: none;
		width: 100%;
		margin-left: 0;
	}

	#kontakt_wrapper div[id*="fc"]{
		float: none;
	}

/*------------------------------Header------------------------------*/
	@media only screen and (-webkit-min-device-pixel-ratio:0) {
	    #header_content{
	    	width: 280px!important
	    }
	}

	#header_content{
		width: 280px;
		position: relative;
	}

	#logo >img{
		width: 210px;
	}

	#header_wrapper img,#wrapper img{
		height: auto;
	    max-width: 100%;
	}

/*---------------Handy Navigation--------------*/
	#mobile{
		width: 280px;
		margin: 0 auto
	}

	#mobile li{
		background: #8a8a90;
		margin-bottom: 8px;
		padding: 10px 0;
		width: 280px;
	}

	#mobile li a{
		padding: 7px 170px 7px 10px;
		font-weight: 700;
		color: #FFF
	}

	#mobile li:first-child{
		margin-top: 30px
	}

	#mobile li:last-child{
		margin-bottom: 20px
	}

	#bar{
		margin-top: 37px;
		margin-left: 30px;
		display: block;
	}

/*---------------Banner-------------*/
	#banner.gradient img{
		left: -150px;
	    margin: 0;
	    max-width: none;
	    position: absolute;
	}

	#banner img{
		height: 150px;
	}

	#banner{
		float: none;
		min-height: auto;
		background: none;
		text-align: justify;
		height: 150px;
		border-bottom: none;
	}

	#banner.probanner{
	    height: 150px;
	}

	#sequence{
		height: 150px;
		border: none;
		background: none
	}

	#banner.probanner img{
	    max-width: none;
	}

/*	div[class*="info"]{
		width: auto;
	}*/

	#sequence{
		margin: 0;
		text-align: justify;
	}
/*------------------------------Content------------------------------*/
	.row{
		margin-bottom: 20px;
		width: 280px
	}

	#info_mobile_wrapper{
    	float: left;
    	margin: 0;
    	width: 100%
    }

    #info_bg{
    	width: 100%;
    	height: 60px;
    	background: url("../img/schatten-handy.png") no-repeat left top;
    	background-size: 100% 100%;
    }

    #offerings p{
    	font-size: 16px;
    }

   	#offerings img {
	    margin: 8px 7px 0 0;
    	float: left;
    	width: 35%;
    	height: auto;
    }

    .row h1{
		font-size: 20px;
	}

    #info{
    	background: none;
    	padding-top: 0;
    	width: 280px;
    	margin: 0 auto;
    	float: none;
    }

	#info img{
	    vertical-align: middle;
	    float: none;
	    margin-bottom: 20px;
	}

	.col{
		width: 280px;
		float: none;
	}

	#ask{
		margin-bottom: 20px;
	}


	#ask p{
		font-size: 17px;
		width: 280px;
		margin: 0 auto;
		float: none
	}

	#galerie img{
		margin-right: 0
	}

	.show_referenz a:nth-of-type(2n+1) {
	    margin-right: 20px;
	}
	.show_referenz a {
	    display: block;
	    float: left;
	}
	.hiddengal{
		display: none
	}
/*------------------Unterseiten----------------*/
	#content_left{
		width: 280px;
		border: none;
		min-height: 0;
		margin: 0 auto;
		float: none;
	}

	#content_right{
		float: left;
		width: 100%;
		margin-bottom: 20px
	}

	#content_right h2{
		line-height: 1.3
	}

	#content_right p{
		font-size: 16px
	}

	.mobile-produkt #content_right h1{
		line-height: 1.2;
/*		margin-top: -3px;*/
		width: 145px;

		float: right;
		float:none;
		clear:both;
	}

	#wrapper .mobile-produkt{
		width: 100%;
		float: left;
	}

	#content{
		width: 280px;
		margin: 0 auto;
	}

	#content_right img{
	    margin-bottom: 20px;
	    width: 120px;
	}

	#content_right .multi_image img{
		max-height: 400px;
	}

	#content_right h1{
		font-size: 20px;
	}

	#side_nav{
		margin-bottom: 10px
	}

	#galerie{
		background: url(../img/schatten-handy2.png) top left no-repeat;
		background-size: 100% 60px;
		min-height: 30px
	}

	#galerie .highslide-gallery .highslide:nth-child(2n) img{
		margin-right: 0
	}

	#galerie img {
		width: 130px;
		float: left;
	}

	#galerie h1:first-child + img + img{
	    margin-right: 0;
	}

	#gal_content{
		width: 280px;
		margin: 0 auto
	}

	.defaulttable {
		font-size: 16px;
		/*margin-bottom: 30px;*/
	}

	.defaulttable,
	.defaulttable tbody
	.defaulttable tr,
	.defaulttable td {
		display: block;
		float: left;
		width: 100%
	}

	.defaulttable td {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.defaulttable td:first-child {
    padding-right: 5px;
    padding-top: 5px;
	}

	.defaulttable td:last-child {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    padding-left: 10px;
	}

/*------------------Kontakt----------------*/
	#kontakt_wrapper label, #kontakt_wrapper #fc_anrede span{
		font-size: 16px
	}

	.label{
	    width: 100%;
	    margin-bottom: 10px
	}

	#kontakt_wrapper input, #kontakt_wrapper textarea{
	    width: 265px;
	}

	#kontakt_wrapper #fc_ortl{
	    width: 200px;
	}
	#fc_anrede span:first-child {
	    margin-right: 50px;
	    width: 70px;
	}

	#fc_anredem{
		margin-left: 30px
	}

	#kontakt_wrapper #fc_plzl{
		width: 45px
	}

	#kontakt_wrapper #fc_submit input {
		font-size: 15px;
	    width: 280px;
	}

	#kontakt_wrapper #fc_submit input{
		right: 0
	}

	#formular{
		width: 280px
	}

	#adresse {
		width: 280px;
		margin-left: 0
	}

	#inf ul{
		margin-left: 0
	}

	#map iframe {
    	width: 280px;
	}
/*------------------------------Footer------------------------------*/
	#kontakt{
		width: 100%
	}

	#kontakt *{
		text-align: center;
	}

	#footer_wrapper #kontakt #tel, #footer_wrapper #kontakt #tel a{
		font-size: 42px;
		margin-bottom: 20px;
	}

	#kontakt ul li, #dev{
		text-align: center;
	}

}