.elementor-818 .elementor-element.elementor-element-8bcc267{--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:-10px;--margin-left:0px;--margin-right:0px;}.elementor-818 .elementor-element.elementor-element-00e0e06{--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;}.elementor-818 .elementor-element.elementor-element-cff872f{margin:-5px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-818 .elementor-element.elementor-element-cff872f .woocommerce-breadcrumb{color:var( --e-global-color-dafb903 );text-align:left;}.elementor-818 .elementor-element.elementor-element-cff872f .woocommerce-breadcrumb > a{color:var( --e-global-color-06e79c1 );}.elementor-818 .elementor-element.elementor-element-6933640{--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;}.elementor-818 .elementor-element.elementor-element-799fc56{--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-818 .elementor-element.elementor-element-c028dc8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-818 .elementor-element.elementor-element-a7dfd0a{--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-818 .elementor-element.elementor-element-af989d8{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;}.elementor-818 .elementor-element.elementor-element-af989d8 .elementor-heading-title{font-family:"Nekst", Sans-serif;font-size:48px;font-weight:400;}.elementor-818 .elementor-element.elementor-element-d5633a9{--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;--justify-content:space-between;--margin-top:0px;--margin-bottom:0px;--margin-left:-6px;--margin-right:-6px;}.elementor-818 .elementor-element.elementor-element-e1385dd .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;}.elementor-818 .elementor-element.elementor-element-250f189 .elementor-button{background-color:var( --e-global-color-accent );border-radius:6px 6px 6px 6px;padding:15px 65px 15px 65px;}.elementor-818 .elementor-element.elementor-element-250f189 .elementor-button:hover, .elementor-818 .elementor-element.elementor-element-250f189 .elementor-button:focus{background-color:var( --e-global-color-358e35b );}.elementor-818 .elementor-element.elementor-element-250f189.elementor-element{--align-self:center;}.elementor-818 .elementor-element.elementor-element-250f189 .elementor-button-content-wrapper{flex-direction:row;}.elementor-818 .elementor-element.elementor-element-250f189 .elementor-button .elementor-button-content-wrapper{gap:8px;}.elementor-818 .elementor-element.elementor-element-ae3b65e{--display:flex;--margin-top:0px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;}.elementor-818 .elementor-element.elementor-element-3e1a880{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -22px) 0px;}.woocommerce .elementor-818 .elementor-element.elementor-element-3e1a880 .price{color:var( --e-global-color-text );font-family:"Roboto", Sans-serif;font-size:24px;font-weight:500;}.elementor-818 .elementor-element.elementor-element-987d3d5 > .elementor-widget-container{margin:-15px 0px 10px 0px;}.elementor-818 .elementor-element.elementor-element-dea87be .cart button, .elementor-818 .elementor-element.elementor-element-dea87be .cart .button{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;border-style:none;border-radius:6px 6px 6px 6px;padding:15px 70px 15px 70px;color:var( --e-global-color-9a785f7 );background-color:var( --e-global-color-primary );transition:all 0.2s;}.elementor-818 .elementor-element.elementor-element-dea87be .cart button:hover, .elementor-818 .elementor-element.elementor-element-dea87be .cart .button:hover{background-color:var( --e-global-color-4ffdb99 );border-color:var( --e-global-color-4ffdb99 );}.elementor-818 .elementor-element.elementor-element-dea87be .added_to_cart{font-family:"Roboto", Sans-serif;font-weight:400;}.elementor-818 .elementor-element.elementor-element-dea87be{--button-spacing:5px;}.elementor-818 .elementor-element.elementor-element-dea87be .quantity .qty{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:500;border-style:solid;border-width:1px 1px 1px 1px;border-radius:6px 6px 6px 6px;padding:0px 0px 0px 10px;border-color:var( --e-global-color-f6d3d92 );transition:all 0.2s;}.elementor-818 .elementor-element.elementor-element-dea87be .quantity .qty:focus{border-color:var( --e-global-color-4e3e361 );}.elementor-818 .elementor-element.elementor-element-fbfd05c{--display:flex;}.elementor-818 .elementor-element.elementor-element-dafef27{padding:-50px 0px 0px 0px;}.elementor-818 .elementor-element.elementor-element-3837306{--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;--margin-top:-25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-818 .elementor-element.elementor-element-af79dd4{--display:flex;}.elementor-818 .elementor-element.elementor-element-7b1c059{--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-818 .elementor-element.elementor-element-e635ad2{--spacer-size:50px;}.elementor-818 .elementor-element.elementor-element-9593e9a{--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-818 .elementor-element.elementor-element-08e3e2d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-818 .elementor-element.elementor-element-a099a3d{--display:flex;--min-height:414px;--justify-content:center;}.elementor-818 .elementor-element.elementor-element-a099a3d.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-818 .elementor-element.elementor-element-edab26f.elementor-element{--align-self:center;}.elementor-818 .elementor-element.elementor-element-edab26f img{width:100%;max-width:100%;}.elementor-818 .elementor-element.elementor-element-7d61ac1{--display:flex;--border-radius:16px 16px 16px 16px;--padding-top:15px;--padding-bottom:25px;--padding-left:10px;--padding-right:10px;}.elementor-818 .elementor-element.elementor-element-7d61ac1:not(.elementor-motion-effects-element-type-background), .elementor-818 .elementor-element.elementor-element-7d61ac1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d324369 );}.elementor-818 .elementor-element.elementor-element-421aad0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -24px) 0px;}@media(max-width:1024px){.elementor-818 .elementor-element.elementor-element-cff872f{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -4px;}.elementor-818 .elementor-element.elementor-element-6933640{--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-818 .elementor-element.elementor-element-799fc56{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-818 .elementor-element.elementor-element-a7dfd0a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-818 .elementor-element.elementor-element-ae3b65e{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-818 .elementor-element.elementor-element-fbfd05c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-818 .elementor-element.elementor-element-9593e9a{--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;--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-818 .elementor-element.elementor-element-a099a3d{--min-height:200px;}.elementor-818 .elementor-element.elementor-element-edab26f img{width:100%;}.elementor-818 .elementor-element.elementor-element-7d61ac1{--border-radius:16px 16px 16px 16px;--margin-top:20px;--margin-bottom:20px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:25px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-818 .elementor-element.elementor-element-d5633a9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-818 .elementor-element.elementor-element-250f189.elementor-element{--align-self:stretch;}.elementor-818 .elementor-element.elementor-element-250f189 .elementor-button .elementor-button-content-wrapper{justify-content:center;}.elementor-818 .elementor-element.elementor-element-ae3b65e{--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;}.elementor-818 .elementor-element.elementor-element-dea87be .cart button, .elementor-818 .elementor-element.elementor-element-dea87be .cart .button{font-size:14px;}.elementor-818 .elementor-element.elementor-element-9593e9a{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-818 .elementor-element.elementor-element-a099a3d{--min-height:0px;}.elementor-818 .elementor-element.elementor-element-cbf39f0{font-size:10px;}}@media(min-width:768px){.elementor-818 .elementor-element.elementor-element-00e0e06{--width:100%;}.elementor-818 .elementor-element.elementor-element-799fc56{--width:50%;}.elementor-818 .elementor-element.elementor-element-a7dfd0a{--width:50%;}.elementor-818 .elementor-element.elementor-element-08e3e2d{--width:50%;}.elementor-818 .elementor-element.elementor-element-7d61ac1{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-818 .elementor-element.elementor-element-799fc56{--width:100%;}.elementor-818 .elementor-element.elementor-element-a7dfd0a{--width:100%;}.elementor-818 .elementor-element.elementor-element-08e3e2d{--width:100%;}.elementor-818 .elementor-element.elementor-element-7d61ac1{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-799fc56 *//* Задаем для кнопки лупы более низкий z-index */
.woocommerce-product-gallery__trigger {
    position: relative;
    z-index: 1 !important;
}

/* Если шапка имеет свой z-index, можно её поднять */
.site-header {
    position: relative;
    z-index: 100 !important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-9bc56b8 */.pc-configurator-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    
}

.pc-summary-block {
    box-sizing: border-box;
    width: 49%;
    padding: 10px;
    border: 2px solid white;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    border-radius: 200px;
    box-shadow: 2px 2px 40px rgba(18, 18, 18, 0.05);
}



@media only screen and (max-width: 768px) {
    /* Alle Masonry-Elemente nehmen die volle Breite ein */
    .pc-summary-block {
    box-sizing: border-box;
    width: 100%;
    padding: 10px;
    border: 2px solid white;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    border-radius: 200px;
    box-shadow: 2px 2px 40px rgba(18, 18, 18, 0.05);
}
    /* Bei Bedarf können Schaltflächen oder Schriftgrößen überschrieben werden */
}



.pc-summary-icon {
    margin-right: 10px;
    color: #D0D0D0;
    padding-top: 4px;
}


.pc-summary-selected{
    font-family: 'Roboto',Sans-Serif;
    font-weight: 500!important;
    font-size: 14px;
}

.pc-summary-category{
    font-family: 'Roboto', Sans-Serif!important;
    font-weight: 400!important;
    font-size: 12px;
}


.pc-summary-text {
    display: flex;
    flex-direction: column;
}
    
.pc-summary-selected {
    font-weight: bold;
    margin-bottom: 5px;
}

.pc-summary-category {
    color: #555;
}

.pc-summary-block.pc-summary-active {
    border-color: #005ED0;
}


.pc-summary-block.pc-summary-active .pc-summary-icon svg path {
    fill: #005ED0;
}


.pc-summary-block  svg path {
    stroke-width: 1.5px !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-gzd-shipping-notice, class: .elementor-element-987d3d5 */.quantity .plus,
.quantity .minus {
    display: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6933640 */.ppcp-messages{
    display: none!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-621f32e *//* ================================
   Hauptcontainer für Masonry
   ================================ */
.masonry-grid {
    width: 100% !important;
    margin: 0 auto!important;
    position: relative!important;
}

/* Element-Sizer – legt die Spaltenbreite fest (49% für 2 Spalten) */
.masonry-sizer {
    width: 49% !important;
    display: block!important;
}

/* Jedes Masonry-Element – nimmt 49% des Containers ein */
.masonry-item {
    width: 49% !important;
    display: block!important;
    margin-bottom: 20px!important;
}

/* ================================
   Allgemeine Stile für Konfigurator-Blöcke
   ================================ */
.pc-konfigurator-block {
    background: #FFFFFF;
    box-shadow: 2px 2px 40px rgba(18, 18, 18, 0.05);
    border-radius: 24px;
    padding: 30px 30px;
    max-width: 100%;
}

/* Produktkarte */
.product-card {
    text-align: center;
}

/* Kategorienüberschrift und Unterkategorien-Panel */
.pc-category-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; /* Ausrichtung am oberen Rand */
    margin-bottom: 20px;
}

.pc-category-header h4 {
    margin: 0; /* Zusätzliche Abstände entfernen */
    font-size: 24px;
    color: #121212;
}

.pc-konfigurator-block.category-block h4 {
    margin-top: 0;
    padding-top: 0;
}

.category-block {
    padding-top: 30px; /* oder ein anderer Wert */
}

/* ================================
   Stile für Unterkategorien (Radio-Buttons)
   ================================ */
.pc-subcat-radios {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.pc-subcat-radio-label {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 45px;
    background-color: transparent;
    color: #A0A0A0;
    font-size: 16px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-left: 10px;
    margin-top: -6px;
    border-radius: 10px;
    border: 1px solid transparent;
}
.pc-subcat-radio-label:hover {
    color: #717171;
}
.pc-subcat-radio-label input[type="radio"] {
    display: none;
}
/* Checked-Zustand – mittels :has() (für moderne Browser) */
.pc-subcat-radio-label:has(input[type="radio"]:checked) {
    border-color: #F27F01;
    background-color: #F27F010A;
    color: #F27F01;
    border-radius: 10px;
}

/* ================================
   Stile für die Produktkarte
   ================================ */
.pc-konfigurator__image img {
    width: 230px;
    height: 230px;
    border-radius: 16px;
    object-fit: cover;
}
.pc-konfigurator__info h3 {
    margin: 10px 0 5px;
    font-size: 40px;
    font-family: Nekst, sans-serif;
    color: #121212;
}
.pc-konfigurator__desc {
    margin-top: 20px;
    font-size: 0.9em;
    color: #717171;
}

/* ================================
   Zurücksetzen der Listenstile
   ================================ */
.pc-konfigurator__subcat ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* ================================
   Stile für Komponenten (Liste innerhalb der Unterkategorie)
   ================================ */
.pc-component-label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    padding: 0;
}
.pc-component-label input[type="radio"] {
    margin-right: 10px;
}
.pc-component-name {
    text-align: left;
    color: #121212;
}
.pc-component-price {
    margin-left: auto;
    text-align: right;
    color: #717171;
    font-size: 20px;
    font-weight: 400;
}
.pc-component-item:not(:last-child) {
    border-bottom: 1px solid #D0D0D0;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

/* Container für die Komponentenliste (Unterkategorie) */
.pc-konfigurator__subcat {
    font-weight: 500;
    font-size: 20px;
    color: #121212;
    margin-top: 10px;
}

/* Zusätzliche Preisgestaltung */
.component-price {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    color: #717171;
    margin-left: auto;
}

/* ================================
   Stile für Radio-Buttons innerhalb der Komponenten
   ================================ */
.pc-konfigurator__subcat input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    background: #FFFFFF;
    border: 1px solid #A0A0A0;
    border-radius: 100%;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
}
.pc-konfigurator__subcat input[type="radio"]:hover {
    border-color: #005ED0;
}
.pc-konfigurator__subcat input[type="radio"]:active {
    background-color: #005ED0;
}
.pc-konfigurator__subcat input[type="radio"]:checked {
    border-color: #005ED0;
}
.pc-konfigurator__subcat input[type="radio"]:checked::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 16px;
    height: 16px;
    background-color: #005ED0;
    border-radius: 100%;
    transform: translate(-50%, -50%);
}






.pc-konfigurator__subcat 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: 10px;
    cursor: pointer;
}

.pc-konfigurator__subcat input[type="checkbox"]:hover {
    border-color: #005ED0;
}

.pc-konfigurator__subcat input[type="checkbox"]:checked {
    background-color: #005ED0;
    border-color: #005ED0;
}

/* Галочка внутри чекбокса */
.pc-konfigurator__subcat 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);
}








/* ================================
   Stile für die Konfigurator-Schaltflächen
   ================================ */
.pc-konfigurator-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

/* Schaltfläche "Grundkonfiguration" */
#reset-configurator {
    background: transparent;
    color: #414141;
    font-size: 18px;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s ease;
}
#reset-configurator:hover {
    color: #717171;
}
#reset-configurator img {
    width: 24px;
    height: 24px;
    transition: transform 0.5s ease;
    margin-right: 5px;
}
#reset-configurator:hover img {
    transform: rotate(360deg);
}

/* Schaltfläche "Anwenden" */
#pc-konfigurator-apply-btn {
    background: #005ED0;
    color: #ffffff;
    border: none;
    border-radius: 8px;
    width: 280px;
    height: 54px;
    font-size: 18px;
    cursor: pointer;
    transition: background 0.3s ease;
}
#pc-konfigurator-apply-btn:hover {
    background: #006BED;
}

/* ================================
   Media Query für Tablets und Handys: Eine Spalte
   ================================ */
@media only screen and (max-width: 768px) {
    /* Alle Masonry-Elemente nehmen die volle Breite ein */
    .masonry-sizer,
    .masonry-item {
        width: 100% !important;
    }
    /* Bei Bedarf können Schaltflächen oder Schriftgrößen überschrieben werden */
}

@media only screen and (max-width: 1024px) {
    /* Alle Masonry-Elemente nehmen die volle Breite ein */
    .masonry-sizer,
    .masonry-item {
        width: 100% !important;
    }
    /* Bei Bedarf können Schaltflächen oder Schriftgrößen überschrieben werden */
}
/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-421aad0 *//* Allgemeine Einstellungen für alle Eingabefelder, Select und Textarea */

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

.form-row.row0 .wpcf7-not-valid-tip {
  right: 30px !important;
}

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

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

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

.first-name {
  margin-right: 20px !important;
}

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

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

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

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

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

/* 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 !important;
  border-color: #FF1B1B !important;
}

/* 2) Button "Absenden" in Zeile 6: 30% Breite */
.form-row.row6 input[type="submit"] {
  width: 100% !important;
  border: 3px solid transparent !important; 
  border-radius: 8px !important;           /* Abrundung */
  padding: 0 10px !important;
  font-size: 16px !important;
  box-sizing: border-box !important;
  height:  64px !important;
}

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

.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"] {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  box-sizing: border-box !important;
  width: 24px !important;
  height: 24px !important;
  background: #FFFFFF !important;
  border: 1px solid #A0A0A0 !important;
  border-radius: 4px !important;
  vertical-align: middle !important;
  position: relative !important;
  margin-right: 5px !important;
  cursor: pointer !important;
}

