/*KP CSS */
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('https://media.kupona.de/fonts/open-sans-v17-latin-regular.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
        url('https://media.kupona.de/fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-regular.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-regular.woff') format('woff'),
        /* Modern Browsers */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg');
    /* Legacy iOS */
    font-display: swap;
    text-rendering: optimizeLegibility;

}


/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('https://media.kupona.de/fonts/open-sans-v17-latin-600.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
        url('https://media.kupona.de/fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-600.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-600.woff') format('woff'),
        /* Modern Browsers */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-600.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('https://media.kupona.de/fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg');
    /* Legacy iOS */
    text-rendering: optimizeLegibility;
    font-display: swap;

}


/* open-sans-condensed-700 - latin */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 700;
    src: url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-700.eot');
    src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'),
    url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-700.eot?#iefix') format('embedded-opentype'),
    url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-700.woff2') format('woff2'),
    url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-700.woff') format('woff'),
    url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-700.ttf') format('truetype'),
    url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-700.svg#OpenSansCondensed') format('svg');
    text-rendering: optimizeLegibility;
    font-display: swap;
}


/* open-sans-condensed-300 - latin */
@font-face {
    font-family: 'Open Sans Condensed';
    font-style: normal;
    font-weight: 300;
    src: url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-300.eot');
    /* IE9 Compat Modes */
    src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'),
        url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-300.eot?#iefix') format('embedded-opentype'),
        /* IE6-IE8 */
        url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-300.woff2') format('woff2'),
        /* Super Modern Browsers */
        url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-300.woff') format('woff'),
        /* Modern Browsers */
        url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-300.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('https://media.kupona.de/fonts/open-sans-condensed-v14-latin-300.svg#OpenSansCondensed') format('svg');
    /* Legacy iOS */
    text-rendering: optimizeLegibility;
    font-display: swap;

}




/*ANIMATION  */


