@font-face {font-family: TradeMarkerWeb-Light; src: url("font/TradeMarkerWeb-Light.eot");}

/* then for WOFF-capable browsers */

@font-face {font-family: TradeMarkerWeb-Light;src: url("font/TradeMarkerWeb-Light.woff") format("woff");}

body{
	background-color:#575756;
	color:#fff;
	font-family: 'todayshop-lightregular';
	font-size:17px;
	line-height:1.2em;
	-webkit-font-smoothing: none;
}

h1{
	font-family:TradeMarkerWeb-Light, sans-serif; 
	color:#E87817; 
	margin: 0 0 15px;
	font-weight: normal;
}

h2{
	font-family:TradeMarkerWeb-Light, sans-serif; 
	color:#E87817;
	 margin: 0 0 15px; 
	font-size:1.4em;
	font-weight: normal;
}

	
a{color:#E87817; text-decoration:none; border-bottom: 1px solid #575756;}

span{color:#fff;}

img{border:none;}

.logo{max-width:100%; width:400px;}

#main{margin: 30px auto 0; width:960px; position:relative;}

#content{margin: 30px 0 30px 0;}


.balken{margin:20px 0 0 0;}

.balken p{font-family: TradeMarkerWeb-Light; font-size:20px;color:#575756; position:absolute; right:20px; margin-top:40px;}


.teaser{
	height:170px;
	float:left;
	box-sizing: border-box;
}



.border{

	border-left: 1px solid #E87817;

}



.border.last{

position:relative;

left:-20px;

}



.teaser h1{

	margin-bottom:25px;

}



ul{margin:0; padding:0;}

ul li{list-style:none;}





.btnarea{

	text-align: center;

    margin: 3rem 0;

    background: url("img/balken_both.svg") no-repeat;

    min-height:130px;

    display:block;

}

.btnContainer{

    min-height: 130px;

    position: relative;

    width: 100%;

    display: block

}



.btn{

	margin: 0 auto;

    color: #fff;

    font-family: TradeMarkerWeb-Light, sans-serif;

    font-size: 1.5rem;

    padding: 0.5rem 0.7rem;

    display: block;

    border: none;

    position: absolute;

    width: 100%;

    top: 36%;

}



.videocontent{

	width:100%;

    max-width: 960px;

    margin: 0 auto;

}



.vjs-big-play-button{
	display:none!important;
}



footer {
	position: relative;
    background: url("img/balken_blau.svg") no-repeat;
    padding: 30px 27px 15px;

}

.footerContent {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

footer img{
		width: 200px;
		height: 73px;
}


footer h1{
	text-align: center;
  margin-bottom: 2rem;
}

footer p{
	font-family: TradeMarkerWeb-Light;
	font-size:17px;
	color:#575756;
	display:inline-block;
}

#content.impressum {
	margin-bottom: 3rem;
}

.back_btn {
	padding: 0.7rem 0;
	display: inline-block;
	margin-bottom: 1rem;
}


.contact{
	box-sizing:border-box;
	float:left;
	padding-right: 2%;
}

.contact:last-child{padding-right:0;}

.contact img{width:100%;}

.contact h2 {padding-top:1em;}

.contact-wrapper h1{

	text-align:center;

	padding-bottom:2rem;

}

.wrapper{
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
	align-content: stretch;
	align-items: flex-start;
	-webkit-align-items: flex-start;
    -ms-flex-align: start;
    }

}

.contact-wrapper h1{
	margin:0 auto 2rem;
	text-align:center;
}

.clc{clear:both;}

.clc-small{height:20px;}

.right{width:177px;float:right;}

.right img{position:relative; left:305px; padding: 0 0 0 25px;}


.right .contact-text{text-align:right; position:absolute; right:423px; margin-top:-142px;}

.adresse {
	text-align: center;
	padding: 2em 0;
    position: relative;
	clear: both;
}


a:hover{

	border-bottom: 1px solid #575756 ;

}

.adresse img{
    width: 12%;
    position: absolute;
    top: 2em;
    right: 0;
}

.fb{
	position:relative;
	display:inline-block;
	padding-left:2em;
}


.fb:before {
    content: "";
    background: url("img/facebook_orange.png");
    height: 1.35em;
    width: 1.35em;
    position: absolute;
    top: -5px;
    background-size: cover;
    left: 0;
}


.title{font-size:20px;}

.baumeister {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.baumeister img {
		width: 200px;
		height: 200px;
}

@media screen and (max-width:600px){
	#main, .teaser,.contact,.balken,footer {width:100%;}
	.balken,footer{overflow:hidden;}
	.teaser{float:none;padding:1.5em 0;border:none; height:auto;text-align:center;}
	.clc{height:2em;}
	.contact{padding-top:1em;}
	.nivo-controlNav{display:none;}
	.adresse img{position:static; text-align:center;width:auto; width:70%; max-width:250px;}
	.video-js{width: auto; height: auto;}
	footer{padding:25px 0 0;}

	.footerContent{
		-webkit-flex-direction: column;
    	-ms-flex-direction: column;
   		 flex-direction: column;
   		 background-color:#66cad9;

   	}

	.footerContent .claim{order:2;}

	.footerContent img{order:1;}

	.footerContent .url{order:3;}


	.border{

		display:none;

	}


	.btnContainer{
		margin:0;
	}



	.btn{

		margin: 0 auto; color: #fff;

	    font-family: TradeMarkerWeb-Light, sans-serif;

	    font-size: 1.5rem;

	    padding: 0.5rem 0.7rem;

	    display: block;

	    border: none;

	    position: absolute;

	    width: auto;

	    top: 27%;

		}



	.wrapper{

	-webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column;

	}

	}





@media screen and (max-width:480px){

	.balken p, footer p{font-size:16px;}

	.balken p{margin: 13px 0 0 10px;}

	h2{font-size:1.2em;}

	.title{font-size:18px;}



	.fb{padding-left:0;}

	.fb:before{display:none;}

}