/*
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
*/


@font-face{
	font-family:"HelveticaNeueLTW06-55Roman";
	src:url("fonts/HelveticaNeueLTW06-55Roman.eot?#iefix");
	src:url("fonts/HelveticaNeueLTW06-55Roman.eot?#iefix") format("eot"),url("fonts/HelveticaNeueLTW06-55Roman.woff2") format("woff2"),url("fonts/HelveticaNeueLTW06-55Roman.woff") format("woff"),url("fonts/HelveticaNeueLTW06-55Roman.ttf") format("truetype");
}
@font-face{
	font-family:"HelveticaNeueLTW06-56Italic";
	src:url("fonts/HelveticaNeueLTW06-56Italic.eot?#iefix");
	src:url("fonts/HelveticaNeueLTW06-56Italic.eot?#iefix") format("eot"),url("fonts/HelveticaNeueLTW06-56Italic.woff2") format("woff2"),url("fonts/HelveticaNeueLTW06-56Italic.woff") format("woff"),url("fonts/HelveticaNeueLTW06-56Italic.ttf") format("truetype");
}
@font-face{
	font-family:"HelveticaNeueLTW06-75Bold";
	src:url("fonts/HelveticaNeueLTW06-75Bold.eot?#iefix");
	src:url("fonts/HelveticaNeueLTW06-75Bold.eot?#iefix") format("eot"),url("fonts/HelveticaNeueLTW06-75Bold.woff2") format("woff2"),url("fonts/HelveticaNeueLTW06-75Bold.woff") format("woff"),url("fonts/HelveticaNeueLTW06-75Bold.ttf") format("truetype");
}
@font-face{
	font-family:"HelveticaNeueLTW06-87HvCn";
	src:url("fonts/HelveticaNeueLTW06-87HvCn.eot?#iefix");
	src:url("fonts/HelveticaNeueLTW06-87HvCn.eot?#iefix") format("eot"),url("fonts/HelveticaNeueLTW06-87HvCn.woff2") format("woff2"),url("fonts/HelveticaNeueLTW06-87HvCn.woff") format("woff"),url("fonts/HelveticaNeueLTW06-87HvCn.ttf") format("truetype");
}

.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; } */


/*
body.custom-background { background-color: #fff!important; }

#page { max-width: 750px; max-height: 1334px; margin: 0 auto; background-color: #fff000; }
*/

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

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

#page { position: relative; max-width: 768px; /* min-height: 100vh; */ margin: 0 auto; /* border: 1px solid #ccc; */ }


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

#content { padding: 0 16px; }

.site-main > * { margin-top: 2em; margin-bottom: 2em; font-family:"HelveticaNeueLTW06-55Roman"; }

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

.pll-switcher-select { padding: 0em 29px 0em 0.5em;  border: 2px solid #007d50; color: #007d50; background-color: #fff000; outline: none; }

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

/* .flowplayer .fp-engine.intrinsic-ignore, .flowplayer .fp-splash, .flowplayer .fp-player .fp-splash  { height: auto !important; } */

.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; /* border: 1px solid #007D50; */ }

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

p { font-size: 1.125rem; }


.site-main > h1 { margin-top: 1.0em; margin-bottom: 0; /*font-size: 2.25rem;  font-weight: 600; */ }

body.page-template-default.page, body.page-id-58 .site-main h1 { /* font-size: 2.25rem; font-weight: 600; */ }

.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:"HelveticaNeueLTW06-87HvCn"; }

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

body.page-template-default.page { margin-top: 4em; margin-bottom: 5em; 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: 2em; }

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


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


#content a, #content h1, #content h2, .green { color: #007d50; }

.bold { /* font-weight: 700; */ font-family:"HelveticaNeueLTW06-87HvCn"; }

.center { text-align:center; }