@keyframes gradientButton {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes gradientBG1 {
	0% {
        background: linear-gradient(-45deg, #cc2b5e, #753a88);
		background-position: 0% 50%;
	}
	50% {
        background: linear-gradient(-45deg, #cc2b5e, #753a88);
		background-position: 100% 50%;
	}
	100% {
        background: linear-gradient(-45deg, #cc2b5e, #753a88);
		background-position: 0% 50%;
	}
}

@keyframes gradientBG2 {
	0% {
        background: linear-gradient(-45deg, #02aab0 , #00cdac);
		background-position: 0% 50%;
	}
	50% {
        background: linear-gradient(-45deg, #02aab0, #00cdac);
		background-position: 100% 50%;
	}
	100% {
        background: linear-gradient(-45deg, #02aab0, #00cdac);
		background-position: 0% 50%;
	}
}

@keyframes gradientBG2 {
	0% {
        background: linear-gradient(-45deg, #ffafbd, #ffc3a0);
		background-position: 0% 50%;
	}
	50% {
        background: linear-gradient(-45deg, #ffafbd, #ffc3a0);
		background-position: 100% 50%;
	}
	100% {
        background: linear-gradient(-45deg, #ffafbd, #ffc3a0);
		background-position: 0% 50%;
	}
}

@keyframes gradientBG3 {
	0% {
        background: linear-gradient(-45deg, #de6262 , #ffb88c);
		background-position: 0% 50%;
	}
	50% {
        background: linear-gradient(-45deg, #de6262, #ffb88c);
		background-position: 100% 50%;
	}
	100% {
        background: linear-gradient(-45deg, #de6262, #ffb88c);
		background-position: 0% 50%;
	}
}

@keyframes gradientBG4 {
	0% {
        background: linear-gradient(-45deg, #3a1c71, #d76d77, #ffaf7b);
		background-position: 0% 50%;
	}
	50% {
        background: linear-gradient(-45deg, #3a1c71, #d76d77, #ffaf7b);
		background-position: 100% 50%;
	}
	100% {
        background: linear-gradient(-45deg, #3a1c71, #d76d77, #ffaf7b);
		background-position: 0% 50%;
	}
}



@keyframes gradientBG5 {
	0% {
        background: linear-gradient(-45deg, #ff9966 , #ff5e62);
		background-position: 0% 50%;
	}
	50% {
        background: linear-gradient(-45deg, #ff9966 , #ff5e62);
		background-position: 100% 50%;
	}
	100% {
        background: linear-gradient(-45deg, #ff9966 , #ff5e62);
		background-position: 0% 50%;
	}
}


@keyframes gradientBG6 {
	0% {
        background: linear-gradient(-45deg, #5AFF15 , #00B712);
		background-position: 0% 50%;
	}
	50% {
        background: linear-gradient(-45deg, #5AFF15 , #00B712);
		background-position: 100% 50%;
	}
	100% {
        background: linear-gradient(-45deg, #5AFF15 , #00B712);
		background-position: 0% 50%;
	}
}






@keyframes bounceIn{
    0%{
      opacity: 0;
      transform: scale(0.3) translate3d(0,0,0);
    }
    50%{
      opacity: 0.9;
      transform: scale(1.1);
    }
    80%{
      opacity: 1;
      transform: scale(0.89);
    }
    100%{
      opacity: 1;
      transform: scale(1) translate3d(0,0,0);
    }
  }


/* //MARK : SCROLL INDICATOR

/* Style the header: fixed position (always stay at the top) */
.navigation-stick #ScrollIndicator {
    display:block;
}

#ScrollIndicator {
    position:absolute;
    bottom: 0px;
    z-index: 0;
    width: 100%;
    display:none;
}

/* The progress container (grey background) */
.progress-container {
	width: 100%;
    height: 2px;
    background: rgba(230,230,230,0.75);
  }
  
  /* The progress bar (scroll indicator) */
  .progress-bar {
	  height: 2px;
	  background-color: #4158D0;
	  background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);   
	  width: 0%;
	}
	
	
/* //MARK : ROUNDSHAPE
*/
.round-shape {
	color:#FFF;	
	display:flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-size: 100% 100%;
	position:relative;
	transition: .5s all cubic-bezier(0.075, 0.82, 0.165, 1);
	min-width: 19em;
	min-height: 19em;
}


.round-shape:hover div {
	transform: translateZ(30px);
	text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.25);
}


.round-shape div {
	position:relative;
	color:#FFF;
	z-index:2;
	text-align:center;
	margin:0em 4.25em;
	
}

.round-shape div strong {
	font-family: ff-good-web-pro-extra-conden, sans-serif;
	font-weight:600;
	font-size:3.2em;
	line-height:1em;
}
.round-shape div p {
	line-height:1.3em;
}


/* KP Accordion */

.kp-accordion-element.active {
	background: linear-gradient(0deg, rgba(245,245,245,1), rgba(255,255,255,1));
}


.kp-accordion-element {
    position:relative;
    border-top: 1px solid #d6d6d6;
}

.kp-accordion-element .introhead {
    position:relative;
    cursor:pointer;
}

.kp-accordion-element .introhead h3 {
    color: #ffa500 !important;
    padding: 0px !important;
}



.kp-accordion-element .introhead .introicon {
    position: absolute;
    height: auto;
}

.kp-accordion-element .introhead.closed .introicon {
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    transition: all .5s ease-in-out;
}

.kp-accordion-element .introhead:hover .introicon,
.kp-accordion-element .introhead.open .introicon {
    -webkit-filter: grayscale(0%);
    /* Safari 6.0 - 9.0 */
    filter: none;
}


.kp-accordion-element .introhead .arrow-icon-accordion {
    position: absolute;
    color: #FAA51A;
    transform: rotate(0deg);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    -ms-transition: -ms-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
}

.kp-accordion-element .introhead.open .arrow-icon-accordion {
    transform: rotate(135deg)
}




.kp-accordion-element .introhead p {
    padding: 0px !important;
}


.kp-accordion-element introhead .introtext {
    display: block;
    color: #000;

}


.kp-accordion-element .contenttext {
    font-size: 1em;
    padding-top: 0px !important;
    display:none;
}


/* KP BUTTON */
.orangebutton  {
	text-align: center;
    display: block;
	bottom: 0.5em;
	background: linear-gradient(-45deg, #f3b955, #eb772c, #ebd22c, #f88803);
	animation: gradientButton 7s ease infinite;
	background-size: 400% 400%;
	margin-bottom:auto;
	position:relative;
	left:5%;
	width:90%;
}

.orangebutton a {
	font-family: ff-good-web-pro-extra-conden, sans-serif;
	font-weight: 600;
	font-size:2em;
	color:#FFF !important;
	margin:0 1em;
	width:100%;
	text-transform: uppercase;
	margin-top: auto;

}





/* KP LISTING */

.kp-listing-element {
    position:relative;
    border-bottom: 1px solid #d6d6d6;
}

.kp-listing-element .introhead {
    position:relative;
}

.kp-listing-element .introhead h3 {
    color: #ffa500 !important;
    padding: 0px !important;
}

.kp-listing-element .introhead .introicon {
    position: absolute;
    height: auto;
}

.kp-listing-element .introhead p {
    padding: 0px !important;
}

.kp-listing-element introhead .introtext {
    display: block;
    color: #000;
}

.kp-listing-element .contenttext {
    font-size: 1em;
    padding-top: 0px !important;
    display:none;
}



.dlcboxen .wp-block-column {
    background-color: #fff;
}


.home .diagonal {
    display: none;
}

.wp-block-button__link {
    border-radius: 0;
    font-family: ff-good-web-pro-extra-conden, sans-serif;
    font-weight:600;
}



.diagonal {
    position: relative;
    top: -3.5em;
    z-index: 1;
    padding-top: 7em;
    background: #FFF;
    -webkit-transform: skewY(-3deg);
    -moz-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    transform: skewY(-3deg);
    background-image: url("https://media.kupona.de/2019/09/shadowbg.jpg");
    background-attachment: fixed;
    background-position: center;
    background-repeat: repeat-y;
}




/** HERO */

.page-hero {
    min-height: 300px;
}

/*scrollmore*/
.page-hero a {
    padding-top: 80px;
}

.page-hero a span {
    position: absolute;
    top: 0;
    left: 50%;
    width: 24px;
    height: 24px;
    margin-left: -12px;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: sdb07 2s infinite;
    animation: sdb07 2s infinite;
    opacity: 0;
    box-sizing: border-box;
}

.page-hero a span:nth-of-type(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.page-hero a span:nth-of-type(2) {
    top: 16px;
    -webkit-animation-delay: .15s;
    animation-delay: .15s;
}

.page-hero a span:nth-of-type(3) {
    top: 32px;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}




/* slick slider hide */
.slick-prev, .slick-next, .slick-dots {display:none!important;} 


/** HeadlineBox */
#headlinebox {
    width: 100%;
    text-align: left;
	min-width: 350px;
	position:relative;
}


#big_headline {
	line-height: 0.8em;
    font-size: 8vmax;
    margin-bottom: 1.5vw;
    font-family: ff-good-web-pro-extra-conden, sans-serif;
    font-weight: 800;
	font-style: normal;
	max-width:80%;
}

#big_headline span {
	text-shadow: 1px 1px rgba(0,0,0, 0.37), 2px 2px rgba(0,0,0, 0.32), 3px 3px rgba(0,0,0, 0.30), 4px 4px rgba(0,0,0, 0.28), 5px 5px rgba(0,0,0, 0.26), 6px 6px rgba(0,0,0, 0.25), 7px 7px rgba(0,0,0, 0.23), 8px 8px rgba(0,0,0, 0.22), 9px 9px rgba(0,0,0, 0.21), 10px 10px rgba(0,0,0, 0.21), 11px 11px rgba(0,0,0, 0.20), 12px 12px rgba(0,0,0, 0.19), 13px 13px rgba(0,0,0, 0.18), 14px 14px rgba(0,0,0, 0.18), 15px 15px rgba(0,0,0, 0.17), 16px 16px rgba(0,0,0, 0.17), 17px 17px rgba(0,0,0, 0.16), 18px 18px rgba(0,0,0, 0.16), 19px 19px rgba(0,0,0, 0.15), 20px 20px rgba(0,0,0, 0.15), 21px 21px rgba(0,0,0, 0.14), 22px 22px rgba(0,0,0, 0.14), 23px 23px rgba(0,0,0, 0.14), 24px 24px rgba(0,0,0, 0.13), 25px 25px rgba(0,0,0, 0.13), 26px 26px rgba(0,0,0, 0.13), 27px 27px rgba(0,0,0, 0.12), 28px 28px rgba(0,0,0, 0.12), 29px 29px rgba(0,0,0, 0.12), 30px 30px rgba(0,0,0, 0.11), 31px 31px rgba(0,0,0, 0.11), 32px 32px rgba(0,0,0, 0.11), 33px 33px rgba(0,0,0, 0.10), 34px 34px rgba(0,0,0, 0.10), 35px 35px rgba(0,0,0, 0.10), 36px 36px rgba(0,0,0, 0.10), 37px 37px rgba(0,0,0, 0.09), 38px 38px rgba(0,0,0, 0.09), 39px 39px rgba(0,0,0, 0.09), 40px 40px rgba(0,0,0, 0.09), 41px 41px rgba(0,0,0, 0.09), 42px 42px rgba(0,0,0, 0.08), 43px 43px rgba(0,0,0, 0.08), 44px 44px rgba(0,0,0, 0.08), 45px 45px rgba(0,0,0, 0.08), 46px 46px rgba(0,0,0, 0.07), 47px 47px rgba(0,0,0, 0.07), 48px 48px rgba(0,0,0, 0.07), 49px 49px rgba(0,0,0, 0.07), 50px 50px rgba(0,0,0, 0.07), 51px 51px rgba(0,0,0, 0.07), 52px 52px rgba(0,0,0, 0.06), 53px 53px rgba(0,0,0, 0.06), 54px 54px rgba(0,0,0, 0.06), 55px 55px rgba(0,0,0, 0.06), 56px 56px rgba(0,0,0, 0.06), 57px 57px rgba(0,0,0, 0.05), 58px 58px rgba(0,0,0, 0.05), 59px 59px rgba(0,0,0, 0.05), 60px 60px rgba(0,0,0, 0.05), 61px 61px rgba(0,0,0, 0.05), 62px 62px rgba(0,0,0, 0.05), 63px 63px rgba(0,0,0, 0.05), 64px 64px rgba(0,0,0, 0.04), 65px 65px rgba(0,0,0, 0.04), 66px 66px rgba(0,0,0, 0.04), 67px 67px rgba(0,0,0, 0.04), 68px 68px rgba(0,0,0, 0.04), 69px 69px rgba(0,0,0, 0.04), 70px 70px rgba(0,0,0, 0.04), 71px 71px rgba(0,0,0, 0.03), 72px 72px rgba(0,0,0, 0.03), 73px 73px rgba(0,0,0, 0.03), 74px 74px rgba(0,0,0, 0.03), 75px 75px rgba(0,0,0, 0.03), 76px 76px rgba(0,0,0, 0.03), 77px 77px rgba(0,0,0, 0.03), 78px 78px rgba(0,0,0, 0.02), 79px 79px rgba(0,0,0, 0.02), 80px 80px rgba(0,0,0, 0.02), 81px 81px rgba(0,0,0, 0.02), 82px 82px rgba(0,0,0, 0.02), 83px 83px rgba(0,0,0, 0.02), 84px 84px rgba(0,0,0, 0.02), 85px 85px rgba(0,0,0, 0.02), 86px 86px rgba(0,0,0, 0.01), 87px 87px rgba(0,0,0, 0.01), 88px 88px rgba(0,0,0, 0.01), 89px 89px rgba(0,0,0, 0.01), 90px 90px rgba(0,0,0, 0.01), 91px 91px rgba(0,0,0, 0.01), 92px 92px rgba(0,0,0, 0.01), 93px 93px rgba(0,0,0, 0.01), 94px 94px rgba(0,0,0, 0.01), 95px 95px rgba(0,0,0, 0.01), 96px 96px rgba(0,0,0, 0.00), 97px 97px rgba(0,0,0, 0.00), 98px 98px rgba(0,0,0, 0.00), 99px 99px rgba(0,0,0, 0.00), 100px 100px rgba(0,0,0, 0.00);
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	mix-blend-mode: overlay;
	color:transparent;
	max-width:67%;
	opacity:0.7;
	z-index:-1;
}
#sub_headline {
    margin-bottom: 1.1em;
	font-size: 1.3em;
    color: black;
    font-weight: normal;
    text-align: left;
    padding: 0.5em;
    display: inline-block;
    background-color: rgba(255,255,255,0.8);

}



#since-label {
	float:right;
}



/** Bulletblock */


.bulletblock .bbcontent .wp-block-button .wp-block-button__link {
	font-family: ff-good-web-pro-extra-conden, sans-serif;
	font-weight: 600;
	background: linear-gradient(-45deg, #f3b955, #eb772c, #ebd22c, #f88803);
	background-size: 400% 400%;
	font-size:2em;
	width:70%;
	animation: gradientButton 7s ease infinite;
}





#breadcrumbs a:visited,
#breadcrumbs a:focus,
#breadcrumbs a {
    color: #FAA51A !important;
}

#breadcrumbs a:hover {
    color: #fd7614 !important;
}


/* VENDOR */
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#FFF}.toast-message a:hover{color:#CCC;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#FFF;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);line-height:1}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}.rtl .toast-close-button{left:-.3em;float:left;right:.3em}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#FFF;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>div.rtl{direction:rtl;padding:15px 50px 15px 15px;background-position:right 15px center}#toast-container>div:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51A351}.toast-error{background-color:#BD362F}.toast-info{background-color:#2F96B4}.toast-warning{background-color:#ffa500}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container>div.rtl{padding:8px 50px 8px 8px}#toast-container .toast-close-button{right:-.2em;top:-.2em}#toast-container .rtl .toast-close-button{left:-.2em;right:.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}#toast-container>div.rtl{padding:15px 50px 15px 15px}}

#toast-container .toast {
    position:relative;
}
/*
.toast.toast-info {
    background: none !important;
}

.toast.toast-error {
    background:none !important;
}

.toast.toast-success {
    background: none !important;
}
*/
#toast-container > .toast-warning {
    background-image: none !important;
}

#toast-container.toast-top-right > div,
#toast-container.toast-bottom-right > div {
 width:230px !important;
}

#toast-container>div {
    opacity:1 !important;
    padding:1em 1em 1em 2em;
    overflow:initial !important;
}

.notbox {
    color:#FFF;
    margin-bottom:0.5em;
    position:relative;
}


.notbox div :hover {
    color:#FFF;
}
.notbox div {
    display: block;
}
.notbox-visual {
    position:absolute;
    top:12%;
    left:-59%;
    z-index:10;
    width:123px;
    height:210px;
}

.notbox-head{
    font-weight:bold;
    line-height:1.4em;
    margin-bottom:0.5em;
}

.notbox-description {
    width:100%;
    margin-bottom:1em;
    line-height:1.4em;
}

.notbox-button {
    background:#FFF;
    color:#ffa500 !important;
    padding:0.5em;
}

/* //MARK : BLOCKQUOTE */

blockquote {
    max-width: 90%;
    text-align: left;
    color: #999;
    font-family: Georgia, Palatino, Garamond;
    font-style:italic;
}

.wp-block-quote {
    max-width:100%; 
    border:none;
    border-image: linear-gradient(to right , rgba(243, 185, 85, 0), #ebd22c, #f88803,  rgba(243, 185, 85, 0))30 30 stretch;
    border-image: linear-gradient(to right , rgba(130, 130, 130, 0),  rgba(178, 178, 178, 1), rgba(119, 119, 119, 1), rgba(130, 130, 130, 0) )30 30 stretch;
    border-style: solid;
    border-left:0;
    border-width:1px;
    border-right:0;
   
}

.wp-block-quote::before {
    content: '”';
    position: absolute;
    line-height:1em;
    color:rgba(212,212,212,0.35);
    z-index:1;
}


.wp-block-quote p {
    font-style:italic;
    z-index:3;
    position:relative;
}


.wp-block-quote cite {
    float:right;
    font-style:normal;
    font-family:"Open Sans"
}

.wp-block-quote cite::before {
    content:" // ";
}
/* //MARK: CONTACTBOX
*/

.contactbox-global a {
	color:#FFF !important;
}

.headingoverlay {
	font-size:9em;
	font-family: ff-good-web-pro-extra-conden, sans-serif;
	font-weight:600;
	text-shadow:5px 5px rgba(0, 0, 0, 0.5);
	margin:0 auto;
	padding:0px;
	mix-blend-mode:hard-light;
	line-height:0.8em;
	opacity:0.95;
	width:70%;
	text-align:left;
}


/* //MARK: CONTACTGRID
*/


.contact-grid .wp-block-column {
	position:relative;
}

.contact-grid .wp-block-column img{
	position:relative;
	cursor:pointer;
}
.contact-grid h2 {
	margin-bottom:0.5em;
	min-height:2.4em;
}

.contact-grid .person-name strong {
	font-family: ff-good-web-pro-extra-conden, sans-serif;
	font-size:2em;
	line-height:1em;
}

.contact-grid .person-name p {
	margin:0px;
	padding:0px;
}

.contact-grid .person-contactdetails {
	margin:1em 0 0 0;
}

.contact-grid .person-contactdetails p {
	margin:0.25em 0 0 0;
}

.contact-grid .wp-block-group__inner-container {
	margin:0px;
	padding:0px;
}

.contact-grid .quote{
	color:#9f9f9f;
	font-family: "Georgia";
	font-style: italic;
	font-size:1.2em;
    min-height: 9vh;
}










/** MARK : ALERT BOX */
.alertbox  {
	padding:2em;
	margin:4em 0em;
	
}

.alertbox h2 {
	font-size:2.5rem !important;
	margin-bottom:1em;
}




/** MARK : SWIPE ELEMENT*/

.swipe-slider {
    margin-top:4em;
}

.swiper-navi ul {
    list-style: none;
}

.swiper-navi ul li {
    cursor: pointer;
    margin-bottom:0.5em;
}

.swiper-navi ul li a {
    display:block;
    font-family: ff-good-web-pro-extra-conden, sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    position:relative;
}

.swiper-navi ul li:not(.active) a {
    color:#d6d6d6;
}


.swiper-pagination-bullet-active {
    background-color: #ffa500 !important;
}

.swiper-navi ul li.active a {
    background:#ffa500;
    color:#FFF;
}

.swiper-navi ul li.active a::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    clear: both;
}

.swiper-button-next svg {
    transform:rotate(-90deg);
	color:#ffa500;
	width:80px;
	height:40px;
	
}

.swiper-button-prev svg {
    transform:rotate(90deg);
    color:#ffa500;
}

.swiper-pagination-bullet-active {
    background-color:#ffa500;
}

.swiper-pagination-bullet {
    width:15px;
    height:15px;
    bottom:-10px !important; 
}


.poster.swiper-slide {
    height:100% !important;
}

.poster.swipe-theme-1 {
    animation:gradientBG1 7s ease infinite;
}

.poster.swipe-theme-2 {
    animation:gradientBG2 7s ease infinite;
}

.poster.swipe-theme-3 {
    animation:gradientBG3 7s ease infinite;
}

.poster.swipe-theme-4 {
    animation:gradientBG4 7s ease infinite;
}

.poster.swipe-theme-5 {
    animation:gradientBG5 7s ease infinite;
}


.poster {
    padding:2em;
    text-align: center;
    background-size:400% 400%;
    padding:3em 0em;
    color:#FFF;
    margin-bottom:60px;
}

.poster .swiper-content {
}

.poster h2 {
    color:#FFF;
    font-size:6em !important;
    line-height:1.0em;
    transform: rotate(-4deg);  
    margin-bottom:0.5em;
}

.poster .wp-block-button__link {
    font-size:1.5em;
}

.swiper-content h3 {
    text-transform: uppercase;
}



/* //MARK : BULLET BLOCK*/

.bulletblock h3,
.bulletblock h1 {
    color: #fff;
    font-weight: 300;
    padding:0.35em 0.35em 0em 0.45em;
    margin:0px;

}

.bulletblock {
    position: relative;
     background:url("https://media.kupona.de/2020/01/introfacts-bg.jpg") no-repeat;
    background-size: cover;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
	z-index: 5;
	padding-bottom:1em;
}


.bulletblock .bbcontent{
    margin:0.35em 1.25em 0em 1.35em;
    background:#FFF;
    display:block;
}

.bulletblock .wp-block-button {
	padding:0em 0em 2em 0em;
}




/* //MARK CORNER BLOCKS*/


.wp-block-group .featured-svg {
    color:rgba(255,255,255, 0.3);
    position:absolute;
    bottom:-45%;
    left:13%;
    z-index:1;
    transform:scale(2.4);
}


.wp-block-group.orange {
    background: linear-gradient(43deg, #f3b955, #eb772c, #ebd22c, #f88803) !important;
    color:#FFF;
}

.wp-block-group.diagonal {
    width:112.8%;
    padding:4em 0em 2em 0em;
    position: relative;
    z-index:1;
    margin-bottom:0px !important;
	transform: skewY(-8deg);
	overflow:hidden;
}

.wp-block-group.diagonal .wp-block-group__inner-container {
    transform: skewY(8deg);
    margin:5em 4.5em;
}


.wp-block-group.diagonal-inverse {
    width:112.8%;
    padding:4em 0em 2em 0em;
    position: relative;
    z-index:1;
    margin-bottom:0px !important;
    transform: skewY(8deg);
}

.wp-block-group.diagonal-inverse .wp-block-group__inner-container {
    transform: skewY(-8deg);
    margin:5em 4.5em;
}



.wp-block-group p,
.wp-block-group img,
.wp-block-group h2,
.wp-block-group h3,
.wp-block-group h4,
.wp-block-group h5,
.wp-block-group h6 {
    color:inherit !important;
    z-index:2;
    position:relative;
}




.wp-block-group.roundedCorners .wp-block-group__inner-container {
    margin:0 4em;
    padding:2em 1.3em 0.5em 1.3em;
    background:rgba(255,255,255,0.7);
    z-index:3;
    position:relative;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    border-radius:1em;
}

.gb-container.roundedCorners > .gb-inside-container {
    margin:0 4em;
    padding:4em 1.3em 4em 1.3em !important;
    background:rgba(255,255,255,0.7);
    z-index:3;
    position:relative;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
    border-radius:1em;
}



/** //MARK: PRODUCT TABLES*/


.product-tables {
    background: #fafafa;
    background: repeating-linear-gradient(
        -45deg,
        #fafafa,
        #e8e8e8 2px,
        #e8e8e8 2px,
        #fafafa 4px
      );
}

.product-tables .wp-block-column {
    background-color: white;
    margin-top: -20px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
    margin-bottom: 30px;
    transition: 0.5s;
    min-height: 500px;
    position: relative;
}

.product-tables .wp-block-button.aligncenter {
    position: absolute;
    bottom: 1em;
}


.product-table ul {
    margin-right:1em;
}



.product-tables .productblock,
.product-table .productblock {
    background-color: #575757;
    padding: 1.25em 0;
    color: white;
    padding-left: 30px;
    font-weight: 200;
    font-size: 22px;
    margin-bottom: 0px;
}

/* SPEECHBUBBLE TRIANGLE */
.product-table .productblock::after {
    content: " ";
    display: block;
    background-color: #575757;
    width: 25px;
    height: 25px;
    overflow: hidden;
    position: absolute;
    transform: rotate(59deg) skew(28deg);
    margin-top: 0.6em;
}

.product-table .headline {
    padding: 1.25em 1em 0em 1em;
    margin-bottom:0.75em;
    vertical-align: middle;
    font-size: 2em;
    font-weight: bold;
    color: #575757;
    background: none;
}




.entry-content .alignwide,
body:not(.no-sidebar) .entry-content .alignfull {
    margin-left: 0px;
    width: calc(100% - 60px);
    max-width: calc(100% - 60px);
}

.intro:first-child {
    margin-top: -50px;
    z-index: 4;
}

.wp-block-columns.has-2-columns.intro {
    margin-bottom: 0px;
}

.container.grid-container {
    margin-top: 22px;
}

/* //MARK CONTACTBLOCK */

.contactblock {
    position: relative;
    height:auto;
}

/** CONTACTBLOCK LEFT */

.contactblock .wp-block-column:first-child .contactblockheadline {
    color: #fff !important;
    font-family: ff-good-web-pro-extra-conden, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 2em !important;
}


.contactblock .wp-block-column:first-child .block {
    background-color: white;
    position:relative;
    color:#575757;
}


.contactblock .wp-block-column:first-child .label {
    background-color: #575757;
    color: white;
    display: inline-block;
    padding: 0.25em 0.45em;
    font-size: 1.2em;
}


ul.custom-bullet, ol.custom-bullet{
    list-style:none;
}

ul.custom-bullet > li, ol.custom-bullet >li {
    clear:left;
    line-height:1.4em;
    margin-bottom:1.8em;
}

  
ul.custom-bullet > li:before, ol.custom-bullet > li:before {
    content:"";
    height:1.5em;
    width:1.5em;
    display:block;
    float:left;
    margin-left:-2em;
    background-position:center;
    background-repeat:no-repeat;
    background-size:100%;
}
ol.custom-bullet > li:before{
    content:counter(liNum);
    text-align:center;
}

ul.circlehook > li:before{
    background-image:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' xml:space='preserve'><path d='M12,0.31C5.54,0.31,0.31,5.54,0.31,12S5.54,23.69,12,23.69S23.69,18.46,23.69,12S18.46,0.31,12,0.31z M9.66,17.4l-4.11-4.08 l1.03-1.02l3.08,3.06l7.78-7.72l1.03,1.02L9.66,17.4z' fill='%23575757'/></svg>");

  
    background-size:100%;
    background-position:center;
    transition: background-size 0.3s;
    -webkit-transition: background-size 0.3s;
}


ul.circlehook.white > li:before{
    background-image:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' xml:space='preserve'><path d='M12,0.31C5.54,0.31,0.31,5.54,0.31,12S5.54,23.69,12,23.69S23.69,18.46,23.69,12S18.46,0.31,12,0.31z M9.66,17.4l-4.11-4.08 l1.03-1.02l3.08,3.06l7.78-7.72l1.03,1.02L9.66,17.4z' fill='%23FFFFFF'/></svg>") !important;
}


ul.circleplus > li:before{
    background-image:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' xml:space='preserve'><path fill='%23575757' d='M12,1.32C6.11,1.32,1.32,6.11,1.32,12S6.11,22.68,12,22.68S22.68,17.89,22.68,12S17.89,1.32,12,1.32 M12,23.25C5.8,23.25,0.75,18.2,0.75,12C0.75,5.8,5.8,0.75,12,0.75S23.25,5.8,23.25,12C23.25,18.2,18.2,23.25,12,23.25'/><rect x='0.75' y='0.75' fill='none' width='22.5' height='22.5'/><path fill='%23575757' d='M12,2.84c-5.06,0-9.16,4.1-9.16,9.16c0,5.06,4.1,9.16,9.16,9.16c5.06,0,9.16-4.1,9.16-9.16 C21.16,6.94,17.06,2.84,12,2.84z M16.78,13.35h-3.43v3.43h-2.7v-3.43H7.22v-2.7h3.43V7.22h2.7v3.43h3.43V13.35z'/></svg>");
    background-size:100%;
    background-position:center;
    transition: background-size 0.3s;
    -webkit-transition: background-size 0.3s;
}

ul.circleplus.white > li:before{
    background-image:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' xml:space='preserve'><path fill='%23FFFFFF' d='M12,1.32C6.11,1.32,1.32,6.11,1.32,12S6.11,22.68,12,22.68S22.68,17.89,22.68,12S17.89,1.32,12,1.32 M12,23.25C5.8,23.25,0.75,18.2,0.75,12C0.75,5.8,5.8,0.75,12,0.75S23.25,5.8,23.25,12C23.25,18.2,18.2,23.25,12,23.25'/><rect x='0.75' y='0.75' fill='none' width='22.5' height='22.5'/><path fill='%23FFFFFF' d='M12,2.84c-5.06,0-9.16,4.1-9.16,9.16c0,5.06,4.1,9.16,9.16,9.16c5.06,0,9.16-4.1,9.16-9.16 C21.16,6.94,17.06,2.84,12,2.84z M16.78,13.35h-3.43v3.43h-2.7v-3.43H7.22v-2.7h3.43V7.22h2.7v3.43h3.43V13.35z'/></svg>") !important;
}

ul.circleplus.orange > li:before{
    background-image:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' xml:space='preserve'><path fill='%23ffa500' d='M12,1.32C6.11,1.32,1.32,6.11,1.32,12S6.11,22.68,12,22.68S22.68,17.89,22.68,12S17.89,1.32,12,1.32 M12,23.25C5.8,23.25,0.75,18.2,0.75,12C0.75,5.8,5.8,0.75,12,0.75S23.25,5.8,23.25,12C23.25,18.2,18.2,23.25,12,23.25'/><rect x='0.75' y='0.75' fill='none' width='22.5' height='22.5'/><path fill='%23ffa500' d='M12,2.84c-5.06,0-9.16,4.1-9.16,9.16c0,5.06,4.1,9.16,9.16,9.16c5.06,0,9.16-4.1,9.16-9.16 C21.16,6.94,17.06,2.84,12,2.84z M16.78,13.35h-3.43v3.43h-2.7v-3.43H7.22v-2.7h3.43V7.22h2.7v3.43h3.43V13.35z'/></svg>") !important;
}


ul.simplehook > li:before{
    background-image:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' xml:space='preserve'><polygon points='8.07,20.71 1.18,13.87 2.9,12.16 8.07,17.29 21.12,4.34 22.85,6.05' fill='%23575757'/></svg>");
    background-size:100%;
    background-position:center;
    transition: background-size 0.3s;
    -webkit-transition: background-size 0.3s;
}

ul.simplehook.orange > li:before{
    background-image:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' xml:space='preserve'><polygon points='8.07,20.71 1.18,13.87 2.9,12.16 8.07,17.29 21.12,4.34 22.85,6.05' fill='%23ffa500'/></svg>") !important;
}

ul.simplehook.white > li:before{
    background-image:url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' xml:space='preserve'><polygon points='8.07,20.71 1.18,13.87 2.9,12.16 8.07,17.29 21.12,4.34 22.85,6.05' fill='%23FFFFFF'/></svg>") !important;
}






.contactblock .wp-block-column:first-child a {
    display: block;
    margin: 0px;
    padding:0.15em;
    text-transform: uppercase;
    background-color: #575757;
}

.contactblock .wp-block-column:first-child .wp-block-button__link {
    font-family: ff-good-web-pro-extra-conden, sans-serif;
    font-weight: 600;
    background: linear-gradient(-45deg, #257dc8, #35c3ff, #8bd4f3, #008bc7);
	background-size: 400% 400%;
	animation: gradientButton 7s ease infinite;
	line-height:1.2em;

}

/** CONTACTBLOCK LEFT [END] */


.contactblock .wp-block-column {
}



/** CONTACTBLOCK RIGHT */


.contactblock .wp-block-column .wp-block-column:last-child {
    margin-left:0px;
}


.contactblock .wp-block-column:last-child blockquote {
    font-weight:300;
    color:#FFF;
    border-left:none;
}

.contactblock .wp-block-column:last-child blockquote::before {
    content: '„';
    display: block;
    position: absolute;
}


.contactblock .person {
    margin-top:2.5em;
}

.contactblock .personimgblock:hover .gude-bubble,
.contact-grid .wp-block-column:hover .gude-bubble {
    animation-name: bounceIn;
    animation-duration: 450ms;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-direction:alternate;
}


.contactblock .person .personimgblock {
    position:relative;
    cursor:pointer;
}

.gude-bubble {
    position:absolute;
    transform:scale(0.001);
	z-index:9;
	color:rgba(255, 255, 255, 1);
	-webkit-filter: drop-shadow( 3px 3px 5px rgba(0, 0, 0, .3));
	filter: drop-shadow( 3px 3px 5px rgba(0, 0, 0, .3));
	/* Similar syntax to box-shadow */

}

.contactblock .person .personimgblock img {
    object-fit: cover;
}



.contactblock .person .name {
    color:#FFF;
    text-transform: uppercase;
    font-size:2em;
    line-height:1em;
}

.contactblock .person .title {
    color: white;
    display: block;
    word-break: unset;
    white-space: nowrap;
    font-size:1.1em;
    line-height:1em;
    margin-top:0.25em;
}


.contactblock .person .adressblock .contact-icon {
	color:#FFF;
	position:relative;
	width:1.7em;
	height:1.7em;
	top:0.5em;
	margin-right:0.2em;
}



.contactblock .person .adressblock a {
    color: white;
    font-size: 20px;
    position: relative;
    display:block;
    height:2em;
    margin-bottom:1.5em;
    transform: scale(1);
    transform-origin:left top;
    transition: all .2s ease-in-out;
}



.contactblock .person .adressblock a span:last-child {
    border-bottom:1px solid #FFF;
}



/** MARK: TABS */

.tabbox .wp-block-getwid-tabs__nav-links .wp-block-getwid-tabs__nav-link a {
    padding: .5em 1.8em;
    display: block;
    text-decoration: none;
    border: 0;
    background: aliceblue;
    color: black;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
}


.tabbox .wp-block-getwid-tabs__nav-links .ui-tabs-active a {
    display: block;
    text-decoration: none;
    border: 0;
    background: #5ab4b4;
    font-family: "Open Sans", sans-serif;
    font-weight: normal;
    color: white;
    z-index: 9;
}

.tabbox .wp-block-getwid-tabs__nav-links .ui-tabs-active a::after {
    content: " ";
    display: block;
    background-color: #5ab4b4;
    width: 28px;
    height: 28px;
    overflow: hidden;
    position: absolute;
    transform: rotate(45deg);
    margin-top: -26px;
    right: -14px;
    z-index: 10;
}


.tabbox .wp-block-getwid-tabs__nav-links {
    list-style: none;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 0 -1px 0;
    display: inline-flex;
    background-color: aliceblue;
    padding: 5px;
}

.tabbox .wp-block-getwid-tabs__nav-links .wp-block-getwid-tabs__nav-link {
    border: none;
}


.tabbox .wp-block-getwid-tabs__tab-content {

    border: 0px solid #eee;
    padding: 1.5em;

}

.twoguys {
    margin-top: -30px;
}

/** JOBS */

.icontext {
    font-weight:normal;
    font-size:1.1em;
}

.entry-title {
	font-size:43px;
}

/** Agenturblock */

.agenturblocktextbild .wp-block-column:nth-last-child(1) {
    max-width: 20% !important;
    min-width: 210px;
}

.agenturblocktextbild .wp-block-column:nth-last-child(2) {
    min-width: 80% !important;
}

/** archive fix */

.generate-columns-container .inside-article {
    padding: 25px !important;
    border: 1px solid lightgray;
    margin: 10px;
}

.archive .generate-columns-container h1 {
    text-align: center;
    font-size: 50px !important;
    margin: 25px 0px;
}

.attachment-full.size-full.wp-post-image {

    max-height: 200px;
    object-fit: cover;

}

.archive h2 {
    background: none !important;
}

/** excerps fix */

.entry-summary a {
    font-family: "Open Sans Condensed", sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 17px;
    padding: 10px 20px;
    display: inline-block;
    color: #ffffff !important;
    background-color: #ffa500;
    transition: 0.5s;
}

.entry-summary a:hover {
    background-color: #04d8d8;
    color: #ffffff;
    transition: 0.5s;
}


/** //MARK: WP FEATHERLIGHT */
.featherlight-iframe .featherlight-content {
	overflow:hidden !important;
}



/** navi*/

.sub-menu li a {
    text-align: left !important;
    font-weight:300;
}

/*
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation,
.one-container .site-content,
.inside-page-header {
    padding: 0px 20px 80px 20px;
}
*/




/** logo hover */


.logolist {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.3);
    border: 1px solid lightgrey;
}

.logolist:hover {
    box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.6);
    transform: translatey(0px);
    animation: float 3s ease-in-out infinite;
}

.post-2181 hr {
    background-color: rgba(0, 0, 0, .1);
    border: 0;
    height: 1px;
    margin-bottom: 40px !important;
    margin-top: 20px;
}

.reichweite1 {
    display: inline;
}

.reichweite2 {
    display: none !important;
}

@media(max-width: 700px) {
    .reichweite1 {
        display: none !important;
    }

    .reichweite2 {
        display: inline !important;
    }
}

/** AGBtabs */

.agbtab li {
min-width: 47% !important;
max-width: 47% !important;
display: inline-block;
min-height: 75px !important;
vertical-align: middle !important;
border-left: 1px solid #eee !important;
border-top: 1px solid #eee !important;
border-right: 1px solid #eee !important;
border-bottom: 1px solid #eee;
margin: 2px;
padding-left: 12px;
padding-right: 12px;
display: table-cell;
line-height: 20px;
height: 60px;
padding-bottom: 3px;
}

@media(max-width: 995px) {
    .agbtab li {
        min-width: 99% !important;
        max-width: 99% !important;
    }
}

/** MOCKUPS */
.phone-mockup {
	position:relative;
	padding-bottom:4em;
}
.phone-mockup .cover {
	z-index:10;
	position:relative;

}
.phone-mockup .cover img {
	position:absolute;
	z-index:10;
}


.phone-mockup .underlay {
	position:relative;
	top:0px;
	left:0px;
	z-index:0;
}


.phone-mockup .underlay video {
	width:415px;
	position:relative;
	z-index:0;
	margin:0px;
	padding:0px;
}


.phone-mockup.huaweip8 video {
	left:23px;
	top:88px;
}

.phone-mockup.iphone11 video {
	left:32px;
	top:27px;
}

.phone-mockup.iphonexr video {
	left:39px;
	top:34px;
}

.phone-mockup.iphonexr video {
	left:38px;
	top:34px;
}

.phone-mockup.samsungs10 video {
	left:31px;
	top:27px;
}

.phone-mockup.samsungs8 video {
	left:31px;
	top:52px;
}



/** body bg*/

body:not(.home) {
    background-image: url("https://media.kupona.de/2019/09/shadowbg.jpg");
    background-position: center;
    background-attachment: fixed;
    background-repeat: repeat-y;
}



/** greybox */
.greybox {
	background-color: #555;
	color:#FFF;
    /*padding-top: 20px;
	padding-bottom:50px;*/
}

.greybox h2 {
    text-align: center;
    color: #FFF;
    width: calc(100% - 20px);
    background: none;
    margin-bottom: 1.5em;
}

.wp-block-separator.is-style-wide-white {
    color: white;
    border-color: white;
    background-color: white;
    margin: 0px 40px 40px 40px;
}

.greybox li {
    color: white;
    list-style-type: none;
    padding-left: 10px;
    /*line-height: 21px;*/
    margin-bottom: 15px;
}

.greybox li strong {
    font-size: 20px;
    line-height: 10px;
}

.greybox li::before {
    content: "\f05d";
    display: block;
    margin-left: -40px;
    margin-top: -5px;
    position: absolute;
    font-family: "FontAwesome";
    font-weight: normal !important;
    color: #FAA51A;
    font-size: 22px;
}

.greybox .has-2-columns {
    padding: 0px 40px;
}

.greybox .wp-block-columns {
    color: white;
}

.greybox .wp-block-button {
    color: #fff;
    margin-bottom: 1.5em;
    text-align: center;
}




/** yellowbox */
.yellowbox {
    background-image: url(../../uploads/2019/09/BoxBG.jpg);
    padding-top: 50px;
    padding-bottom: 50px;
}

.yellowbox h2 {
    text-align: center;
    color: white;
    font-size: 45px;
    width: calc(100% - 20px);
    background: none;
}

.wp-block-separator.is-style-wide-white {
    color: white;
    border-color: white;
    background-color: white;
    margin: 0px 40px 40px 40px;
}

.yellowbox li {
    padding-left: 9px;
    color: white;
    font-weight: bold;
}

.yellowbox .wp-block-columns {
    color: white;
}

.yellowbox .wp-block-button {
    color: #fff;
    margin-bottom: 1.5em;
    text-align: center;
}

.yellowbox strong {
    margin-bottom: 7px;
}

.yellowbox p {
    margin-bottom: 1.5em;
    font-size: 15px;
    line-height: 22px;
    font-size: 18px;
}

.yellowbox .wp-block-button__link {
    border: 3px solid white;
    margin-top: 20px;
}

/* headline & subheadline disable */
.big_headline_empty,
.sub_headline_empty {
    display: none !important;
}


.entry-content h4 {
    color: #999;
    font-size: 23px;
    line-height: 28px;
    letter-spacing: 1px;
    text-transform: inherit !important;
    padding-bottom: 15px;
    /* border-bottom: 5px solid #7cd6d6; */
    border-bottom: 1px solid #999;
    font-family: "Open Sans Condensed" !important;
    font-weight: normal;
    text-transform: uppercase !important;
}

p {
    margin-bottom: 1.5em;
    font-size: 16px;
    line-height: 28.8px;
}

body:not(.page-template-page-scroll) h2,
body:not(.page-template-page-scroll) h3 {
    font-size: 2em;
    font-weight:600;
    line-height:1.2em;
}

body:not(.page-template-page-scroll) .intro-content h2 {
    text-transform: none !important;
    font-size: 3em;
}



/* //MARK: COUNTUP */
.countup {
	color:#ffa500;
    font-size:2.5em;
    line-height:1em;
    text-align: center;
    margin-bottom:0.5em;
}




/* //MARK: GLOSSARY */


/* disable hover box */
.glossary-tooltip .glossary-tooltip-text {
	display:none;
}


.glossary-tooltip .glossary-link.glossary-external-link .glossary-external-link {
	box-sizing: border-box;
	font-weight: 700;
	background-image: linear-gradient(45deg,rgba(255,165,0,0.7),rgba(255,78,80,0.5) 30%);
	background-position: 0 100%;
	background-repeat: repeat-x;
	transition: background-size .3s;
	background-size: 400% 1px;
	animation: underline-gradient 4s linear infinite;
	text-decoration: none;
}

/* disable svg icon */
.glossary-tooltip a.glossary-external-link::after {
	display:none !important;
}




/* SLICK SLIDER */
.kp-slider-element .slick-slide {
	margin:0 0.5em;
}


/* TABLE OF CONTENT */
.table-of-content {
    width:20%;
    position:fixed;
	right:0px;
	top:200px;
}

.faq {
	width:80%;
}






/* //MARK : [ MOBILE ONLY ]
/* CSS in here for mobile only */
@media (max-width: 768px)  {



	#page,
	#fp-nav,
	.site-footer,
	.header-wrap {
		display:block;
	}

	.certified-bage {
		text-align:center !important;
	}

	/* //MARK : - ACCORDION
	*/

	.kp-accordion-element,
	.kp-listing-element {
	    margin-top:2em;
		padding-bottom:2em;
	}

	.kp-accordion-element .introhead,
	.kp-listing-element .introhead {
    	padding:1em 2em 1em 0em;
	}

	.kp-accordion-element .introhead h3,
	.kp-listing-element .introhead h3 {
		margin: 0em 0em 0em 2.75em;
		letter-spacing: 0.075em;
		font-size:1.8em;
		min-height:3.25em;
	}

	.kp-accordion-element .introhead .introicon,
	.kp-listing-element .introhead .introicon {
		width: 6em;
		left: -1em;
		top: 0px;
	}

	.kp-accordion-element .introhead .arrow-icon-accordion {
		width: 40px;
		height:40px;
		right: -0.75em;
		top: 20px;
	}


	.kp-accordion-element .introhead p,
	.kp-listing-element .introhead p {
		margin: 0em 0em 0em 0em;
	}

	.kp-accordion-element introhead .introtext,
	.kp-listing-element introhead .introtext {
		margin-left: 0em;
		padding-right: 0em;
	}

	.kp-accordion-element .contenttext,
	.kp-listing-element .contenttext {
	    padding-left: 0em;
	}




	/* //MARK : - BULLETBLOCK
	*/
	.bulletblock h1 {
		font-size:3.1em;
	}

	.bulletblock ul {
		padding:2em 0.25em 0.1em 0.25em;
		margin-bottom:1em;
	}

	.bulletblock {
		width:100%;
	}

	.bulletblock .bbcontent {
		min-height:initial;
	} 




	/* //MARK : - SWIPE ELEMENT
	*/
	
	
	.swiper-navi {
		width:33% !important;
		flex-basis:33%;
	}

	.swiper-container .swiper-slide {
		margin:0em 0em;
	}

	.swiper-navi ul {
		margin-right:0em;
		margin-left:0px;
	}

	.swiper-navi ul li a {
		padding:0em 0em 0em 0.75em;  
		font-size:1.65em;
		line-height:1.65em;

	}

	.swiper-button-next::after {
		content:"";
		display:none;
	}



	.swiper-button-prev,
	.swiper-button-next	 {
		display:none;
	}

	.swiper-content .wp-block-columns {
		flex-direction: column-reverse;
		margin-bottom:0px;
	}

	.swiper-container .swiper-pagination-bullets {
		bottom:25px;
	}
	
	.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
		margin:0 7px;
		width:20px;
		height:20px;
	}


	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
		width:50% !important;
	}
	


	
	/* //MARK : - CONTACTBLOCK
	*/
	.contactblock  {
		background-image: url(https://media.kupona.de/2020/01/orangebox-mobile.jpg);
		background-position: top left;
		background-repeat:repeat;
		width:auto;
		left:0;
		padding-top:2em;
		margin: 20px 0;

	}

	.contactblock .wp-block-column.contact-person {
	}

	.contactblock .wp-block-column:first-child .block {
		width:auto;
		left:auto;
		padding:0em 0.5em 0.5em 0.5em;
		margin:1em;
	}

	.contactblock .wp-block-column:first-child .label {
		margin: 1em 0 1.5em -1em;
	}

	.contactblock .contact-information {
		margin-bottom:3em;
	}

	.contactblock .wp-block-column:first-child ul li:last-child {
		margin-bottom:3em;
	}

	.contactblock .wp-block-column:first-child .wp-block-button__link {
		font-size:1.75em;
	}

	.contactblock .wp-block-column:last-child blockquote {
		font-size:1.6em;
		line-height:1.4em;
		padding:0;
		margin:0 0.5em 0 1.25em;
	}


	.contactblock .wp-block-column:last-child blockquote::before {
		left: -0.4em;
		top:-0.25em;
		font-size:2.5em;
	}

	.contactblock .person .personimgblock {
		text-align:center;
	}

	.contactblock .person .personimgblock img {
		border-radius: 50%;
		height: 250px;
		width: 250px;
	}

	.contactblock .person .title {
		text-align: center;
	}


	.contactblock .person .adressblock {
		margin:2em 0em 0em 2.5em;
	}

	.contactblock .person .adressblock a:nth-child(4) {
		width:50%;
		float:left;
	}
	
	.contactblock .person .adressblock a:nth-child(5) {
		width:50%;
		float:left;
	}

	
	.contactblock .person .personimgblock .gude-bubble {
		left:-5.6em;
		top:-2em;
	}

	.contactblock a.certification-link {
		margin-top:4em;
	}


	.post {
		padding-top:3em;
	}

	/* //MARK : - CONTACT-GRID
	*/
	.contact-grid .wp-block-column .gude-bubble {
		left:-2rem;
		bottom:20em;
		width:13rem;
		height:13rem;
	}

	.contact-grid .wp-block-column {
		margin-bottom:7em;
	}

	/* //MARK : - ROUNDSHAPE
	*/
	.round-shape {

	}



	/* //MARK : - KONTAKT PAGE
	*/
	.page-hero #since-label {
		width:100px;
		height:100px;
	}



	.partner-logo .gb-grid-column {
		width:20%;
	}



	/**  //MARK : - BLOCKQUOTE */

	.wp-block-quote {
		padding:2.5em 1em;
	}

	.wp-block-quote::before {
		top:0px;
		left:0em;
		font-size:12em;
	}

	.wp-block-quote p {
		font-size:1.3em;
		line-height:1.5em;
		margin:2em 0em 1em 0em
	}

	.wp-block-quote cite {
		font-size:0.8em;
		text-align:right;
		display:block;
		position:relative;
		bottom:1em;
	}


	
	.wp-block-group.diagonal {
		margin:0 -2.1em;
	}
	.wp-block-group.diagonal-inverse {
		margin:0 -2.1em;
	}

	.wp-block-group .featured-svg {
		bottom:-14%;
	}


	.wp-block-group.roundedCorners .wp-block-group__inner-container {
		margin:0 0em;
	}

	.gb-container.roundedCorners > .gb-inside-container {
		margin:0 0em;
	}



	/* Offset for anchorpoints (Stickymenu) */ 
	div.anchorpoint {
		display: block;
		position: relative;
		top: -80px;
		visibility: hidden;
	}

	
}



/* //MARK : [ TABLET - PORTRAIT ]
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {



	


	#page,
	#fp-nav,
	.site-footer,
	.header-wrap {
		display:block;
	}
	
	/*orange block diagonal*/
	.wp-block-group.diagonal.orange .wp-block-columns .wp-block-column:first-child {
    position: absolute;
    margin-top: -65px;
	}
	
	.wp-block-group.diagonal.orange .wp-block-columns .wp-block-column:nth-child(2) {
    margin-left: 0px;
	}
	
	.wp-block-group.diagonal.orange .wp-block-columns .wp-block-column:first-child .featured-svg {
		display:none;
	}

	
	/* //MARK : - ACCORDION LISTING ELEMENT
	*/

	.kp-accordion-element,
	.kp-listing-element {
		margin-top:2em;
		padding-bottom:2em;
	}

	.kp-accordion-element .introhead,
	.kp-listing-element .introhead {
		padding:1em 2em 1em 0em;
	}

	.kp-accordion-element .introhead h3,
	.kp-listing-element .introhead h3 {
		margin: 0.5em 0em 0em 2.75em;
		letter-spacing: 0.075em;
		font-size:1.8em;
		min-height:3em;
	}

	.kp-accordion-element .introhead .introicon,
	.kp-listing-element .introhead .introicon {
		width: 6em;
		left: -1em;
		top: 0px;
	}

	.kp-accordion-element .introhead .arrow-icon-accordion {
		width: 40px;
		height:40px;
		right: -0.75em;
		top: 20px;
	}


	.kp-accordion-element .introhead p,
	.kp-listing-element .introhead p {
		margin: 0em 0em 0em 0em;
	}

	.kp-accordion-element introhead .introtext,
	.kp-listing-element introhead .introtext {
		margin-left: 0em;
		padding-right: 0em;
	}

	.kp-accordion-element .contenttext,
	.kp-listing-element .contenttext {
		padding-left: 0em;
	}



	/* //MARK : - BULLETBLOCK
	*/
	.bulletblock h1 {
		font-size:2.3em;
	}

	.bulletblock ul {
		padding:2em 0.25em 0.1em 0.25em;
		margin-bottom:1em;
	}

	.bulletblock {
		width:100%;
	}

	.bulletblock .bbcontent {
		min-height:initial;
	} 



	/* //MARK : - SWIPE ELEMENT  */
	.swiper-navi {
		flex-basis:33% !important;
		width:33% !important;
	}

	.swiper-container {
		flex-basis:25%  !important;
		width:62%  !important;
	}

	.swiper-navi ul {
		margin-right:1em;
	}
	.swiper-content .wp-block-columns {
		flex-direction: column;
	}

	.swiper-navi ul li.active a::after {
		right: -0.82em;
		top: 0em;
		border-top: 0.82em solid transparent;
		border-left: 0.82em solid #ffa500;
		border-bottom: 0.82em solid transparent;
	}


	.swiper-button-next::after {
		content:"";
		display:none;
	}


	.swiper-button-prev,
	.swiper-button-next	 {
		display:none;
	}

	.swiper-content .wp-block-columns {
		flex-direction: inherit;
		margin-bottom:0px;
	}

	.swiper-container .swiper-pagination-bullets {
		bottom:25px;
	}
	
	.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
		margin:0 7px;
		width:20px;
		height:20px;
	}

	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
		width:50% !important;
	}
	




	/* //MARK : - CONTACTBLOCK
	*/
	.contactblock  {
		/*background-image: url(https://media.kupona.de/2020/01/orangebox-mobile.jpg);
		background-repeat:repeat;*/
		background-image: radial-gradient(circle, rgba(254,197,64,0.8) 0%, rgba(252,138,12,0.8) 65%),url('https://media.kupona.de/2020/02/kupona-logo-circle.png');
		background-position: bottom right;
		background-repeat: no-repeat;
		width:auto;
		left:0;
		padding-top:2em;
		margin: 20px -1.2em;
	}




	.contactblock .wp-block-column.contact-person {
	}

	.contactblock .wp-block-column:first-child .block {
		width:auto;
		left:auto;
		padding:0em 0.5em 0.5em 0.5em;
		margin:1em;
	}

	.contactblock .wp-block-column:first-child .label {
		margin: 1em 0 1.5em -1em;
	}

	.contactblock .contact-information {
		margin-bottom:3em;
	}

	.contactblock .wp-block-column:first-child ul li:last-child {
		margin-bottom:3em;
	}

	.contactblock .wp-block-column:first-child .wp-block-button__link {
		font-size:1.75em;
	}

	.contactblock .wp-block-column:last-child blockquote {
		font-size:1.6em;
		line-height:1.4em;
		padding:0;
		margin:0 0.5em 0 1.25em;
	}


	.contactblock .wp-block-column:last-child blockquote::before {
		left: -0.4em;
		top:-0.25em;
		font-size:2.5em;
	}


	.contactblock .person .wp-block-column {
		flex-basis:100% !important;
		width: 100%;
	}


	.contactblock .person .personimgblock {
		margin-bottom:1em;
		text-align:center;
	}

	.contactblock .person .personimgblock img {
		border-radius: 50%;
		height: auto;
		width: 200px;
	}

	.contactblock .person .title {
		text-align: center;
	}


	.contactblock .person .adressblock {
		margin:2em 0em 0em 2.5em;
	}

	.contactblock .person .adressblock a:nth-child(4) {
		width:50%;
		float:left;
	}
	
	.contactblock .person .adressblock a:nth-child(5) {
		width:50%;
		float:left;
	}

	
	.contactblock .person .personimgblock .gude-bubble {
		left:-5.6em;
		top:-2em;
	}

	.contactblock a.certification-link {
		margin-top:0em;
	}


	/* //MARK : - CONTACT-GRID
	*/
	.contact-grid .wp-block-column .gude-bubble {
		left:-5.5em;
		bottom:20em;
		width:13rem;
		height:13rem;
	}

	.contact-grid .wp-block-column {
		margin-bottom:7em;
	}




	/**  //MARK : - BLOCKQUOTE */

	.wp-block-quote {
		padding:2.5em 1em;
	}

	.wp-block-quote::before {
		top:0px;
		left:0em;
		font-size:12em;
	}

	.wp-block-quote p {
		font-size:1.3em;
		line-height:1.5em;
		margin-left:10%;
		margin-bottom:1em;
	}

	.wp-block-quote cite {
		
		font-size:0.9em;
		text-align:right;
	}

	/* Offset for anchorpoints (Stickymenu) */ 
	div.anchorpoint {
		display: block;
		position: relative;
		top: -100px;
		visibility: hidden;
	}

}



/* //MARK : [ TABLET - LANDSCAPE ONLY ]
/* CSS in here for tablet only */
@media (min-width: 769px) and (max-width: 1024px) and (orientation: landscape)  {



	#page,
	#fp-nav,
	.site-footer,
	.header-wrap {
		display:block;
	}



	/* diagonaler block */
	.wp-block-group.diagonal {
    width: 100%!important;
	margin-top: 80px;
	}
	
	.wp-block-group .featured-svg {
    bottom: -30%;
	}

	/* INTROBLOCK */

	.intro-content {
		margin-top:20%;;
	}



	/* //MARK : - SWIPE ELEMENT
	*/
	.swiper-navi {
		flex-basis:33% !important;
		width:33% !important;
	}

	.swiper-container {
		flex-basis:25%  !important;
		width:62%  !important;
	}


	.swiper-navi ul {
		margin-right:1em;
		margin-left:0px;
	}

	.swiper-navi ul li a {
		padding:0em 0em 0em 0.75em;  
		font-size:1.65em;
		line-height:1.65em;

	}


	.swiper-navi ul {
		margin-right:1em;
	}
	.swiper-content .wp-block-columns {
		flex-direction: column;
	}

	.swiper-navi ul li.active a::after {
		right: -0.82em;
		top: 0em;
		border-top: 0.82em solid transparent;
		border-left: 0.82em solid #ffa500;
		border-bottom: 0.82em solid transparent;
	}


	.swiper-button-next::after {
		content:"";
		display:none;
	}


	.swiper-button-prev,
	.swiper-button-next	 {
		display:none;
	}

	.swiper-content .wp-block-columns {
		flex-direction: inherit;
		margin-bottom:0px;
	}

	.swiper-container .swiper-pagination-bullets {
		bottom:25px;
	}
	
	.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
		margin:0 7px;
		width:20px;
		height:20px;
	}


	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
		width:50% !important;
	}
	



	/* //MARK : - BULLETBLOCK
	*/
	.bulletblock h1 {
		font-size:2.7em;
	}
	
	.bulletblock ul {
		padding:2em 0.25em 0.1em 0.25em;
		margin-bottom:1em;
	}
	
	.bulletblock {
		width:90%;
		margin-top: -30%;
		right:-10%;
	}
	
	.bulletblock .bbcontent {
		min-height:300px;
	} 
	
	
	/* //MARK : - CONTACTBLOCK
	*/
	.contactblock  {
		/*background-image: url(https://media.kupona.de/2020/01/orangebox-mobile.jpg);
		background-repeat:repeat;*/
		background-image: radial-gradient(circle, rgba(254,197,64,0.8) 0%, rgba(252,138,12,0.8) 65%),url('https://media.kupona.de/2020/02/kupona-logo-circle.png');
		background-position: bottom right;
		background-repeat: no-repeat;
		width:auto;
		left:0;
		padding-top:2em;
		margin: 20px -1.2em;
	}



	
	.contactblock .wp-block-column.contact-person {
		flex-basis:0;
        width: 75%;
	}
	
	
	.contactblock .wp-block-column:first-child .block {
		width:70%;
		left:2em;
		padding:1.4em;
	}
	
	
	.contactblock .wp-block-column:first-child .label {
		margin: 1em 0 1.5em -2em;
	}
	
	
	.contactblock .contact-information {
		margin-bottom:2em;
	}
	
	.contactblock .wp-block-column:first-child ul li:last-child {
		margin-bottom:4em;
	}
	
	.contactblock .wp-block-column:first-child .wp-block-button__link {
		font-size:2.0em;
	}
	
	.contactblock .wp-block-column:last-child blockquote {
		font-size:1.9em;
		line-height:1.4em;
		padding:0;
		margin:0px;
		max-width:100%;
	}
	
	.contactblock .wp-block-column:last-child blockquote::before {
		left: -0.4em;
		top:-0.25em;
		font-size:3.5em;
	}
	
	.contactblock .person .personimgblock {
		text-align:left;
	}
	
	
	.contactblock .person .personimgblock img {
		border-radius: 50%;
		height: 200px;
		width: 200px;
	}
	
	
	.contactblock .person .title {
		text-align: left;
	}
	
	
	.contactblock .person .adressblock {
		margin-top:0em;
		text-align:left;
	}
	
	.contactblock .person .adressblock a:nth-child(4) {
		width:50%;
		float:left;
	}
	
	.contactblock .person .adressblock a:nth-child(5) {
		width:50%;
		float:left;
	}
	
	
	.contactblock .person .personimgblock .gude-bubble {
		left:-10em;
		top:-3em;
	}
	

	/* //MARK : - CONTACT-GRID
	*/
	.contact-grid .wp-block-column .gude-bubble {
		left:-7.5em;
		bottom:21em;
		width:8rem;
		height:8rem;
	}

	.contact-grid .wp-block-column {
		margin-bottom:5em;
	}

	
	/* //MARK : - ACCORDION
	*/
	.kp-accordion-element,
	.kp-listing-element {
		margin-top:2em;
		padding-bottom:2em;
	}
	
	.kp-accordion-element .introhead,
	.kp-listing-element .introhead {
		padding:1em 2em 1em 0em;
	}
	
	.kp-accordion-element .introhead h3,
	.kp-listing-element .introhead h3 {
		margin: 0.5em 0em 0em 2.75em;
		letter-spacing: 0.075em;
		font-size:1.8em;
		min-height:3em;
	}

	.kp-accordion-element .introhead .introicon,
	.kp-listing-element .introhead .introicon {
		width: 6em;
		left: -0.5em;
		top: 0px;
	}

	.kp-accordion-element .introhead .arrow-icon-accordion {
		width: 40px;
		height:40px;
		right: -0.75em;
		top: 20px;
	}


	.kp-accordion-element .introhead p,
	.kp-listing-element .introhead p {
		margin: 0em 0em 0em 0em;
	}

	.kp-accordion-element introhead .introtext,
	.kp-listing-element introhead .introtext {
		margin-left: 0em;
		padding-right: 0em;
	}

	.kp-accordion-element .contenttext {
		padding-left: 0em;
	}
	

	.contactblock a.certification-link {
		margin-top:0em;
	}


	/* Offset for anchorpoints (Stickymenu) */ 
	div.anchorpoint {
		display: block;
		position: relative;
		top: -61px;
		visibility: hidden;
	}




}







/* //MARK : [ DESKTOP ONLY ]
/* CSS in here for desktop only */
@media (min-width: 1025px) {
	
	.wp-block-column {
		flex-basis: 50%;
	}

	#page,
	#fp-nav {
		display:block;
	}

	
	
	.form-width {
        padding: 0px 300px;
    }
	
	/* Slope in header */
	.page-hero {
    	clip-path: polygon(0 calc(0% + 0vw), 100% 0, 100% calc(100% - 7vw), 0 100%)
	}



	
	/* INTROBLOCK */

	.intro-content {
		margin-top:10%;;
	}


	/* //MARK : - ACCORDION
	*/

	.kp-accordion-element,
	.kp-listing-element {
	    padding-top:1em;
		padding-bottom:2em;
	}

	.kp-accordion-element .introhead,
	.kp-listing-element .introhead {
		padding:1em 7em 1em 0em;
		min-height:85px;
	}

	.kp-accordion-element .introhead h3,
	.kp-listing-element .introhead h3 {
		margin: 0 0em 0 130px;
		letter-spacing: 0.075em;
	}

	.kp-accordion-element .introhead .introicon,
	.kp-listing-element .introhead .introicon {
		width: 120px;
		left: 0px;
		top: 0px;
	}

	.kp-accordion-element .introhead .arrow-icon-accordion {
		width: 50px;
		right: 0px;
		top: 1em;
	}


	.kp-accordion-element .introhead p,
	.kp-listing-element .introhead p {
		margin: 0px 0em 0em 130px;
	}

	.kp-accordion-element introhead .introtext,
	.kp-listing-element introhead .introtext {
		margin-left: 130px;
		padding-right: 3em;
	}

	.kp-accordion-element .contenttext,
	.kp-listing-element .contenttext {
	    padding-left: 130px;
	}



	/* //MARK : - BULLETBLOCK
	*/
	.bulletblock h1 {
		font-size:3.1em;
	}

	.bulletblock ul {
		padding:2em 0.25em 0.1em 0.25em;
		margin-bottom:1em;
	}

	.bulletblock {
		width:90%;
		margin-top: -60%;
		right:-35%;
	}

	.bulletblock .bbcontent {
		min-height:300px;
	} 


	.product-tables {
		padding: 0px 3.9em;
		margin:0 -4.6em;
	}


	/* //MARK : - SWIPE ELEMENTfrf
	*/
		
	.swiper-navi {
		width:33%;
		flex-basis:33%;
	}

	.swiper-container .swiper-slide {
		margin:0em 0em;
	}

	.swiper-navi ul {
		margin-right:1em;
		margin-left:0px;
	}

	.swiper-navi ul li a {
		padding:0em 0em 0em 0.75em;  
		font-size:1.65em;
		line-height:1.65em;

	}

	.swiper-navi ul li.active a::after {
		right: -0.82em;
		top: 0em;
		border-top: 0.82em solid transparent;
		border-left: 0.82em solid #ffa500;
		border-bottom: 0.82em solid transparent;
	}

	.swiper-button-prev, .swiper-button-next {
		width:3.5em;
		display:none;
	}

	.swiper-button-next {
		right:-1em;
	}

	.swiper-button-prev {
		left:-0.9em;
	}

	.swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
		margin:0 7px;
		width:20px;
		height:20px;
	}

	.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
		width:50% !important;
	}
	






	/* //MARK : - CONTACTBLOCK
	*/
	.contactblock  {
		background-image: url(https://media.kupona.de/2019/12/orangebox.png);
		background-position: top left;
		background-repeat: no-repeat;
		width:1358px;
		left:-105px;
		padding-top:100px;
	}
	
	.full-width-content  .contactblock {
		left: inherit;
		margin: 0 auto;
		transform:translateX(-10px)

	}




	.contactblock .wp-block-column.contact-person {
		flex-basis:25%;
	}


	.contactblock .wp-block-column:first-child .block {
		width:60%;
		left:6em;
		padding:1.4em;
	}


	.contactblock .wp-block-column:first-child .label {
		margin: 0em 0 2em -2em
	}


	.contactblock .contact-information {
		margin-bottom:0em;
	}

	.contactblock .wp-block-column:first-child ul li:last-child {
		margin-bottom:3.5em;
	}
	
	.contactblock .wp-block-column:first-child .wp-block-button__link {
		font-size:1.8em;
		padding:0.45em 0em
	}

	.contactblock .wp-block-column:last-child blockquote {
		font-size:2.1em;
		line-height:1.2em;
		padding:0;
		margin:0px;
	}

	.contactblock .wp-block-column:last-child blockquote::before {
		left: -0.4em;
		top:-0.25em;
		font-size:3.5em;
	}

	.contactblock .person .personimgblock {
		text-align:left;
	}


	.contactblock .person .title {
		text-align: left;
	}


	.contactblock .person .adressblock {
		margin-top:0em;
		text-align:left;
	}

	.contactblock .person .adressblock a:nth-child(4) {
		width:40%;
		float:left;
	}
	
	.contactblock .person .adressblock a:nth-child(5) {
		width:40%;
		float:left;
	}
	
	.contactblock .person .personimgblock img {
		border-radius: 50%;
		height: 250px;
		width: 250px;
	}

	.contactblock .person .personimgblock .gude-bubble {
		left:-10em;
		top:-1em;
	}

	.contactblock a.certification-link {
		margin-top:0em;
	}

	

	/* //MARK : - CONTACTGRID
	*/
	.contact-grid .wp-block-column .gude-bubble {
		left:-6em;
		bottom:20em;
		width:13rem;
		height:13rem;
	}
	
	
	.contact-grid .wp-block-column {
		margin-bottom:5em;
	}
	
	
	
	/* //MARK : - ROUNDSHAPE
	*/





	/* //MARK : - KONTAKT PAGE
	*/
	.page-hero #since-label {
		width:190px;
		height:190px;
	}





	/**  //MARK : - BLOCKQUOTE */

	.wp-block-quote {
		padding:2.5em 1em;
	}

	.wp-block-quote::before {
		top:0px;
		left:0em;
		font-size:12em;
	}

	.wp-block-quote p {
		font-size:1.3em;
		line-height:1.5em;
		margin-left:10%;
		margin-bottom:1em;
	}

	.wp-block-quote cite {
		
		font-size:0.9em;
		text-align:right;
	}


	.wp-block-group.diagonal {
		margin:6em -4.6em 0em -4.6em ;
	}
	.wp-block-group.diagonal-inverse {
		margin:6em -4.6em 0em -4.6em ;
	}

	.wp-block-group .featured-svg {
		bottom:-30%;
	}

	.wp-block-group.roundedCorners .wp-block-group__inner-container {
		margin:0 4em;
	}

	.gb-container.roundedCorners > .gb-inside-container {
		margin:0 4em;
	}

	/* Offset for anchorpoints (Stickymenu) */ 
	div.anchorpoint {
		display: block;
		position: relative;
		top: -61px;
		visibility: hidden;
	}
}


