.block-helpdesk-form .container-inhalt{
    width: 100%;
    height: 100%;
    padding: 20px;

    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}


.block-helpdesk-form .container-inhalt label{
    font-size: 14px;
}

.block-helpdesk-form .container-border{
    border: 1px solid #a5a5a5;
}

.block-helpdesk-form .container-vertikal-oben{
    justify-content: start;
}

.block-helpdesk-form .container-vertikal-mitte{
    justify-content: center;
}

.block-helpdesk-form .container-vertikal-unten{
    justify-content:end;
}

.block-helpdesk-form .helpdesk-form-abteilung-auswahl{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 15px;
}

.block-helpdesk-form .helpdesk-form-abteilung-auswahl input[type="radio"].helpdesk-form-technik,
.block-helpdesk-form .helpdesk-form-abteilung-auswahl input[type="radio"].helpdesk-form-vertrieb {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}


.block-helpdesk-form .helpdesk-form-abteilung-auswahl label {
  display: flex; 
  align-items: center; 
  position: relative;
  cursor: pointer;
  padding-left: 20px; 
  margin-bottom: 10px; 
  gap: 5px;
}


.block-helpdesk-form .helpdesk-form-abteilung-auswahl label::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%); 
  
  width: 15px;
  height: 15px;
  border-radius: 50%; 
  
  /* Unausgefüllter Look: Dunkler Rand, leerer Hintergrund */
  border: 2px solid #555; 
  background-color: transparent; 
  
  transition: background-color 0.2s, border-color 0.2s;
}


.block-helpdesk-form .helpdesk-form-abteilung-auswahl label:has(input:checked)::before {
  background-color: #000; 
  border-color: #000; 
}

.block-helpdesk-form .helpdesk-form-abteilung-auswahl label:hover::before {
  border-color: #000;
}

.block-helpdesk-form .anfragen-row {
    background-color: #E8E8E8;
    padding: 20px;
    gap:10px;
}

.block-helpdesk-form .anfragen-row #formular-technik, .block-helpdesk-form .anfragen-row #formular-vertrieb{
    padding-right:0 !important;
    padding-left: 0 !important;


}

.block-helpdesk-form .anfragen-row .formular-flex{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}

.block-helpdesk-form .anfragen-row .col-lg-6{
    width: 48% !important;
}

.block-helpdesk-form .anfragen-row input, textarea, select, .block-helpdesk-form .anfragen-row .helpdesk-form-abteilung-auswahl {
    background-color: #f9f9f9;
    border: none;
    border-bottom: 1px solid #a5a5a5;
    padding: 10px;
    width: 100%;

}

.block-helpdesk-form .anfragen-row input, textarea, select, .block-helpdesk-form .anfragen-row .helpdesk-form-abteilung-auswahl:focus {
    outline: none;
}

.block-helpdesk-form .anfragen-row .datenschutz .wpcf7-list-item{
    margin: 0 !important;
}

.block-helpdesk-form .anfragen-row .datenschutz input{
    width:unset !important;
}

.block-helpdesk-form .anfragen-row .datenschutz .wpcf7-list-item input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
}

.block-helpdesk-form .anfragen-row .datenschutz .wpcf7-list-item label {
  display: flex; 
  align-items: center; 
  position: relative;
  cursor: pointer;
  padding-left: 20px; 
  margin-bottom: 10px; 
  gap: 5px;
}


.block-helpdesk-form .anfragen-row .datenschutz .wpcf7-list-item label::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%); 
  
  width: 15px;
  height: 15px;
  
  /* Unausgefüllter Look: Dunkler Rand, leerer Hintergrund */
  border: 2px solid #555; 
  background-color: transparent; 
  
  transition: background-color 0.2s, border-color 0.2s;
}


.block-helpdesk-form .anfragen-row .datenschutz .wpcf7-list-item label:has(input:checked)::before {
  background-color: #000; 
  border-color: #000; 
}

.block-helpdesk-form .anfragen-row .datenschutz .wpcf7-list-item label:hover::before {
  border-color: #000;
}

.block-helpdesk-form .anfragen-row .formular-flex .strechted_button{
    width: 100% !important;
}

.block-helpdesk-form .anfragen-row .formular-flex .strechted_button input{
    max-width: 100% !important;
}

@media screen and (max-width: 991px) {
    .block-helpdesk-form .anfragen-row .col-lg-6{
        width: 100% !important;
    }
    
}