.elementor-32521 .elementor-element.elementor-element-4b6516b{margin-top:75px;margin-bottom:75px;padding:0px 65px 0px 65px;}.elementor-32521 .elementor-element.elementor-element-15cea03 > .elementor-element-populated{margin:0px 50px 0px 0px;--e-column-margin-right:50px;--e-column-margin-left:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-32521 .elementor-element.elementor-element-7396025 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:47px;font-weight:600;color:#00A8B0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-32521 .elementor-element.elementor-element-d43dab6{width:var( --container-widget-width, 99.883% );max-width:99.883%;--container-widget-width:99.883%;--container-widget-flex-grow:0;text-align:left;font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;}.elementor-32521 .elementor-element.elementor-element-d43dab6 > .elementor-widget-container{margin:10px 0px 80px 0px;}.elementor-widget-ha-cf7 .wpcf7-form-control:not(.wpcf7-submit){font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ha-cf7 label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-ha-cf7 .wpcf7-submit{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-32521 .elementor-element.elementor-element-1affb7d > .elementor-widget-container{background-color:#FFFFFF;margin:0px 0px 0px 0px;padding:20px 20px 20px 20px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#D0D5DD;border-radius:20px 20px 20px 20px;}.elementor-32521 .elementor-element.elementor-element-1affb7d{grid-column:span 1;grid-row:span 1;}.elementor-32521 .elementor-element.elementor-element-1affb7d.ha-has-bg-overlay:hover > .elementor-widget-container::before{transition:background 0.3s;}.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-form-control:not(.wpcf7-submit){width:100%;margin-bottom:0px;padding:8px 8px 8px 8px;border-radius:20px 20px 20px 20px;font-family:"Poppins", Sans-serif;font-size:16px;color:var( --e-global-color-secondary );border-style:none;margin-top:5px;}.elementor-32521 .elementor-element.elementor-element-1affb7d .ha-cf7-form label{width:100%;}.elementor-32521 .elementor-element.elementor-element-1affb7d ::-webkit-input-placeholder{color:#9F9F9F;}.elementor-32521 .elementor-element.elementor-element-1affb7d ::-moz-placeholder{color:#9F9F9F;}.elementor-32521 .elementor-element.elementor-element-1affb7d ::-ms-input-placeholder{color:#9F9F9F;}.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-form-control:not(.wpcf7-submit):focus{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-5723493 );background-color:var( --e-global-color-5723493 );}.elementor-32521 .elementor-element.elementor-element-1affb7d label{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-submit{padding:13px 20px 13px 20px;font-family:"Poppins", Sans-serif;font-size:16px;border-style:solid;border-width:2px 2px 2px 2px;border-color:#00A8B0;border-radius:9px 9px 9px 9px;color:#ffffff;background-color:var( --e-global-color-primary );}.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-submit:hover, .elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-submit:focus{color:var( --e-global-color-accent );background-color:var( --e-global-color-e10fe33 );border-color:var( --e-global-color-accent );}.elementor-32521 .elementor-element.elementor-element-7a34521 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-32521 .elementor-element.elementor-element-4b6516b{padding:0px 30px 0px 30px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-32521 .elementor-element.elementor-element-7396025 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-32521 .elementor-element.elementor-element-7396025 .elementor-heading-title{font-size:50px;line-height:40px;}.elementor-32521 .elementor-element.elementor-element-d43dab6 > .elementor-widget-container{margin:10px 0px 20px 0px;}}@media(max-width:767px){.elementor-32521 .elementor-element.elementor-element-4b6516b{padding:0px 15px 0px 15px;}.elementor-32521 .elementor-element.elementor-element-15cea03 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-32521 .elementor-element.elementor-element-7396025 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-32521 .elementor-element.elementor-element-7396025{text-align:left;}.elementor-32521 .elementor-element.elementor-element-7396025 .elementor-heading-title{font-size:30px;}.elementor-32521 .elementor-element.elementor-element-d43dab6{width:100%;max-width:100%;text-align:left;font-size:16px;}.elementor-32521 .elementor-element.elementor-element-d43dab6 > .elementor-widget-container{margin:10px 0px 0px 0px;}.elementor-32521 .elementor-element.elementor-element-7a34521 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}}@media(min-width:768px){.elementor-32521 .elementor-element.elementor-element-15cea03{width:66%;}.elementor-32521 .elementor-element.elementor-element-7a34521{width:34%;}}@media(max-width:1024px) and (min-width:768px){.elementor-32521 .elementor-element.elementor-element-15cea03{width:100%;}.elementor-32521 .elementor-element.elementor-element-7a34521{width:100%;}}/* Start custom CSS for heading, class: .elementor-element-7396025 */@media (max-width:1300px){
.elementor-4512 .elementor-element.elementor-element-f027516 .elementor-heading-title {font-size:45px;
margin-top:10px;
margin-bottom:20px;

}
    
    
}

