.video-filter{
	width: 100%;
	height: 100%;
}
lottie-player{
	width: 100%;
	width: 150%;
    transform: translateX(-16.6667%);
}

.dna-button-wrapper {
    max-width: 1200px;
    margin: auto;
}




.dna-button-wrapper img.dna_btn{
	padding-bottom: 5px;
	max-width: 100%;
    width: 50%;

}

.dna-button-wrapper img.dna_btn_unten{

	max-width: 100%;
    width: 50%;

}


@supports (-webkit-touch-callout: none) {
	.video-filter{
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'brightness\'><feColorMatrix type=\'matrix\' values=\'1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0 0 0 0 0 1.2 0\'/></filter></svg>#brightness"); /* Firefox 3.5+ */
		-webkit-filter:brightness(110%); /* Chrome 19+ & Safari 6+ */
		width: 100%;
		height: 100%;
	}
}

.dna-button-wrapper {
	/*min-height: 50vw;*/
    width: 100%;
    position: relative;
	padding-bottom: 40px;
}

.dna-button-wrapper video {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    z-index: 0;
}

.dna-button-wrapper img.strain{
	width: 100%;
    max-width: 100%;
	display: block;
}

.popup {
  	display: none;
  	color: white;
	font-size: 14px;
	background-color: #4B786D;
    padding: 0px 25px 0px 25px; 
    z-index: 1;
	text-align: end;
    position: fixed;
    top: 10%;
    width: 500px;
	-webkit-box-shadow: 0px 0px 13px 4px rgb(0 0 0 / 58%); 
box-shadow: 0px 0px 13px 4px rgb(0 0 0 / 58%);
	position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.popup h3{
	color: #ffffff;
}

.popup.white {
  	display: none;
  	color: #4D7D6F;
	background-color: white;
}
.popup.white .dna_ul_special > li {
 	color: #4D7D6F!important;
}
.popup.white h3 {
    color: #4D7D6F;
}
.popup.white #close{
	color: #4D7D6F!important;
}

.popup #close{
	font-size: 40px;
}

.popup .dna_ul_special  {
    	margin-bottom: 0!important;
}

.popup .popup-text  {
    	margin-bottom: 0!important;
}


.popup .dna_ul_special > li {
    margin: 0;
    padding: 0px 0 25px 50px;
    list-style: none;
    background-image: url('/wp-content/uploads/2021/11/Check-DF.png');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 30px!important;
    font-size: 15px;
    font-weight: 400;
	text-align:left;
}


/* Just styling the content of the div, the *magic* in the previous rules */
.dna-button-wrapper .caption {
    z-index: 1;
    position: relative;
    text-align: center;
    color: #dc0000;
    padding: 10px;
}

.dna-button-wrapper .dna-button-quote{
    position: absolute;
    color: white;
    font-size: 30px;
    font-weight: bold;
    text-align: left;
    width: 250px;
    opacity: 0;
    transition: all 1500ms;
}



.dna-button-wrapper .dna-button-quote.visible{
    opacity: 1;
}

.dna-button-wrapper .dna-button-quote img.strain{
    position: absolute;
    width: 30px;
    height: 35px;
    right: -50px;
    top: -4px;
}
.dna-button-wrapper .dna-button-quote-2 img,
.dna-button-wrapper .dna-button-quote-4 img{
    left: -50px;
    top: -4px;
}



.dna-button-wrapper .dna-button-quote{
	text-align: center;
}

.dna-button-wrapper .dna-button-quote.left{
	left: 210px;
}

.dna-button-wrapper .dna-button-quote.right{
	right: 210px;
}

.dna-button-wrapper .dna-button-quote.left .dna-button-svg-line{
	left: 207px;
	width: 120px;
	transform: rotate3d(1, 1, 1, 15deg);
}

.dna-button-wrapper .dna-button-quote.right .dna-button-svg-line{
	right: 205px;
	width: 120px;
	transform: rotate3d(1, 1, 1, 15deg);
}


.dna-button-wrapper .dna-button-quote-1{
    left: 150px;
    top: 5px;
    
}
.dna-button-wrapper .dna-button-quote-1 .dna-button-svg-line{
    position: absolute;
   	top: 85px;
	transform: rotate3d(1, 1, 1, 15deg);
}


.dna-button-wrapper .dna-button-quote-2{
    right: 215px;
    top: 90px;
	
}
.dna-button-wrapper .dna-button-quote-2 .dna-button-svg-line{
    position: absolute;
    top: 62px;

}

.dna-button-wrapper .dna-button-quote-3{
    left: 150px;
    top: 185px;
  
}
.dna-button-wrapper .dna-button-quote-3 .dna-button-svg-line{
    position: absolute;
    top: 85px;

}

