@font-face {font-family:"Roboto";src:local(Roboto Regular),url("https://koerperkern.premiumplaner.de/fonts/roboto/Roboto-Regular.woff2") format("woff2"),url("https://koerperkern.premiumplaner.de/fonts/roboto/Roboto-Regular.woff") format("woff");font-weight:400}
@font-face {font-family:"Roboto";src:local(Roboto Bold),url("https://koerperkern.premiumplaner.de/fonts/roboto/Roboto-Bold.woff2") format("woff2"),url("https://koerperkern.premiumplaner.de/fonts/roboto/Roboto-Bold.woff") format("woff");font-weight:700}
#ppovinfomodal {background:#fff;padding:20px;position:absolute;
min-width: 300px;max-width: 1110px;
min-height: 200px;
position: fixed;
left: 0px;
right: 0px;
margin: 0px auto;
z-index: 1000001;
top: 383px;
box-sizing: border-box;
font:normal 18px "Roboto",sans-serif;
}

.ppovmitgliedschaft {font:normal 18px "Roboto",sans-serif;text-align:left}
.ppovmitgliedschaft div {box-sizing: border-box;}
.ppovmitgliedschaft .ppovimp {font-size:28px;font-weight:400;text-transform:uppercase;}
.ppovmitgliedschaft .ppovmb20 {margin-bottom:20px}
.ppovmitgliedschaft .ppovmt10 {margin-top:10px}
.ppovmitgliedschaft .ppovmt40 {margin-top:75px}
.ppovmitgliedschaft .ppovmw250 {min-width:250px}
.ppovmitgliedschaft .ppovsminfo,.ppovboxcheckbox .ppovinputbox {font-size:18px}
.ppovmitgliedschaft .ppovmwfl,.ppovmitgliedschaft .ppovinputbox input {width:100%;box-sizing:border-box;display:block}
.ppovmitgliedschaft input {border:0;font:400 20px "Roboto",sans-serif;margin:0;padding:10px 18px;background:#fff !important}
.ppovmitgliedschaft input::placeholder {font-weight:300}
.ppovmitgliedschaft .ppovinputbox {display:inline-block;position:relative}
.ppovmitgliedschaft .ppovinputbox [type="radio"] + label::before,.ppovmitgliedschaft .ppovinputbox [type="checkbox"] + label::before,[type="radio"]:checked + label::after {background:transparent !important;border:none !important}
.ppovmitgliedschaft .ppovmissingimg::after {position: absolute;top:12px;right:15px;z-index: 1000;content: " ";display: block;width: 20px;height: 20px;background: transparent url(https://koerperkern.premiumplaner.de/img/pp/mussfeld-leer.svg) no-repeat center;}
.ppovmitgliedschaft input,.ppovmitgliedschaft label {border: 1px solid #F0F0F0;}
.ppovmitgliedschaft .ppovmissingimg input,.ppovmitgliedschaft .ppovmissingimg label {border: 1px solid #f00;}
.ppovbox > .ppovmheadline {height: 76px;font-size:36px;color: #000;text-align: center;font-weight: normal;letter-spacing: -0.5px;margin:0 10px 20px 10px}
.ppovbox > .ppovboxlist {display:flex;flex-direction: row;flex-wrap: wrap;justify-content:center;align-items:stretch;align-content: flex-start}
.ppovboxlist > .ppovdialog {flex-grow:1;background:#fff;color:#000;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.19);max-width:370px;width:370px;min-height:300px;display:inline-block;margin:0 20px 40px 20px;position:relative;padding-bottom:90px}
.ppovdialog .ppovheadline {text-transform:uppercase;position:relative;height:140px;display:block;background:#0166ff;color:#fff;overflow:hidden;}
.ppovdialog .ppovheadlinetxt {position:relative;top:50%;left:50%;padding:10px 20px;text-align:center;font-size:24px;font-weight:bold;line-height:1.1;letter-spacing:-0.5px;transform:translate(-50%, -50%);display:inline-block;}
.ppovdialog .ppovpricebox {min-height:160px;padding:0 20px;text-align:center;}
.ppovdialog .ppovcap,.ppovorderdialog .ppovcap {font-size: 18px}
.ppovdialog .ppovpriceboxp,.ppovorderdialog .ppovpriceboxp {font-size:55px;letter-spacing:-1px;font-weight:700;margin:30px auto 20px auto}
.ppovdialog .ppovpriceboxi,.ppovorderdialog .ppovpriceboxi {font-size:18px;line-height:1.45;}
.ppovdialog .ppovlist {font-size:18px;line-height:24px;padding:20px 20px 30px 40px; }
.ppovdialog .ppovlist > div,.ppovorderdialog .ppovlist > div {margin:18px;position: relative;}
.ppovdialog .ppovlist > div:before,.ppovorderdialog .ppovlist > div:before {content:" ";background:transparent url(https://koerperkern.premiumplaner.de/img/pp/check.svg) 0 0 no-repeat;width:20px;height:20px;position: absolute;left:-38px;top: 1px;}
.ppovdialog .ppovauswahl {cursor:pointer;font-size:24px;line-height:1.25;position:absolute;left:20px;right:20px;bottom:30px;border-radius:7px;background:#303438;color:#fff;box-sizing:border-box;padding:15px 0;text-align:center;display:inline-block;border:2px solid #303438}
.ppovdialog .ppovauswahl:hover {background:#fff;border:2px solid #000;color:#000}
.ppovmitgliedschaft .ppovcancelcont {background:#fff;border:2px solid #000;color:#000;margin:auto auto;cursor:pointer;display:block;text-align:center;margin-top:20px;padding:10px 40px;width:100%;min-width:370px;max-width:450px}
.ppovmitgliedschaft .ppovcancelcont:hover {background:#000;color:#fff}
.ppovmitgliedschaft .ppovcurpoint {cursor:pointer}

.ppovorderdialog {display:none;max-width:1110px;margin:0 auto}
.ppovorderdialog .ppovorderdialogboxed {background:#f0f0f0;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.19)}
.ppovorderdialog .ppovheadlinetxt {font-size:24px;font-weight:400}
.ppovorderdialog .ppovmheadline {padding:20px 0;text-align:center;font-size:39px;font-weight:400;background:#0166ff;color:#fff;text-transform:uppercase;}
.ppovorderdialog .ppovbody {width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:stretch;align-content:flex-start}
.ppovorderdialog .ppovorderbox {max-width:865px;box-sizing: border-box;}
.ppovorderdialog .ppovtxtbox {padding:60px;position:relative}
.ppovorderdialog .ppovbuchungfinish {padding:90px 60px;position:relative;max-width:900px;margin:auto auto}
.ppovorderdialog .ppovtxtboxsb {padding-bottom:30px}
.ppovorderdialog .ppovoverview {max-width:370px;background:#fff;padding:60px 20px;box-sizing: border-box;}
.ppovorderdialog .ppovlist {font-size:18px;line-height:24px;padding:20px 30px 20px 20px}
.ppovorderdialog .ppovlist > div {margin: 0 10px 10px 10px}
.ppovorderdialog .ppovlist > div:before {position: absolute;top: 2px;left: -30px;}
.ppovorderdialog .ppovflexbox {display:flex;flex-wrap:nowrap;flex-direction:row;width:100%}
.ppovorderdialog .ppovflexbox input {display:inline-block;box-sizing: border-box}
.ppovorderdialog .ppovboxcheckbox label {vertical-align: middle;display:inline-block;width:32px;height:32px;margin-right:20px;padding:0;color:#666;white-space:nowrap;box-sizing: border-box}
.ppovorderdialog .ppovanredebox label {width:15%;margin-right:5%;min-width:100px;}
.ppovorderdialog .ppovboxcheckbox input{display:none}
.ppovorderdialog .ppovboxcheckbox label span { background: #fff;border:1px solid #000;height:30px;width:30px;display: flex;float:left;margin-right:40px}
.ppovorderdialog .ppovboxcheckbox input:checked + label span:before { content:'';width: 30px;height: 30px;background-color: #222;}
.ppovorderdialog .ppovkontaktdatenbox,.ppovorderdialog .ppovgeburtstagbox {justify-content:space-between}
.ppovorderdialog .ppovgeburtstagbox .ppovgeburtstag { width:30%;box-sizing:border-box}
.ppovorderdialog .ppovstrasse {width:74%}.ppovorderdialog .ppovstrassenr {width:22%}
.ppovorderdialog .ppovplz {width:28%}.ppovorderdialog .ppovort {width:68%}
.ppovorderdialog .ppovemail {width:48%}
.ppovorderdialog .ppovzahlarttitle {text-align:left;padding-left:60px;cursor:pointer;border:0;position:relative;font-size:30px;}
.ppovorderdialog .ppovzahlarttitle:not(:first-child) {border-top:1px solid #fff}
.ppovorderdialog .ppovzahlarttitle span {transition:background 0.2s;position:absolute;right:60px;display:inline-block;width:30px;height:30px;background:#fff;border:1px solid #000;top:50%;transform:translate(0,-50%);}
.ppovorderdialog .ppovzahlarttitle.ppovactive span {background:#000;}
.ppovorderdialog .ppovzahlartdetail {display:none;padding:30px 60px 60px 60px}
.ppovorderdialog .ppovbestellen,.ppovorderdialog .ppovabbrechen,#ppovinfomodal .ppovspecpwvreqboxchbutton {cursor:pointer;font-size:20px}
.ppovorderdialog .ppovbestellen,#ppovinfomodal .ppovspecpwvreqboxchbutton {background:#000;color:#fff;border:2px solid #000;line-height:60px;display: inline-block;margin:auto auto;padding:0 30px}
.ppovorderdialog .ppovbestellen{position:relative;top:0;left:50%;transform:translate(-50%,0);}
.ppovorderdialog .ppovbestellen:hover,#ppovinfomodal .ppovspecpwvreqboxchbutton:hover {background:#fff;color:#000;border:2px solid #000}
.ppovorderdialog .ppovabbrechen {color:#000;background:transparent;text-transform: none;line-height:60px;margin-top:20px}
.ppovorderdialog .ppovzahlarttitle {font-weight:400}
.ppovorderdialog .pposvpflicht {color:#666;margin-top:55px;}
.ppovorderdialog .ppovboxqzahlungsbox > div {position:relative;font-size:24px;white-space:nowrap;min-height:30px}
.ppovorderdialog .ppovboxcheckbox img {position:absolute;top:0;left:30%;max-height:30px}
.ppovorderdialog .ppovinfobox,#ppovinfomodal .ppovinfobox {display:none;color:#f00;font-weight:bold;padding:30px 60px}

.ppovorderdialog .select2-container {max-width:450px;margin:0 0 40px 0;border-radius:8px}
.ppovorderdialog .select2-selection {height: 60px !important;}
.ppovorderdialog .select2-container--default .select2-selection--single {border-radius:8px !important;padding-top: 15px;}
.ppovorderdialog .select2-container .select2-selection--single .select2-selection__rendered {padding-left:15px}

.ppovorderdialog .ppovmart0 {padding-top:0}
.ppovorderdialog .ppovpasswordbox {display:none}

.ppovspecpwvreqbox {margin:0 auto;text-align:center;font-size:125%;margin:40px 0}

.ppovspecpwvreqbox .ppovspecpwvreqboxs {display:flex;flex-wrap:nowrap;flex-direction:row;justify-content: center;max-width: 500px;margin: 0 auto;}
.ppovspecpwvreqbox .ppovspecpwvreqboxsb {margin:1%}
.ppovspecpwvreqbox .ppovspecpwvreqboxsb input {border-radius:5px;width:100%;border:1px solid #666;text-align:center;margin:0 auto;font-size:150%;padding:15px;box-sizing:border-box	}

.ppovspecpwvreqbox .ppovspecpwvreqboxch {max-width: 500px;margin: 0 auto;text-align:center;margin-bottom:20px;}
.ppovspecpwvreqbox .ppovspecpassbase {border-radius:5px;width:90%;border:1px solid #666;text-align:left;padding:15px 30px;box-sizing:border-box;font-size:110%}
.ppovspecpwvreqbox .ppovspecpwvreqboxo2,.ppovspecpwvreqbox .ppovspecpwvreqboxo3 {display:none} 

.ppovorderdialog .ppovspecabtxt{position: absolute;left: 50px;top:50%;transform:translate(0,-50%);text-decoration:underline}
.ppovorderdialog .ppovspecpwvtxt{text-align:center;margin-top:10px;text-decoration:underline;cursor:pointer;}
#ppovinfomodal .ppovinftxt {max-height:45vh;overflow:auto}
.ppovboxcheckbox .ppovspecemailvertrag {font-size: 24px;font-weight: 400;position: absolute;left: 50px;top: 50%;transform: translate(0,-50%)}

@media only screen and (max-width:1120px) {
	.ppovorderdialog .ppovbody{flex-wrap:wrap;}
	.ppovorderdialog .ppovorderbox,.ppovorderdialog .ppovoverview {max-width:none;width:100%;display:block}
	.ppovorderdialog .ppovoverview {padding:30px 20px}
	.ppovmitgliedschaft .ppovdialog {max-width:none;width:100%;padding-bottom:90px}
	.ppovorderdialog .ppovmheadline {font-size:36px;line-height:1.5;min-height:90px;vertical-align:middle;text-align:center}
	.ppovorderdialog .ppovtxtbox,.ppovorderdialog .ppovzahlartdetail {padding-left:20px;padding-right:20px;}
	.ppovorderdialog .ppovzahlarttitle {min-height: 76px;text-align:left;padding-left:20px;font-size:25px;padding-right: 50px;padding-top:25px;line-height: 1;}
	.ppovorderdialog .ppovzahlarttitle span {right:20px}
	.ppovorderdialog .ppovbestellen,.ppovorderdialog .ppovabbrechen {padding: 15px 15px;min-height:auto;font-weight: bold;font-size: 20px;line-height: 1.25;}
	.ppovorderdialog .ppovabbrechen {font-weight: normal;}
	.ppovorderdialog .ppovboxqzahlungsbox img {display:block;position:relative;left:45px}
	.ppovorderdialog .ppovkontaktdatenboxo {display:block;width:100%}
	.ppovorderdialog .ppovemail {width:100%}
	.ppovorderdialog .ppovemailverif {margin-top:20px}
}