/*
Theme Name: Twenty Twenty-One Child-Theme
Theme URI: https://ckx.io/blog/twentytwentyone-child-theme
Description: Ein Child-Theme für das WordPress Standard Theme Twenty Twenty-One.
Author: Dein Name
Author URI: https://example.com/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/


/* montserrat-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/montserrat-v31-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v31-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat-italic';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/montserrat-v31-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v31-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat-500';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/montserrat-v31-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v31-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat-600';
  font-style: normal;
  font-weight: 600;
  src: url('fonts/montserrat-v31-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v31-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat-700';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/montserrat-v31-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v31-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Montserrat-800';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/montserrat-v31-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/montserrat-v31-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}


font-display: auto;

.page-id-731 #page, .page-id-752 #page, .page-id-753 #page, .page-id-754 #page, .page-id-755 #page, .page-id-756 #page { display: none!important; }

.site-branding a.custom-logo-link { cursor: default; pointer-events: none; }

.site-logo img { max-height: calc(var(--button--padding-vertical) - 0.25 * var(--global--spacing-unit) + 2.9em) !important; }

html, body { min-height: 100vh; overflow-x: hidden; }

body.custom-background { background-color: #000!important; }

#page { position: relative; max-width: 768px; margin: 0 auto; }

.site-header, .alignwide, .wide-max-width { max-width: 768px; padding: 0 16px; }

#page #content { padding: 0 16px; color:#fff; }

.site-main > * { margin-top: 2em; margin-bottom: 2em; font-family: 'Montserrat'; }

.lang-switcher-holder { position: absolute; top: 16px; right: 16px; margin: 0; }

.pll-switcher-select { padding: 0em 29px 0em 0.5em; border: 2px solid #ccc; color: #ccc; font-size: 0.875em; background-color: #000; outline: none; }

.lang-switcher-holder::after { content: ''; position: absolute; width: 0.6em;height: 0.9em; right: 10px; top: 9px; /*background-color: #0ff;*/ background-image: url('https://fact-or-fake.wixfilters.com/wp-content/uploads/2026/08/arrow_right_gr.svg'); background-position: center; background-repeat: no-repeat; transform: rotate(90deg); }

video { width: 100%; height: auto; }

.flowplayer .fp-header { display: none; }

.flowplayer.skin-custom.fixed-controls, .entry-content .flowplayer.skin-custom.fixed-controls { margin-bottom: 5em!important; }

.flowplayer.is-tiny.fp-full .fp-timeline { bottom: 1.9em!important; height: 0.8em; border: 1px solid rgba(0, 125, 80, 0.3); }

.flowplayer.is-tiny.fp-full .fp-controls { height: 2.0em!important; padding-top: .1em!important; }

.fp-player > a { opacity: 0!important; }


@media only screen and (max-width: 1025px) {

	.fp-icon:before, .fp-icon:after { font-size: 3em; }

	.flowplayer.is-tiny.fp-full .fp-controls { height: 3em !important; }

	.flowplayer.fixed-controls.fp-full .fp-controls { bottom: -3.8em; }

	.flowplayer.is-tiny.fp-full .fp-timeline { bottom: 2.9em !important; }

	.flowplayer .fp-controls { height: 3.4em; }
	
}


p { font-size: 1.125rem; }

body.home.page-template-default.page { margin-top: 0; }

body.home.page-template-default.page #main { margin-top: 4em; }

.site-main > h1 { margin-top: 1.0em; margin-bottom: 0; }

.site-main > h1, body.page-template-default.page, body.page-id-58 .site-main h1, h1.entry-title, .singular .entry-title { font-size: 2.0rem; font-family: 'Montserrat-700'; font-weight: 700; }

.singular .entry-header { border-width: 0; }