.dna-button-wrapper .dna-button-quote-4{
    right: 210px;
    top: 270px;
	
}
.dna-button-wrapper .dna-button-quote-4 .dna-button-svg-line{
    position: absolute;
    top: 62px;

}

.dna-button-wrapper .dna-button-quote-5{
    left: 150px;
    top: 365px;
    
}
.dna-button-wrapper .dna-button-quote-5 .dna-button-svg-line{
    position: absolute;
    top: 85px;

}

.dna-button-wrapper .dna-button-quote-6{
    right: 210px;
    top: 450px;
	
}
.dna-button-wrapper .dna-button-quote-6 .dna-button-svg-line{
    position: absolute;
    top: 62px;
 
}

@media (max-width: 1200px){

	.dna-button-wrapper .dna-button-quote.left{
	left: 200px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		right: 200px;
	}
	
	
}

@media (max-width: 1150px){
	.dna-button-wrapper .dna-button-quote.left{
	left: 180px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		right: 180px;
	}

}

@media (max-width: 1100px){
	
	
	
	.dna-button-wrapper .dna-button-quote.left{
	left: 155px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		right: 155px;
	}
	.dna-button-wrapper img.strain{
	    width: 111%;
    	max-width: initial;
    	transform: translateX(-5%);
	}

}

@media (max-width: 1050px){

	.dna-button-wrapper .dna-button-quote.left{
	left: 140px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		right: 140px;
	}
}

@media (max-width: 1024px){

	.dna-button-wrapper .dna-button-quote.left .dna-button-svg-line{
		
	}

	.dna-button-wrapper .dna-button-quote.right .dna-button-svg-line{
		
	}
	
	.dna-button-wrapper .dna-button-quote.left{
	left: 115px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		right: 115px;
	}
}

@media (max-width: 975px){

	.dna-button-wrapper .dna-button-quote.left .dna-button-svg-line{
		width: 100px;
	}

	.dna-button-wrapper .dna-button-quote.right .dna-button-svg-line{
		width: 100px;
	}
	
	.dna-button-wrapper .dna-button-quote.left{
	left: 100px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		right: 100px;
	}
	
	.dna-button-wrapper img.strain{
	    width: 120%;
    	max-width: initial;
    	transform: translateX(-8%);
	}
}

@media (max-width: 915px){

	.dna-button-wrapper .dna-button-quote.left .dna-button-svg-line{
		width: 100px;
	}

	.dna-button-wrapper .dna-button-quote.right .dna-button-svg-line{
		width: 100px;
	}
	
	.dna-button-wrapper .dna-button-quote.left{
	left: 70px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		right: 70px;
	}
	
	.dna-button-wrapper img.strain{
	    width: 129%;
    	max-width: initial;
    	transform: translateX(-11%);
	}
}

@media (max-width: 850px){

	.dna-button-wrapper .dna-button-quote.left .dna-button-svg-line{
		width: 100px;
	}

	.dna-button-wrapper .dna-button-quote.right .dna-button-svg-line{
		width: 100px;
	}
	
	.dna-button-wrapper .dna-button-quote.left{
	left: 55px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		right: 55px;
	}
	
	.dna-button-wrapper img.strain{
	    width: 129%;
    	max-width: initial;
    	transform: translateX(-11%);
	}
}

@media (max-width: 850px){

	.dna-button-wrapper .dna-button-quote.left .dna-button-svg-line{
		width: 100px;
	}

	.dna-button-wrapper .dna-button-quote.right .dna-button-svg-line{
		width: 100px;
	}
	
	.dna-button-wrapper .dna-button-quote.left{
		left: 40px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		right: 40px;
	}
	
	.dna-button-wrapper img.strain{
	 width: 139%;
    max-width: initial;
    transform: translateX(-14%);
	}
}