/* //MARK : SPECIAL */
@media(max-width: 850px) {
    .stickybox {
        display: none;
    }

}
/* contactblock and more */

/* contactblock and more */

.contactblock .personimgblock a {
display: initial!important;
margin: 0px!important;
padding: 0px!important;
text-transform: uppercase!important;
background: none!important;
color: white!important;
}

.toc-list {
    padding-left: 15px;
}

.toc-list-item {
	margin-left: 10px!important;
}

.toc-list-item li {
    font-size: 12px;
}

h1::before, h2::before, h3::before, h4::before, h5::before, h6::before {

    display: block;
    content: " ";
    height: 0px;
    margin-top: 0;
    visibility: hidden;

}


/* FAQ */

.faq h2 {
    font-size: 56px !important;
    margin-top: 70px;
    color: rgb(255, 165, 0);
}

.faq h3 {
    margin-top: 30px;
}

.table-of-content {
    width: 100%;
    position: sticky;
    right: 0px;
    top: 200px;
	z-index:99 !important;
}
	
.toc-link::before {
    background-color: #EEE;
    content: ' ';
    display: block;
    height: inherit;
    left: 0;
    margin-top: -1px;
    position: absolute;
    width: 2px;
    max-height: 45px !important;
}

.is-active-link::before {
    background-color: rgb(255, 165, 0);
}

.toc-list.is-collapsible.is-collapsed li {
    display: none !important;
}

@media only screen and (max-width:767px)
{
#right-sidebar {
display: none;
}
}
.site-main .wp-block-group__inner-container{
    padding: 0px!important;
}