/******** responsie *************/
.col4 {
    width: 100%;
   padding:0;
   margin-top:0rem;
    font-size: 0.8rem;
	
	
}
.col4 .kurz_box_inhalt{
	width: 90%;
	padding:1rem;
}

.wsmenu-click {
	display:none;
}
.col4 .kurz_box_pic {
    height: 15rem;
	    background-size: contain;
}
.backPicCover .kurz_box_pic {
    
    background-size: cover; 
}
.higruBlau{background: #1177bf;}
.higruGrau{background: #efefef;}
.higruBlau .kurz_box_inhalt {color:#fff;}
.higruGrau .kurz_box_inhalt {color:#444;}
.higruBlau h3{color:#dedede}
.higruGrau h3{color:#333}

a.button-close:link, a.button-close:visited{
	position:absolute;
	color:#000;
	bottom:-50px;
	left:20px;
}
.emotionValueBox.col4 a:link, .emotionValueBox.col4 a:visited {
    color: #444;
}
.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{
position: absolute;
    bottom: 0rem;
    right: 0;
}
.box_link {background:url(../gfx/backLinkDBlue.png) center left no-repeat;padding:6px 15px 6px 20px;margin-top:2rem;display: inline-block;color:#fff;}
.animated-arrow span, .animated-arrow span:before, .animated-arrow span:after {background:#24408f}
.emotionBoxBlock{opacity:0}

@media only screen and (min-width:320px){
	.headLine{background: #fff ;box-shadow: 10px 10px 15px silver ;height:4rem;}
	.contCol.col15 {width:100%;}
	.contCol.col50 {width:100%;}
	.contRow {padding: 5px 0 0 0.2rem;}
	.logo {top:10px;left: 5rem;width:13rem;height: 2.83rem;}
	.animated-arrow {position: fixed;left: 0;top: 0rem;}
		.headLine {position: relative;}
		.headlineText{display:none;    line-height: 2rem;}
		.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:1rem;}
	.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;}
	.col25 {
		width:100%;
		
		margin-bottom:1rem;
	}
	.col50 {
		width:100%;
		margin-right: 1rem;
	}
	
	
}
@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;}
	.col25 {
		width:50%;
		
	}
}
@media only screen and (min-width:740px){
	.contCol.col15 {width:15rem;}
	.contCol.col50 {width:50rem;}
	.contRow {padding: 5px 0 0 2rem;}
	
}
@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;height:8rem}
	.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:10rem;}
	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}*/
	.col25 {
		width: 25%;
		
	}
	.col50 {
		width: 48%;
		margin-right: 1rem;
	}
	
}
@media only screen and (min-width:1136px){
	
	.main_head{height:8rem;}
	.wsmenu{ font-size:1rem}
	
	.kategs_text_box {min-height:4rem;}
	
	.logo {top: 1.5rem;
    left: 21rem;width: 200px;height: 85px;}
	.logo img{width: 390px;height: 85px;}
	.headLine {position: fixed;}
	.headlineBox{margin: 0 4rem;}
	.headLine {background: none ;box-shadow: none}
	.headLineShadow{	
	background: url(../gfx/header_back.jpg);
	box-shadow: 10px 10px 15px rgba(0,0,0,0.2);
}
	.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: 100%;height: 18.75rem;margin-right:4rem;background-size:100%;}
	.kurz_box_pic_zoom {display: inline-block;width: 25rem;height: 18.75rem;margin-right:4rem;background-size:0;}
	.kurz_box_pic_fadeup{transform: translateZ(2);}
	
	.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:fit-content;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%}	


/* SLIDER */
.carousel-caption {
	bottom:0rem !important;
	top:10rem !important;
	text-align:left;
	margin-left:20vh;
	clear:both;
	
}
.headslide1 .carousel-caption h2 {
    color: #fff;
    background: #015a96;
    width: auto;
    padding: 0.8rem 3rem;
    font-size: 2.2rem !important;
	display:inline-block;
	font-weight:bold;
}
.headslide1  p {
    font-size: 1rem;
    margin:0.3rem 0 !important;
	background: #1078bf;
	padding:0.5rem 3rem;
    width: auto;
	display:inline-block;
}
.carousel-caption .ml-auto, .mx-auto {
	margin-left:0 !important;
}
.full-slider-2 .carousel-inner .carousel-item::after{
		background:none !important;
}
.headslide1 .carousel-caption .btn.btn-primary {
    background-color: #2a166f;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #ffffff !important;
    font-weight: normal;
    
    position: relative;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    overflow: hidden;
    z-index: 1;
	padding:0.5rem 3rem;
	margin-top:5rem;
}
.full-slider-2 .carousel-indicators {
    top: auto;
	bottom:0.8rem;
	
}
.full-slider-2 .carousel-indicators li {
    background-color: transparent;
    border: 2px solid #1078bf;
    cursor: pointer;
    display: block;
    height: 0.5rem;
    width: 0.5rem;
    margin: 0.5rem;
    border-radius: 0px;
}
.full-slider-2 .carousel-indicators li.active {
    background-color: #1078bf;
}
.carousel-caption{position:absolute;bottom:20px;left:50%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}
.fa-angle-double-right:before {
    content: "\00BB";
	
}

.fa-angle-double-left:before {
    content: "\00AB";
	
}
.full-slider-2 .carousel-control-next, .full-slider-2 .carousel-control-prev {
    display: block;
    width: 50px;
    height: 50px;
    top: 50%;
   border-radius:0;
    background-color: #1078bf;
    opacity: 1;
    color: #fff;
    line-height: 50px;
    font-size: 36px;
	color:#fff !important;
}
.carousel {
    position: relative;
    background: #1078bf;
}
/* slider rechts */
.headslide2 .align-items-start {
    -webkit-box-align: start!important;
    -ms-flex-align: start!important;
    align-items: flex-end!important;
}
.headslide2 .carousel-caption h2 {
    color: #fff;
    background: #015a96;
    width: auto;
    padding: 0.8rem 3rem;
    font-size: 2.2rem !important;
	display:inline-block;
	font-weight:bold;
}
.headslide2 p {
    font-size: 1rem;
    margin:0.3rem 0 !important;
	background: #1078bf;
	padding:0.5rem 3rem;
    width: auto;
	display:inline-block;
}

.headslide2 .carousel-caption .btn.btn-primary {
    background-color: #2a166f;
    border: none;
    border-radius: 0;
    box-shadow: none;
    color: #ffffff !important;
    font-weight: normal;
    
    position: relative;
    -webkit-transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -ms-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    overflow: hidden;
    z-index: 1;
	padding:0.5rem 3rem;
	margin-top:5rem;
}
.headslide2 .carousel-caption {
    bottom: 0;
    left:auto !important;
    right: 10% !important;
    top: 0;
}
.headslide2.active .carousel-caption.first-slide h2 {
  animation: 2500ms ease-in-out 0s normal none 1 running fadeInRight !important;
}
.full-slider-2 .carousel-inner .carousel-item.active .carousel-caption.first-slide p {
  animation: 2500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.full-slider-2 .carousel-inner .carousel-item.active .carousel-caption.first-slide .btn {
  animation: 2500ms ease-in-out 0s normal none 1 running fadeInUp;
}