.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"]:hover {
  border-color: #005ED0 !important;
}

.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"]:checked {
  background-color: #005ED0 !important;
  border-color: #005ED0 !important;
}

.wpcf7-form-control.wpcf7-acceptance input[type="checkbox"]:checked::after {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 10px !important;
  height: 5px !important;
  border: solid #FFFFFF !important;
  border-width: 0 0 2px 2px !important;
  transform: translate(-50%, -50%) rotate(-45deg) !important;
}

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

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

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

.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 !important;
}

.form-row.row5 .wpcf7-not-valid-tip {
  position: absolute !important;
  top: 10px !important;
  right: revert-layer !important;
  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 !important;
  border-radius: 8px !important;
  background-color: #FFF3F3 !important;
  color: #dc3232 !important;
}

.form-row.row0 .wpcf7-not-valid-tip {
    display: none!important;
}

@media (max-width: 600px) {
  .form-row.row1 {
    flex-direction: column !important;
  }
  .form-row.row1 > div {
    width: 100% !important;
  }

  .first-name {
    margin-bottom: -9px !important;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Nekst';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://itsbrecht.de/wp-content/uploads/2025/02/Nekst-Bold-Web.eot');
	src: url('https://itsbrecht.de/wp-content/uploads/2025/02/Nekst-Bold-Web.eot?#iefix') format('embedded-opentype'),
		url('https://itsbrecht.de/wp-content/uploads/2025/02/Nekst-Bold-Web.woff2') format('woff2'),
		url('https://itsbrecht.de/wp-content/uploads/2025/02/Nekst-Bold-Web.woff') format('woff'),
		url('https://itsbrecht.de/wp-content/uploads/2025/02/Nekst-Bold-Web.ttf') format('truetype');
}
/* End Custom Fonts 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 */