@media (max-width: 767px){
	.dna-button-wrapper {
		min-height: 520px;
	}
	
	.dna-button-wrapper img.strain{
		width: 260%;
    	max-width: initial;
    	transform: translateX(-20%);
	}
	
	.dna-button-wrapper .dna-button-quote.left .dna-button-svg-line{
		width: 120px;
	}

	.dna-button-wrapper .dna-button-quote.right .dna-button-svg-line{
		width: 120px;
		left: 207px;
	}
	
	.dna-button-wrapper .dna-button-quote.left{
		left: 50px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		left: 110px;
	}
	
	.dna-button-wrapper .dna-button-quote{
		width: 240px;
		font-size: 25px;
	}
	.dna-button-wrapper .dna-button-quote-1 {
    	
    	top: 50px;
	}
	.dna-button-wrapper .dna-button-quote-2 {
    	
    	top: 200px;
	}
	.dna-button-wrapper .dna-button-quote-3 {
    	
    	top: 350px;
	}
	.dna-button-wrapper .dna-button-quote-4 {
    	
    	top: 500px;
	}
	.dna-button-wrapper .dna-button-quote-5 {
    	
    	top: 650px;
	}
	.dna-button-wrapper .dna-button-quote-6 {
    	
    	top: 800px;
	}

}
@media (max-width: 725px){
	.dna-button-wrapper {
		min-height: 520px;
	}
	
	.dna-button-wrapper img.strain{
	    width: 280%;
    max-width: initial;
    transform: translateX(-25%);
	}
	
	.dna-button-wrapper .dna-button-quote.left .dna-button-svg-line{
		width: 85px;
		left: 190px;
	}

	.dna-button-wrapper .dna-button-quote.right .dna-button-svg-line{
		width: 60px;
		left: 190px;
		top: 80px;
	}
	
	.dna-button-wrapper .dna-button-quote.left{
		left: 100px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		left: 130px;
		
	}
	
	.dna-button-wrapper .dna-button-quote{
		width: 240px;
		font-size: 25px;
	}
	.dna-button-wrapper .dna-button-quote-1 {
    	
    	top: 50px;
	}
	.dna-button-wrapper .dna-button-quote-2 {
    	
    	top: 200px;
	}
	.dna-button-wrapper .dna-button-quote-3 {
    	
    	top: 350px;
	}
	.dna-button-wrapper .dna-button-quote-4 {
    	
    	top: 500px;
	}
	.dna-button-wrapper .dna-button-quote-5 {
    	
    	top: 650px;
	}
	.dna-button-wrapper .dna-button-quote-6 {
    	
    	top: 800px;
	}
	.popup {


		width: 350px!important;
		
	}
	.popup .dna_ul_special {
    margin-bottom: 0!important;
    padding-left: 0px;
		
}


}

@media (max-width: 675px){
	.dna-button-wrapper {
		min-height: 520px;
	}
	
	.dna-button-wrapper img.strain{
	    width: 315%;
    max-width: initial;
    transform: translateX(-28%);
	}
	
	.dna-button-wrapper .dna-button-quote.left .dna-button-svg-line{
		width: 85px;
		left: 190px;
	}

	.dna-button-wrapper .dna-button-quote.right .dna-button-svg-line{
		width: 60px;
		left: 190px;
		top: 80px;
	}
	
	.dna-button-wrapper .dna-button-quote.left{
		left: 70px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		left: 100px;
		
	}
	
	.dna-button-wrapper .dna-button-quote{
		width: 240px;
		font-size: 25px;
	}
	.dna-button-wrapper .dna-button-quote-1 {
    	
    	top: 50px;
	}
	.dna-button-wrapper .dna-button-quote-2 {
    	
    	top: 200px;
	}
	.dna-button-wrapper .dna-button-quote-3 {
    	
    	top: 350px;
	}
	.dna-button-wrapper .dna-button-quote-4 {
    	
    	top: 500px;
	}
	.dna-button-wrapper .dna-button-quote-5 {
    	
    	top: 650px;
	}
	.dna-button-wrapper .dna-button-quote-6 {
    	
    	top: 800px;
	}
	.popup {


		width: 350px!important;
		
	}
	.popup .dna_ul_special {
    margin-bottom: 0!important;
    padding-left: 0px;
		
}


}

@media (max-width: 600px){
	.dna-button-wrapper {
		min-height: 520px;
	}
	
	.dna-button-wrapper img.strain{
		width: 350%;
    max-width: initial;
    transform: translateX(-29%);
	}
	
	.dna-button-wrapper .dna-button-quote.left .dna-button-svg-line{
		width: 85px;
		left: 190px;
	}

	.dna-button-wrapper .dna-button-quote.right .dna-button-svg-line{
		width: 60px;
		left: 190px;
		top: 80px;
	}
	
	.dna-button-wrapper .dna-button-quote.left{
		left: 50px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		left: 80px;
		
	}
	
	.dna-button-wrapper .dna-button-quote{
		width: 240px;
		font-size: 25px;
	}
	.dna-button-wrapper .dna-button-quote-1 {
    	
    	top: 50px;
	}
	.dna-button-wrapper .dna-button-quote-2 {
    	
    	top: 200px;
	}
	.dna-button-wrapper .dna-button-quote-3 {
    	
    	top: 350px;
	}
	.dna-button-wrapper .dna-button-quote-4 {
    	
    	top: 500px;
	}
	.dna-button-wrapper .dna-button-quote-5 {
    	
    	top: 650px;
	}
	.dna-button-wrapper .dna-button-quote-6 {
    	
    	top: 800px;
	}
	.popup {


		width: 350px!important;
		
	}
	.popup .dna_ul_special {
    margin-bottom: 0!important;
    padding-left: 0px;
		
}


}

