/******** responsie *************/




a.button-close:link, a.button-close:visited{
	position:absolute;
	color:#000;
	bottom:-50px;
	left:20px;
}
.main_content {
	width:100%;
	height:100%;
	position:relative;
	background:none;
	padding: 0;
	font-size:1.1rem;
	text-align:justify;
}
.main_content strong{
	text-align:center
	}
}

.main_head{
	height:17rem;
	}

.formular .anmeldung {
	text-align:left;
	width:100%;
}


.gridRowFull{width:100%;}
.gridRowFull .emotionValueBox{
	padding:0;
}
.box_link a:link{background:#201917;padding:10px 15px;margin-top:2rem;display: inline-block;}
.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {background:#201917}
.emotionBoxBlock{opacity:0}

@media only screen and (min-width:320px){
	.headLine{background: #fff ;box-shadow: 10px 10px 15px silver ;}
	
	.logo {top:120px;left: 5rem;width:13rem;height: 2.83rem;}
	.animated-arrow {position: fixed;left: 0;top: 6rem;}
		.headLine {position: relative;}
		.headlineText{display:none;}
		.headlineBox{margin: 0 0.5rem;}
		.head_top_2 {height: auto;line-height:1;padding:1rem 0}
	.emotionBoxBlock{width:18rem;}
	#wsnavtoggle{z-index:32333;}
	.gridRowContent{width:19rem;}
	.colBox2 {-webkit-column-count: 1; -moz-column-count: 1;column-count:1;}
	.mobile-sub .wsmenu-submenu li a {color:#fff;}
	.cont{width:90%;}	
	.main_head{	height:0rem;}	
	h1{font-size:1rem;}	
	h2{font-size:1rem;}
	.headline {margin-top:3rem;}
	.main_content{font-size:1rem;}
	.kategs_box{
		margin-right:0rem;
		font-size:0.7rem;
		height:auto;
	}
	.kategs_pic img{
		width:100%;
		overflow:hidden;
		margin-left:0px;
		margin-top:3rem;
	}
	.kategs_text a:link,.kategs_text a:hover, .kategs_text a:visited{
		color:#f2dbad !important;
	}
	.kurz_box_inhalt{    margin-top: 2rem;}
	.kurz_box_pic {display: inline-block;width: 19rem;height: 15rem;margin-right:0}
	.footer_left{width:19rem;padding-left:0;padding-top:1rem}
	.colEmotion {height:auto}
	.emotionBlock1 .boxBlockCol2 {width: 100%;display: inline-block;}
	.boxBlockCol2 {margin-left: 0;}
	.emotionBlock1 {padding:0;}
	.emotionBlock1 .emotionBoxBild img{width:18rem}
	.kurz_box_inhalt{width:19rem;}
	.tabbez{width:100%;display:inline-block;}
	.anmeldung_row{padding: 0.3rem 0;}
	.ma10 .headh2{margin-left:0rem;display:inline-block}
	.ma15 .headh2{margin-left:0rem;display:inline-block}
	.ma20 .headh2{margin-left:0rem;display:inline-block}
	.wapp{bottom:2rem}
	
	
}
@media only screen and (min-width:560px){
	.gridRowContent{width:34rem;}
	.main_head{height:0rem;}
	h1{font-size:1.2rem;}
	h2{font-size:1rem;}
	.main_content{font-size:1rem;}
	.kategs_box{
		margin-right:0;
		margin-left:0;
		font-size: 0.9rem;
		line-height:1.2;
	}
	.kategs_pic img{width:100%;overflow:hidden;}
	.kurz_box_pic {display: inline-block;width: 34rem;height: 15rem;margin-right:0}
	.kurz_box_inhalt {width: 34rem;}
	.footer_left {width: 34rem;}
	.emotion-center .emotionBlock3 {width: 16rem;}
	.kategs_text_box {height:9rem}
	.emotionBoxBlock {width: 34rem;}
	.emotionBlock1 .emotionBoxBild img{width:34rem}
	.emotionBlock3 .emotionBoxText,.emotionBlock3 .emotionBoxHead {width: 20rem;}
}
@media only screen and (min-width:740px){
	
	
}
@media only screen and (min-width:780px){
	
}


@media only screen and (min-width:1024px){
	.logo {top: 85px;left: 150px;width: 390px;height: 85px;}
	.logo img{width: 390px;height: 85px;}
	.headLine {position: fixed;}
	.headlineBox{margin: 0 4rem;}
	.headLine {background: none ;box-shadow: none}
	.headLineShadow{	
	background:#fff;
	box-shadow: 10px 10px 15px silver;
}
	.emotionBoxBlock {width: 62rem;}
	.emotionBlock3 {width: 	27rem;}
	.head_top_2 {height: 2rem;line-height: 1.9rem;padding:0}
	.gridRowContent{width:62rem;}
		.colBox2 {-webkit-column-count: 2; -moz-column-count: 2;column-count:2;}
	.wsmenu{ font-size:0.8rem}
	
	.main_head{height:4rem;}
	h2{	font-size:1.2rem;}
	.main_content{font-size:1rem;width:100%;margin-left:0%;}
	.main_content p {width:100%;display:inline-block;}
	.kategs_box{width:33%;height:16.4rem;margin-right:0.1rem;font-size:1rem;line-height:1.1;font-weight:normal;}
	.kategs_pic img{
		min-width: 100%;
    min-height: 100%;
    overflow: hidden;
    margin: 0;
    display: block;
	}
	.kurz_box_inhalt{width:32rem;    margin-top: 0;}
	.kurz_box_pic {display: inline-block;width: 25rem;height: 18.75rem;margin-right:4rem;background-size:0;}
	
	.mobile-sub .wsmenu-submenu li a {
		/*TODO*/
		color:#231f20;
		background:#fff;
	}
	.footer_left{width:62rem;padding-left:7rem;padding-top:5rem}
	.colEmotion {height:100%;}
	.headlineText{display:inline-block;}
	.emotionBlock1 .boxBlockCol2 {width: 33rem;display: inline-block;}
	.boxBlockCol2 {margin-left: 2rem;}
	.emotionBlock1 {padding:1rem;}
	.emotionBlock1 .emotionBoxBild img{width:auto}
	.emotionBlock3 .emotionBoxText,.emotionBlock3 .emotionBoxHead {width: 10rem;}
	.emotionBlock5 {width:10rem}
	.anmeldung_row{padding: 0.3rem 0;}
	.tabbez{width:10rem;display:inline-block;}
	/*.emotionRow{max-height:20rem}*/
	.ma10 .headh2{margin-left:10rem;display:inline-block}
	.ma15 .headh2{margin-left:15rem;display:inline-block}
	.ma20 .headh2{margin-left:20rem;display:inline-block}
	.wapp{bottom:4rem}
}
@media only screen and (min-width:1136px){
	.wapp{bottom:8rem}
	.main_head{height:4rem;}
	.wsmenu{ font-size:1rem}
	
	.kategs_text_box {min-height:4rem;}
	
	.logo {top: 85px;left: 150px;width: 390px;height: 85px;}
	.logo img{width: 390px;height: 85px;}
	.headLine {position: fixed;}
	.headlineBox{margin: 0 4rem;}
	.headLine {background: none ;box-shadow: none}
	.headLineShadow{	
	background:#fff;
	box-shadow: 10px 10px 15px silver;
}
	.emotionBoxBlock {width: 74rem;}
	.emotionBlock5 {width:12.5rem}
	.emotionBlock3 {width: 21rem;}
	.head_top_2 {height: 2rem;line-height: 1.9rem;padding:0}
	.gridRowContent{width:74rem;}
		.colBox2 {-webkit-column-count: 2; -moz-column-count: 2;column-count:2;}
	
	.cont{width:48rem;}
	
	h2{	font-size:1.2rem;}
	.main_content{font-size:1rem;width:100%;margin-left:0%;}
	.main_content p {width:100%;display:inline-block;}
	.kategs_box{width:33%;height:16.4rem;margin-right:0.1rem;font-size:1rem;line-height:1.1;font-weight:normal;}
	.kategs_pic img{
		min-width: 100%;
    min-height: 100%;
    overflow: hidden;
    margin: 0;
    display: block;
	}
	.kurz_box_inhalt{width:44rem;    margin-top: 0;}
	.kurz_box_pic {display: inline-block;width: 25rem;height: 18.75rem;margin-right:4rem;background-size:0;}
	
	
	.mobile-sub .wsmenu-submenu li a {
		/*TODO*/
		color:#231f20;
		background:#fff;
	}
	.footer_left{width:74rem;padding-left:10rem;padding-top:5rem}
	.colEmotion {height:100%;}
	.headlineText{display:inline-block;}
	.emotionBlock1 .boxBlockCol2 {width: 33rem;display: inline-block;}
	.boxBlockCol2 {margin-left: 2rem;}
	.emotionBlock1 {padding:1rem;}
	.emotionBlock1 .emotionBoxBild img{width:auto}
	.emotionBlock3 .emotionBoxText,.emotionBlock3 .emotionBoxHead {width: 11rem;}
	.anmeldung_row{padding: 0.3rem 0;}
	.tabbez{width:10rem;display:inline-block;}
	/*.emotionRow{max-height:38rem}*/
	
	
	
}
@media only screen and (max-width: 780px){
	
	.emotionRow{height:auto !important}
	.headh1 {font-size: 1.3rem;}
	.emotionValueBox .bild100 {height: 15rem;width:auto;text-align:center;}
}
.kurz_box_pic_zoom_in{
		/*background-position:top center;
		transition-property:opacity,transform;
		transition-timing-function: cubic-bezier(.175,.885,.32,1.275);*/
		background-size:100%;
		 -webkit-transition: background-size 700ms ease-out;
		-moz-transition: background-size 700 ease-out;
		-o-transition: background-size 700 ease-out;
		-ms-transition: background-size 700ms ease-out;
		transition: background-size 700ms ease-out;
		
	}
.kurz_box_pic_zoom_out{
		background-size:0;
		 -webkit-transition: background-size 1000ms ease-out;
		-moz-transition: background-size 1000 ease-out;
		-o-transition: background-size 1000 ease-out;
		-ms-transition: background-size 1000ms ease-out;
		transition: background-size 1000ms ease-out;
	}
	
	
.emotionBoxBlock_op100{
		opacity:1;
		 -webkit-transition: opacity 700ms ease-in;
		-moz-transition: opacity 700 ease-in;
		-o-transition: opacity 700 ease-in;
		-ms-transition: opacity 700ms ease-in;
		transition: opacity 700ms ease-in;
	}
.emotionBoxBlock_op0{
		opacity:0;
		 -webkit-transition: opacity 700ms ease-out;
		-moz-transition: opacity 700 ease-out;
		-o-transition: opacity 700 ease-out;
		-ms-transition: opacity 700ms ease-out;
		transition: opacity 700ms ease-out;
	}
.bibobox .emotionBoxText{width:100%}