.iconContent.bg-color-image{
		background-position: center center;
		background-size: cover;
	}
	.iconContent.bg-color-grey{
		background: #f0f0f0;
	}
	.iconContent.bg-color-black{
		background: #000000;
	}
	.iconContent.bg-color-red{
		background: #e30613;
	}
	.iconContent{
		width: 100%;
		padding: 50px 0;
	}
	.icons{
		position: relative;
	}
	.iconContent.white .btn-trans, .iconContent.bg-color-black .btn-trans, .iconContent.bg-color-red .btn-trans{
		color: #fff;
		border-color: #fff;
	}
	.iconContent.white .btn-trans:hover, .iconContent.bg-color-black .btn-trans:hover, .iconContent.bg-color-red .btn-trans:hover{
		background-color: #fff;
		color:#000;
	}
	.iconContent .carousel-cell{
		width:100%;
		padding: 0 50px;
		display: inline-block;
		text-align: center;
	}
	.iconContent .icons .iconContentIcon{
		position: relative;
		width: 33.3333%;
	}
	.iconContent .headline{
		text-align: center;
		width: 100%;
		margin-bottom: 50px;
	}
	.iconContent h2, .iconContent h3, .iconContent p{
		color: #fff;
	}
	.bg-color-grey h2, .bg-color-grey h3, .bg-color-grey p, .bg-color-none h2, .bg-color-none h3, .bg-color-none p, .iconContent.black h2, .iconContent.black h3, .iconContent.black p{
		color: #000;
	}
	.iconContent h2{
		margin-top: 0;
	}
	.icons:after {
	  content: 'flickity';
	  display: none; /* hide :after */
	}
    .iconContent .icons.inner-wrapper{
			box-sizing:content-box;
			padding:75px 0;
			border-radius:50px;
		}
	.iconContent.black.coloredwrapper .icons.inner-wrapper{
            background: rgba(255,255,255,0.75);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
		}
    .iconContent.white.coloredwrapper .icons.inner-wrapper{
            background: rgba(255,255,255,0.4);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
		}
	@media screen and ( min-width: 769px ) {
  		/* disable Flickity for large devices */
		.icons:after {
			content: '';
		}
		.iconContent .carousel-cell{
			width:calc(100% / {data.tx_mask_icon_content -> f:count()});
			padding: 0 50px;
			display: table-cell;
			text-align: center;
			position: relative;
		}
		.iconContent.link-true .carousel-cell{
			padding: 0 50px 60px 50px;
		}
		.iconContent.link-true .icon-link{
			position: absolute;
			bottom: 0;
			left:0;
			width: 100%;
		}
		.icons{
			position: relative;
			display: flex;
			justify-content: center;
		}
	}





	#bg-img-70531{
		background-image: url('/fileadmin/_processed_/f/1/csm_plasmaprozesse_bg_170b8e4ba6.webp');
	}
	@media (max-width: 767px), (min-width: 577px) { 
		#bg-img-70531 {
			background-image: url('/fileadmin/_processed_/f/1/csm_plasmaprozesse_bg_fac281e0f3.webp');
		}
	}
	@media (min-width: 768px) { 
		#bg-img-70531 {
			background-image: url('/fileadmin/_processed_/f/1/csm_plasmaprozesse_bg_fac281e0f3.webp');
		}
	}
	@media (min-width: 992px) { 
		#bg-img-70531 {
			background-image: url('/fileadmin/_processed_/f/1/csm_plasmaprozesse_bg_6141429c0a.webp');
		}
	}
	@media (min-width: 1200px) { 
		#bg-img-70531 {
			background-image: url('/fileadmin/_processed_/f/1/csm_plasmaprozesse_bg_fafbb54c1c.webp');
		}
	}
	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
		#bg-img-70531 {
			background-image: url('/fileadmin/_processed_/f/1/csm_plasmaprozesse_bg_b631be5607.webp');
		}
	}
	@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
		#bg-img-70531 {
			background-image: url('/fileadmin/_processed_/f/1/csm_plasmaprozesse_bg_7e037658c3.jpeg');
		}
	}

	





	#video-71789{
		background-image: url('/fileadmin/_processed_/2/e/csm_diener-electronic-imagefilm_cd1d2867f1.webp');
		background-size: cover;
		background-position-x: ;
		background-position-y: ;
	}
	@media (max-width: 767px), (min-width: 577px) { 
		#video-71789 {
			background-image: url('/fileadmin/_processed_/2/e/csm_diener-electronic-imagefilm_20a80441fb.webp');
		}
	}
	@media (min-width: 768px) { 
		#video-71789 {
			background-image: url('/fileadmin/_processed_/2/e/csm_diener-electronic-imagefilm_20a80441fb.webp');
		}
	}
	@media (min-width: 992px) { 
		#video-71789 {
			background-image: url('/fileadmin/_processed_/2/e/csm_diener-electronic-imagefilm_12ca43ed0c.webp');
		}
	}
	@media (min-width: 1200px) { 
		#video-71789 {
			background-image: url('/fileadmin/_processed_/2/e/csm_diener-electronic-imagefilm_d8e7f31630.webp');
		}
	}
	@media all and (-ms-high-contrast: active), (-ms-high-contrast: none) { 
		#video-71789 {
			background-image: url('/fileadmin/_processed_/2/e/csm_diener-electronic-imagefilm_2752885b28.jpeg');
		}
	}





