@keyframes karriereRotation {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
} 100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
section.m61_bewerben.hell {
background: #fff;
color: #6c6c6c;
padding: 15px;
}
section.m61_bewerben.hell .m61_bewerben_content_container {
background: #f4f4f4;
}
section.m61_bewerben p:last-child {
margin-bottom: 0;
}
section.m61_bewerben .m61_bewerben_top {
display: flex;
justify-content: space-between;
margin-bottom: 65px;
}
section.m61_bewerben .m61_bewerben_top_inner {
width: 100%;
max-width: calc(50% - 25px);
flex: 0 0 auto;
}
section.m61_bewerben .m61_bewerben_top_left {
padding-top: 10px;
}
section.m61_bewerben .m61_titel {
font-size: 2.1875rem;
color: #181d22;
margin-bottom: 27px;
font-family: 'Nexa-Heavy', sans-serif;
}
section.m61_bewerben .m61_bewerben_top_right {
display: flex;
}
section.m61_bewerben .m61_bewerben_img_container,
section.m61_bewerben .m61_bewerben_img_item {
width: 400px;
}
section.m61_bewerben .m61_bewerben_smiley_container {
align-self: flex-end;
margin-left: -25px;
margin-bottom: -40px;
position: relative;
z-index: 2;
}
section.m61_bewerben .m61_bewerben_smiley_circle {
width: 138px;
height: 138px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.78125rem;
}
section.m61_bewerben .karriere_sticker_rotation {
animation: karriereRotation 8s infinite;
animation-timing-function: linear;
transform-origin: center;
}
section.m61_bewerben .m61_bewerben_center {
margin-bottom: 27px;
}
section.m61_bewerben .m61_bewerben_custom_dots_container {
position: static;
text-align: left;
display: flex;
gap: 0 10px;
}
section.m61_bewerben .m61_bewerben_dot {
width: 45px;
height: 10px;
display: flex;
align-items: center;
margin-bottom: 0;
cursor: pointer;
}
section.m61_bewerben .m61_bewerben_dot_item {
width: 100%;
height: 4px;
padding: 0;
background: rgba(33,38,43,.2);
-webkit-transition: background .4s;
-moz-transition: background .4s;
-ms-transition: background .4s;
-o-transition: background .4s;
transition: background .4s;
}
section.m61_bewerben .m61_bewerben_dot:hover .m61_bewerben_dot_item,
section.m61_bewerben .m61_bewerben_dot.active .m61_bewerben_dot_item {
background: #f67939;
}
section.m61_bewerben .m61_bewerben_forms_container {
z-index: 5;
}
section.m61_bewerben .mM_select_items {
position: static !important;
opacity: 0;
}
section.m61_bewerben .m61_bewerben_form_arrows {
display: flex;
justify-content: flex-end;
gap: 0 9px;
position: relative;
z-index: 6;
margin-top: 20px;
}
section.m61_bewerben .m61_bewerben_form_arrow {
width: 28px;
height: 28px;
border: 1px solid rgba(108,108,108,.5);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
-webkit-transition: border-color .4s, background .4s;
-moz-transition: border-color .4s, background .4s;
-ms-transition: border-color .4s, background .4s;
-o-transition: border-color .4s, background .4s;
transition: border-color .4s, background .4s;
}
section.m61_bewerben .m61_bewerben_form_arrow:not(.inactive) {
cursor: pointer;
}
section.m61_bewerben .m61_bewerben_form_arrow_item {
width: 4px;
height: 7px;
fill: #6c6c6c;
-webkit-transition: fill .4s;
-moz-transition: fill .4s;
-ms-transition: fill .4s;
-o-transition: fill .4s;
transition: fill .4s;
}
section.m61_bewerben .m61_prev_arrow_item {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
section.m61_bewerben .m61_bewerben_form_arrow:not(.inactive) {
background: #f67939;
border-color: #f67939;
}
section.m61_bewerben .m61_bewerben_form_arrow:not(.inactive) .m61_bewerben_form_arrow_item {
fill: #fff;
}
section.m61_bewerben .m61_bewerben_form_arrow:not(.inactive):hover {
background: transparent;
}
section.m61_bewerben .m61_bewerben_form_arrow:not(.inactive):hover  .m61_bewerben_form_arrow_item {
fill: #3e3e3e;
}
section.m61_bewerben .wpcf7-form-control-wrap.hidden {
display: none;
}
section.m61_bewerben .wpcf7-form.validating .wpcf7-response-output {
display: none;
}
section.m61_bewerben .m61_bewerbung_form_invalid {
display: block;
padding: 9px 8px 4px;
margin-top: 15px;
color: red; font-size: 1.1rem;
line-height: 1;
font-weight: 600;
letter-spacing: 1px;
border-radius: 5px;
}
section.m61_bewerben .wpcf7-field-group {
position: relative;
margin-bottom: 30px;
}
section.m61_bewerben [data-class="wpcf7cf_group"] .wpcf7-field-group {
margin-bottom: 0;
margin-top: 15px;
}
section.m61_bewerben .form_container_last {
margin-top: 30px;
}
section.m61_bewerben input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
padding-right: 55px;
padding-left: 55px;
}
section.m61_bewerben .m61_field_group_button {
position: absolute;
right: 15px;
top: 50%;
height: 28px;
width: 28px;
border-radius: 50%;
background: #f67939;
color: #fff;
cursor: pointer;
border: none;
box-shadow: none;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.1rem;
line-height: 1;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: background .4s, color .4s;
-moz-transition: background .4s, color .4s;
-ms-transition: background .4s, color .4s;
-o-transition: background .4s, color .4s;
transition: background .4s, color .4s;
}
section.m61_bewerben .m61_field_group_button.wpcf7-field-group-remove {
right: auto;
left: 15px;
background: #e5e5e5;
color: #6c6c6c;
}
section.m61_bewerben .m61_field_group_button span {
display: inline-block;
margin-top: 5px;
}
section.m61_bewerben .m61_field_group_button.wpcf7-field-group-remove span {
margin-top: 1px;
}
section.m61_bewerben .m61_field_group_button:hover {
background: #181d21;
color: #fff;
}
section.m61_bewerben .wpcf7-field-group:not(:last-child) .wpcf7-field-group-add {
display: none;
}
section.m61_bewerben .form_item_label {
position: relative;
width: 100%;
}
section.m61_bewerben .lebenslauf_label {
margin-bottom: 20px;
}
section.m61_bewerben .form_item_label p {
font-size: 1.1rem;
display: inline-block;
margin-bottom: 5px;
font-family: Nexa-Bold, sans-serif;
font-weight: 600;
letter-spacing: 1.5px;
color: #181d22;
}
section.m61_bewerben input[type="file"] {
display: none;
}
section.m61_bewerben .form_item_file_helper {
padding: 19px 55px 15px;
border: 1px dashed rgba(108, 108, 108, 0.4);
border-radius: 30px;
-webkit-transition: border-color .4s;
-moz-transition: border-color .4s;
-ms-transition: border-color .4s;
-o-transition: border-color .4s;
transition: border-color .4s;
}
section.m61_bewerben .form_item_file_helper.active {
border-color: #f67939;
}
section.m61_bewerben .form_item_file_helper svg {
width: 20px;
fill: #6c6c6c;
margin-right: 7px
}
section.m61_bewerben .wpcf7-checkbox .wpcf7-list-item,
section.m61_bewerben .wpcf7-acceptance .wpcf7-list-item {
margin-left: 0;
}
section.m61_bewerben .wpcf7-checkbox input,
section.m61_bewerben .wpcf7-acceptance input {
display: none;
}
section.m61_bewerben .wpcf7-checkbox input + span a,
section.m61_bewerben .wpcf7-acceptance input + span a {
text-decoration: underline;
}
section.m61_bewerben .wpcf7-checkbox input + span a:hover,
section.m61_bewerben .wpcf7-acceptance input + span a:hover {
text-decoration: none;
}
section.m61_bewerben .wpcf7-checkbox input + span,
section.m61_bewerben .wpcf7-acceptance input + span {
display: inline-block;
padding-left: 32px;
position: relative;
font-size: 1.1rem;
color: #181d22;
}
section.m61_bewerben .wpcf7-checkbox input + span:before,
section.m61_bewerben .wpcf7-acceptance input + span:before,
section.m61_bewerben .wpcf7-checkbox input + span:after,
section.m61_bewerben .wpcf7-acceptance input + span:after {
content: '';
position: absolute;
left: 2px;
top: 2px;
width: 20px;
height: 20px;
}
section.m61_bewerben .wpcf7-checkbox input + span:before,
section.m61_bewerben .wpcf7-acceptance input + span:before {
border: 1px solid rgba(108,108,108,.4);
background: transparent;
-webkit-transition: border-color .4s, background .4s;
-moz-transition: border-color .4s, background .4s;
-ms-transition: border-color .4s, background .4s;
-o-transition: border-color .4s, background .4s;
transition: border-color .4s, background .4s;
}
section.m61_bewerben .wpcf7-checkbox input + span:after,
section.m61_bewerben .wpcf7-acceptance input + span:after {
width: 14px;
height: 14px;
top: 5px;
left: 5px;
opacity: 0;
background-image: url(//www.mediameans.de/wp-content/themes/BLUEtheWEB-child/img/check.png);
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
-webkit-transition: opacity .4s;
-moz-transition: opacity .4s;
-ms-transition: opacity .4s;
-o-transition: opacity .4s;
transition: opacity .4s;
}
section.m61_bewerben .wpcf7-checkbox input:checked + span:after,
section.m61_bewerben .wpcf7-acceptance input:checked + span:after {
opacity: 1;
}
section.m61_bewerben .wpcf7-checkbox input:checked + span:before,
section.m61_bewerben .wpcf7-acceptance input:checked + span:before {
border-color: #f67939;
background: #f67939;
box-shadow: 0px 0px 1px 2px rgba(0, 0, 0, 0.15);
}
section.m61_bewerben [class*="mM_stelle_select"] {
border-radius: 30px;
transition: box-shadow .4s;
}
section.m61_bewerben [class*="mM_stelle_select"].active .select-arrow.active,
section.m61_bewerben .mM_select_selected.mM_select_arrow_active,
section.m61_bewerben [class*="mM_stelle_select"].active .mM_select_items {
border-color: transparent;
}
section.m61_bewerben [class*="mM_stelle_select"].active {
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.15);
}
section.m61_bewerben .m61_bewerben_form_step > .wpcf7 {
padding: 7px;
}
section.m61_bewerben .form_item_upload_fields {
display: flex;
gap: 20px;
}
section.m61_bewerben .form_item_upload_fields label {
margin-bottom: 20px;
}
section.m61_bewerben .cf7_formular {
position: relative;
}
section.m61_bewerben .form_container {
display: flex;
justify-content: space-between;
gap: 0 30px;
margin-bottom: 33px;
flex-wrap: wrap;
}
section.m61_bewerben .form_item {
width: 100%;
max-width: calc(50% - 15px);
flex: 0 0 auto;
}
section.m61_bewerben .form_item.form_item_last {
max-width: 100%;
}
section.m61_bewerben .form_container_last {
margin-top: 60px;
align-items: center;
}
section.m61_bewerben .form_container_last .form_item {
max-width: calc(70% - 15px);
}
section.m61_bewerben .form_container_last .form_item_submit {
max-width: calc(30% - 15px);
text-align: right;
}
section.m61_bewerben .form_container_last .form_item_submit input {
background: #f67939;
border: 1px solid #f67939;
padding: 13px 30px 10px;
color: #fff;
border-radius: 30px;
-webkit-transition: background .4s, color .4s, opacity .4s;
-moz-transition: background .4s, color .4s, opacity .4s;
-ms-transition: background .4s, color .4s, opacity .4s;
-o-transition: background .4s, color .4s, opacity .4s;
transition: background .4s, color .4s, opacity .4s;
}
section.m61_bewerben .form_container_last .form_item_submit input:not(:disabled):hover {
background: #f4f4f4;
color: #181d22;
}
section.m61_bewerben .form_container_last .form_item_submit input:disabled {
opacity: .6;
}
section.m61_bewerben .form_container_last .form_item_submit .wpcf7-spinner {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
margin: 0;
z-index: 4;
opacity: 1;
background: rgba(0,0,0,.6);
border-radius: 0;
display: flex;
justify-content: center;
align-items: center;
}
section.m61_bewerben .form_container_last .form_item_submit .wpcf7-spinner img {
width: 150px;
}
section.m61_bewerben .form_container_last .form_item_submit .wpcf7-spinner:before {
display: none;
}
section.m61_bewerben .wpcf7-form-control-wrap {
display: block;
}
section.m61_bewerben input::-webkit-input-placeholder {
color: #6c6c6c;
opacity: 1;
}
section.m61_bewerben input::-moz-placeholder {
color: #6c6c6c;
opacity: 1;
}
section.m61_bewerben input:-ms-input-placeholder {
color: #6c6c6c;
opacity: 1;
}
section.m61_bewerben input:-moz-placeholder {
color: #6c6c6c;
opacity: 1;
}
section.m61_bewerben input::placeholder {
color: #6c6c6c;
opacity: 1;
}
section.m61_bewerben input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
background: transparent;
border: 1px solid rgba(108,108,108,.4);
border-radius: 30px;
padding: 19px 40px 15px;
outline: none !important;
box-shadow: none !important;
-webkit-transition: border-color .4s;
-moz-transition: border-color .4s;
-ms-transition: border-color .4s;
-o-transition: border-color .4s;
transition: border-color .4s;
}
section.m61_bewerben input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]).active,
section.m61_bewerben input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):focus {
border-color: #f67939;
}
section.m61_bewerben .mM_select_selected {
width: 100%;
border: 1px solid rgba(108,108,108,.4);
border-radius: 30px;
background: transparent;
padding: 19px 40px 15px;
padding-right: 60px;
font-size: 1rem;
line-height: 1.5;
font-weight: 400;
color: #6c6c6c;
-webkit-transition: border-radius .4s, border-color .4s;
-moz-transition: border-radius .4s, border-color .4s;
-ms-transition: border-radius .4s, border-color .4s;
-o-transition: border-radius .4s, border-color .4s;
transition: border-radius .4s, border-color .4s;
}
section.m61_bewerben .mM_select_arrows {
left: auto;
right: 31px;
width: 8px;
height: 5px;
}
section.m61_bewerben .mM_select_arrow_down {
border: none !important;
width: 8px;
height: 5px;
}
section.m61_bewerben .mM_select_arrow_down svg {
width: 5px;
height: 8px;
-webkit-transform: rotate(90deg) translateX(-8px);
-moz-transform: rotate(90deg) translateX(-8px);
-ms-transform: rotate(90deg) translateX(-8px);
-o-transform: rotate(90deg) translateX(-8px);
transform: rotate(90deg) translateX(-8px);
}
section.m61_bewerben .mM_select_selected.mM_select_arrow_active,
section.m61_bewerben .mM_select_selected:hover {
background: transparent;
border-color: #f67939;
}
section.m61_bewerben .mM_select_selected.mM_select_arrow_active .mM_select_arrow_down,
section.m61_bewerben .mM_select_selected:hover .mM_select_arrow_down{
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}
section.m61_bewerben .mM_select_selected.active {
background: transparent;
border-color: #f67939;
}
section.m61_bewerben .mM_select_selected.mM_select_arrow_active {
border-radius: 30px 30px 0 0;
}
section.m61_bewerben .wpcf7-form-control-wrap.invalid .mM_select_selected,
section.m61_bewerben .wpcf7-form-control-wrap.invalid input {
border-width: 2px !important;
border-color: red !important;
}
section.m61_bewerben .form_item .mM_select_items {
top: 100%;
overflow-y: scroll;
border-top: none;
border-radius: 0 0 30px 30px;
}
section.m61_bewerben .form_item .mM_select_items > div {
background: #f4f4f4;
color: #6c6c6c;
font-size: 1rem;
font-weight: 400;
padding: 20px 40px;
line-height: 1.3;
}
section.m61_bewerben .form_item .mM_select_selected.mM_select_arrow_active + .mM_select_items {
opacity: 1;
}
section.m61_bewerben .form_item .mM_select_items > div:hover,
section.m61_bewerben .form_item .mM_select_items > div.mM_same_as_selected {
background: #f67939;
color: #fff;
}
@media screen and (max-width: 1920px) {
section.m61_bewerben .m61_bewerben_img_container,
section.m61_bewerben .m61_bewerben_img_item {
width: 100%;
}
}
@media screen and (max-width: 991px) {
section.m61_bewerben .m61_bewerben_smiley_container {
margin-left: -100px;
margin-bottom: 15px;
}
section.m61_bewerben .form_item_upload_fields {
flex-direction: column;
gap: 0;
}
}
@media screen and (max-width: 767px) {
section.m61_bewerben .m61_bewerben_top {
flex-wrap: wrap;
}
section.m61_bewerben .m61_bewerben_top_left {
padding-top: 0;
margin-bottom: 30px;
}
section.m61_bewerben .m61_bewerben_top_inner {
max-width: 100%;
}
section.m61_bewerben .m61_bewerben_smiley_container {
margin-left: -50px;
margin-bottom: -60px;
}
section.m61_bewerben .form_item {
max-width: 100%;
}
section.m61_bewerben .form_item:not(:last-child) {
margin-bottom: 33px;
}
section.m61_bewerben .form_container_last {
margin-top: 40px;
}
section.m61_bewerben .form_container_last .form_item {
max-width: 100%;
}
section.m61_bewerben .form_container_last .form_item_submit {
max-width: 100%;
margin-top: 20px;
}
}
@media screen and (max-width: 575px) {
section.m61_bewerben .m61_titel {
font-size: 1.8875rem;
}
section.m61_bewerben .m61_field_group_button.wpcf7-field-group-add {
position: static;
margin-right: 15px;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
section.m61_bewerben .m61_field_group_button.wpcf7-field-group-remove {
right: 15px;
left: auto;
z-index: 3;
}
section.m61_bewerben .wpcf7-field-group:last-child .m61_field_group_button.wpcf7-field-group-remove {
top: 30%;
}
section.m61_bewerben .m61_bewerben_form_step_two .wpcf7-field-group {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
section.m61_bewerben .m61_bewerben_form_step_two .wpcf7-field-group:last-child .wpcf7-form-control-wrap {
margin-bottom: 10px;
}
section.m61_bewerben .m61_bewerben_form_step_two input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]),
section.m61_bewerben .form_item_file_helper {
padding: 14px 25px 9px;
padding-right: 50px;
position: relative;
overflow: hidden;
white-space: nowrap;
}
section.m61_bewerben .m61_bewerben_form_step_two .wpcf7-field-group:not(:first-child) input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]):after,
section.m61_bewerben .wpcf7-field-group:not(:first-child) .form_item_file_helper:after {
content: '';
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 100%;
background: #f4f4f4;
border-radius: 30px;
}
section.m61_bewerben .wpcf7-acceptance input + span {
font-size: 1rem;
}
section.m61_bewerben .wpcf7-checkbox input + span::after, 
section.m61_bewerben .wpcf7-acceptance input + span::after {
width: 13px;
height: 13px;
}
section.m61_bewerben .wpcf7-checkbox input + span::before, 
section.m61_bewerben .wpcf7-acceptance input + span::before {
width: 17px;
height: 17px;
}
section.m61_bewerben input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]) {
padding: 14px 25px 9px;
}
section.m61_bewerben .mM_select_arrows {
right: 12px;
}
section.m61_bewerben .mM_select_arrow_down svg {
-webkit-transform: rotate(90deg) translateX(-11px);
-moz-transform: rotate(90deg) translateX(-11px);
-ms-transform: rotate(90deg) translateX(-11px);
-o-transform: rotate(90deg) translateX(-11px);
transform: rotate(90deg) translateX(-11px);
}
section.m61_bewerben .mM_select_selected {
padding: 14px 25px 12px;
}
section.m61_bewerben .form_item .mM_select_items > div {
padding: 12px 25px;
}
}
@media screen and (max-width: 450px) {
section.m61_bewerben .m61_bewerben_smiley_circle {
width: 98px;
height: 98px;
}
section.m61_bewerben input {
font-size: .9rem;
}
section.m61_bewerben .mM_select_selected {
font-size: .9rem;
}
section.m61_bewerben .form_item .mM_select_items > div {
font-size: .9rem;
}
}