body.page-template-default.page { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; border-bottom: 0 solid #000; }

body.page-template-default.page, body.page-id-58 .site-main .entry-header { padding-bottom: 0; border-bottom: 0 solid #000; margin-bottom: 0; }

body.page-id-58 .site-main { padding-top: 0; }

h1.page-title { margin-top: 2.0em; }


#content a, #content h1, #content h2, .green { color: #fff;  letter-spacing: 0.0001em; }

.bold { font-weight: 700; font-family: 'Montserrat-700'; }

.center { text-align:center; }

.info-area { margin-top: 2.9em; justify-content: space-between; }

.page-template-page-statement .info-area { margin-top: 2.9em; }


.infotext { line-height: 1.3; color: #fff !important; font-family: 'Montserrat-700'; text-align: center; }


.page-template-page-question .infotext {margin: 4em 0 6em; }

.page-template-page-question  #infotext { -webkit-animation: startvideoanimation6 0.5s ease-in-out 0s forwards; animation: startvideoanimation6 0.5s ease-in-out 0s forwards; }

.page-template-page-question .infotext { opacity: 0; }

.page-template-page-question #video-overlay-fake, .page-template-page-question #video-overlay-fact { position: absolute; top: 0; left: 0; width: 100%; margin: 0; z-index:10; display: none; }


article.page { display: none; }
body.page-template-default article.page, body.page-template-page-scan article.page, body.page-template-page-scan-qrcode article.page, body.page-template-page-videotest article.page { display: block; }

body.single-post .post-thumbnail { width: 100%; }

body.single-post .entry-header h1.entry-title { font-size: 2em; }

body.single-post h2.section-headline { font-size: 1.5em; }

body.page-template-default.page { margin-top: 0; }

body.page-template-default.page #content { padding: 1.5em 16px 0; }

body.page-template-default.page .entry-header { padding-left: 0; padding-right: 0; padding-bottom: 0.5em; padding: 0 0 0.5em; margin-bottom: 0; }

body.page-template-default.page h1.entry-title { font-size: 2.0rem; }

body.page-template-default.page #content p, body.page-template-default.page #content h2, body.page-template-default.page #content ul li { margin-left: 0px; margin-right: 0px; max-width: none; color: #fff; font-family: 'Montserrat'; font-weight: 400; font-size: 1.125rem; }

body.page-template-default.page #content p strong, body.page-template-default.page #content h2 { font-family: 'Montserrat'; }

body.page-template-default.page #content h2 { font-size: 1.5rem; }

body.page-template-default.page #content ul { max-width: none; }

body.page-template-default.page #content ul li {  }


body.page-template-page-register form { margin-top: 2em; margin-bottom: 1em; }

body.page-template-page-scan article.page { margin-top: 5em; margin-bottom: 2em; }

body.page-template-page-scan-qrcode article.page { margin-top: 4em; margin-bottom: 0; }

body.page-template-page-scan-qrcode .entry-header { display: none; }

body.page-template-page-scan-qrcode .entry-header.scan-headline { display: block; margin-top: 1em; margin-bottom: 0; padding-bottom: 2em; }

body.page-template-page-scan-qrcode .entry-content { margin: 0; }

.info-area .progress-box-outer { margin-top: 0; font-size: 0.75em; font-weight: 700; color: #FFB60F; }	
	

form input[type=text], form select { display: inline-block; width: 100%; max-width: 100%; margin-bottom: 1em; border: 1px solid #666; }

form input[type=radio], form input[type=checkbox] { border: 1px solid #666; }

form select { translate: 2px 0; }

form .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 1em; }
form .form-row:first-child { margin-top: 1.1em; }
form .form-row:last-child { padding-top: 0.5em; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

form .form-row span:first-child { padding: 2px 10px 0 0; }
form .form-row span:last-child { line-height: 1.2 }

input[type=submit]:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-text-color), .next-btn { color: #fff; padding: 0.25em 0.875em; border-radius: 0px; font-family: 'Montserrat-700'; font-weight: 700; outline: none; }

#content a.next-btn { color: #000; text-decoration: none; background-color: #FFB60F; }

#content a.next-btn .icon-arrow { display: inline-block; width: 0.5em; height: auto; -webkit-transform: translate(0.2em, 0.1em); -ms-transform: translate(0.2em, 0.1em); transform: translate(0.2em, 0.1em); }

.page-template-page-register .site-main > h1 { margin-top: 2em; }


.legals-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 20px; overflow: hidden; background-color: #707070; display: none; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }

.legals-overlay.active { -webkit-transform: scale(100%); -ms-transform: scale(100%); transform: scale(100%); }

.legals-overlay h2 { margin-bottom: 0.5em; padding-right: 20px; line-height: 1.1; }

.legals-overlay .overlay-inner { height: calc(100% - 5px); padding: 20px; overflow: scroll;  background-color: #fff000; }

.legals-overlay-close { position: absolute; top: 1.23em; right: 25px; padding: 0 8px; color: #fff!important; background-color: transparent!important; border: 0 solid #000; font-size: 1.5em; font-family: 'Montserrat-700'; font-weight: 700; }


body.page-template-page-scan #qr-reader { padding: 10px !important; border: 1px solid #007d50 !important; }

body.page-template-page-scan #qr-reader::before { content: ""; position: absolute; top: 10px; left: 15px; width: calc(100% - 30px); height: 45px; background: #fff000; }

body.page-template-page-scan #qr-reader__scan_region { margin-top: 1.9em !important; }

body.page-template-page-scan #qr-reader > div:first-child > span:first-child { display: none; }

body.page-template-page-scan #qr-reader__dashboard_section_swaplink { display: none !important; }

body.page-template-page-scan #qr-reader__camera_selection { margin-bottom: 1em; padding: 0.25em; padding-right: 1.5em; border: 1px solid #000; font-size: 1rem; }

body.page-template-page-scan #qr-reader__dashboard_section_csr span { font-size: 1rem; margin-right: 0 !important; }

body.page-template-page-scan #qr-reader__dashboard_section_csr button { padding: 0.5em 0.5em;  background-color: #009ee0;  font-size: 0.875rem; }

body.page-template-page-scan #qr-reader__dashboard_section_csr button:hover { border-color: transparent; color: #fff; }


#qr-reader-btns-holder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-top: 30px; }

body.page-template-page-scan-qrcode #qr-reader-holder { width: 100%; max-width: 600px; margin: 0 auto; padding: 20px; }
		
body.page-template-page-scan-qrcode #qr-reader__dashboard, #html5-qrcode-select-camera, #html5-qrcode-button-camera-start, #html5-qrcode-button-camera-stop { font-size: 20px; }
		
body.page-template-page-scan-qrcode #html5-qrcode-select-camera { margin-bottom: 20px; }
		
body.page-template-page-scan-qrcode #html5-qrcode-anchor-scan-type-change { opacity: 0; }
		
body.page-template-page-scan-qrcode #stop-scan, body.page-template-page-scan-qrcode #start-scan { margin: 0 20px 20px 0; padding: 0.25em 0.875em; min-width: 8.5em; border-radius: 0px; border-width: 0; font-family: 'Montserrat'; color: #fff; font-size: 16px; background: #009ee0 !important; outline: none; }

body.page-template-page-scan-qrcode #stop-scan:last-child, body.page-template-page-scan-qrcode #start-scan:last-child { Margin-right: 0; }


.info-area, .info-area .progress-box, .info-area .progress-box span, .info-area .totalpoints-box, .next-area, .prize-articles-group, .total-area, .total-area .totalpoints-box { display: -webkit-box; display: -ms-flexbox; display: flex; }

/*.info-area { margin-top: 3em;*/  margin-bottom: 1em; }

.info-area, .info-area #progress-box { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.info-area, .info-area .progress-box, .info-area .progress-box span, .info-area .totalpoints-box, .total-area, .total-area .totalpoints-box { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.info-area .progress-box span, .info-area .totalpoints-box { background-size: contain; background-position: center; background-repeat: no-repeat; }

.info-area .progress-box-outer { -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }

.info-area .progress-box-outer { margin-top: 0; font-size: 0.75em; font-weight: 700; color: #FFB60F; }

.info-area .progress-box { padding: 0.5em 0; }

.info-area .progress-infotext { font-size: 0.75em; padding-left: 2em; background-image: url(images/ellipse-stroke-gn.svg); background-size: 0.875em 0.875em; background-position: 2px center; background-repeat: no-repeat; }

.info-area .progress-box span { width: 26px; height: 26px; margin-right: 8px; justify-content: center; font-size: 0.75em; font-family: 'Montserrat-700'; font-weight: 700; }

.info-area .progress-box span.open { color: #007d50; background-color: #fff; }

.info-area .progress-box span.finish { color: #fff; background-color: #007d50; }

.info-area .progress-box span.active { color: #fff; background-color: #007d50; }

.info-area .totalpoints-box { justify-content: center; color: #000; font-size: 1.5rem; font-family: 'Montserrat-700'; background-color: #FFB60F; font-weight: 700; line-height: 1; padding: 0.15em 0.25em; }


.info-area .totalpoints-box > span { display: inline-block; translate: 0em -0.05em; }

.site-main > .next-area { justify-content: center; margin-bottom: 1em; }


.site-main > .button-group { display: flex; justify-content: space-between; margin: 3em -17px 2em -17px; }

.button-group .option-btn { display: block; width: 100%; max-width: 46%; padding: 0.25em; background-color: #fff!important; border: 1px solid #000; color: #000!important; line-height: 1.1; font-family: 'Montserrat-700'; font-size: 3.25rem; outline: none; opacity: 0; }

.button-group .option-btn-1 { margin-left: -2px; background-color: #000!important; border: 2px solid #fff; color: #fff!important; }

.button-group .option-btn-1 { -webkit-animation: startvideoanimation4 0.5s ease-in-out 0.3s forwards; animation: startvideoanimation4 0.5s ease-in-out 0.3s forwards;  }

.button-group .option-btn-2 { border: 1px solid #FFB60F!important; background: #FFB60F!important; color: #000!important; }

.button-group .option-btn-2 { -webkit-animation: startvideoanimation5 0.5s ease-in-out 0.5s forwards; animation: startvideoanimation5 0.5s ease-in-out 0.5s forwards; }


.site-main > .countdown-group { display: flex; justify-content: space-between; margin-bottom: 3em; }

.site-main > .countdown-group .countdown-element { width: 0.75em; height: 0.75em; border: 1px solid #fff; }

.site-main > .countdown-group .countdown-element.active { border: 1px solid rgb(255,182,15); background: rgb(255,182,15); }


@keyframes "move1" {
  0%   { left: 7%; }
  50%  { left: 13%; }
  100% { left: 7%; }
}

@-moz-keyframes move1 {
  0%   { left: 7%; }
  50%  { left: 13%; }
  100% { left: 7%; }
}

@-webkit-keyframes "move1" {
  0%   { left: 7%; }
  50%  { left: 13%; }
  100% { left: 7%; }
}

@-ms-keyframes "move1" {
  0%   { left: 7%; }
  50%  { left: 13%; }
  100% { left: 7%; }
}

@-o-keyframes "move1" {
  0%   { left: 7%; }
  50%  { left: 13%; }
  100% { left: 7%; }
} 


@keyframes "move2" {
  0%   { left: -3%; }
  50%  { left: 3%; }
  100% { left: -3%; }
}

@-moz-keyframes move2 {
  0%   { left: -3%; }
  50%  { left: 3%; }
  100% { left: -3%; }
}

@-webkit-keyframes "move2" {
  0%   { left: -6%; }
  50%  { left: 0%; }
  100% { left: -6%; }
}

@-ms-keyframes "move2" {
  0%   { left: -6%; }
  50%  { left: 0%; }
  100% { left: -6%; }
}

@-o-keyframes "move2" {
  0%   { left: -6%; }
  50%  { left: 0%; }
  100% { left: -6%; }
} 


@keyframes "move3" {
  0%   { left: -7%; }
  50%  { left: -13%; }
  100% { left: -7%; }
}

@-moz-keyframes move3 {
  0%   { left: -7%; }
  50%  { left: -13%; }
  100% { left: -7%; }
}

@-webkit-keyframes "move3" {
  0%   { left: -7%; }
  50%  { left: -13%; }
  100% { left: -7%; }
}

@-ms-keyframes "move3" {
  0%   { left: -7%; }
  50%  { left: -13%; }
  100% { left: -7%; }
}

@-o-keyframes "move3" {
  0%   { left: -7%; }
  50%  { left: -13%; }
  100% { left: -7%; }
} 


@keyframes "move11" { 
	from {  translate: 0 -40vh; } 
	to { translate: 0 0; }
}

@-moz-keyframes move11 {
	from {  translate: 0 -40vh; } 
	to { translate: 0 0; }
}

@-webkit-keyframes "move11" {
	from {  translate: 0 -40vh; } 
	to { translate: 0 0; }
}

@-ms-keyframes "move11" {
	from {  translate: 0 -40vh; } 
	to { translate: 0 0; }
}

@-o-keyframes "move11" {
	from {  translate: 0 -40vh; } 
	to { translate: 0 0; }
} 


@keyframes "move12" { 
	from {  translate: 100vw 0; } 
	to { translate: 0 0; }
}

@-moz-keyframes move12 {
	from {  translate: 100vw 0; } 
	to { translate: 0 0; }
}

@-webkit-keyframes "move12" {
	from {  translate: 100vw 0; } 
	to { translate: 0 0; }
}

@-ms-keyframes "move12" {
	from {  translate: 100vw 0; } 
	to { translate: 0 0; }
}

@-o-keyframes "move12" {
	from {  translate: 100vw 0; } 
	to { translate: 0 0; }
} 


@keyframes "move13" { 
	from {  opacity: 0; } 
	to { opacity: 1; }
}

@-moz-keyframes move13 {
	from {  opacity: 0; } 
	to { opacity: 1; }
}

@-webkit-keyframes "move13" {
	from {  opacity: 0; } 
	to { opacity: 1; }
}

@-ms-keyframes "move13" {
	from {  opacity: 0; } 
	to { opacity: 1; }
}

@-o-keyframes "move13" {
	from {  opacity: 0; } 
	to { opacity: 1; }
} 


@keyframes "startvideoanimation1" {
  0%   { transform: translate(26%, 72%) scale(0); }
  100% { transform: translate(26%, 17%) scale(1); }
}

@-moz-keyframes startvideoanimation1 {
  0%   { transform: translate(26%, 72%) scale(0); }
  100% { transform: translate(26%, 17%) scale(1); }
}

@-webkit-keyframes "startvideoanimation1" {
  0%   { transform: translate(26%, 17%) scale(0); }
  100% { transform: translate(26%, 17%) scale(1); }
}

@-ms-keyframes "startvideoanimation1" {
  0%   { transform: translate(26%, 17%) scale(0); }
  100% { transform: translate(26%, 17%) scale(1); }
}

@-o-keyframes "startvideoanimation1" {
  0%   { transform: translate(26%, 17%) scale(0); }
  100% { transform: translate(26%, 17%) scale(1); }
} 

@keyframes "startvideoanimation2" {
  0%   { transform: translate(26%, 17%) scale(0); }
  100% { transform: translate(26%, 17%) scale(1); }
}

@-moz-keyframes startvideoanimation2 {
  0%   { transform: translate(-3%, 105%) scale(0); }
  100% { transform: translate(-3%, 105%) scale(1); }
}

@-webkit-keyframes "startvideoanimation2" {
  0%   { transform: translate(-3%, 105%) scale(0); }
  100% { transform: translate(-3%, 105%) scale(1); }
}

@-ms-keyframes "startvideoanimation2" {
  0%   { transform: translate(-3%, 105%) scale(0); }
  100% { transform: translate(-3%, 105%) scale(1); }
}

@-o-keyframes "startvideoanimation2" {
  0%   { transform: translate(-3%, 105%) scale(0); }
  100% { transform: translate(-3%, 105%) scale(1); }
} 

@keyframes "startvideoanimation3" {
  0%   { transform: translate(-33%, 6%) scale(0); }
  100% { transform: translate(-33%, 6%) scale(1); }	
}

@-moz-keyframes startvideoanimation3 {
   0%   { transform: translate(-33%, 6%) scale(0); }
  100% { transform: translate(-33%, 6%) scale(1); }	
}

@-webkit-keyframes "startvideoanimation3" {
  0%   { transform: translate(-33%, 6%) scale(0); }
  100% { transform: translate(-33%, 6%) scale(1); }	
}

@-ms-keyframes "startvideoanimation3" {
  0%   { transform: translate(-33%, 6%) scale(0); }
  100% { transform: translate(-33%, 6%) scale(1); }	
}

@-o-keyframes "startvideoanimation3" {
  0%   { transform: translate(-33%, 6%) scale(0); }
  100% { transform: translate(-33%, 6%) scale(1); }	
} 


@keyframes "startvideoanimation4" {
  0%   { transform: translate(-100%, 0%) skew(0deg, -14deg); opacity: 0; }
  100% { transform: translate(0%, 0%) skew(0deg, -14deg); opacity: 1; }	
}

@-moz-keyframes startvideoanimation4 {
  0%   { transform: translate(-100%, 0%) skew(0deg, -14deg); opacity: 0; }
  100% { transform: translate(0%, 0%) skew(0deg, -14deg); opacity: 1; }	
}

@-webkit-keyframes "startvideoanimation4" {
  0%   { transform: translate(-100%, 0%) skew(0deg, -14deg); opacity: 0; }
  100% { transform: translate(0%, 0%) skew(0deg, -14deg); opacity: 1; }	
}

@-ms-keyframes "startvideoanimation4" {
  0%   { transform: translate(-100%, 0%) skew(0deg, -14deg); opacity: 0; }
  100% { transform: translate(0%, 0%) skew(0deg, -14deg); opacity: 1; }	
}

@-o-keyframes "startvideoanimation4" {
  0%   { transform: translate(-100%, 0%) skew(0deg, -14deg); opacity: 0; }
  100% { transform: translate(0%, 0%) skew(0deg, -14deg); opacity: 1; }	
} 


@keyframes "startvideoanimation5" {
  0%   { transform: translate(100%, 0%) skew(0deg, -14deg); opacity: 0; }
  100% { transform: translate(0%, 0%) skew(0deg, -14deg); opacity: 1; }	
}

@-moz-keyframes startvideoanimation5 {
  0%   { transform: translate(100%, 0%) skew(0deg, -14deg); opacity: 0; }
  100% { transform: translate(0%, 0%) skew(0deg, -14deg); opacity: 1; }	
}

@-webkit-keyframes "startvideoanimation5" {
  0%   { transform: translate(100%, 0%) skew(0deg, -14deg); opacity: 0; }
  100% { transform: translate(0%, 0%) skew(0deg, -14deg); opacity: 1; }	
}

@-ms-keyframes "startvideoanimation5" {
  0%   { transform: translate(100%, 0%) skew(0deg, -14deg); opacity: 0; }
  100% { transform: translate(0%, 0%) skew(0deg, -14deg); opacity: 1; }	
}

@-o-keyframes "startvideoanimation5" {
  0%   { transform: translate(100%, 0%) skew(0deg, -14deg); opacity: 0; }
  100% { transform: translate(0%, 0%) skew(0deg, -14deg); opacity: 1; }	
} 


@keyframes "startvideoanimation6" {
  0%   { opacity: 0.1; }
  100% { opacity: 1; }	
}

@-moz-keyframes startvideoanimation6 {
  0%   { opacity: 0.1; }
  100% { opacity: 1; }	
}

@-webkit-keyframes "startvideoanimation6" {
  0%   { opacity: 0.1; }
  100% { opacity: 1; }	
}

@-ms-keyframes "startvideoanimation6" {
  0%   { opacity: 0.1; }
  100% { opacity: 1; }		
}

@-o-keyframes "startvideoanimation6" {
  0%   { opacity: 0.1; }
  100% { opacity: 1; }	
} 


.site-main > .prize-articles-group { margin-bottom: 1em; }

.site-main > .prize-article { position: relative; }

.prize-articles-group .prize-article-inner { position: relative; }

.prize-articles-group .prize-article-img { max-width: 100%; }

.prize-articles-group .prize-article span { position: relative; display: block; text-align: center; font-size: 1.5rem; font-family: 'Montserrat-700'; color: #fff; transform: translate(0, -1.5em); }

.prize-articles-group .prize-article-1 { position: absolute; width: 42%; top: 0; left: -6%; }

.prize-articles-group .prize-article-1 span { position: absolute; right: 7%; bottom: -16%; /* max-width: 30%; */ }

.page-template-page-statement .prize-articles-group .prize-article-1 span { right: 33%; bottom: -16%; }

.prize-articles-group .prize-article-2 { position: absolute; width: 38%; top: 26%; left: 24%; }


.prize-articles-group .prize-article-2 .prize-article-inner span { position: absolute;  top: 105%; left: 16%; }

.page-template-page-statement .prize-articles-group .prize-article-2 .prize-article-inner span { left: 30%; top: 107%; }

.prize-articles-group .prize-article-3 { position: absolute; width: 40%; top: 7%; right: -7%; }

.prize-articles-group .prize-article-3 .prize-article-inner span { position: absolute; width: 40%; left: 60%; top: 91%; }

.page-template-page-statement .prize-articles-group .prize-article-3 .prize-article-inner span { width: 70%; left: 15%; top: 93%; }

.page-template-page-totalpoints .prize-articles-group .prize-article-1  { width: 34%; top: 45%; left: -2%; }

.page-template-page-totalpoints .prize-articles-group .prize-article-2  { width: 34%; top: 62%; left: 26%; }

.page-template-page-totalpoints .prize-articles-group.v2 .prize-article-2 .prize-article-inner  { bottom: 0 !important; }

.page-template-page-totalpoints .prize-articles-group .prize-article-3  { width: 34%; top: 48%; right: 0%; }


.page-title.v2, .infotext.v2 { translate: 0 -40vh;  -webkit-animation: move11 0.5s ease-in-out; -moz-animation: move11 0.5s ease-in-out; -ms-animation: move11 0.5s ease-in-out; -o-animation: move11 0.5s ease-in-out; animation: move11 0.5s ease-in-out;  -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards ; }

.infotext.v3 { translate: 100vw 0;  -webkit-animation: move12 0.5s ease-in-out; -moz-animation: move12 0.5s ease-in-out; -ms-animation: move12 0.5s ease-in-out; -o-animation: move12 0.5s ease-in-out; animation: move12 0.5s ease-in-out;  -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards ;  -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

.site-main > .prize-articles-group.v2 { opacity: 0;  -webkit-animation: move13 0.5s ease-in-out; -moz-animation: move13 0.5s ease-in-out; -ms-animation: move13 0.5s ease-in-out; -o-animation: move13 0.5s ease-in-out; animation: move13 0.5s ease-in-out;  -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards ;  -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }

.site-main > .prize-articles-group.v2 .prize-article-1 .prize-article-inner { top: 0; -webkit-animation: move1 6s infinite alternate; -moz-animation: move1 6s infinite alternate; -ms-animation: move1 6s infinite alternate; -o-animation: move1 6s infinite alternate; animation: move1 6s infinite alternate; }

.site-main > .prize-articles-group.v2 .prize-article-2 .prize-article-inner { bottom: -50%; /* left: 0%; */ -webkit-animation: move2 4s infinite alternate; -moz-animation: move2 4s infinite alternate; -ms-animation: move2 4s infinite alternate; -o-animation: move2 4s infinite alternate; animation: move2 4s infinite alternate;  }

.site-main > .prize-articles-group.v2 .prize-article-3 .prize-article-inner { top: -28%; /* left: 10%; */ -webkit-animation: move3 5s infinite alternate; -moz-animation: move3 5s infinite alternate; -ms-animation: move3 5s infinite alternate; -o-animation: move3 5s infinite alternate; animation: move3 5s infinite alternate; }

.page-template-page-statement .prize-articles-group .prize-article-2 .prize-article-inner  { transform: translate(-1.5em, 2.5em);  }

.prize-articles-group .prize-article-3  .prize-article-inner  { /*transform: translate(0, 2.5em); */ }

.page-template-page-statement .prize-articles-group .prize-article-2 .prize-article-inner  {/*  -webkit-transform: translate(-3.5em, 6.5em); -ms-transform: translate(-3.5em, 6.5em); transform: translate(-3.5em, 6.5em); */ }

.page-template-page-statement .prize-articles-group .prize-article-3  .prize-article-inner  { /* transform: translate(0, 1.9em); */ }
.site-main > .prize-articles-group.v2 .prize-article .prize-article-points { position: absolute; color: #fff; font-size: 1.4rem; width: 4em; }

.site-main > .prize-articles-group.v2 .prize-article-1 .prize-article-points { top: 89%; left: 22%; }

.site-main > .prize-articles-group.v2 .prize-article-2 .prize-article-points { top: 86%; left: 75%; }

.site-main > .prize-articles-group.v2 .prize-article-3 .prize-article-points { top: 94%; left: 27%; }


#video-overlay { display: block; z-index: 900; padding: 0; position: fixed; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; background-color: #000; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;  }

#video-overlay .overlay-inner { max-width: 768px; margin: 0 auto; position: relative; }

.page-template-page-statement .product-description-img { margin: 2em auto; display: block; width: 90%; max-width: 100%; }

.page-template-page-statement .prize-articles-group.v2, .page-template-page-scan-qrcode .prize-articles-group.v2  { position: absolute; /*bottom: 26%;*/ top: 32%; left: 0; display: none; height: 40%; width: 100%; }

.page-template-page-statement #prize-articles.prize-articles-group.show, .page-template-page-scan-qrcode #prize-articles.prize-articles-group.show  { display: block; }

.page-template-page-statement .prize-articles-group.v2 .prize-article-1, .page-template-page-scan-qrcode .prize-articles-group.v2 .prize-article-1 { -webkit-transform: translate(26%, 72%) scale(0); -ms-transform: translate(26%, 72%) scale(0); transform: translate(26%, 72%) scale(0); }

.page-template-page-statement .prize-articles-group.v2 .prize-article-2, .page-template-page-scan-qrcode .prize-articles-group.v2 .prize-article-2 { -webkit-transform: translate(-3%, 105%) scale(0); -ms-transform: translate(-3%, 105%) scale(0); transform: translate(-3%, 105%) scale(0); }

.page-template-page-statement .prize-articles-group.v2 .prize-article-3, .page-template-page-scan-qrcode .prize-articles-group.v2 .prize-article-3 { -webkit-transform: translate(-33%, 6%) scale(0); -ms-transform: translate(-33%, 6%) scale(0); transform: translate(-33%, 6%) scale(0); } 

.page-template-page-statement #prize-articles.prize-articles-group.show .prize-article-1, .page-template-page-scan-qrcode #prize-articles.prize-articles-group.show .prize-article-1 { -webkit-animation: startvideoanimation1 0.5s ease-in-out 0s forwards; animation: startvideoanimation1 0.5s ease-in-out 0s forwards; }

.page-template-page-statement #prize-articles.prize-articles-group.show .prize-article-2, .page-template-page-scan-qrcode #prize-articles.prize-articles-group.show .prize-article-2 { -webkit-animation: startvideoanimation2 0.5s ease-in-out 0.5s forwards; animation: startvideoanimation2 0.5s ease-in-out 0.5s forwards; }

.page-template-page-statement #prize-articles.prize-articles-group.show .prize-article-3, .page-template-page-scan-qrcode #prize-articles.prize-articles-group.show .prize-article-3 { -webkit-animation: startvideoanimation3 0.5s ease-in-out 1s forwards; animation: startvideoanimation3 0.5s ease-in-out 1s forwards; }


#video-overlay.hide { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }

.total-area, .total-area .totalpoints-box { margin: 0.5em 0; justify-content: center; }

.total-area .totalpoints-box { width: 150px; height: 150px; background-color: #007d50; border-radius: 50%; }

.total-area .totalpoints-box span { font-size: 4rem; font-family: 'Montserrat-700'; font-weight: 700; color: #fff; }


body.page-template-page-true-false .infotext { margin: 0.5em 0 0em; }
body.page-template-page-true-false .prize-articles-group { margin: 1em 0 0em; }
body.page-template-page-true-false .next-area { margin-bottom: 1em; }


#nextbtn.hide, #next-winnings-btn.hide { display: none; }


body.page-template-page-adwise .infotext { color: #007d50; font-family: 'Montserrat-700'; font-weight: 700; font-size: 1.5rem; }


.site-main > article > .entry-footer { display: none; }
.info-area .totalpoints-box { /* transform: translate(0.2em, -3em); */ }

#site-navigation { display: none; } 


body.page-template-page-totalpoints .infotext.v2 { margin-top: 1.0em; margin-bottom: 1.0em; font-size: 1.5rem; color: #ffb60f !important; }

body.page-template-page-totalpoints .infotext.v3 { margin-top: 0em; margin-bottom: 0em; font-size: 1.3rem; line-height: 1.0em; }

body.page-template-page-totalpoints .info-image-wrap { margin: 0.875em 0 0.875em; min-height: 130px; }

body.page-template-page-totalpoints .info-image { display: none; width: 42%; height: auto; margin: 0 auto; }

body.page-template-page-totalpoints .prize-articles-group.v2 { margin-top: 0.5em; margin-bottom: 4em; }

body.page-template-page-totalpoints .info-image.show { display: block; }


body.home #content { min-height: 84vh; }


aside.widget-area { margin-top: 0; padding-top: 14%;  grid-template-columns: repeat(1, 1fr); }

aside.widget-area .widget_nav_menu { margin-top: 0; }

aside.widget-area .widget_nav_menu .menu { display: flex; justify-content: center; flex-wrap: wrap; }

aside.widget-area .widget_nav_menu .menu-item { margin-right: 1em; text-align: center; font-size: 0.75rem; line-height: 2.5; font-family: 'Montserrat'; }

aside.widget-area .widget_nav_menu .menu-item:last-child { margin-right: 0; }

aside.widget-area .widget_nav_menu .menu-item a { color: #fff !important; background: transparent !important; }


.page-template-page-totalpoints .menu-footer-menu-de-container { padding-top: 10%; }


#onetrust-consent-sdk #onetrust-banner-sdk .ot-sdk-container { background: #FFF000 !important; background: #231F20!important; }

#onetrust-consent-sdk #onetrust-policy-text { /* color: rgb(0, 125, 80)!important; */ }

#onetrust-banner-sdk.otFloatingFlat.ot-bottom-left { left: 50% !important; transform: translate(-50%, -21%); }


@media only screen and (max-width: 481.98px) {
	
    .site-header .site-logo { position: absolute; padding-top: calc(0.5 * var(--global--spacing-vertical)); margin-top: 0; top: var(--global--admin-bar--height); }
}

@media only screen and (min-width: 500px) {
    
	.info-area { margin-top: -1em; }
}

@media only screen and (min-width: 500px) {
    
	.site-main > h1 { margin-top: 0; margin-bottom: 0; }
}

@media only screen and (min-width: 640px) {
    
	.site-main > .prize-articles-group.v2 .prize-article-3 span { top: 20%; left: 54%; }
}

@media only screen and (min-width: 652px) {
	
    aside.widget-area .widget_nav_menu .menu-item { font-size: 1rem; }
	
	body.page-template-page-totalpoints .prize-articles-group.v2 { margin-bottom: 5em; }
}


@media (max-width: 800px) {
    #onetrust-banner-sdk.otFloatingFlat, #onetrust-banner-sdk.otFloatingFlat.ot-bottom-left { width: 91% !important; }
}

@media only screen and (min-width: 800px) {

	.prize-articles-group .prize-article-2 { top: 50%;}
	
	.prize-articles-group .prize-article-1 span { bottom: 12%; }
	
	.prize-articles-group .prize-article-2 .prize-article-inner span { top: 94%; left: 22%; }
	
    .prize-articles-group .prize-article-3 .prize-article-inner span { left: 60%;  top: 82%; }
}


body.page-template-default.page .entry-header { padding: 3em 0 0.5em; }

body.page page-id-77 .entry-title { margin-top: 3em !important; }


/* pollenmania */

#unity-container { /* position: absolute; */ }
#unity-container.unity-desktop { /* left: 50%; top: 50%; transform: translate(-50%, -50%) */ }
#unity-container.unity-mobile { width: 100%; height: auto }

#game-section #unity-canvas { width: 100% !important; height: auto !important; background: #000000; }


.unity-mobile #unity-canvas { width: 100%; height: 100% }
#unity-loading-bar { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none }


#unity-progress-bar-empty { width: 141px; height: 18px; margin-top: 10px; margin-left: 6.5px; background: url('pollenmania/TemplateData/progress-bar-empty-dark.png') no-repeat center }
#unity-progress-bar-full { width: 0%; height: 18px; margin-top: 10px; background: url('pollenmania/TemplateData/progress-bar-full-dark.png') no-repeat center }

.unity-mobile #unity-footer { display: none }


#unity-fullscreen-button { width: 38px; height: 38px; background: url('pollenmania/TemplateData/fullscreen-button.png') no-repeat center; opacity: 0; }
#unity-warning { position: absolute; left: 50%; top: 5%; transform: translate(-50%); background: white; padding: 10px; display: none }
#body{background:#000000; color:#000000}
#unity-fullscreen-button{display: none;}

#game-section .flip-screen { display: none; }

#game-section #gameresult { opacity: 0; }

#unity-container.unity-mobile { display: flex; flex-wrap: wrap; justify-content: center; }
#unity-canvas { /* height:70vh !important; width: auto !important; */ }
#unity-canvas.full { height: calc( 100vh - 50px) !important; }
		
.fullscreen-btn.fullscreenToggle { display: block; position: absolute; top: -5px; left: 20px; z-index: 999996; width: 30px; height: 30px; padding: 3px 3px; border: 1px solid #000; background-color: #10804a; cursor: pointer; }
		
#svg-small { display: none; }

.flip-screen { position: fixed; width: 110vw; height: 110vh; background-color: #000; background-image: url(pollenmania/TemplateData/flip-phone.png); background-repeat: no-repeat; background-position: center; background-size: 70%; z-index: 999999; display: none; }


#ot-sdk-cookie-policy { max-width: 100%; margin-bottom: 0 !important; }
#ot-sdk-cookie-policy #cookie-policy-description { font-family: 'Montserrat'; font-weight: 400; font-size: 1.125rem !important; }
#ot-sdk-cookie-policy #cookie-policy-title, #ot-sdk-cookie-policy .ot-sdk-cookie-policy-group { font-family: 'Montserrat' !important; font-weight: 400; }
#ot-sdk-cookie-policy + p { margin-top: 0 !important; }
#ot-sdk-cookie-policy + p br { display: none; }
#ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings, #ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover { color: #000!important; background-color: #FFB60F!important; }


@media screen and (orientation: portrait) {
	
	.flip-screen { display: block; }
}
		
@media (max-aspect-ratio: 3/2) {

	#unity-container.unity-mobile { /* position: absolute; left: 0; top: 50%; transform: translate(0, -50%); */ display: flex; flex-direction: row; justify-content: center; }

    #unity-canvas { width: 100vw !important; height: auto !important; }
}