/* --- GLOBAL --- */

fieldset{margin:0;padding:0}

.basicData,.profileData,.femanager_flashmessages,.femanager_error{padding:40px 10% 20px!important}
.profileData:first-child,.femanager_flashmessages,.femanager_error{padding-top:0!important}
.basicData.flexRow.jStart,.profileData.flexRow.jStart,.femanager_flashmessages,.femanager_error{column-gap:1%}
.profileData{border-top:1px solid #eaeaea}
.profileData:first-child{border-top:none}
.profileData:nth-child(even){background-color:#fafafa}
.profileData#captcha{padding:0 10%}
.profileData[id]{scroll-margin-top:220px}
.profileHeader{padding:20px 10% 0;background-color:var(--main-color)}
.profileHeader *{color:#fff}

.feuser-translation-status-fixed{display:none;position:fixed;z-index:2000;top:0;left:0;width:100%;height:177px;padding:80px 25% 0;text-align:center;color:#fff;background-color:rgba(0, 0, 0, .8);box-sizing:border-box}

.fieldwrap,.form-group{position:relative;margin:0 0 25px;padding:0;vertical-align:top}
#geocodes .form-group{padding-right:30px}

.form-group.submitBox.editSubmit{position:fixed;z-index:20;top:177px;right:0;padding:20px calc(50% - 100px) 20px 10%;background-color:#eaeaea}
.form-group.submitBox.editSubmit .updateBox{display:inline-block;width:200px}
.form-group.submitBox.editSubmit .userControl{margin-right:40px;width:auto;height:100%}
.form-group.submitBox.editSubmit .userControl .btn{margin-right:10px}
.form-group.submitBox.editSubmit .userControl .btn a{padding:5px 10px}
.form-group.submitBox.editSubmit .userControl .btn a:hover{background-color:var(--main-color)}

#page .fieldwrap{width:49.33%}
#page .fieldwrap.w65{width:66.33%!important}
#page .fieldwrap.w32{width:32.66%!important}
#page .fieldwrap.w30{width:31%!important}
#page .fieldwrap.w29{width:30%!important}
#page .fieldwrap.w24{width:24.66%!important}
#page .fieldwrap.w14{width:14.33%!important}
#page .fieldwrap.skills{width:24.25%}

.fieldwrap.layout1,.fieldwrap.layout11{width:100%}.fieldwrap.layout2{width:78%}.fieldwrap.layout3{width:73%}.fieldwrap.layout4{width:64%}.fieldwrap.layout5{width:58%}.fieldwrap.layout12{width:48%!important}
.fieldwrap.layout6{width:38%}.fieldwrap.layout7{width:31%}.fieldwrap.layout8{width:28%}.fieldwrap.layout9{width:23%}.fieldwrap.layout10{width:18%}.fieldwrap.layout20{width:8%}
@media only screen and (min-width:200px) and (max-width:1399px) {
	.fieldwrap.layout2,.fieldwrap.layout3,.fieldwrap.layout4,.fieldwrap.layout5,.fieldwrap.layout12,.fieldwrap.layout6,.fieldwrap.layout7,.fieldwrap.layout8,.fieldwrap.layout9,.fieldwrap.layout10,.fieldwrap.layout20{width:48%}	
}
@media only screen and (min-width:200px) and (max-width:1024px) {
	.fieldwrap.layout2,.fieldwrap.layout3,.fieldwrap.layout4,.fieldwrap.layout5,.fieldwrap.layout12,.fieldwrap.layout6,.fieldwrap.layout7,.fieldwrap.layout8,.fieldwrap.layout9,.fieldwrap.layout10,.fieldwrap.layout20{width:100%}	
}

.fieldwrap.typoscript:not(.layout1){margin-bottom:20px}
.fieldwrap.typoscript.layout1{margin-bottom:40px;padding-bottom:50px;border-bottom-width:1px}

.fieldwrap.file{margin:10px 0 40px}

.profileData .currentImage img{width:auto!important}

.fieldwrap.portraitconsent{padding-top:45px}

.fieldwrap.text{padding:15px 0;border-top:1px solid #525252;border-bottom:1px solid #525252}
.fieldwrap.text:first-of-type{margin-top:20px}
.fieldwrap.text p{margin-top:15px!important}
.fieldwrap.text p:first-of-type{margin-top:0!important}
.fieldwrap.text label:first-child{margin-bottom:10px}

.fieldwrap.submit{margin-bottom:0;padding-top:30px;text-align:center;border-top:1px solid #525252}
header .fieldwrap.submit{margin-bottom:0;padding-top:30px}

.fieldwrap.reset{width:100%!important;margin-bottom:40px!important}

.fieldwrap .radioWrap,.fieldwrap .checkWrap{width:auto}
.fieldwrap.layout11 .radioWrap,.fieldwrap.layout11 .checkWrap,.fieldwrap.layout12 .radioWrap,.fieldwrap.layout12 .checkWrap{margin-left:0}
.fieldwrap.specificfields .checkWrap .checkbox{display:inline-block;margin:10px 20px 0 0;width:calc(25% - 20px)!important}

.fieldwrap::after{position:absolute;top:5px;right:5px}
.fieldwrap.cur::after{color:var(--main-color)}
.fieldwrap.typoscript.cur::after{display:none}
.fieldwrap.filled::after{top:-12px;color:green}
.fieldwrap.check.filled::after,.fieldwrap.radio.filled::after{top:-5px;right:-20px}

.streetWrap{width:40%!important}
.zipWrap{width:15%!important}
.cityWrap{width:40%!important}

legend{width:100%}

.inputGroup > span{display:inline-block;position:relative;width:auto}

label{position:static;top:0;left:0;display:block;padding-bottom:10px;width:100%}
.layout11 > label,.layout12 > label,.fieldwrap.text.layout11 label{display:none}
.fieldwrap > label,.fieldwrap > label *,.fieldwrap.text label{font-size:var(--font-size-r);font-family:medium,arial,helvetica,awesome5,awesome5b,awesome5l,awesome5s,microns,icofont,sans-serif;font-weight:bold;cursor:pointer}
.fieldwrap.text label{padding-bottom:0;color:var(--main-color)}
.file label{position:static;padding:0 0 10px;font-weight:bold;color:#000}
.typoscript label{display:inline-block;padding:0;width:30px}

label input[type="text"]{margin-top:10px}

label .mandatory,label.control-label > span{color:#a00}
label .mandatory::after{position:relative;top:-8px;margin-left:5px}

textarea{width:98%!important;height:44px}
textarea:focus{height:300px}
.formGroup:nth-child(even) input,.formGroup:nth-child(even) select,.fieldwrap:nth-child(odd) input,.fieldwrap:nth-child(odd) select,textarea,.fieldwrap.powermail_fieldwrap_betreff input{width:100%!important}

select{position:relative;z-index:10;width:120%;text-align:left;cursor:pointer!important}
select::-ms-expand{display:none}
.filled select + label .mandatory{display:none}
select option{padding:0}

.checkWrap,.radioWrap{display:webkit-flex;display:ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}
.check,.radio{display:inline-block;margin-right:10px;padding-top:10px;width:auto!important;font-size:var(--font-size-s)}
#page .check input,#page .radio input,#page input[type="checkbox"],#page input[type="radio"]{width:auto!important;cursor:pointer}
.check > label,.radio > label{padding:0 0 10px;font-weight:normal;color:#000!important}
.check .checkbox label,.radio .radiobox label{padding:0 20px 0 0;text-align:left}
.check label .mandatory,.radio label .mandatory{position:static}
.check label .mandatory::after,.radio label .mandatory::after{display:inline-block;top:-7px}
.check label a,.radio label a{text-decoration:underline}
.check label a:hover,.radio label a:hover{text-decoration:none}
.check label::before,.radio label::before{margin-right:7px;color:#000}
.fieldwrap .checkbox::after{display:none}

.nolabel{margin-right:0}
.nolabel .checkWrap,.nolabel .radioWrap{margin-left:0}
.nolabel .checkbox > label,.nolabel .radiobox > label{color:#a2a2a2!important}
.nolabel .checkbox > label:hover,.nolabel .radiobox > label:hover,.nolabel .checkbox > input:checked ~ label{color:#000!important}
.nolabel .checkbox > label::after,.nolabel .radiobox > label::after{content:'\efff';position:relative;top:-10px;margin-left:3px;font-family:icofont}

.reg {padding:.6vw 0;width:auto}
.reg input,#page .reg label{width:auto!important;cursor:pointer}
.reg label{margin-right:1vw;padding:0 0 0 5px}

input[type="text"],input[type="search"],input[type="tel"],input[type="email"],input[type="password"],input[type="file"],input[type="date"],input[type="time"],input[type="number"],textarea,select{padding:10px;font-size:var(--font-size-r);background-color:#fff;border:1px solid #d6d6d6}
input[type="file"]{padding:9px 10px}
input[type="text"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="email"]:focus,input[type="file"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="text"]:focus,input[type="number"]:focus,textarea:focus,select:focus{background-color:transparent;border:1px solid var(--color-black)}
input[type="submit"]{border:1px solid var(--main-color);font-family:medium,arial,helvetica,awesome5,awesome5b,awesome5l,awesome5s,microns,icofont,sans-serif;font-weight:bold}
input[type="submit"]:hover{border-color:#323232}

footer input[type="text"],footer input[type="search"],footer input[type="tel"],footer input[type="email"],footer input[type="password"],footer input[type="date"],footer input[type="time"],footer input[type="number"],footer textarea,footer select{font-size:var(--font-size-s)}

#page input.powermail_captcha{margin:10px 0 20px;width:50%!important;border:1px solid #d2d2d2}
#page input.powermail_captcha:focus{border-color:#525252}

.selectBox{display:inline-block;position:relative;width:100%}
.selectBox::after{display:inline-block!important;position:absolute;top:10px;right:0;width:30px;text-align:right;color:#a2a2a2}
.selectBox:hover::after{color:#000}
.selectBox select{padding:10px;height:auto}

.fieldwrap.submit *{width:auto;white-space:nowrap}
.forgot .fieldwrap.input + .submit{margin:30px 0 0 30px!important;width:auto!important;text-align:left}
.fieldwrap.submit .btn.submit > span::after{top:12px}
.fieldwrap.submit input{position:relative;z-index:5;padding-right:50px!important;text-align:left}

.reset{text-align:right}
.reset input.resetBtn{display:inline-block;padding:5px 10px;width:auto!important;background-color:#eaeaea;cursor:pointer}
.reset input.resetBtn:hover{color:#fff}

.honeyPot{position:absolute;left:-99999vw}

ul.errorMsg{margin:40px 0 0 15px}
ul.errorMsg li{list-style:square;margin-top:20px}

.confirmBox ul li{margin:10px 0}
.confirmBox .submitBox{margin-top:40px;padding-top:40px;border-top-width:1px}


/* --- LOGIN --- */

.loginPlugin .messageBox *{text-align:center}
.loginPlugin .messageBox .hGroup::after{content:'';display:inline-block;margin-top:40px;width:2rem;height:3px;background-color:var(--main-color)}

.loginPlugin .entriesBox{margin:30px 0}


/* --- FEMANAGER --- */

.femanager_error{margin-bottom:20px!important;padding-top:30px!important}

.femanager-rte{width:100%}
.femanager-rte-toolbar{display:flex;flex-wrap:wrap;gap:6px;background:#f2f2f2;border:1px solid #ccc;border-bottom:0;padding:8px}
.femanager-rte-button{padding:4px 12px;width:auto!important;border:1px solid #bbb;background:#fff;cursor:pointer}
.femanager-rte-editor{min-height:160px;height:auto;overflow:auto;border:1px solid #ccc;padding:10px;background:#fff}
.femanager-rte-source{display:none}
.femanager-rte-editor:focus{outline:0;border-color:#999}

.profileMenu{display:none}