.elementor-39 .elementor-element.elementor-element-17d5a8a{--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;}.elementor-39 .elementor-element.elementor-element-34723bd{--display:flex;}.elementor-39 .elementor-element.elementor-element-60a5c73{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-39 .elementor-element.elementor-element-cbdd937{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:64px;--margin-left:0px;--margin-right:0px;}.elementor-39 .elementor-element.elementor-element-1d03f13{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-39 .elementor-element.elementor-element-66bcc03{--display:flex;--min-height:414px;--justify-content:center;}.elementor-39 .elementor-element.elementor-element-66bcc03.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-39 .elementor-element.elementor-element-2636eb6.elementor-element{--align-self:center;}.elementor-39 .elementor-element.elementor-element-2636eb6 img{width:100%;max-width:100%;}.elementor-39 .elementor-element.elementor-element-b6aeb29{--display:flex;--min-height:150px;--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:center;--flex-wrap:wrap;--border-radius:16px 16px 16px 16px;}.elementor-39 .elementor-element.elementor-element-b6aeb29:not(.elementor-motion-effects-element-type-background), .elementor-39 .elementor-element.elementor-element-b6aeb29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d324369 );}.elementor-39 .elementor-element.elementor-element-c3270c4{--display:flex;}.elementor-39 .elementor-element.elementor-element-2c4bb13{--icon-box-icon-margin:10px;}.elementor-39 .elementor-element.elementor-element-2c4bb13.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-aa7f38b );}.elementor-39 .elementor-element.elementor-element-2c4bb13.elementor-view-framed .elementor-icon, .elementor-39 .elementor-element.elementor-element-2c4bb13.elementor-view-default .elementor-icon{fill:var( --e-global-color-aa7f38b );color:var( --e-global-color-aa7f38b );border-color:var( --e-global-color-aa7f38b );}.elementor-39 .elementor-element.elementor-element-2c4bb13 .elementor-icon{font-size:40px;}.elementor-39 .elementor-element.elementor-element-2c4bb13 .elementor-icon-box-title, .elementor-39 .elementor-element.elementor-element-2c4bb13 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;line-height:0px;letter-spacing:0px;}.elementor-39 .elementor-element.elementor-element-2c4bb13 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-39 .elementor-element.elementor-element-c50b853{--display:flex;}.elementor-39 .elementor-element.elementor-element-02ab083{--icon-box-icon-margin:10px;}.elementor-39 .elementor-element.elementor-element-02ab083.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-aa7f38b );}.elementor-39 .elementor-element.elementor-element-02ab083.elementor-view-framed .elementor-icon, .elementor-39 .elementor-element.elementor-element-02ab083.elementor-view-default .elementor-icon{fill:var( --e-global-color-aa7f38b );color:var( --e-global-color-aa7f38b );border-color:var( --e-global-color-aa7f38b );}.elementor-39 .elementor-element.elementor-element-02ab083 .elementor-icon{font-size:40px;}.elementor-39 .elementor-element.elementor-element-02ab083 .elementor-icon-box-title, .elementor-39 .elementor-element.elementor-element-02ab083 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:400;line-height:0px;letter-spacing:0px;}.elementor-39 .elementor-element.elementor-element-02ab083 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-39 .elementor-element.elementor-element-787f17b{--display:flex;}.elementor-39 .elementor-element.elementor-element-f5881a7{--icon-box-icon-margin:10px;}.elementor-39 .elementor-element.elementor-element-f5881a7.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-aa7f38b );}.elementor-39 .elementor-element.elementor-element-f5881a7.elementor-view-framed .elementor-icon, .elementor-39 .elementor-element.elementor-element-f5881a7.elementor-view-default .elementor-icon{fill:var( --e-global-color-aa7f38b );color:var( --e-global-color-aa7f38b );border-color:var( --e-global-color-aa7f38b );}.elementor-39 .elementor-element.elementor-element-f5881a7 .elementor-icon{font-size:40px;}.elementor-39 .elementor-element.elementor-element-f5881a7 .elementor-icon-box-title, .elementor-39 .elementor-element.elementor-element-f5881a7 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;line-height:0px;letter-spacing:0px;}.elementor-39 .elementor-element.elementor-element-f5881a7 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-39 .elementor-element.elementor-element-2f6d95c{--display:flex;}.elementor-39 .elementor-element.elementor-element-40fd20d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -24px) 0px;}@media(min-width:768px){.elementor-39 .elementor-element.elementor-element-1d03f13{--width:50%;}.elementor-39 .elementor-element.elementor-element-c3270c4{--width:50%;}.elementor-39 .elementor-element.elementor-element-c50b853{--width:50%;}.elementor-39 .elementor-element.elementor-element-787f17b{--width:100%;}.elementor-39 .elementor-element.elementor-element-2f6d95c{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-39 .elementor-element.elementor-element-1d03f13{--width:100%;}.elementor-39 .elementor-element.elementor-element-2f6d95c{--width:100%;}}@media(max-width:1024px){.elementor-39 .elementor-element.elementor-element-34723bd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-39 .elementor-element.elementor-element-60a5c73{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-39 .elementor-element.elementor-element-cbdd937{--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-39 .elementor-element.elementor-element-66bcc03{--min-height:200px;}.elementor-39 .elementor-element.elementor-element-2636eb6 img{width:100%;}.elementor-39 .elementor-element.elementor-element-2f6d95c{--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}}@media(max-width:767px){.elementor-39 .elementor-element.elementor-element-66bcc03{--min-height:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-40fd20d *//* Allgemeine Einstellungen für alle Eingabefelder, Select und Textarea */

.form-row.row0 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background-color: #12121208;  /* Hintergrundfarbe */
  border: 3px solid transparent; /* Normalerweise unsichtbare Rahmen */
  border-radius: 16px;           /* Abrundung */
  padding: 0 10px;
  font-size: 16px;
  box-sizing: border-box;
  height:  64px;
}



.form-row.row0:after {
    content: url('https://itsbrecht.de/wp-content/uploads/2025/03/Arrow.svg');
    position: absolute;
    right: 10px;
    top: 55% !important;
    transform: translateY(-50%);
    pointer-events: none;
}
.form-row.row0 .wpcf7-not-valid-tip{
    right: 30px !important;
}


.form-row.row1 input {
  width: 100%;
  background-color: #12121208;  /* Hintergrundfarbe */
  border: 3px solid transparent; /* Normalerweise unsichtbare Rahmen */
  border-radius: 16px;           /* Abrundung */
  padding: 0 10px;
  font-size: 16px;
  box-sizing: border-box;
  height:  64px;
  line-height: 54px;
}


.form-row.row1 {
  display: flex;
  gap: 20px;
  margin-top: -15px !important;
  margin-bottom: -15px !important;
  
}

.form-row.row1 > div {
  width: 50%;
}

.form-row.row2 input {
  width: 100%;
  background-color: #12121208;  /* Hintergrundfarbe */
  border: 3px solid transparent; /* Normalerweise unsichtbare Rahmen */
  border-radius: 16px;           /* Abrundung */
  padding: 0 10px;
  font-size: 16px;
  box-sizing: border-box;
  height:  64px;
  line-height: 54px;
}

.form-row.row3 input {
  width: 100%;
  background-color: #12121208;  /* Hintergrundfarbe */
  border: 3px solid transparent; /* Normalerweise unsichtbare Rahmen */
  border-radius: 16px;           /* Abrundung */
  padding: 0 10px;
  font-size: 16px;
  box-sizing: border-box;
  height:  64px;
  line-height: 54px;
}

.contact-form textarea {
    width: 100%;
  background-color: #12121208;  /* Hintergrundfarbe */
  border: 3px solid transparent; /* Normalerweise unsichtbare Rahmen */
  border-radius: 16px;           /* Abrundung */
  padding: 0 10px;
  font-size: 16px;
  box-sizing: border-box;
  height: 108px;
  padding-top: 10px;
  padding-bottom: 10px;
}



/* Platzhalter-Text in Farbe #909090 */
.contact-form ::-webkit-input-placeholder {
  color: #909090;
}
.contact-form :-ms-input-placeholder {
  color: #909090;
}
.contact-form ::placeholder {
  color: #909090;
}

/* Fokus-Zustand: aktive Felder */
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
  border-color: #80AFE8;
  outline: none;
}

/* Fehler-Zustand (Contact Form 7 fügt die Klasse .wpcf7-not-valid hinzu) */
.contact-form input.wpcf7-not-valid,
.contact-form select.wpcf7-not-valid,
.contact-form textarea.wpcf7-not-valid {
  background-color: #FFF3F3;
  border-color: #FF1B1B;
}


/* 2) Button "Absenden" in Zeile 6: 30% Breite */

.form-row.row6 input[type="submit"] {
  width: 100%;
  border: 3px solid transparent; 
  border-radius: 8px;           /* Abrundung */
  padding: 0 10px;
  font-size: 16px;
  box-sizing: border-box;
  height:  64px;
}

.form-row.row7{
    margin-left: -10px;
    margin-top: 30px;
}


.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background: #FFFFFF;
    border: 1px solid #A0A0A0;
    border-radius: 4px;
    vertical-align: middle;
    position: relative;
    margin-right: 5px;
    cursor: pointer;
}
.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"]:hover {
    border-color: #005ED0;
}
.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"]:checked {
    background-color: #005ED0;
    border-color: #005ED0;
}
.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10px;
    height: 5px;
    border: solid #FFFFFF;
    border-width: 0 0 2px 2px;
    transform: translate(-50%, -50%) rotate(-45deg);
}