.infotext { line-height: 1.3; }

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.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 { margin-bottom: 0; padding-bottom: 2em; }

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


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 { background: #009ee0!important; color: #fff; padding: 0.25em 0.875em; border-radius: 0px; font-family:"HelveticaNeueLTW06-87HvCn"; outline: none; }

#content a.next-btn { color: #fff; text-decoration: none; }

#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: #007d50!important; background-color: transparent!important; border: 0 solid #000; font-size: 1.5em; font-family:"HelveticaNeueLTW06-87HvCn"; /* font-weight: 700; */ }



/*
   #qr-reader { top: 30px; padding: 20px!important; background-color: #fff; }
   #qr-reader > div:first-child { border-bottom: 1px solid transparent!important;}
   #qr-reader > div:first-child > span:first-child { display: none; }
   #qr-reader #qr-reader__scan_region img { display: inline-block; position: relative; opacity: 0.6!important; }
   #qr-reader #qr-reader__dashboard_section { width: auto!important; }
   #qr-reader #qr-reader__dashboard_section > div:last-child { display: none; }
   #qr-reader #qr-reader__dashboard_section_csr button { padding: 0.5em 0.75em; font-size: 16px; background-color: #007D50; border: 1px solid #666; font-size: 16px; }
*/


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: #007d50; */  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: "HelveticaNeueLTW06-87HvCn"; color: #fff; font-size: 16px; background: #009ee0 !important; outline: none;  /* padding: 0.4em; font-size: 20px; background: #fff; cursor: pointer; */ }

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 { 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:"HelveticaNeueLTW06-87HvCn"; /* font-weight: 700; */ }

.info-area .progress-box span.open { /* color: #009eed; */ color: #007d50; background-image: url(images/ellipse-stroke-gn.svg); }

.info-area .progress-box span.finish { color: #fff; background-image: url(images/ellipse-fill-gn.svg); }

.info-area .progress-box span.active { color: #fff; background-image: url(images/ellipse-fill-bl.svg); }

.info-area .totalpoints-box { width: 70px; height: 70px; justify-content: center; color: #fff; font-size: 1.75rem; font-family:"HelveticaNeueLTW06-87HvCn"; /* font-weight: 700; */ background-image: url(images/zig-zag-circle.png); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }


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

.site-main > .next-area { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; /* margin-bottom: 2em; */ margin-bottom: 1em; }


.site-main > .button-group { margin-bottom: 3em; }

.button-group .option-btn { display: block; width: 100%; max-width: 400px; margin: 0 auto 20px; background-color: #fff!important; border: 1px solid #000; border-radius: 6px; color: #000!important; line-height: 1.1; outline: none; }


@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: -3%; }
  50%  { left: 3%; }
  100% { left: -3%; }
}

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

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


@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; }
} 


.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; }

.prize-articles-group .prize-article-1 span { translate: -0.5em 0; }

.prize-articles-group .prize-article-3 span { translate: 0.5em 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; /* left: 10%; */ -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;  /* -webkit-transform-origin: 10% 0%; -moz-transform-origin: 10% 0%; -o-transform-origin: 10% 0%; -ms-transform-origin: 10% 0%; transform-origin: 10% 0%; */ }

.site-main > .prize-articles-group.v2 .prize-article-2 .prize-article-inner { bottom: -64%; /* 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; }

.site-main > .prize-articles-group.v2 .prize-article span { position: absolute; color: #fff; font-size: 1rem; }

.site-main > .prize-articles-group.v2 .prize-article-1 span { top: 37%; left: 18%; }

.site-main > .prize-articles-group.v2 .prize-article-2 span { top: 47%; left: 11%; }

.site-main > .prize-articles-group.v2 .prize-article-3 span { top: 15%; left: 48%; }


#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: #fff000; -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 .prize-articles-group.v2 { position: absolute; bottom: 43%; left: 0;  display: none; }
.page-template-page-statement .prize-articles-group.v2 .prize-article-1 { transform: translate(107%, 72%); }
.page-template-page-statement .prize-articles-group.v2 .prize-article-2 { transform: translate(-88%, 3%); }
.page-template-page-statement .prize-articles-group.v2 .prize-article-3 { transform: translate(-16%, -13%); }


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

/* body.page-template-page-true-false h1 { margin-top: 2.5em; } */


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

.total-area .totalpoints-box { width: 150px; height: 150px; background-image: url(images/zig-zag-circle.png); background-size: 100% 100%; background-position: center; background-repeat: no-repeat; }

.total-area .totalpoints-box span { font-size: 4rem; font-family:"HelveticaNeueLTW06-87HvCn"; /* 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-top: 1em; */ margin-bottom: 1em; }


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


body.page-template-page-adwise .infotext { color: #007d50; font-family:"HelveticaNeueLTW06-87HvCn"; /* 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; } 


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

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