@charset "UTF-8";.personalausweis input{font-size:14px;font-weight:700;padding-top:0}.personalausweis input#persoNum1,.personalausweis input#persoNum2,.personalausweis input#persoNum3{text-transform:uppercase}.personalausweis .birthDate{width:190px;top:139px;left:141px;height:24px;position:absolute}.personalausweis .persoNum1{width:100px;margin-left:70px;margin-top:140px;height:20px}.personalausweis .persoNum2{width:72px;margin-left:18px;margin-top:2px;height:20px}.personalausweis .persoNum3{width:70px;margin-left:7px;margin-top:2px;height:20px}.personalausweis .persoNum4{width:24px;margin-left:124px;margin-top:2px;height:20px}.personalausweis .div1{height:212px}.personalausweis .div3{height:159px}.personalausweis .mainDiv2{height:447px}.code_box{padding:15px}.Codes,.onlineabo_print{padding:1.5rem}.Codes form,.onlineabo_print form{position:relative}.Codes h1,.onlineabo_print h1{font-size:3.2rem;line-height:3.4rem}.Codes h2,.Codes h3,.onlineabo_print h2,.onlineabo_print h3{font-size:2rem!important;line-height:2.4rem!important;margin-bottom:1.5rem;font-weight:400}.Codes .siteH1,.onlineabo_print .siteH1{margin-left:0}.Codes .text_box,.onlineabo_print .text_box{text-align:left;padding:0;padding:1rem;margin:0 0 3rem;position:relative}.Codes .text_box .info,.onlineabo_print .text_box .info{padding:0 0 0 50px}.Codes .notification,.onlineabo_print .notification{margin-top:10px;display:inline-block}.Codes .notification div,.onlineabo_print .notification div{background:#bf2a32;color:var(--wh)!important;padding:5px 7px}.Codes .notification a,.onlineabo_print .notification a{color:var(--wh)!important;font-weight:700;text-decoration:underline}.Codes .notification.success div,.onlineabo_print .notification.success div{background:#30cc00!important}.Codes .code_real,.onlineabo_print .code_real{font-size:12pt;line-height:14pt;padding:5px;min-height:38px}.Codes .centered,.onlineabo_print .centered{text-align:center}.Codes .info-box-image,.onlineabo_print .info-box-image{position:relative}.Codes .image_source,.onlineabo_print .image_source{position:absolute;top:0;background:#ffffffb3;color:#000000e6;font-size:1.4rem;font-weight:700;line-height:1.9rem;text-transform:uppercase;padding:2px 5px}.Codes .not-active,.onlineabo_print .not-active{opacity:.5}.Codes .game-block,.onlineabo_print .game-block{display:grid;grid-template-columns:1fr 2fr}.Codes #code_image,.onlineabo_print #code_image{width:100%}.Codes #code_image img,.onlineabo_print #code_image img{width:320px}.Codes .formbox,.onlineabo_print .formbox{margin-top:2.5rem;margin-bottom:1px;padding:2rem}.Codes .formbox+.formbox,.onlineabo_print .formbox+.formbox{margin-top:2px}.Codes .formbox label,.onlineabo_print .formbox label{display:block;margin-bottom:0;height:24px;line-height:24px}.Codes .info-box-choose,.onlineabo_print .info-box-choose{max-height:180px;overflow:hidden;margin-left:6px}.Codes select.codeEvent,.onlineabo_print select.codeEvent{height:100%;width:100%;margin-top:0;background:transparent;padding:0 6px 3px 20px}.Codes select.codeEvent option,.onlineabo_print select.codeEvent option{font-size:1.7rem;padding:3px 5px 2px}.Codes .sectionCode,.onlineabo_print .sectionCode{margin-bottom:3rem}.Codes .sectionCode input,.Codes .sectionEmail input,.onlineabo_print .sectionCode input,.onlineabo_print .sectionEmail input{width:95%;margin-top:10px;margin-bottom:10px}.Codes .sectionEmail input,.onlineabo_print .sectionEmail input{width:100%}.Codes .sectionEmail,.onlineabo_print .sectionEmail{float:right;width:50%;margin-bottom:3rem}.Codes .code_real,.onlineabo_print .code_real{clear:both;margin-bottom:5px;height:50px;width:100%}.Codes .sectionSubmit input,.Codes .sectionSubmit button,.onlineabo_print .sectionSubmit input,.onlineabo_print .sectionSubmit button{width:100%;height:4rem;text-transform:uppercase}.Codes .code-line,.onlineabo_print .code-line{border-top:.1rem solid var(--gr42);margin:3rem 0 2.5rem}.Codes .formbox.fb_age,.onlineabo_print .formbox.fb_age{padding:0;margin-top:2rem}.Codes .data-view h3+div:after,.onlineabo_print .data-view h3+div:after{display:table;content:"";clear:both}.Codes .data-view br,.onlineabo_print .data-view br{display:none}.Codes .data-view .info,.onlineabo_print .data-view .info{font-size:1.7rem!important;line-height:2.4rem;margin-top:2.5rem;margin-bottom:2.3rem}.Codes .data-view .code_real,.onlineabo_print .data-view .code_real{min-height:40px!important;margin-bottom:2rem}.Codes .captcha,.onlineabo_print .captcha{margin:0;text-align:center;padding-top:.5rem!important}.Codes .captcha .captchaSection,.onlineabo_print .captcha .captchaSection{display:inline-block}.sectionHalf.sectionCode,.sectionHalf.sectionEmail{float:left}.sectionHalf.sectionCode input,.sectionHalf.sectionEmail input{width:100%;height:4rem;border-radius:0}.sectionHalf.sectionCode{width:54rem;margin-right:1.5rem}.sectionHalf.sectionEmail{width:38.5rem}.sectionThird{float:left;width:33%}.Codes .betakey_print label{cursor:default}.Codes .betakey_print .text_box{font-size:1.7rem;line-height:2.4rem;vertical-align:top}.betakey_print{padding:1.5rem}.betakey_print .formbox{padding:2rem}.Codes .error{color:#e90000}.Codes .correct{color:var(--bk)}.text_box{margin:10px 0 0;text-align:left}.code_real{font-size:12pt;line-height:14pt;background:var(--wh);padding:5px;border:1px solid rgb(226,226,226);min-height:38px}.centered{text-align:center}.betakey_print .code_real{height:auto!important;min-height:50px!important}.Codes{padding:0!important}.image_source{bottom:initial!important}.sectionVerifyAge.sva1:after{content:"";clear:both;display:block}.sectionVerifyAge.sva1{margin:0 -20px;padding:15px 15px 20px}.sectionVerifyAge.sectionHalf{width:50%}.sectionVerifyAge.sectionHalf.right{float:right}.sectionVerifyAge.sectionHalf.left{float:left}.formbox.fb_email .sectionHalf{width:66%}.formbox.fb_email .sectionHalf+.sectionHalf{width:34%}.formbox input[type=text]:hover,.formbox input[type=date]:hover,.formbox input[type=text]:focus,.formbox input[type=date]:focus{background:var(--wh)!important}.formbox.fb_email:after{clear:both;content:"";display:block}.formbox.fb_email .sectionCode.sectionHalf,.formbox.fb_email .sectionEmail.sectionHalf{margin-bottom:0}.formbox.fb_email .sectionCode.sectionHalf input,.formbox.fb_email .sectionEmail.sectionHalf input{margin-bottom:2px}.formbox.fb_age .icon-usk.usk-18{float:left;width:84px;height:84px;background-image:url(/commoncfm/gfx/USK_neu_18.svg);background-repeat:no-repeat;background-size:contain;margin-right:15px}.formbox.fb_age .icon-usk.usk-16{float:left;width:84px;height:84px;background-image:url(/commoncfm/gfx/USK_neu_16.svg);background-repeat:no-repeat;background-size:contain;margin-top:5px;margin-right:10px}.formbox label{font-size:1.5rem;line-height:2.4rem;font-weight:700;margin-top:-6px}.formbox.fb_age .uskText{font-size:1.6rem;font-weight:700}.formbox.fb_age .uskText .usktextFirst{color:#a10000}[data-theme=dark] .formbox.fb_age .uskText .usktextFirst{color:#ed0000}.checkBoxBox{margin-top:18px;padding-left:94px}.checkBoxBox input{float:left;margin-top:6px;margin-right:10px}.checkBoxBox .info,.checkBoxBox label{padding-left:28px}.checkBoxBox .info{display:block}.sectionPersoData .personalausweis .perso{width:auto!important;height:auto!important;position:relative}.sectionPersoData .personalausweis .birthDate{width:190px;top:auto;left:auto;height:24px;position:relative}.sectionPersoData .personalausweis .persoNum1,.sectionPersoData .personalausweis .persoNum2,.sectionPersoData .personalausweis .persoNum3,.sectionPersoData .personalausweis .persoNum4,.sectionPersoData .personalausweis .persoNum5{width:190px;top:auto;left:auto;height:24px;position:relative;margin:0}.sectionVerifyAge.sva2{padding-top:40px}.sectionPersoImg1,.sectionPersoImg2{width:300px!important}.sectionPersoData.sectionThird{width:calc(100% - 640px)}.sectionPersoData,.sectionPersoImg1{margin-right:20px}.sectionPersoImg1 .front,.sectionPersoImg2 .back{border:1px solid rgba(0,0,0,.2);border-radius:14px;width:300px!important;height:189.6px!important;background-size:contain;position:relative}.sectionPersoImg1 .front{background-image:url(/commoncfm/gfx/perso_front_b.png)}.sectionPersoImg2 .back{background-image:url(/commoncfm/gfx/perso_back_b.png)}.personalausweis .perso{background-image:none!important}.sectionVerifyAge.sva2 input{position:relative;margin-left:25px!important;padding:4px 6px 2px;width:165px!important;border-radius:0}.labelText{margin-left:25px!important;display:block;width:100%}.markerInput{position:relative}.sectionVerifyAge .info{margin-top:7px!important;margin-bottom:0!important}.markerInput:after,.sectionVerifyAge .marker:after{display:block;width:20px;height:20px;line-height:20px;text-align:center;position:absolute;border-radius:10px;color:var(--wh);font-weight:700;font-size:17px}.markerBirthdate{position:absolute;top:84px;left:134px;border:2px solid rgb(200,0,200);height:14px;background:#c800c866;width:66px}.markerInputBirthDate:after,.sectionVerifyAge .markerBirthdate:after{top:-18px;left:-18px;background:#c800c8;content:"1"}.markerpersoNum1{position:absolute;top:125px;left:58px;border:2px solid red;height:15px;background:#f006;width:92px}.markerInputPersoNum1:after,.sectionVerifyAge .markerpersoNum1:after{top:-18px;left:-18px;background:red;content:"2"}.markerpersoNum2{position:absolute;top:140px;left:14px;border:2px solid rgb(0,180,0);height:14px;background:#00b40066;width:66px}.markerInputPersoNum2:after,.sectionVerifyAge .markerpersoNum2:after{top:-18px;left:-18px;background:#00b400;content:"3"}.markerpersoNum3{position:absolute;top:140px;left:86px;border:2px solid rgb(22,22,255);height:14px;background:#1616ff66;width:64px}.markerInputPersoNum3:after,.sectionVerifyAge .markerpersoNum3:after{top:10px;right:-15px;background:#1616ff;content:"4"}.markerpersoNum4{position:absolute;top:140px;left:175px;border:2px solid #458b74;height:14px;background:#458b7466;width:40px}.markerInputPersoNum4:after,.sectionVerifyAge .markerpersoNum4:after{top:-18px;left:-18px;background:#458b74;content:"5"}.markerpersoNum5{position:absolute;top:140px;left:272px;border:2px solid #ff8000;height:14px;background:#ff800066;width:13px}.markerInputPersoNum5:after,.sectionVerifyAge .markerpersoNum5:after{top:-18px;left:-18px;background:#ff8000;content:"6"}.sectionVerifyAge .markerInputBirthDate:after,.sectionVerifyAge .markerInputPersoNum1:after,.sectionVerifyAge .markerInputPersoNum2:after,.sectionVerifyAge .markerInputPersoNum3:after,.sectionVerifyAge .markerInputPersoNum4:after,.sectionVerifyAge .markerInputPersoNum5:after{top:0;left:0}.sectionPersoData .inputFieldBox>input,.sectionPersoData .inputFieldBox>span,.sectionPersoData .inputFieldBox>label{float:left}.inputFieldBox{display:block;margin-bottom:1.5rem}.inputFieldBox label{margin-top:0;width:108px;line-height:2rem!important}.inputFieldBox:after,.verification_block:after{display:block;content:"";clear:both}.code_enddate{margin-top:10px}
