.elementor-9317 .elementor-element.elementor-element-baca435{--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:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9317 .elementor-element.elementor-element-baca435.e-con{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-9317 .elementor-element.elementor-element-920ddcd{--display:flex;--margin-top:-54px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9317 .elementor-element.elementor-element-920ddcd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9317 .elementor-element.elementor-element-1b77e08{width:100%;max-width:100%;}.elementor-9317 .elementor-element.elementor-element-1b77e08 > .elementor-widget-container{margin:40px 0px -34px 0px;}.elementor-9317 .elementor-element.elementor-element-7cdb274{--display:flex;--min-height:159px;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9317 .elementor-element.elementor-element-7cdb274.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9317 .elementor-element.elementor-element-08b1596{width:100%;max-width:100%;}.elementor-9317 .elementor-element.elementor-element-08b1596 > .elementor-widget-container{margin:-172px 0px 0px 0px;}.elementor-9317 .elementor-element.elementor-element-08b1596.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:501px){.elementor-9317 .elementor-element.elementor-element-baca435{--content-width:1180px;}.elementor-9317 .elementor-element.elementor-element-920ddcd{--width:74%;}.elementor-9317 .elementor-element.elementor-element-7cdb274{--width:24.31%;}}@media(max-width:1024px) and (min-width:501px){.elementor-9317 .elementor-element.elementor-element-920ddcd{--width:73.96%;}.elementor-9317 .elementor-element.elementor-element-7cdb274{--width:21.417%;}}@media(max-width:880px) and (min-width:501px){.elementor-9317 .elementor-element.elementor-element-920ddcd{--width:100%;}.elementor-9317 .elementor-element.elementor-element-7cdb274{--width:98.712%;}}@media(max-width:1024px){.elementor-9317 .elementor-element.elementor-element-baca435{--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-9317 .elementor-element.elementor-element-1b77e08 > .elementor-widget-container{margin:76px 0px -34px 0px;}}@media(max-width:880px){.elementor-9317 .elementor-element.elementor-element-baca435{--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;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-9317 .elementor-element.elementor-element-920ddcd{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-9317 .elementor-element.elementor-element-1b77e08 > .elementor-widget-container{margin:77px 0px -34px 0px;}.elementor-9317 .elementor-element.elementor-element-08b1596 > .elementor-widget-container{margin:-97px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(max-width:500px){.elementor-9317 .elementor-element.elementor-element-baca435{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-1c51ee5 *//*Ausblenden des vom Warenkorb übernommenen Gewichts*/
.gesgewicht {
    display:none;
}
.product-quantity {
    margin-left: 10px;
}

/*Gestaltung des Login-Feldes bei noch nicht angemeldetem User im Bezahlprozess*/
.woocommerce form.login {
    border:none;
    padding-left:0;
}

/*Woocomerce Info Mitteilungen der Kasse bearbeiten*/
.woocommerce-error {
    z-index: 99;
    border-radius:6px;
    background-color: white;
    border: 3px solid #B82323;
    font-size:14px!important;
    font-family: arial!important;
}
.woocommerce-error li {
    color: #B82323;
    font-size:18px!important;
    font-family: arial!important;
}
.woocommerce-error li a {
    color: #D94C4C;
    text-decoration: underline; 
}
.woocommerce-error li a:hover {
    color: #E57373;  
}
/*Abstand Navigationsfelder nach unten überschreiben*/
.nav-wizard {
    margin-bottom: 0px!important;
}
/*verwirrendes Hinweisfeld beim 1. Checkoutschritt ausblenden*/
.kasse .wc-gzd-edit-data-notice {
    display: none!important;
}
/*Einfügen eines Punktes nach der Schrittnummer*/
.nav-wizard span.step-number:after {
    content:".";
}
/* Skalierungskorrektur*/
@media (min-width: 1025px) {
    .nav-wizard {
        overflow:hidden!important;
        transform: scale(1.2); 
        margin-left: 82px!important;
    }
}
@media (min-width: 880px) and (max-width: 1024px) {
    .nav-wizard {
        transform: scale(0.9); 
        margin-left: -10px!important;
        display: flex!important;
        white-space: nowrap!important;
    }
}
@media (min-width: 881px) and (max-width: 879px) {
    .nav-wizard {
        transform: scale(1.1); 
        margin-left: -10px!important;
        display: flex!important;
        white-space: nowrap!important;
    }
}
@media (min-width: 601px) and (max-width: 690px) {
    .nav-wizard {
    display: flex;
    flex-direction: column!important;
    }
}

/*Schrift für Navigationsfelder global festlegen*/
.woocommerce-multistep-checkout ul.nav-wizard li a {
    font-size: 18px!important;
    font-family:arial!important;
    color: #114802AA!important;
}
/*aktives Feld, Dreieck ausblenden*/
.woocommerce-multistep-checkout ul.nav-wizard li.active:after {
    border-left-color: #FFFFFF00!important;
}
/*inaktive Felder, Dreiecke ausblenden*/
.woocommerce-multistep-checkout ul.nav-wizard li.active~li:after {
    background-color: #FFFFFF00!important;
}
.woocommerce-multistep-checkout ul.nav-wizard li:after {
    border-left-color: #FFFFFF00!important;
}
/*Standard Hintergrund der Pfeile mit Outlines ausblenden*/
.woocommerce-multistep-checkout ul.nav-wizard li:before {
    border-left-color: #FFFFFF00!important;
}
/*aktives Feld, Maße, gesamter Hintergrund des Feldes*/
.woocommerce-multistep-checkout ul.nav-wizard li.active {
    margin-right:20px!important;
    padding-right:40px;
    padding-bottom:87px;
    Font-size: 18px!important;
    border-radius:6px 6px 6px 6px!important;
    border-style:solid;
    border-color:#114802;
    border-width:1px;
    background: linear-gradient(to bottom, rgba(3, 165, 53, 0.3) 0%, rgba(139, 255, 136, 0.3) 37%, rgba(3, 165, 53, 0.3) 100%) !important;
}
/*aktives Feld, Beschriftung und unmittelbarer Hintergrund der Schrift*/
.woocommerce-multistep-checkout ul.nav-wizard li.active a, .woocommerce-multistep-checkout ul.nav-wizard li.active a:active, .woocommerce-multistep-checkout ul.nav-wizard li.active a:visited, .woocommerce-multistep-checkout ul.nav-wizard li.active a:focus {
    Font-size: 18px!important;
    background: #FFFFFF00!important;
    font-family:arial!important;
    color:#114802!important;
}
/*inaktive Felder, Maße und gesamter Hintergrund*/
.woocommerce-multistep-checkout ul.nav-wizard li.active~li {
    margin-right:20px!important;
    padding-right:40px;
    Font-size: 18px!important;
    border-style:solid;
    border-color:#11480250;
    border-width:1px;
    background: linear-gradient(to bottom, rgba(3, 165, 53, 0.2) 0%, rgba(139, 255, 136, 0.1) 37%, rgba(3, 165, 53, 0.2) 100%) !important;
}
/*inaktive Felder, Beschriftung und unmittelbarer Hintergrund der Beschriftung*/
.woocommerce-multistep-checkout ul.nav-wizard li.active~li a, .woocommerce-multistep-checkout ul.nav-wizard li.active~li a:active, .woocommerce-multistep-checkout ul.nav-wizard li.active~li a:focus, .woocommerce-multistep-checkout ul.nav-wizard li.active~li a:visited {
    background: #FFFFFF00!important;
    Font-size: 18px!important;
}
/*Hintergrund der besuchten Felder, wenn 2.Feld oder 3.Feld aktiv ist*/
.woocommerce-multistep-checkout ul.nav-wizard li {
    margin-right:20px!important;
    border-radius:6px!important;
    border-style:solid;
    border-color:#11480250;
    border-width:1px;
    background: linear-gradient(to bottom, rgba(3, 165, 53, 0.2) 0%, rgba(139, 255, 136, 0.1) 37%, rgba(3, 165, 53, 0.2) 100%) !important;
}
/*Hintergrund und Rahmen des gesamten Bereichs*/
.woocommerce-multistep-checkout ul.nav-wizard {
    background-color: #FFFFFF00!important;
    border-color:#FFFFFF00!important;
    height: 150px!important;
    border-top-left-radius: 6px !important;
    border-top-right-radius: 0px !important;
    border-bottom-left-radius: 6px !important;
}
/*Ausblenden der horizontalen Rahmenlinien*/
.woocommerce-multistep-checkout ul.nav-wizard:after, .woocommerce-multistep-checkout ul.nav-wizard:before {
    border-bottom:none!important; 
    border-top: none!important;
}

/* Untertitel des Pfeiles nur sichtbar machen, wenn das .step-1 .step-title-Element aktiv ist */
.woocommerce-multistep-checkout ul.nav-wizard li.active .step-1 .step-title::after {
    content: "\AÜberprüfen Sie Ihre \A Liefer- und Rechnungsadresse.";
    white-space: pre;
    font-size: 11px;
    font-family: Arial!important;
    color: #114802;
    display: block;
    line-height: 1.2;
    margin-top: -20px;
    margin-right:-40px;
    margin-left:-30px;
    text-align:center;
}

/*Untertitel bei kleinem Display ausblenden*/
@media (max-width: 690px) {
    .woocommerce-multistep-checkout ul.nav-wizard li.active .step-1 .step-title::after {
        content:none;
        display:none;
    }
    .woocommerce-multistep-checkout ul.nav-wizard li.active {
         padding-bottom:20px;
    }
    
}
/* Untertitel des Pfeiles nur sichtbar machen, wenn das .step-2 .step-title-Element aktiv ist */
.woocommerce-multistep-checkout ul.nav-wizard li.active .step-2 .step-title::after {
    content: "\A Wählen Sie die ge-\A wünschte Bezahlart aus.";
    white-space: pre;
    font-size: 14px;
    font-family: Arial!important;
    color: #114802;
    display: block;
    line-height: 1.2;
    margin-top: -20px;
    margin-right:-40px;
    margin-left:-30px;
    text-align:center;
}
/*Untertitel bei kleinem Display ausblenden*/
@media (max-width: 690px) {
    .woocommerce-multistep-checkout ul.nav-wizard li.active .step-2 .step-title::after {
        content:none;
        display:none;
    }
    .woocommerce-multistep-checkout ul.nav-wizard li.active {
         border-radius:6px!important;
    }
}
/* Untertitel des Pfeiles nur sichtbar machen, wenn das .step-3 .step-title-Element aktiv ist */
.woocommerce-multistep-checkout ul.nav-wizard li.active .step-3 .step-title::after {
    content: "\A Bestätigen Sie \A Ihre Bestellung. ";
    white-space: pre;
    font-size: 14px;
    font-family: Arial!important;
    color: #114802;
    display: block;
    line-height: 1.2;
    margin-top: -20px;
    margin-right:-40px;
    margin-left:-30px;
    text-align:center;
}
/*Untertitel bei kleinem Display ausblenden*/
@media (max-width: 690px) {
    .woocommerce-multistep-checkout ul.nav-wizard li.active .step-3 .step-title::after {
        content:none;
        display:none;
    }
    .woocommerce-multistep-checkout ul.nav-wizard li.active {
         border-radius:6px!important;
    }
}
/*Spalte "Rechnungsdetails=Col1" tiefer setzen, um mit Spalte "andere Adresse=Col2" auf gleicher Höhe zu sein*/
#step-wrapper-address .col-1{
    margin-top: 29px;
}
/*Eingabefelder mit runden Ecken*/
input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    border-radius: 6px!important;

}
/*transparenter Hintergrund auf Seite 2 des Bezahlvorgangs*/
.wc_payment_methods,
.woocommerce-checkout #payment {
    background: transparent!important;
}
/*weißer Hintergrund auf Seite 3 des Bezahlvorgangs*/
.methods {
    background-color: #FFFFFF;
}
/*Rahmen bei Feld "Zahlungsarten" entfernen*/
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    border-bottom: none;
}
/*abgerundete Ecken*/
/*Abstände des Informationsfeldes vergrößert*/
.wc-gzd-edit-data-notice {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #71D78890!important;
    border-radius: 6px;
}
/*Hintergrund beim Zahlungsauswahl Feld*/
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background-color: #71D78890!important;
}
/*kleines Dreieck bei Zahlungsauswahl*/   
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: #71D78890!important;
    margin-top:-17px;
}

/*Rahmen bei Zahlungsart->Überweisung Entfernen*/
#direct-debit-form {
    border-style:none;
}
.woocommerce form .form-row.woocommerce-invalid label {
    color: #114802;
}
/*generelles Button Design für die Kasse*/
button.alt,
.next-step-button,
.step-buttons .step-buttons-address,
.woocommerce-form-login__submit {
   background-image: linear-gradient(to bottom, rgba(3,165,53,0.3) 0%,rgba(139,255,136,0.3) 37%,rgba(3,165,53,0.3) 100%) !important;
    background-color: transparent!important;
    border: 1px solid #114802 !important;
    border-radius: 6px!important;
    box-shadow: 0 8px 5px -5px rgba(7,29,2,0.5)!important;
    color: #114802!important;
    font-family: Arial!important;
    font-weight: 600!important;
    font-size: 23px!important;
    padding: 2px 7px 0px 7px!important;
}
button.alt:hover,
.next-step-button:hover,
.step-buttons .step-buttons-address:hover,
.woocommerce-form-login__submit:hover {
    background-color: white!important;
}

/*Einrückung von "Zurück Links Seit 2 und 3"*/
#prev-step-order, #prev-step-payment {
    margin-left: 12px;
}
.wc-gzd-cart-info.units-info:before {
    content:"Menge:";
}
/*Abstand nach Zahlungsart Seite 3*/
p.wc-gzdp-payment-gateway {
    margin-bottom: -10px!important;
}

/*##############################################
Seite 3 Tabelle Zusammenfassung*/
/* *-Selektor nötig, um Hintergrund der Tabellenelemente zu selektieren. Ansprache mit normalem Selektor wird ignoriert*/
.woocommerce-checkout .shop_table * { 
    background-color: transparent!important;
}
.woocommerce-checkout .shop_table {
    background-color: transparent!important;
}
.woocommerce table.shop_table {
    border:none;
}
.woocommerce table.shop_table td {
    border-top: 1px solid #114802;
}
table th, table td {
    border:none;
}
table thead:first-child tr:first-child th {
    border-block-start:none;
}
.woocommerce table.shop_table tfoot th, .woocommerce table.shop_table tfoot td {
    font-weight: 600;
    border-top: 1px solid #114802;
}
table td:nth-child(2) {
    text-align: right;
}
table th:nth-child(2) {
    text-align: right;
}

/*################################################
Schriftdesign*/

/*setzen der Standardschrift für die Beschriftung der Formulare*/
.elementor-kit-106 p {
    margin-bottom: 20px;
    font-family:Arial!important;
    font-size: 18px;
    color: #114802;
    font-weight: 400;
}
/*Überschreiben von Links*/
.kasse a[href] {
  color: #008233 !important; /* Nur echte Links */
}

.kasse a[href]:hover {
  color: #00A841 !important; /* Hover-Effekt nur für echte Links */
}

/*Überschreiben des Designs der Abschlussbestätigung der Bestellung*/
.woocommerce ul.order_details li {
    color: #114802;
    margin: 20px;
    margin-right: 1em;
    font-family:Arial!important;
    font-size: 14px!important;
    line-height: 1.1em;
    border-right:none;
    text-transform:none;
}
/*Checkout Varianten*/
.woocommerce td.product-name .wc-item-meta p, .woocommerce td.product-name .wc-item-meta:last-child, .woocommerce td.product-name dl.variation p, .woocommerce td.product-name dl.variation:last-child {
    color:#114802;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
}

/*Überschreiben der Überschrift "Rechnungsdetail"*/
.rechnungsadresse {
    color:#114802;
    font-size: 26px;
    font-family: Arial!important;
    font-weight: 400;
    margin-bottom:8px;
}
/*Überschreiben der 
Überschrift "andere Adresse"
*/
.woocommerce-shipping-fields h3 {
    color:#114802;
    font-size: 26px;
    font-family: Arial!important;
    font-weight: 400;
}
/*Überschreiben der Überschriften der Checkout Seite*/
.title {
    color:#114802;
    font-size: 26px;
    font-family: Arial!important;
    font-weight: 400;
}
/*Überschreiben der Warenkorb Kurzbeschreibung im Checkout*/
.wc-gzd-cart-info {
    font-weight:600!important;
    color:#114802!important;
}
/*Überschreiben der Schrifteinstellung der Adressfelder*/
.woocommerce-gzdp-checkout-verify-data .col-1 *, .woocommerce-gzdp-checkout-verify-data .col-2 * {
    font-style: normal;
    font-weight:600;
    color:#114802;
}
/*Überschreiben der Schrifteinstellung der Adressänderungslinks*/
a.edit.step-trigger {
    line-height: 60px;
    font-weight: 200;
}

 /*Überschreiben der
 Schrifteinstellung in Checkout 
 Zusammenfassung*/ 
.woocommerce-checkout-review-order-table {
    font-weight:600!important;
    color:#114802!important;
    font-size:15px!important;
    font-family:arial!important;
}
.woocommerce-checkout .shop_table tr td p {
    font-size: 12px;
    font-family: Arial!important;
}
 /*Überschreiben der
 Schriftgröße in Checkout 
 Zusammenfassung*/ 
#order_payment_heading {
    color:#114802;
    font-size: 26px;
    font-family: Arial!important;
    font-weight: 400;
}
/*Zusammenfassung nach Checkout soll linksbündig sein. Da die einzelenen Elemente ein margin von 1em haben, habe ich das gesamte margin-left auf -1em gesetzt, um für alle Skalierungsstufen linksbündig zu ermöglichen und trotzdem den Abstand zwischen den Elementen zu gewährleisten*/
.woocommerce ul.order_details {
margin-left: -1em!important;
padding-left: 0px!important;
}

/*genereller Zeilenabstand*/
.woocommerce form .form-row label {
    line-height: 1.2;
}

/*Gesamtgewicht im Checkout gestalten*/
.checkout-weight {
    font-size:12px;
}

/*Paketgewicht im Checkout gestalten*/
.checkout-weight {
    font-size:12px;
}
.woocommerce-shipping-totals.shipping td {
    padding-bottom: 0 !important;
}
.woocommerce-shipping-totals.shipping ul,
.woocommerce-shipping-totals.shipping li {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2;
}
.woocommerce-shipping-weight-row td{
    color:#114802;
    font-size:12px;
    padding-top:0!important;
}
table.woocommerce-checkout-review-order-table tr.woocommerce-shipping-weight-row td {
    border-top: none !important;
}
/*Variationen überschreiben*/
dl.variation dd,
dl.variation dd *,
dl.variation dt,
dl.variation dt * {
    font-size: 12px !important;
    font-weight: 200 !important;
    font-family: Arial, sans-serif;
}
/*Ausblenden der Überschrift „Rechnungsdetails“*/
.woocommerce-billing-fields h3 {
    display: none;
            }
/*Reihenfolge von Versandkostenhinweis und Kurzbeschreibung vertauschen*/
.product-name {
  display: flex;
  flex-direction: column;
}
.variation {
  order: 4;
}
.wc-gzd-cart-item-name-wrapper {
  order: 1;
}
.wc-gzd-item-desc {
  order: 2;
}
.delivery-time-info {
  order: 3;
}
/*Ausblenden von unnötiger Gewichtsangabe*/
.units-info {
    display: none!important;
}



/*The Newsletter Plugin Checkbox gestalten*/
#tnp-subscribe {
    margin-left: 3px!important;
    top: 6px;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
/*The Newsletter Plugin Checkbox Text gestalten*/
#tnp-subscribe + span {
    font-family: Arial, San-Serif !important;
    font-size: 18px;
    color: #114802;
    font-weight: 400;
    line-height: 1.5;
    margin-left: 13px;
    white-space: nowrap;
    position: absolute;
}
/* *-Hinweis einblenden*/
#step-wrapper-address::after,
#step-wrapper-order::after{
    display:block;
    margin-top:15px;
    content: '* = Pflichtfeld';
     color: #114802;
     font-family:arial,san-serif;
}/* End custom CSS */