/* ____________________________________ Allgemein ____________________________________ */
::-moz-placeholder{
opacity: 1;
}

.pifa-form label:not(.checkbox_wrapper label, .radiobutton_wrapper label){
opacity: 0;
visibility: hidden;
font-size: 0px;
}

.pifa-form select, .pifa-form input[type=text], .pifa-form input[type=email], .pifa-form textarea{
width: 100%;
border:0px;
border-bottom:1px solid var(--color_black);
padding: 1vh 0px;
margin-top:1vh;
}

.pifa-form textarea{
resize: none;
height: 15vh;
}

.pifa-form .button, .pifa-form input[type=submit]{
cursor:pointer;
}

/* ____________________________________ Select ____________________________________ */
.pifa-form select{
background-image: url(../images/allgemein/icon_arrow_down.svg);
background-repeat: no-repeat;
background-position: right center;
}

/* ____________________________________ Checkbox / Radio ____________________________________ */
.w100 > .pifa-form div .checkbox_wrapper, .w100 > .pifa-form div .radiobutton_wrapper, .w100 > .pifa-form div.radiobutton_wrapper:last-child{
width:100%;
}

.w100 > .pifa-form div:nth-child(odd) .checkbox_wrapper, .w100 > .pifa-form div.checkbox_wrapper:nth-child(odd), .w100 > .pifa-form div:nth-child(odd) .radiobutton_wrapper, .w100 > .pifa-form div.radiobutton_wrapper:nth-child(odd){
margin-left: 0%;
}

.checkbox_wrapper:first-child, .radiobutton_wrapper:first-child{
padding-bottom:1.5vh;
}

.checkbox_wrapper label, .radiobutton_wrapper label{
padding-left:45px;
display:block;
position:relative;
}

.pifa-form .checkbox_wrapper input[type=checkbox], .pifa-form .radiobutton_wrapper input[type=radio]{
display: none;
}

.pifa-form .checkbox_wrapper input[type=checkbox] + label:before, .pifa-form .radiobutton_wrapper input[type=radio] + label:before{
content: "\2713";
width: 30px;
height: 30px;
border: 2px solid var(--color_sand);
border-radius: 50%;
display: block;
color: transparent;
transition: .2s;
line-height: 150%;
text-align: center;
font-size: 17px;
position: absolute;
top:50%;
transform: translateY(-50%) translateX(-45px);
}

.pifa-form .checkbox_wrapper input[type=checkbox]:checked + label:before, .pifa-form .radiobutton_wrapper input[type=radio]:checked + label:before{
background-color: var(--color_sand);
color: var(--color_white)
}

/* ____________________________________ Form 2 Cols ____________________________________ */
.w100 > .pifa-form div{
width: calc(47.5% - 5px);
display: inline-block;
}

.w100 > .pifa-form div:nth-child(odd){
margin-left: 5%;
}

.w100 > .pifa-form > div:nth-last-child(2){
vertical-align:top;
margin-left:5%;
}

.w100 > .pifa-form > div:last-child{
width:auto;
margin-left: 0%;
}

.w100 > .pifa-form div.checkbox_wrapper{
float:none;
}

/* ____________________________________ Captcha ____________________________________ */
.w100 > .pifa-form div.captcha{
clear:right
}

.w100 > .pifa-form div.captcha div{
width: 100% !important;
margin-left: 0% !important;
}

.w100 > .pifa-form div.captcha iframe{
float:right;
}

/* ____________________________________ Schulungen ____________________________________ */
#form_sl .pifa-form div:nth-last-child(4){
width:100%;
}

#form_sl .pifa-form div:nth-last-child(3){
margin-left:0%;
}

/* ____________________________________ Funktionsprüfung ____________________________________ */
#form_fp .pifa-form div:nth-last-child(4){
width:100%;
margin-left:0%;
}

/* ____________________________________ Marketing ____________________________________ */
#form_wm .pifa-form div:nth-child(12){
width:100%;
}

#form_wm .wm_item{
width: calc(17.6% - 5px);
margin-left: 0%;
margin-right: 2.4vw;
margin-bottom: 5vh;
vertical-align:top;
}

#form_wm .wm_item:nth-child(5n+2){
margin-right: 0vw;
}

#form_wm .pifa-form div:nth-last-child(4){
width:100%;
}

