/*CF7 FORMULARE*/
.formularlink{
    max-width:360px!important;
    border-top: 10px solid #4bb79b;
    border-left: 10px solid #4bb79b;
    box-shadow: 0px 4.7948350906px 6.3931136131px 0px rgba(0,0,0,0.15);
    border-radius: 40px 0px;
    padding: 20px;
    padding-left: 50px;
    background: url("/wp-content/uploads/2025/08/icon-benefits.svg") no-repeat;
    background-position-y: 30px;
}
.wpcf7 input {
  
  font-size: 13px !important; 
	color: #333 !important;	
}


.cf7mls-btns .cf7mls_next.action-button,
.cf7mls-btns .cf7mls_back.action-button {
    margin: 25px 26px 25px 0px;
    padding: 13px 15px;
}



.formularlink a {
    color: #4bb79b;
    text-decoration: none;
}
.formularlink a:before {
    content: url("/wp-content/uploads/2025/08/arrow.svg");
    display: block;
    float: left;
    width: 40px;
    margin-right: 5px;
}







.wpcf7 select {
    color: #333333;
    width: 100%;
    height: 100%;
    margin-bottom: 2vh;
    border-radius: 0px;
    border-color:#b8b8b8 !important;
    /* overflow: visible; */
    background-color: #ffffff;
    padding: 6px;
    cursor: pointer;
    font-size: 15px;
}

.wpcf7 input{
    color: #575757;
    width: 100%;
    border: solid 1px;
    border-radius: 5px;
    border-color: #b8b8b8 !important;
    overflow: visible;
    background-color: #ffffff;
    padding: 8px;
    cursor: pointer;
    font-size: 15px;
}.captcha-image {
    border: 1px solid !important;
	 border-radius: 5px;
    border-color: #b8b8b8 !important;
    padding: 2vw;
    display: inline-block;
    text-align: center;
	 font-size: 15px;
}
.wpcf7 a[href="/karriere/stellenangebote/absage"]{
  font-weight:bold;
}
.wpcf7 a{
  color: #4bb79b;
  text-decoration: none;
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    border: solid 1px;
    border-radius: 5px;
    border-color: #b8b8b8 !important;;
}


/* Checkboxen und Radios normal nebeneinander */
.wpcf7 input[type="checkbox"],
.wpcf7 input[type="radio"] {
    width: auto;
    margin-right: 8px; /* kleiner Abstand vor dem Label-Text */
    cursor: pointer;
}

form.cf7mls input.wpcf7-form-control.wpcf7-submit {
   cursor: pointer;
    color: #4bb79b;
    display: block;
	max-width: 250px;
	float: inline-start;
    font-weight: normal;
    font-size: 16px;
    background-color: rgba(75,183,155,0);
    border: 1px solid #4bb79b;
    border-radius: 27px;
    transition: all 0.3s ease; /* sanfter Übergang */
}

form.cf7mls input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #4bb79b !important; ; /* Hintergrund wird die Rahmenfarbe */
    color: #fff; /* Schrift wird weiß */
 opacity: 1 !important; 
}









.wpcf7 .cf7mls_next, 
.wpcf7 .wpcf7-submit, 
.wpcf7 .cf7mls_back {
    cursor: pointer;
    color: #4bb79b;
    display: block;
    font-weight: normal;
    font-size: 16px;
    background-color: rgba(75,183,155,0);
    border: 2px solid #4bb79b;
    border-radius: 27px;
    transition: all 0.3s ease; /* sanfter Übergang */
}

.wpcf7 .cf7mls_next:hover, 
.wpcf7 .wpcf7-submit:hover, 
.wpcf7 .cf7mls_back:hover {
    background-color: #4bb79b !important; ; /* Hintergrund wird die Rahmenfarbe */
    color: #fff; /* Schrift wird weiß */
 opacity: 1 !important; 
}

.wpcf7 .cf7mls_next, .wpcf7 .wpcf7-submit{
    margin-left: 0px;
    /* float: left; */
    background-position: 0px -401px;
    /*width: 40px;*/
}

.wpcf7 .cf7mls_back{
  float: left;
  background-position: 0px -401px;
    padding: 0px;
    margin-right: 50px;
    margin-bottom: 20px;
    float: left;
    width: auto;
}

.wpcf7 .wpcf7-select:focus-visible, .wpcf7 .wpcf7-input:focus-visible {
    outline: 0;
}
.wpcf7 form .wpcf7-response-output {
    margin: 2em 0.5em 1em;
    padding: 0.2em 1em;
    border:4px solid #f00;
}


/* Basis für Checkboxen in CF7 */
.wpcf7 input[type="checkbox"] {
  appearance: none;          /* entfernt Standard-Häkchen */
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 20px;
  height: 20px;
  border: 2px solid #2b6cb0; /* Farbe anpassen */
  border-radius: 4px;        /* eckig oder rund (z. B. 50% für Kreis) */
  background: #fff;
  margin-right: 8px;
  cursor: pointer;
  vertical-align: middle;
  transition: all 0.2s ease-in-out;
}

/* Wenn angeklickt → gefüllt */
.wpcf7 input[type="checkbox"]:checked {
  background:#4bb79b;
  border-color: #2b6cb0;
}

/* Optional Hover-Effekt */
.wpcf7 input[type="checkbox"]:hover {
  border-color: #4bb79b;
}