.wpcf7-not-valid-tip {
    margin-top: 1px;
    margin-left: 5px;
}


.form-row {
  position: relative;
}

.wpcf7-not-valid-tip {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  background: #FFF3F3;
  padding: 5px 10px;
  font-size: 14px;
  white-space: nowrap;
}


.form-row.row4 {
  position: relative!important;
}

.form-row.row4 .wpcf7-not-valid-tip {
  position: absolute!important;
  top: -76px!important; /* Fehlernachricht oben ausrichten */
  right: 10px!important; /* Abstand zum rechten Rand */
  transform: none!important; /* keine vertikale Zentrierung */
}

.form-row.row5 {
  position: relative;
}

.form-row.row5 .wpcf7-not-valid-tip {
    position: absolute;
    top: 10px;
    right: revert-layer;
    background-color: rgba(255, 255, 255, 0)!important;
    padding-top: 1px!important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
    width: 100%!important;
    border-color: #FF1B1B;
    border-radius: 8px;
    background-color: #FFF3F3;
    color: #dc3232;
}

@media (max-width: 600px) {
  .form-row.row1 {
    flex-direction: column;
  }
  .form-row.row1 > div {
    width: 100%;
  }
  
  .first-name{
      margin-bottom:-35px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Roboto';
	font-display: auto;
	src: url('https://itsbrecht.de/wp-content/uploads/2025/02/Roboto-VariableFont_wdthwght.ttf') format('truetype');
}
/* End Custom Fonts CSS */