@media (max-width:800px){
.elementor-4512 .elementor-element.elementor-element-f027516 .elementor-heading-title {font-size:38px;
margin-top:10px;
margin-bottom:20px;

}
    
    
}/* End custom CSS */
/* Start custom CSS for ha-cf7, class: .elementor-element-1affb7d *//* ==========================================
   1. RADIO CARDS ("Ich schreibe als...")
   ========================================== */
.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-radio {
  display: flex !important;
  gap: 15px !important;
  margin-top: 10px !important;
  margin-bottom: 25px !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-radio .wpcf7-list-item {
  flex: 1 !important;
  margin: 0 !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-radio .wpcf7-list-item-label {
  display: flex !important;
  flex-direction: column !important; /* Richtet Haupttext und <small> untereinander aus */
  justify-content: center !important;
  width: 100% !important;
  padding: 12px 16px 12px 46px !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 10px !important;
  background-color: #ffffff !important;
  cursor: pointer !important;
  font-weight: 600 !important;
  font-size: 0.95em !important;
  color: #101828 !important;
  transition: all 0.2s ease !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
  line-height: 1.3 !important;
}

/* Styling für den Untertitel in den Radio-Buttons */
.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-radio .wpcf7-list-item-label small {
  display: block !important;
  font-size: 0.82em !important;
  font-weight: 400 !important;
  color: #8592a3 !important;
  margin-top: 3px !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-radio input[type="radio"] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
  z-index: 3 !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-radio .wpcf7-list-item-label::before {
  content: "" !important;
  position: absolute !important;
  left: 16px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 16px !important;
  height: 16px !important;
  border: 2px solid #d0d5dd !important;
  border-radius: 50% !important;
  background-color: #ffffff !important;
  box-sizing: border-box !important;
  transition: all 0.2s ease !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-radio .wpcf7-list-item:has(input:checked) .wpcf7-list-item-label {
  border: 2px solid #00a8a8 !important;
  background-color: #f2faf9 !important;
  color: #007a7a !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-radio .wpcf7-list-item:has(input:checked) .wpcf7-list-item-label::before {
  border-color: #00a8a8 !important;
  background-color: #00a8a8 !important;
  box-shadow: inset 0 0 0 3px #ffffff !important;
}

/* ==========================================
   2. CHECKBOX PILLS ("Worum geht es?")
   ========================================== */
.elementor-32521 .elementor-element.elementor-element-1affb7d .checkbox-pills .wpcf7-checkbox {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 10px !important;
  margin-bottom: 25px !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .checkbox-pills .wpcf7-list-item {
  margin: 0 !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* Das Label definiert die Pill-Optik */
.elementor-32521 .elementor-element.elementor-element-1affb7d .checkbox-pills .wpcf7-list-item-label {
  display: inline-block !important;
  padding: 8px 18px !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 30px !important;
  background-color: #ffffff !important;
  color: #344054 !important;
  font-size: 0.9em !important;
  transition: all 0.2s ease !important;
  user-select: none !important;
  pointer-events: none !important; /* Klicks gehen durch das Label direkt zur Checkbox */
}

/* Die unsichtbare Checkbox liegt über der gesamten Pill */
.elementor-32521 .elementor-element.elementor-element-1affb7d .checkbox-pills input[type="checkbox"] {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  opacity: 0 !important; /* Versteckt das Standard-Häkchen, bleibt aber klickbar */
  cursor: pointer !important;
  z-index: 2 !important;
}

/* Hover-Zustand */
.elementor-32521 .elementor-element.elementor-element-1affb7d .checkbox-pills .wpcf7-list-item:hover .wpcf7-list-item-label {
  border-color: #00a8a8 !important;
  color: #00a8a8 !important;
}

/* Aktiv / Ausgewählt (Mehrfachauswahl) */
.elementor-32521 .elementor-element.elementor-element-1affb7d .checkbox-pills .wpcf7-list-item:has(input:checked) .wpcf7-list-item-label {
  border: 1px solid #00a8a8 !important;
  background-color: #f0faf9 !important;
  color: #00a8a8 !important;
  font-weight: 600 !important;
  box-shadow: 0 0 0 1px #00a8a8 !important;
}

/* ==========================================
   3. INFOKARTE "MPO OPTIKER" (Für Brillenträger:in)
   ========================================== */
.elementor-32521 .elementor-element.elementor-element-1affb7d .mpo-info-card {
  background-color: #f2faf9 !important;
  border-left: 3px solid #00a8a8 !important;
  padding: 18px 20px !important;
  border-radius: 8px !important;
  margin-top: 15px !important;
  margin-bottom: 25px !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .mpo-info-card h4 {
  margin: 0 0 8px 0 !important;
  color: #0f172a !important;
  font-weight: 600 !important; /* Dünner als zuvor */
  font-size: 0.98em !important;
  line-height: 1.35 !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .mpo-info-card p {
  color: #475467 !important;
  font-size: 0.88em !important; /* Feinere Schriftgröße */
  font-weight: 400 !important; /* Normale, feine Schriftstärke */
  line-height: 1.5 !important;
  margin: 0 0 14px 0 !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .mpo-button {
  display: inline-block !important;
  background-color: #00a8a8 !important;
  color: #ffffff !important;
  padding: 8px 16px !important;
  border-radius: 8px !important;
  text-decoration: none !important;
  font-weight: 500 !important; /* Nicht fett, wirkt eleganter */
  font-size: 0.86em !important;
  transition: background 0.2s ease !important;
  margin-bottom: 12px !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .mpo-button:hover {
  background-color: #008a8a !important;
  color: #ffffff !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .mpo-info-card p.mpo-small {
  font-size: 0.82em !important;
  color: #8592a3 !important;
  font-weight: 400 !important;
  margin-bottom: 0 !important;
}

/* ==========================================
   4. INPUTS, TEXTAREA & DESCRIPTIONS
   ========================================== */
.elementor-32521 .elementor-element.elementor-element-1affb7d p {
  margin-bottom: 0 !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .form-row {
  display: flex !important;
  gap: 15px !important;
  margin-bottom: 12px !important; /* Abstand zwischen den Input-Zeilen */
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .form-row > div {
  flex: 1 !important;
}

/* Verhindert zusätzliche Margins durch CF7 Wrapper */
.elementor-32521 .elementor-element.elementor-element-1affb7d .form-row p,
.elementor-32521 .elementor-element.elementor-element-1affb7d .form-row .wpcf7-form-control-wrap {
  margin: 5px 0 !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d input[type="text"],
.elementor-32521 .elementor-element.elementor-element-1affb7d input[type="email"],
.elementor-32521 .elementor-element.elementor-element-1affb7d input[type="tel"],
.elementor-32521 .elementor-element.elementor-element-1affb7d textarea {
  width: 100% !important;
  background-color: #ffffff !important;
  border: 1px solid #d0d5dd !important;
  border-radius: 8px !important;
  padding: 12px 16px !important;
  color: #101828 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  margin-top: 6px !important; /* Kleiner Abstand vom Label zum Input-Feld */
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .field-desc {
  font-size: 0.88em !important;
  color: #667085 !important;
  font-weight: normal !important;
  margin-top: 4px !important;
  margin-bottom: 12px !important;
}

/* ==========================================
   5. TRUST BADGES (Nebeneinander & saubere Icons)
   ========================================== */
.elementor-32521 .elementor-element.elementor-element-1affb7d .trust-badge-box {
  background-color: #f0faf9 !important;
  border-radius: 8px !important;
  padding: 14px 20px !important;
  margin: 20px 0 !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 12px 15px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

/* CF7 <p>-Wrapper neutralisieren */
.elementor-32521 .elementor-element.elementor-element-1affb7d .trust-badge-box p {
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px 15px !important;
  width: 100% !important;
  justify-content: space-between !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .trust-badge-box span {
  color: #007a7a !important;
  font-size: 0.88em !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  white-space: nowrap !important;
}

/* Türkiser Häkchen-Style (Font-unabhängig) */
.elementor-32521 .elementor-element.elementor-element-1affb7d .trust-badge-box .check-icon {
  font-style: normal !important;
  font-weight: 900 !important;
  color: #00a8a8 !important;
  font-size: 1.1em !important;
  line-height: 1 !important;
}

/* ==========================================
   6. SUBMIT BUTTON (100% Breite) & FOOTER
   ========================================== */
.elementor-32521 .elementor-element.elementor-element-1affb7d input[type="submit"] {
  width: 100% !important;
  background-color: #00a8a8 !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 16px 28px !important;
  font-weight: 700 !important;
  font-size: 1em !important;
  cursor: pointer !important;
  transition: background 0.2s ease !important;
  box-sizing: border-box !important;
  text-align: center !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d input[type="submit"]:hover {
  background-color: #008a8a !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .direct-call {
  text-align: center !important;
  color: #667085 !important;
  font-size: 0.9em !important;
  margin-top: 0px !important;
  margin-bottom:10px !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .checkbox-pills p {margin-top:-5px !important;}

.elementor-32521 .elementor-element.elementor-element-1affb7d .direct-call a, .elementor-32521 .elementor-element.elementor-element-1affb7d .direct-call {font-size: 14.8px !important;
    font-weight: 400;}

.elementor-32521 .elementor-element.elementor-element-1affb7d .direct-call a {
  color: #00a8a8 !important;
  font-weight: bold !important;
  text-decoration: none !important;
}

/* Untertitel über Pseudo-Elemente injizieren */
.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-radio .wpcf7-list-item:nth-child(1) .wpcf7-list-item-label::after {
  content: "Eine oder mehrere Filialen" !important;
  display: block !important;
  font-size: 0.82em !important;
  font-weight: 400 !important;
  color: #8592a3 !important;
  margin-top: 2px !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-radio .wpcf7-list-item:nth-child(2) .wpcf7-list-item-label::after {
  content: "Private Anfrage" !important;
  display: block !important;
  font-size: 0.82em !important;
  font-weight: 400 !important;
  color: #8592a3 !important;
  margin-top: 2px !important;
}

/* Radio-Box Layout anpassen */
.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-radio .wpcf7-list-item-label {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 10px 16px 10px 44px !important;
  line-height: 1.3 !important;
}

/* Radio-Kreis vertikal zentrieren */
.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-radio .wpcf7-list-item-label::before {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

/* ==========================================
   DATENSCHUTZ ACCEPTANCE STYLING
   ========================================== */
.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-acceptance label {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  color: #475467 !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-acceptance input[type="checkbox"] {
  margin-top: 2px !important; /* Richtet die Box optisch an der ersten Textzeile aus */
  flex-shrink: 0 !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-acceptance .wpcf7-list-item-label {
  font-size: 15px !important;
  line-height: 1.35 !important;
  color: #475467 !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-acceptance a {
  color: #00a8a8 !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  transition: color 0.2s ease !important;
}

.elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-acceptance a:hover {
  color: #008a8a !important;
}

.wpcf7-acceptance .wpcf7-list-item {margin-left:0px !important;}

.wpcf7-not-valid-tip {font-size:15px !important;}

/* ==========================================
   7. MOBILE OPTIMIERUNG (Unter 768px)
   ========================================== */
@media (max-width: 768px) {
  
  /* 1. Radio Cards untereinander */
  .elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-radio {
    flex-direction: column !important;
    gap: 10px !important;
    margin-bottom: 20px !important;
  }

  .elementor-32521 .elementor-element.elementor-element-1affb7d .wpcf7-radio .wpcf7-list-item {
    width: 100% !important;
  }

  /* 2. Formularzeilen (Name, Betrieb, E-Mail, Telefon) eng stapeln */
  .elementor-32521 .elementor-element.elementor-element-1affb7d .form-row {
    flex-direction: column !important;
    gap: 0px !important;            /* Kein Gap innerhalb der Row, damit der Abstand rein vom Margin kommt */
    margin-bottom: 0px !important;   /* Kein extra Abstand unter der Zeile selbst */
  }

  .elementor-32521 .elementor-element.elementor-element-1affb7d .form-row > div {
    width: 100% !important;
    margin-bottom: 12px !important; /* Exakt der gleiche 12px-Abstand wie vor "Ihre Nachricht" */
  }

  .elementor-32521 .elementor-element.elementor-element-1affb7d .form-row p,
  .elementor-32521 .elementor-element.elementor-element-1affb7d .form-row .wpcf7-form-control-wrap {
    margin-bottom: 0 !important;
  }

  .elementor-32521 .elementor-element.elementor-element-1affb7d input[type="text"],
  .elementor-32521 .elementor-element.elementor-element-1affb7d input[type="email"],
  .elementor-32521 .elementor-element.elementor-element-1affb7d input[type="tel"] {
    padding: 10px 14px !important;
  }

  /* 3. Hellgrüne Trust-Badge Box auf Mobil kompakt halten */
  .elementor-32521 .elementor-element.elementor-element-1affb7d .trust-badge-box {
    padding: 12px 16px !important; /* Etwas weniger Innenabstand im Kasten */
  }

  .elementor-32521 .elementor-element.elementor-element-1affb7d .trust-badge-box,
  .elementor-32521 .elementor-element.elementor-element-1affb7d .trust-badge-box p {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 6px !important;           /* Sehr enger Abstand zwischen den 3 Checkmark-Punkten */
  }

  .elementor-32521 .elementor-element.elementor-element-1affb7d .trust-badge-box span {
    white-space: normal !important;
    line-height: 1.3 !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbd8b27 *//* ==========================================
   SIDEBAR COMPLETE OVERHAUL (MATCH ORIGINAL)
   ========================================== */

.sidebar-wrapper {
  display: flex;
  flex-direction: column;
  gap: 25px;
  font-family: inherit;
}

/* Base Card Design */
.sidebar-card {
  background-color: #ffffff;
  border: 1px solid #D0D5DD;
  border-radius: 16px;
  padding: 22px 24px;
  box-shadow: none !important;
  box-sizing: border-box;
}

.sidebar-card.card-teal {
  background-color: #f2faf9;
  border: 1px solid #e1f5f3;
}

/* Headers & Titles */
.sidebar-card .card-header h3 {
  margin: 0 0 4px 0 !important;
  font-size: 1.05em !important;
  font-weight: 600 !important;
  color: #0f172a !important;
  letter-spacing: -0.01em !important;
}

.sidebar-card .card-header .subtitle {
  font-size: 0.88em !important;
  color: #8592a3 !important;
  font-weight: 400 !important;
  display: block;
  margin-bottom: 16px;
  line-height: 1.4;
}

/* Profile Row */
.profile-row {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: linear-gradient(135deg, #00A8B0 0%, #006D73 100%);
  color: #ffffff;
  font-weight: 600;
  font-size: 0.95em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.profile-info .name {
  display: block;
  font-weight: 600 !important;
  color: #0f172a !important;
  font-size: 0.98em;
}

.profile-info .role {
  display: block;
  font-size: 0.86em !important;
  color: #8592a3 !important;
  font-weight: 400 !important;
}

/* Contact Boxes & Portal Button */
.contact-box, 
.portal-button {
  display: flex;
  align-items: center;
  gap: 12px;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 10px 14px;
  margin-bottom: 10px;
  text-decoration: none !important;
  transition: all 0.2s ease;
  background-color: #ffffff;
}

.contact-box {line-height:22px;}

.contact-box:last-child {
  margin-bottom: 0;
}

.contact-box:hover, 
.portal-button:hover {
  border-color: #00a8a8;
  background-color: #f2faf9;
}

.portal-button {
  font-weight: 600 !important;
  color: #0f172a !important;
  margin-bottom: 0;
  font-size: 0.92em;
}

.contact-text .value {
  display: block;
  font-weight: 600 !important;
  color: #0f172a !important;
  font-size: 0.92em;
}

.contact-text .subtext {
  display: block;
  font-size: 0.8em !important;
  color: #8592a3 !important;
  font-weight: 400 !important;
}

/* Filigrane SVG Icons */
.sidebar-wrapper .svg-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 18px !important;
  height: 18px !important;
  flex-shrink: 0 !important;
  margin-top:4px;
}

.sidebar-wrapper .svg-icon svg,
.sidebar-wrapper .svg-icon svg * {
  fill: none !important;
  stroke: #00a8a8 !important;
  stroke-width: 1.6px !important; /* Dünnere Strichstärke */
}

/* Badges (Middle Card) */
.badge-item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #e1eee8;
}

.badge-item:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

.badge-title {
  display: block;
  font-weight: 600 !important;
  color: #0f172a !important;
  font-size: 0.92em;
  margin-bottom: 2px;
}

.badge-sub {
  display: block;
  font-size: 0.82em !important;
  color: #8592a3 !important;
  font-weight: 400 !important;
  line-height: 1.35;
}

/* Testimonial Card */
.stars {
  color: #00a8a8 !important;
  font-size: 0.85em;
  letter-spacing: 3px;
  margin-bottom: 12px;
}

.testimonial-text {
  margin: 0 0 14px 0 !important;
  padding-left: 12px !important;
  border-left: 2px solid #00a8a8 !important;
  font-size: 0.88em !important;
  color: #334155 !important;
  line-height: 1.55 !important;
  font-style: normal !important;
  font-weight: 400 !important;
}

.testimonial-author {
  display: block;
  font-size: 0.82em !important;
  color: #8592a3 !important;
  font-weight: 400 !important;
}

@media (max-width: 768px) {
.contact-box.mailinfo .value {font-size: 0.82em;}
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-4b6516b */.hide-footer-part {
  display: none !important;
}/* End custom CSS */