.elementor-144 .elementor-element.elementor-element-68030387{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-144 .elementor-element.elementor-element-464faa6e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-144 .elementor-element.elementor-element-70f47993 .elementor-button{background-color:var( --e-global-color-26b5809 );fill:var( --e-global-color-ef07b92 );color:var( --e-global-color-ef07b92 );border-radius:0px 0px 0px 0px;padding:20px 30px 20px 25px;}.elementor-144 .elementor-element.elementor-element-70f47993 .elementor-button:hover, .elementor-144 .elementor-element.elementor-element-70f47993 .elementor-button:focus{background-color:var( --e-global-color-2dc17b3 );color:var( --e-global-color-a94ea7f );}.elementor-144 .elementor-element.elementor-element-70f47993 .elementor-button:hover svg, .elementor-144 .elementor-element.elementor-element-70f47993 .elementor-button:focus svg{fill:var( --e-global-color-a94ea7f );}.elementor-144 .elementor-element.elementor-element-453f8297{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-144 .elementor-element.elementor-element-453f8297:not(.elementor-motion-effects-element-type-background), .elementor-144 .elementor-element.elementor-element-453f8297 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}#elementor-popup-modal-144 .dialog-widget-content{animation-duration:1.2s;background-color:rgba(2, 1, 1, 0);}#elementor-popup-modal-144{background-color:rgba(0,0,0,.8);justify-content:flex-end;align-items:center;pointer-events:all;}#elementor-popup-modal-144 .dialog-message{width:650px;height:auto;}@media(max-width:1024px){.elementor-144 .elementor-element.elementor-element-453f8297{--justify-content:center;}}@media(max-width:767px){.elementor-144 .elementor-element.elementor-element-68030387{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-144 .elementor-element.elementor-element-70f47993 .elementor-button{padding:20px 20px 20px 20px;}.elementor-144 .elementor-element.elementor-element-453f8297{--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}}@media(min-width:768px){.elementor-144 .elementor-element.elementor-element-464faa6e{--width:12%;}.elementor-144 .elementor-element.elementor-element-453f8297{--width:90%;}}/* Start custom CSS for html, class: .elementor-element-c9ae29a */@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700&display=swap');

/* ========= Grundlayout ========= */
:root {
  --primary-bg: #F1F5F7;
  --card-bg: #FFF;
  --text-color: #082137;
  --accent-color: #F05617;
  --hover-bg: #000000;
  --hover-text: #ffffff;
  --divider-color: #888;
}

/* Body und Formular-Basics */
body {
  background-color: var(--primary-bg);
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: var(--text-color);
  margin: 0;
  padding: 0;
}

/* Gilt für alle Formulartexte und Eingaben */
.cr-web-form,
.cr-web-form * {
  font-family: 'Nunito', sans-serif;
  font-weight: 400;
  font-size: 18px;
}

/* Layoutstruktur */
.cr-web-wrapper {
  display: flex;
  justify-content: center;
}

.cr-web-row {
  width: 100%;
  max-width: 600px;
  box-sizing: border-box;
  background-color: var(--card-bg);
  padding: 10px 20px;
}

@media only screen and (max-width: 768px) {
  .cr-web-row {
    width: 90vw;
  }
}

/* Formelemente */
.cr-web-form {
  display: flex;
  flex-direction: column;
}

.cr-web-form input,
.cr-web-form select,
.cr-web-form button {
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid #ccc;
  margin-bottom: 4px; /* stark reduzierter Abstand */
}

/* Labels */
.cr-web-form label,
.cr-web-label {
  font-weight: 400;
  padding: 8px 0;
  display: block;
}

/* Pflichtfeld-Kennzeichnung */
.cr-web-form label.required::after,
.cr-web-label.required::after {
  content: ' *';
  color: red;
}

/* Consent-Bereich */
.cr-consent-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.cr-consent-required {
  display: block;
  margin-left: 24px;
  padding: 0 !important;
  font-size: 16px;
  line-height: 1.4;
}

.cr-consent-required::after {
  content: ' *';
  color: red;
}

/* Checkboxgruppen */
.cr-web-form ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.cr-web-form ul li {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

/* Nur Text hinter Checkboxen */
.cr-web-form ul li label {
  font-size: 16px;
}

/* Divider */
.cred-divider-line {
  height: 2px;
  background-color: var(--divider-color);
  margin: 20px 0;
}

/* Textblöcke */
.cr-text {
  color: var(--text-color);
}

/* ========= Button-Styling ========= */
.cr-web-form button {
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 0.1em;
  background-color: var(--accent-color);
  color: #ffffff;
  border: none;
  border-radius: 0px 0px 15px 0px;
  padding: 12px 18px;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}

.cr-web-form button:hover {
  background-color: var(--hover-bg);
  color: var(--hover-text);
}/* End custom CSS */