@media (max-width: 550px){
	.dna-button-wrapper {
		min-height: 520px;
	}
	
	.dna-button-wrapper img.strain{
		width: 390%;
    max-width: initial;
    transform: translateX(-31%);
	}
	
	.dna-button-wrapper .dna-button-quote.left .dna-button-svg-line{
		width: 85px;
		left: 190px;
	}

	.dna-button-wrapper .dna-button-quote.right .dna-button-svg-line{
		width: 60px;
		left: 190px;
		top: 80px;
	}
	
	.dna-button-wrapper .dna-button-quote.left{
		left: 20px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		left: 50px;
		
	}
	
	.dna-button-wrapper .dna-button-quote{
		width: 240px;
		font-size: 25px;
	}
	.dna-button-wrapper .dna-button-quote-1 {
    	
    	top: 50px;
	}
	.dna-button-wrapper .dna-button-quote-2 {
    	
    	top: 200px;
	}
	.dna-button-wrapper .dna-button-quote-3 {
    	
    	top: 350px;
	}
	.dna-button-wrapper .dna-button-quote-4 {
    	
    	top: 500px;
	}
	.dna-button-wrapper .dna-button-quote-5 {
    	
    	top: 650px;
	}
	.dna-button-wrapper .dna-button-quote-6 {
    	
    	top: 800px;
	}
	.popup {


		width: 350px!important;
		
	}
	.popup .dna_ul_special {
    margin-bottom: 0!important;
    padding-left: 0px;
		
}


}

@media (max-width: 500px){
	.dna-button-wrapper {
		min-height: 520px;
	}
	
	.dna-button-wrapper img.strain{
		width: 420%;
    max-width: initial;
    transform: translateX(-32%);
	}
	
	.dna-button-wrapper .dna-button-quote.left .dna-button-svg-line{
		width: 85px;
		left: 190px;
	}

	.dna-button-wrapper .dna-button-quote.right .dna-button-svg-line{
		width: 60px;
		left: 190px;
		top: 80px;
	}
	
	.dna-button-wrapper .dna-button-quote.left{
		left: -10px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		left: 20px;
		
	}
}

@media (max-width: 450px){
	.dna-button-wrapper {
		min-height: 520px;
	}
	
	.dna-button-wrapper img.strain{
		width: 450%;
    max-width: initial;
    transform: translateX(-33%);
	}
	
	.dna-button-wrapper .dna-button-quote.left .dna-button-svg-line{
		width: 85px;
		left: 190px;
	}

	.dna-button-wrapper .dna-button-quote.right .dna-button-svg-line{
		width: 60px;
		left: 190px;
		top: 80px;
	}
	
	.dna-button-wrapper .dna-button-quote.left{
		left: -30px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		left: 0px;
		
	}
}
@media (max-width: 425px){
	.dna-button-wrapper {
		min-height: 520px;
	}
	
	.dna-button-wrapper img.strain{
		width: 490%;
    max-width: initial;
    transform: translateX(-34%);
	}
	
	.dna-button-wrapper .dna-button-quote.left .dna-button-svg-line{
		width: 85px;
		left: 190px;
	}

	.dna-button-wrapper .dna-button-quote.right .dna-button-svg-line{
		width: 60px;
		left: 190px;
		top: 80px;
	}
	
	.dna-button-wrapper .dna-button-quote.left{
		left: -35px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		left: -5px;
		
	}
}
@media (max-width: 390px){
	.dna-button-wrapper {
		min-height: 520px;
	}
	
	.dna-button-wrapper img.strain{
		width: 520%;
    max-width: initial;
    transform: translateX(-35%);
	}
	
	.dna-button-wrapper .dna-button-quote.left .dna-button-svg-line{
		width: 85px;
		left: 190px;
	}

	.dna-button-wrapper .dna-button-quote.right .dna-button-svg-line{
		width: 60px;
		left: 190px;
		top: 80px;
	}
	
	.dna-button-wrapper .dna-button-quote.left{
		left: -45px;
	}

	.dna-button-wrapper .dna-button-quote.right{
		left: -15px;
		
	}
	
	.dna-button-wrapper .dna-button-quote{
		width: 240px;
		font-size: 25px;
	}
	.dna-button-wrapper .dna-button-quote-1 {
    	
    	top: 50px;
	}
	.dna-button-wrapper .dna-button-quote-2 {
    	
    	top: 200px;
	}
	.dna-button-wrapper .dna-button-quote-3 {
    	
    	top: 350px;
	}
	.dna-button-wrapper .dna-button-quote-4 {
    	
    	top: 500px;
	}
	.dna-button-wrapper .dna-button-quote-5 {
    	
    	top: 650px;
	}
	.dna-button-wrapper .dna-button-quote-6 {
    	
    	top: 800px;
	}
	
	.popup {


		width: 300px!important;

	}

}