#form_wm .pifa-form div:nth-last-child(4), #form_wm .pifa-form div:nth-last-child(3){
margin-left:0%;
}

/* ____________________________________ Partner ____________________________________ */
#form_pw .pifa-form div:nth-child(12), #form_pw .pifa-form div:nth-child(13), #form_pw .pifa-form div:nth-child(14), #form_pw .pifa-form div:nth-child(15){
width:100%;
}

#form_pw .pifa-form div:nth-child(13), #form_pw .pifa-form div:nth-child(15){
margin-left:0%;
}

#form_pw .pifa-form div:nth-last-child(7), #form_pw .pifa-form div:nth-last-child(5), #form_pw .pifa-form div:nth-last-child(3){
margin-left:0%;
}

#form_pw .pifa-form div:nth-last-child(6), #form_pw .pifa-form div:nth-last-child(4){
margin-left: 5%;
}

/* ____________________________________ Anmeldung ____________________________________ */
#form_am .pifa-form div:nth-last-child(4){
width:100%;
}

#form_am .pifa-form div:nth-last-child(3){
margin-left:0%;
}

/* ################################################### WIDTH 1500px ################################################### */
@media only screen and (max-width: 1500px){

#form_wm .wm_item{
width: calc(22.75% - 5px);
}
	
#form_wm .wm_item{
margin-bottom: 4vh;
}

#form_wm .wm_item, #form_wm .wm_item:nth-child(5n+2){
margin-right: 2.55vw;
}
	
#form_wm .wm_item:nth-child(4n){
margin-right: 0vw;
}
	
}

/* ################################################### WIDTH 1200px ################################################### */
@media only screen and (max-width: 1200px){

#form_wm .wm_item{
width: calc(31.3% - 5px);
}
	
#form_wm .wm_item, #form_wm .wm_item:nth-child(5n+2), #form_wm .wm_item:nth-child(4n){
margin-right: 2.59vw;
}
	
#form_wm .wm_item:nth-child(3n){
margin-right: 0vw;
}
	
}

/* ################################################### WIDTH 1100px ################################################### */
@media only screen and (max-width: 1100px){

.pifa-form select{
background-size: 15px;
}
	
.pifa-form .checkbox_wrapper input[type=checkbox] + label:before, .pifa-form .radiobutton_wrapper input[type=radio] + label:before{
width: 25px;
height: 25px;
line-height: 140%;
font-size: 15px;
}

}

/* ################################################### WIDTH 1000px ################################################### */
@media only screen and (max-width: 1000px){

.w100 > .pifa-form div{
width: 100%;
}
	
.w100 > .pifa-form div:nth-child(odd), #form_pw .pifa-form div:nth-last-child(6), #form_pw .pifa-form div:nth-last-child(4){
margin-left: 0%;
}
	
.w100 > .pifa-form div.captcha{
float: none;
}
	
.w100 > .pifa-form > div:nth-last-child(2){
margin-left:0%;
}
	
.w100 > .pifa-form div.captcha iframe{
float: none;
}
		
}

/* ################################################### WIDTH 900px ################################################### */
@media only screen and (max-width: 900px){

#form_wm .wm_item{
width: calc(47.5% - 5px);
}
	
#form_wm .wm_item, #form_wm .wm_item:nth-child(5n+2), #form_wm .wm_item:nth-child(4n), #form_wm .wm_item:nth-child(3n){
margin-right: 4.25vw;
}
	
#form_wm .wm_item:nth-child(2n){
margin-right: 0vw;
}
	
}

/* ################################################### WIDTH 500px ################################################### */
@media only screen and (max-width: 500px){

.checkbox_wrapper label, .radiobutton_wrapper label{
padding-left:30px;
}
	
.pifa-form .checkbox_wrapper input[type=checkbox] + label:before, .pifa-form .radiobutton_wrapper input[type=radio] + label:before{
width: 20px;
height: 20px;
line-height: 150%;
font-size: 12px;
border: 1px solid var(--color_sand);
transform: translateY(-50%) translateX(-30px);
}
	
#form_wm .wm_item{
width: 100%;
}
	
#form_wm .wm_item, #form_wm .wm_item:nth-child(5n+2), #form_wm .wm_item:nth-child(4n), #form_wm .wm_item:nth-child(3n), #form_wm .wm_item:nth-child(2n){
margin-right: 0vw;
}
		
}
