/* ------------------------ 
	TEST SHAPE
	------------------------ */
	
	.masked-image {
	  position: relative;
	  display: inline-block;
	  overflow: hidden;
	}
	.masked-image,
	.masked-image img {
	  width: 100%; 
	  height: auto;
	}
	
	
	/* ------- 16/10 ------- */
	.img16-9 { padding-top: 56.25%; }
	
	/* ------- 10/9 ------- */
	.img10-9 { padding-top: 90%; }
	
	/* ------- 2/3 ------- */
	.img2-3 { padding-top: 150%; }
	
	/* ------- 2/3 ------- */
	.img3-2 { padding-top: 75%; }
	
	.img16-9 img,
	.img10-9 img,
	.img2-3 img,
	.img3-2 img {
	  position: absolute;
	  top: 50%;
	  left: 50%;
      transform: translate(-50%,-50%);
	}
	
	.page .old-image { 
	   transform: scale(1.1);
	   margin-top: 2%;
	 }
	
	/* old image */
	.old-image { 
	  mask: url('../shape/masked_16-9_shape.svg') no-repeat center / contain;
	  -webkit-mask: url('../shape/masked_16-9_shape.svg') no-repeat center / contain;
	}
	
	/* old slider */
	.old-slider img { min-height: 280px;}
	.old-slider {
	  mask: url('../shape/masked-slider_shape.svg') no-repeat center / contain;
	  -webkit-mask: url('../shape/masked-slider_shape.svg') no-repeat center / contain;
	}
	
	 #IncEventSwiper .old-image,
	 #SpeakerSwiper .old-image {
		transform: none;
		margin-top: 0px;
	}
	.old-browser #IncEventSwiper .swiper-slide,
	.old-browser #SpeakerSwiper .swiper-slide {padding: 0px 3px;}
	.old-browser #IncEventSwiper .date {left: 15px;}
	
	.old-browser #SpeakerSwiper .speakerbox a.linked_link {left: .7rem;} 
	.old-browser #SpeakerSwiper .copybox { padding: 0 .5rem}
	
	.old-browser #imageslider .swiper-slide { padding: 0px; }
	
	
	/* old square image */
	.old-square-image {
	  mask: url('../shape/startup/startup_shape-right.svg') no-repeat center / contain;
	  -webkit-mask: url('../shape/startup/startup_shape-right.svg') no-repeat center / contain;
	}
	.startup:nth-child(odd) .old-square-image {
	  mask: url('../shape/startup/startup_shape-left.svg') no-repeat center / contain;
	  -webkit-mask: url('../shape/startup/startup_shape-left.svg') no-repeat center / contain;
	}
	
	
	/* for NEW BROWSER */
	.image-masked-contain,
	.slider-masked-contain,
	.square-image-masked-contain, {
		width: 100%; 
		overflow: hidden;
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
	} 
	.image-masked-contain {aspect-ratio: 16 / 10; } 
	.slider-masked-contain {aspect-ratio: 4 / 3; } 
	.square-image-masked-contain {aspect-ratio: 1 / 1; } 
	
	.image-masked {
		mask-image: url('../shape/masked_16-9_shape.svg');
		-webkit-mask-image: url('../shape/masked_16-9_shape.svg');
	}
	.slider-masked {
	    mask: url('../shape/masked-slider_shape.svg') no-repeat center / contain;
		-webkit-mask: url('../shape/masked-slider_shape.svg') no-repeat center / contain;
	}
	.square-image-masked {
	    mask: url('../shape/startup/startup_shape-right.svg') no-repeat center / contain;
	   -webkit-mask: url('../shape/startup/startup_shape-right.svg') no-repeat center / contain;
	}
	.startup:nth-child(odd) .square-image-masked {
	    mask: url('../shape/startup/startup_shape-left.svg') no-repeat center / contain;
	   -webkit-mask: url('../shape/startup/startup_shape-left.svg') no-repeat center / contain;
	}
	
	.image-masked,
	.slider-masked,
	.square-image-masked {
		width: 100%;
		height: 100%;
		object-fit: cover; 
		
	   -webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	  
		-webkit-mask-position: center;
		mask-position: center;
	  
		-webkit-mask-size: contain; 
		mask-size: contain;
	  
		-webkit-mask-composite: destination-in;
		mask-composite: destination-in;
	}
	
	
	/* ********** EXTRA ********** */
	.masked-extra-svg { 
		width: 100%;
		padding-top: 103%;
	}
	.masked-extra-svg {
	  background: url('../shape/masked-extra_shape.svg') no-repeat center / contain;
	  -webkit-background: url('../shape/masked-extra_shape.svg') no-repeat center / contain;
	}
	
	.masked-extra-success-svg { 
		width: 100%;
		padding-top: 130%;
		margin: .5rem 0;
	}
	.masked-extra-success-svg {
	  background: url('../shape/success-slider/masked-success-extra_shape-3.svg') no-repeat center / contain;
	  -webkit-background: url('../shape/success-slider/masked-success-extra_shape-3.svg') no-repeat center / contain;
	}
	
	/* ********** TOPTEASER ********** */
	
	/* ------- 16/10 ------- */
	.topheader-masked img { 
	  position: absolute;
	  top: 0%;
	  left: 50%;
      transform: translate(-50%, -70%);	
	}
	.topheader-masked {
		position: relative; 
		padding-top: 50%; 
	    mask: url('../shape/topheader/topheader_shape.svg') no-repeat center / contain;
	    -webkit-mask: url('../shape/topheader/topheader_shape.svg') no-repeat center / contain;
	}
	@media only screen and (max-width: 850px) { 
		.topheader-masked img {  transform: translate(-50%, -100%);	}
		.topheader-masked {
			padding-top: 60%; 
			mask: url('../shape/topheader/topheader-tablet_shape.svg') no-repeat center / contain;
			-webkit-mask: url('../shape/topheader/topheader-tablet_shape.svg') no-repeat center / contain;
		}
	}
	@media only screen and (max-width: 480px) { 
		.topheader-masked img {  transform: translate(-50%, -100%);	}
		.topheader-masked {
			padding-top: 67.33%; 
			mask: url('../shape/topheader/topheader-mobile_shape.svg') no-repeat center / contain;
			-webkit-mask: url('../shape/topheader/topheader-mobile_shape.svg') no-repeat center / contain;
		}
	}
	
	/* ------- masked color ------- */
	#topteaser .masked-color { padding-top: 29%;}
	#topteaser .topheader-color-svg {
	  mask: url('../shape/topheader/topheader_color.svg') no-repeat center / contain;
	  -webkit-mask: url('../shape/topheader/topheader_color.svg') no-repeat center / contain;
	}
	
	
	
	/* ********** SECTION TRENNER ********** */
	/*bg-shape*/
	section > .top,
	section > .bottom { 
		background-size: cover;
  		background-position: center;
  		background-repeat: no-repeat; 
   		width: 100%; /* 2500px zu 500px = 20% height */
	}
	
	/*home -> newsmodul*/
	#newsmodul .top { padding-top: 20%; background-image: url('../shape/section/home-news-top.png');}
	#newsmodul .bottom { padding-top: 20%; background-image: url('../shape/section/home-news-bottom.png');}
	
	/*inc -> startup-listmodul*/
	#startup-listmodul .top { padding-top: 20%; background-image: url('../shape/section/incubator-stratup-top.png');}
	#startup-listmodul .bottom { padding-top: 24%; background-image: url('../shape/section/incubator-stratup-bottom.png');}
	
	/*project -> project-list*/
	#project-list .top { padding-top: 20%; background-image: url('../shape/section/projects-all-top.png');}
	#project-list .bottom { padding-top: 24%; background-image: url('../shape/section/projects-all-bottom.png');}
	
	/*event -> callforevent*/
	#event_callforevent .top { padding-top: 20%; background-image: url('../shape/section/event-callforevent-top.png');}
	#event_callforevent .bottom { padding-top: 24%; background-image: url('../shape/section/event-callforevent-bottom.png');}
	
	/*foren -> foren-list*/
	#forennav .top { padding-top: 20%; background-image: url('../shape/section/foren-all-top.png');}
	#foren .bottom { padding-top: 20%; background-image: url('../shape/section/foren-all-bottom.png');}
	
	
	/*inc ->success-slider*/
	#inc_success-slider #success-bg { 
		background: url('../shape/section/success_shape.svg') no-repeat center / contain; 
		width: 100%;  
		padding-top: 100%; 
	}
	
	/*inc ->success-slider fake background*/
	#inc_success-slider #success-m-bg-top, 
	#inc_success-slider #success-m-bg-bottom { 
		width: 100%;  
		padding-top: 20%; 
	}
	#inc_success-slider #success-m-bg-top { 
		mask:url('../shape/section/success_shape-top.png') no-repeat center / contain; 
		-webkit-mask: url('../shape/section/success_shape-top.png') no-repeat center / contain;}
	#inc_success-slider #success-m-bg-bottom { 
		mask: url('../shape/section/success_shape-bottom.png') no-repeat center / contain;
	   -webkit-mask: url('../shape/section/success_shape-bottom.png') no-repeat center / contain;
	}
	

	/* ********** MEMBER / VORTEIL KACHEL ********** */
	/*#mitglieder-vorteilkachel .kachel {
		background-size: contain;
  		background-position: center;
  		background-repeat: no-repeat; 
		width: 100%; 
		padding-top: 98.5%;
	}
	#mitglieder-vorteilkachel .kachel.color-purple { background-image: url('../shape/member/member_shape-purple.svg');  }
	#mitglieder-vorteilkachel .kachel.color-green { background-image: url('../shape/member/member_shape-green.svg'); }
	#mitglieder-vorteilkachel .kachel.color-lightgreen { background-image: url('../shape/member/member_shape-lightgreen.svg'); }
	#mitglieder-vorteilkachel .kachel.color-lilac { background-image: url('../shape/member/member_shape-lilac.svg');  }
	#mitglieder-vorteilkachel .kachel.color-darkpurple { background-image: url('../shape/member/member_shape-darkpurple.svg');  }
	#mitglieder-vorteilkachel .kachel.color-white { background-image: url('../shape/member/member_shape-white.svg');  }*/
	
	
	/* ********** MEMBER / PACKAGES ********** */
	.packages-svg { min-height: 450px; }
	.packages-svg {
	 mask: url('../shape/packages/packages_shape_inner.svg') no-repeat center / contain;
	 -webkit-mask: url('../shape/packages/packages_shape_inner.svg') no-repeat center / contain;
	}
	
	/* ********** INC / STARTUP ********** */
	/* Inc Störer */
	#stoerer #incubator_startup .kachel {
		background-size: contain;
  		background-position: center;
  		background-repeat: no-repeat; 
	}
	#stoerer #incubator_startup .kachel { 
		background-image: url('../shape/startup/stoerer_startup.svg'); 
		width: 100%; 
		padding-top: 43%; 
	}
	
	/* ********** PROJECT SLIDER ********** */
	.project-slider-svg { 
		padding-top: 175%;
		/*height: 525px;*/ 
	}
	.project-slider-svg.lila {
		background: url('../shape/project/project-slider-lila_shape.svg') no-repeat center / contain;
		-webkit-background: url('../shape/project/project-slider-lila_shape.svg') no-repeat center / contain;
	}
	.project-slider-svg.green {
	   background: url('../shape/project/project-slider-green_shape.svg') no-repeat center / contain;
	   -webkit-background: url('../shape/project/project-slider-green_shape.svg') no-repeat center / contain;
	}
	.project-slider-svg.white {
	   background: url('../shape/project/project-slider-white_shape.svg') no-repeat center / contain;
	   -webkit-background: url('../shape/project/project-slider-white_shape.svg') no-repeat center / contain;
	}
	.project-slider-svg.grey {
	   background: url('../shape/project/project-slider-grey_shape.svg') no-repeat center / contain;
	   -webkit-background: url('../shape/project/project-slider-grey_shape.svg') no-repeat center / contain;
	}
	.project-slider-svg.yellow {
	   background: url('../shape/project/project-slider-yellow_shape.svg') no-repeat center / contain;
	   -webkit-background: url('../shape/project/project-slider-yellow_shape.svg') no-repeat center / contain;
	}
	.project-slider-svg.flieder {
	   background: url('../shape/project/project-slider-flieder_shape.svg') no-repeat center / contain;
	   -webkit-background: url('../shape/project/project-slider-flieder_shape.svg') no-repeat center / contain;
	}
	
	/* ********** EVENT SERIES SLIDER ********** */
	.eventseries-slider-svg { 
		padding-bottom: 62.3%;
	}
	.eventseries-slider-svg.green {
	   background: url('../shape/eventseries/eventseries-slider-green_shape.svg') no-repeat center / contain;
	   -webkit-background: url('../shape/eventseries/eventseriest-slider-green_shape.svg') no-repeat center / contain;
	}
	.eventseries-slider-svg.grey {
	   background: url('../shape/eventseries/eventseries-slider-grey_shape.svg') no-repeat center / contain;
	   -webkit-background: url('../shape/eventseries/eventseries-slider-grey_shape.svg') no-repeat center / contain;
	}
	.eventseries-slider-svg.yellow {
	   background: url('../shape/eventseries/eventseries-slider-yellow_shape.svg') no-repeat center / contain;
	   -webkit-background: url('../shape/eventseries/eventseries-slider-yellow_shape.svg') no-repeat center / contain;
	}
	.eventseries-slider-svg.purple {
		background: url('../shape/eventseries/eventseries-slider-purple_shape.svg') no-repeat center / contain;
		-webkit-background: url('../shape/eventseries/eventseries-slider-purple_shape.svg') no-repeat center / contain;
	}
	.eventseries-slider-svg.lilac {
	   background: url('../shape/eventseries/eventseries-slider-lilac_shape.svg') no-repeat center / contain;
	   -webkit-background: url('../shape/eventseries/eventseries-slider-lilac_shape.svg') no-repeat center / contain;
	}