.videopreview-big {
    width: 100%;
	height: 40vh;
	max-height: 40vh;
    display: flex;
    position: relative;
    overflow: hidden;
	transition: height .3s ease-out, max-height .3s ease-out;
	background-position: center center;
}
.videopreview-big.video-is-open {
height:calc(9/16 * 92vw);
max-height:calc(9/16 * 1071px);
}
.video-play {
    width: 48px;
    height: 48px;
    position: relative;
    z-index: 1;
    margin: auto;
    opacity: 1;
    background: url("/typo3conf/ext/plasma/Resources/Public/Icons/play-icon.svg") center center / cover;
    cursor: pointer;
    transition: opacity .3s ease-out;
}
.video-titel{
	margin: auto;
	z-index: 1;
}
.video-titel h2{
	color:#fff;
	margin-top: 0;
}
	a.play-link{
		text-decoration: none !important;
	}
.video-close {
    width: 48px;
    height: 48px;
    position: absolute;
    z-index: 3;
    opacity: 0;
    background: url("/typo3conf/ext/plasma/Resources/Public/Icons/close-icon.svg") center center / cover;
    cursor: pointer;
    transition: opacity .3s ease-out;
	top: 10px;
	right: 10px;
}
.video-container:hover .video-close{
	opacity: 1;
}
.video-play:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: var(--t);
    border-radius: 50%;
    background: #000;
    transition: all .5s ease-out;
}
.video-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2;
    background: #000;
}
.videopreview-big iframe,.videopreview-big video {
    width: 92vw;
	max-width: 1071px;
	height: calc(9/16 * 92vw);
	max-height: calc(9/16 * 1071px);
	margin: auto;
}
.videopreview-big:after {
    content: '';
    width: 250%;
    height: 250%;
    position: absolute;
    top: var(--y);
    left: var(--x);
    transform: translate(-50%, -50%);
    opacity: 0;
    background: radial-gradient(circle closest-side, rgba(255, 255, 255, .3), transparent);
    transition: opacity 0.5s ease-out;
}
/* ------------ STATES ------------ */

.videopreview-big:hover:after{
    opacity: 1;
}
.video-is-open:after {
    display: none;
}
.video-is-open .video-play {
    opacity: 1;
}
.video-is-open .video-play:after {
    width: 2vw;
    height: 2vw;
    transform: var(--t);
    transition: transform .5s ease-out;
}
	.videopreview-big:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.3);
	}
	
@media (min-width: 1025px){
	.video-img-wrap {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		z-index: 0;
	}
}
.video-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: 50% 100%;
    position: absolute;
    z-index: 0;
    transition: all 0.5s ease;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.video-img-wrap img {
    display: none;
}
}
.video-img-wrap img {
    object-position: 50% 50%;
}