/* ------------------------------------------------  
	NEWSMODUL (GRID)
	------------------------------------------------  */
	#newsmodul { position: relative;}
	
	/*display*/
	#newsmodul .special .special-img { display: block; }
	#newsmodul .special-img,
	#newsmodul .special .thumbnail,
	#newsmodul .special .version-check { display: none; }
	
	/*special image*/
	#newsmodul .special-img img.bottom { 
		padding-bottom: 30px;
		border-bottom: 1px solid #4F6370;
	}
	#newsmodul .special-img .center { 
		margin-top: -20px;
		height: calc(100% - 125px);
		background: #B9CDD1;
	}
	
	/* special title */
	#newsmodul .col-4.special img { max-height: 455px; }
	#newsmodul .col-4.special .repeater .title {
		position: absolute;
		top: 45%;
		left: 10%;
    	transform:translate(-50%, -50%); 
	}
	#newsmodul .col-4.special .repeater .title h4 {color: #2D2C37;}
	/*end special*/
   
	#newsmodul .label { padding: 0 0 1rem 1rem;}
	#newsmodul .contain { 
		width: calc(100% + 6rem);
		margin-left: -1rem;
	}
	#newsmodul .col-4 { margin-bottom: 3rem;  }
	
	/*repeater*/
	#newsmodul .col-4 .repeater { 
		margin: 1rem; 
		padding-bottom: 1rem; 
		border-bottom: 1px solid #4F6370;
		display: block;
	}
	
	/*image*/
	#newsmodul .col-4 .repeater img { 
		opacity: 1; 
		transition: .3s ease all;
		-moz-transition: .3s ease all;
		-webkit-transition: .3s ease all;
	}
	#newsmodul .col-4 .repeater:hover img { opacity: .7; }
	#newsmodul .col-4 .repeater:hover .special-img img { opacity: 1; }
	
	/*date*/
	#newsmodul .col-4 .repeater .date { 
		top: -1rem;
		left: .2rem;
	}
	
	/*title*/
	#newsmodul .col-4 .repeater .title {
	   position: relative; 
	   min-height: 10vw;
	}
	#newsmodul .col-4 .repeater .title h4 { 
		position: absolute;
		margin: 0px;
		bottom: 0px;
		left: 0px; 
	}
	
	/*more button*/
	#newsmodul .but.outline { 
		padding-left: 1rem; 
		margin-top: -3rem;
	}
	
	
	/* ------------------------------------------------  
	EVENT MODUL (SLIDER)
	------------------------------------------------  */
	/*label*/
	#eventmodul .label { padding-bottom: 1rem;}
	
	/*copy*/
	#eventmodul .copy .headline { padding-bottom: .5rem; }  
	
	#eventmodul .contain { 
		position: relative; 
		background: yellow; 
	}
	#eventmodul .contain .but { 
		position: absolute; 
		bottom: 0px; 
		left: 0px; 
	}
	
	/*date*/
	/*#eventmodul .col-4 .repeater .date { 
		top: 0px; 
		left: 0px; 
		line-height: 1.45rem; 
	}*/
	
	/*title*/
	/*#eventmodul .col-4 .repeater .title {
	   min-height: 170px;
	   position: relative; 
	}
	#eventmodul .col-4 .repeater .title p { 
		position: absolute;
		bottom: 0px;
		left: 0px; 
	}*/
	
	
	/* ------------------------------------------------  
	PROJECT MODUL (SLIDER)
	------------------------------------------------  */
	/*label*/
	#projectmodul .label { padding-bottom: 1rem;}
	
	
	/* ------------------------------------------------  
	MITGLIEDER MODUL (SLIDER)
	------------------------------------------------  */
	/*section#mitgliedermodul { background: red;}*/
	#mitgliedermodul .label { padding-bottom: 2.5rem;}
	
	/* member slider kachel */
	#mitgliedermodul .slider-contain { 
		position: relative; 
		overflow: hidden; 
		border-radius: 1rem; 
	}
	
	/*img*/
	#mitgliedermodul .slider-img {
	  width: 100%;
	  position: relative;
	  background: #FFF;  
	}
	#mitgliedermodul .slider-img:before {
	  content: '';
	  display: block;
	  padding-top: 100%; /* Höhe = 100% der Breite */
	}
	#mitgliedermodul .slider-img img {
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%,-50%) scale(.9);
	  object-fit: contain; 
	  opacity: 1;
	  
	  filter: grayscale(100%); 
	}
	
	/* title*/
	#mitgliedermodul .slider-title { 
	  position: absolute;
	  left: 50%;
	  top: 50%;
	  transform: translate(-50%,-50%);
	  opacity: 0; 
	}
	
	/* HOVER */
	#mitgliedermodul .swiper-slide a:hover .slider-img { background: #D3FF64; }
	
	/*hover icon*/
	#mitgliedermodul .swiper-slide a:hover .slider-img:after { 
		content: '';
		position: absolute;
		top: 5px;
		right: 5px;
   		width: 110px;
		height: 100px; 
		
		background: url('../img/svg/next/icon_next_04.svg') no-repeat;
		transform-origin: top right;
		transform: scale(.4);
	}
	
	/*hover text*/
	#mitgliedermodul .swiper-slide a:hover .slider-title { 
		opacity: 1; 
		font-family: 'Sztos_semibold';
		line-height: 1.35em; 
	}
	
	/*hover image */
	#mitgliedermodul .swiper-slide a:hover .slider-img img {
		opacity: 0;  
		transition: .0s ease all;
		-moz-transition: .0s ease all;
		-webkit-transition: .0s ease all;
	}
	
	/*pagination*/
	#mitgliedermodul .swiper-pagination { bottom: 10px;}
	
	
	/* ------------------------------------------------  
	INCUBATOR NEWS (SLIDER)
	------------------------------------------------  */
	/*section#incnews-slider { margin-bottom: 0px;}*/
	#incnews-slider .label { padding-bottom: 2.5rem;}
	
	/*title*/
	#incnews-slider .swiper-slide .title, 
	#incnews-slider .swiper-slide .title h4 { width: 100%;}
	#incnews-slider .swiper-slide .title { 
		/*background: yellow; */
		height: 8rem;
		display: inline-block;  
		margin: 0px;
	}
	#incnews-slider .swiper-slide .title h4 { 
		/*background: red; */
		left: 0px;
		bottom: -1.5rem; 
	}
	/*title br*/
	/*#incnews-slider .swiper-slide .title br { display: none; }*/

	/*date*/
	#incnews-slider .date { 
		left: 0px;
		top: 0px; 
		margin: 0px;
	}
	
	/*bottomline*/
	#incnews-slider .swiper-slide a {
	  border-bottom: 1px solid #4F6370;
	  display: block;
	}
	
	/*pagination*/
	#incnews-slider .swiper-pagination { bottom: 0px;}
	
	/*title space*/
	@media only screen and (max-width: 600px) {
		#incnews-slider .swiper-slide .title {height: 6.5rem;}
	}
	@media only screen and (max-width: 480px) {
		#incnews-slider .swiper-slide .title { height: 5.5rem;}
	}
	
	/* ------------------------------------------------  
	EVENT SERIES
	------------------------------------------------  */
	#event_series_slider { margin-bottom: 0px; }
	#event_series_slider .swiper-slide .contain .title { 
		left: 50%;
	    top: 50%;
	    transform: translate(-50%,-50%);
		
		width: 100%;
		height: 100%;
		padding: 3rem 2rem 1rem;
		
		/*
		width: calc(100% - 2rem);
		height: calc(100% - 5rem);
		top: 2rem;
		left: 1rem;
		*/
		/*background: red;*/
	}
	#event_series_slider .swiper-pagination { bottom: 10px;}
	
	@media only screen and (max-width: 1600px) {
		#event_series_slider .swiper-slide .contain .title {padding-top: 2.5rem;}
	}
	@media only screen and (max-width: 1440px) {
		#event_series_slider .swiper-slide .contain .title {padding-top: 3rem;}
	}
	@media only screen and (max-width: 1160px) {
		#event_series_slider .swiper-slide .contain .title {padding-top: 2rem;}
	}
	@media only screen and (max-width: 1024px) {
		#event_series_slider .swiper-slide .contain .title {padding-top: 3rem;}
	}
	@media only screen and (max-width: 767px) {
		#event_series_slider .swiper-slide .contain .title {padding: 2rem 1rem 1rem;}
	}
	@media only screen and (max-width: 600px) {
		#event_series_slider .swiper-slide .contain .title {padding-top: 3.5rem;}
	}
	@media only screen and (max-width: 480px) {
		#event_series_slider .swiper-slide .contain .title {padding-top: 1.5rem;}
	}
	
	
	
	/* ------------------------------------------------  
	STÖRER (custom)
	------------------------------------------------  */
	#stoerer .stoerer { 
		border-radius: 20px;
		border-top-left-radius: 0px;
		padding: 4rem 8.333%;
		position: relative;
	}
	/*contain*/
	#stoerer .stoerer_contain { margin-top: -5rem; }
	
	/*h1, p, button*/
	#stoerer .stoerer h1, 
	#stoerer .stoerer p { margin-bottom: 2.5vw; }
	#stoerer .stoerer h1 { max-width: 80%; }
	#stoerer .stoerer a p { margin: 0px; }
	#stoerer .but:nth-of-type(2) { float: right; }
	
	/* extra div -> top rundung*/
	#bg-extra-top div { height: 5rem; }
	#bg-extra-top .top-left-right { width: calc(100% - 8rem);}
	#bg-extra-top .bottom-left { 
		width: 8rem; 
		z-index: 1;
		position: absolute;
		top: 0px;
		right: 1px;
	}
	#bg-extra-top:after { 
		content: '';
		position: absolute;
		top: calc(5rem - 20px);
		right: calc(8rem - 19px);
		width: 20px;
		height: 20px;
	}
	
	/* extra div -> bottom rundung*/
	#bg-extra-bottom div { height: 5rem; }
	#bg-extra-bottom .bottom-left-right { 
		width: calc(100% - 8rem); 
		margin-left: 8rem;
	}
	#bg-extra-bottom .top-right { 
		width: 8rem; 
		z-index: 1;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	#bg-extra-bottom:after { 
	  content: '';
	  position: absolute;
	  bottom: calc(5rem - 20px);
	  left: calc(8rem - 19px);
	  width: 20px;
	  height: 20px;
	}
	
	/* ------------------------ 
	BG EXTRA
	------------------------ */	
	#bg-extra-top { position: relative; }
	#bg-extra-top .top-left-right { border-top-left-radius: 20px; border-top-right-radius: 20px;}
	#bg-extra-top .top-left { border-top-left-radius: 20px;}
	#bg-extra-top .top-right { border-top-right-radius: 20px;}
	#bg-extra-top .bottom-left { border-bottom-left-radius: 20px;}
	#bg-extra-top .bottom-right { border-bottom-right-radius: 20px;}
	
	#bg-extra-bottom { position: relative; }
	#bg-extra-bottom .top-left-right { border-top-left-radius: 20px; border-top-right-radius: 20px;}
	#bg-extra-bottom .top-left { border-top-left-radius: 20px;}
	#bg-extra-bottom .top-right { border-top-right-radius: 20px;}
	#bg-extra-bottom .bottom-left { border-bottom-left-radius: 20px;}
	#bg-extra-bottom .bottom-right { border-bottom-right-radius: 20px;}
	#bg-extra-bottom .bottom-left-right { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
	
	/* ------------------------------------------------  
	STÖRER SELECT
	------------------------------------------------  */
	/* Mitglied werden */
	#stoerer #mitglied #bg-extra-top:after { background: #00F49C; }
	
	/* Sponsoring */
	#stoerer #sponsoring .stoerer_contain {margin-top: -8rem;}
	#stoerer #sponsoring .stoerer {
		border-bottom-right-radius: 0px;
		padding-bottom: 0px;
	}
	
	#stoerer #sponsoring #bg-extra-top div { height: 8rem; }
	#stoerer #sponsoring #bg-extra-top:after { 
		top: calc(8rem - 20px);
		background: #B9CDD1; 
	}
	
	#bg-extra-bottom div { height: 4rem; }
	#stoerer #ponsoring #bg-extra-bottom .bottom-left-right { 
		width: calc(100% - 8rem); 
		margin-left: 8rem;
	}
	#stoerer #sponsoring #bg-extra-bottom .top-right { width: 8rem; }
	#stoerer #sponsoring #bg-extra-bottom:after { 
		left: calc(8rem - 19px);
		bottom: calc(4rem - 20px);
		background: #B9CDD1;
	}
	
	#stoerer #incubator_startup .kachel {position: relative; }
	#stoerer #incubator_startup .kachel .stoerer.contain {
		position: absolute;
		top: calc(50% - 2rem);
  		left: 50%;
		transform: translate(-50%, -50%); 
		width: 100%;
	}
	
	/* TESTBOX */
	/*custom + newsletter */
	#stoerer #incubator_startup .stoerer_contain,
	#stoerer #newsletter .stoerer_contain {margin-top: -8rem;}
	#stoerer #incubator_startup .stoerer,
	#stoerer #newsletter .stoerer {
		border-bottom-right-radius: 0px;
		padding-bottom: 0px;
	}
	
	#stoerer #incubator_startup #bg-extra-top div,
	#stoerer #newsletter #bg-extra-top div { height: 8rem; }
	#stoerer #incubator_startup #bg-extra-top:after,
	#stoerer #newsletter #bg-extra-top:after { 
		top: calc(8rem - 20px);
		background: #9B4AFF; 
	}
	
	#stoerer #incubator_startup #bg-extra-bottom div,
	#stoerer #newsletter #bg-extra-bottom div { height: 5rem; }
	#stoerer #incubator_startup #bg-extra-bottom .bottom-left-right,
	#stoerer #newsletter #bg-extra-bottom .bottom-left-right { 
		width: calc(100% - 8rem); 
		margin-left: 8rem;
	}
	#stoerer #incubator_startup #bg-extra-bottom .top-right,
	#stoerer #newsletter #bg-extra-bottom .top-right { width: 8rem; }
	#stoerer #incubator_startup #bg-extra-bottom:after,
	#stoerer #newsletter #bg-extra-bottom:after  { 
		left: calc(8rem - 19px);
		bottom: calc(5rem - 20px);
		background: #9B4AFF;
	}
	
	#stoerer #newsletter .stoerer_contain {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	#stoerer #newsletter .confirm  p { margin-bottom: 0px;}
	
	
	/* ------------------------------------------------  
	MITGLIED VORTEIL KACHEL
	------------------------------------------------  */
	section#mitglieder-vorteilkachel { margin: 4rem 0 8rem; }
	#mitglieder-vorteilkachel .col-12 .col { padding: 1vw; }
	
	/*position*/
	.memberkachel .col-4:nth-of-type(1) {margin-left: 1%;}
	.memberkachel .col-4:nth-of-type(6) {margin-left: 14%;}
	
	/*
	.memberkachel  .col-4:nth-child(1) {margin-left: 1%;}
	.memberkachel  .col-4:nth-child(6) {margin-left: 14%;}
	*/
	
	/*contain*/
	/*
	.memberkachel  .kachel { position: relative; }
	.memberkachel  .kachel .contain {
		position: absolute;
		top: calc(50% - 1rem);
  		left: 50%;
		transform: translate(-50%, -50%); 
		width: 90%;
		text-align: left;
	}*/
	
	/*copy*/
	.memberkachel .kachel .contain {
		width: 100%;
		padding: 1.5rem 1rem .1rem;
		text-align: left;
	}
	
	/*topline*/
	.memberkachel p.topline {margin: 0 0 .7rem 0;}
	
	/* CUSTOM SHAPE */
	.memberkachel .col-4 { padding: 1rem;}
	.memberkachel .kachel {
		border-radius: 1rem;
		border-bottom-left-radius: 0px;
		padding-bottom: 0px;
		position: relative;
	}
	
	.memberkachel #bg-extra-bottom,
	.memberkachel #bg-extra-bottom div {
		position: relative;
		height: 3rem;
	}
	.memberkachel #bg-extra-bottom { text-align: left;}
	.memberkachel #bg-extra-bottom .color-left { 
		width: 60%; 
		margin-left: 0px;
		border-bottom-left-radius: 1rem;
		border-bottom-right-radius: 1rem;
	}
	.memberkachel #bg-extra-bottom .black-right {
		z-index: 2;
	    width: 40%;
		border-top-left-radius: 1rem;
	}
	.memberkachel #bg-extra-bottom:after { 
		left: 60%;
		bottom: calc(3rem - 20px);
		z-index: 0
	}
	
	/*color*/
	.memberkachel .kachel.light p,
	.memberkachel .kachel.light h1 { color: #2D2C37; } 
	
	.memberkachel .kachel .contain.dark p,
	.memberkachel .kachel .contain.dark h1 { color: #2D2C37 !important; } 
	.memberkachel .kachel .contain.white p,
	.memberkachel .kachel .contain.white h1 { color: #FFE6FF !important; } 
	
	.memberkachel .bg-purple,
	.memberkachel #bg-extra-bottom.purple:after { background: #9B4AFF;}
	.memberkachel .bg-green,
	.memberkachel #bg-extra-bottom.green:after { background: #4F6370;}
	.memberkachel .bg-lightgreen,
	.memberkachel #bg-extra-bottom.lightgreen:after { background: #B9CDD1;}
	.memberkachel .bg-lilac,
	.memberkachel #bg-extra-bottom.lilac:after { background: #FFE5FF;}
	.memberkachel .bg-darkpurple,
	.memberkachel #bg-extra-bottom.darkpurple:after { background: #6900CB;}
	.memberkachel .bg-white,
	.memberkachel #bg-extra-bottom.white:after { background: #FFFFFF;}