/* CYB – Kasse/Formulare aufräumen (02.11.2026, CYBWORLD). Geladen von mu-plugin cyb-formulare.php. */

/* 1) Zahlarten: Knopf und Beschriftung in einer Zeile.
      Child-Theme checkout.min.css setzt das Label auf display:flex (für ein früheres Kassen-Layout) → es rutschte unter den Knopf. */
body.woocommerce-checkout #payment ul.payment_methods{padding:0;margin:0 0 1rem;border:0}
body.woocommerce-checkout #payment li.wc_payment_method{display:flex;flex-wrap:wrap;align-items:center;gap:0 .7rem;padding:.75rem 0;margin:0;border-bottom:1px solid #e3e3e3;list-style:none}
body.woocommerce-checkout #payment li.wc_payment_method:last-child{border-bottom:0}
body.woocommerce-checkout #payment li.wc_payment_method>input{flex:0 0 auto;top:0;margin:0!important}
body.woocommerce-checkout #payment li.wc_payment_method>label{flex:1 1 0;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .6rem;margin:0;padding:0;font-family:'OpenSans-Regular';font-size:1rem;line-height:1.4;cursor:pointer}
body.woocommerce-checkout #payment li.wc_payment_method>label img{max-height:1.6rem;width:auto;margin:0}
body.woocommerce-checkout #payment li.wc_payment_method>.payment_box{flex:0 0 100%;margin:.5rem 0 0;padding:0 0 0 calc(1.25rem + .7rem);background:none;font-size:.85rem;line-height:1.55}
body.woocommerce-checkout #payment li.wc_payment_method>.payment_box p{margin:0;font-size:inherit;line-height:inherit}
body.woocommerce-checkout #payment li.wc_payment_method>.payment_box::before{display:none}

@media (max-width:549px){
	form.woocommerce-checkout .col-inner.has-border{padding:1.25rem 1rem}
	body.woocommerce-checkout #payment li.wc_payment_method>.payment_box{padding-left:0}
	/* „Zahlungspflichtig bestellen“ brach bei 30 px Innenabstand in zwei Zeilen um */
	body.woocommerce-checkout #place_order{padding-left:.75rem;padding-right:.75rem;white-space:nowrap;font-size:1.05rem;letter-spacing:0}
}

/* 2) Zustimmungs-Kästchen (Germanized: AGB/Datenschutz und Werbung): gleiche Schrift, Kästchen oben bündig neben dem Text */
#order_review .wc-gzd-checkbox-placeholder p.form-row{margin:0 0 .75rem;padding:0;line-height:1.45}
#order_review .wc-gzd-checkbox-placeholder p.form-row label,
#order_review .wc-gzd-checkbox-placeholder p.form-row label span,
#order_review .wc-gzd-checkbox-placeholder p.form-row label span a{font-family:'OpenSans-Regular';font-size:.9rem!important;line-height:1.45!important;color:#555!important;font-weight:400}
#order_review .wc-gzd-checkbox-placeholder p.form-row label{display:flex!important;align-items:flex-start;gap:.6rem;margin:0}
#order_review .wc-gzd-checkbox-placeholder p.form-row label>span:not(.required):not(.screen-reader-text){flex:1 1 0;min-width:0;text-wrap:pretty}
#order_review .wc-gzd-checkbox-placeholder p.form-row label strong,
#order_review .wc-gzd-checkbox-placeholder p.form-row label strong a{font-family:'OpenSans-Bold';color:#333!important}
#order_review .wc-gzd-checkbox-placeholder p.form-row label input[type=checkbox]{flex:0 0 1rem;margin:.15rem 0 0!important;top:0}
.wc-gzd-checkbox-placeholder:empty{display:none}

/* 3) Bestellübersicht: Innenabstand statt Text an der Kante */
#order_review table.woocommerce-checkout-review-order-table{border-radius:4px}
#order_review table.woocommerce-checkout-review-order-table>thead>tr>th:first-child,
#order_review table.woocommerce-checkout-review-order-table>tbody>tr>td:first-child,
#order_review table.woocommerce-checkout-review-order-table>tfoot>tr>th:first-child,
#order_review table.woocommerce-checkout-review-order-table>tfoot>tr>td:first-child{padding-left:1rem}
#order_review table.woocommerce-checkout-review-order-table>thead>tr>th:last-child,
#order_review table.woocommerce-checkout-review-order-table>tbody>tr>td:last-child,
#order_review table.woocommerce-checkout-review-order-table>tfoot>tr>th:last-child,
#order_review table.woocommerce-checkout-review-order-table>tfoot>tr>td:last-child{padding-right:1rem}
#order_review table.woocommerce-checkout-review-order-table>thead>tr>th{padding-top:.8rem}

/* 4) Gutschein- und Anmelde-Hinweis über der Kasse: als dezenter Hinweiskasten in Markenfarbe */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info{display:block;margin:0 0 .75rem;padding:.7rem 1rem .7rem 2.9rem;border:1px solid #cfe5d8;border-left:4px solid var(--primary-color,#00843d);border-radius:6px;background:#f2f8f4 no-repeat 1rem center/1.2rem;font-size:.95rem;line-height:1.45;text-wrap:pretty}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300843d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E")}
.woocommerce-checkout .woocommerce-form-login-toggle .woocommerce-info{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300843d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E")}
.woocommerce-checkout .woocommerce-form-coupon-toggle .message-container,
.woocommerce-checkout .woocommerce-form-login-toggle .message-container{padding:0;max-width:none;text-align:left!important}
.woocommerce-checkout .woocommerce-form-coupon-toggle a,
.woocommerce-checkout .woocommerce-form-login-toggle a{display:inline-block;color:var(--primary-color,#00843d);font-family:'OpenSans-Bold';text-decoration:underline;text-underline-offset:2px;text-wrap:balance}
.woocommerce-checkout form.checkout_coupon{margin:0 0 1.5rem;padding:1rem;border-radius:6px}
.woocommerce-checkout form.checkout_coupon>p{margin:0 0 .6rem;font-size:.95rem}

/* 5) „Lieferung an eine andere Adresse?“ und „Konto erstellen?“: Kästchen neben dem Text, auch wenn er umbricht */
#ship-to-different-address label,
.woocommerce-account-fields p.create-account label{display:flex;align-items:center;gap:.6rem}
#ship-to-different-address label input,
.woocommerce-account-fields p.create-account label input{flex:0 0 auto;margin:0!important;top:0}

/* 6) Mehrfachauswahl (select2) nie breiter als die Spalte – Breite wird beim Laden berechnet */
.woocommerce form .select2-container{max-width:100%}
.woocommerce form .select2-container--default .select2-selection--multiple{min-height:2.75rem;padding:3px 8px;border-radius:.625rem;box-shadow:none}
.woocommerce form .select2-selection--multiple .select2-search__field{height:auto!important;min-height:0;margin-top:7px;padding:0 .5rem;border-radius:0;box-shadow:none}
.woocommerce form .select2-selection--multiple .select2-selection__choice{margin-top:5px;border-radius:4px}
#customer_login .select2-container--default .select2-selection--multiple{border-color:#e6e6e6;background:#fff}
.woocommerce form .select2-selection--multiple .select2-search__field{padding:0 0 0 7px!important}
/* Mein Konto blendet Beschriftungen aus (Platzhalter genügen); die Frage passt aber nicht als Platzhalter ins Handy-Feld */
#customer_login #billing_aufmerksam_field label{display:block;margin-bottom:.4rem;text-wrap:balance}
#customer_login #billing_aufmerksam_field label .required{display:none}

/* 7) Mein Konto: account.min.css setzt den Innenabstand der Knöpfe auf 0 → „Anmelden“ stieß an die Ränder */
body #customer_login button.woocommerce-button{padding:0 1.875rem;min-width:9rem}

/* 9) Warenkorb, rechte Spalte */
/* „Weiter zur Kasse“: Flatsome-Block mit line-height 2.4em, aber feste Höhe aus dem Child-Theme → Text saß oben */
.cart_totals .wc-proceed-to-checkout .checkout-button,
body.role-administrator .cart_totals .wc-proceed-to-checkout #ywraq_cart_quote,
body.role-shop_manager .cart_totals .wc-proceed-to-checkout #ywraq_cart_quote{display:flex!important;align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:auto;min-height:2.75rem;margin:0 0 .6rem;padding:.55rem 1rem;border:0;border-radius:.625rem;font-size:.97em;line-height:1.25;text-align:center}
/* „Jetzt Angebot herunterladen“ (nur Admin/Shop-Manager, Zusätzliches CSS): war inline-block mit weißem Rand → versetzt.
   Als Zweitknopf umrandet, damit „Weiter zur Kasse“ der Hauptweg bleibt */
body.role-administrator .cart_totals .wc-proceed-to-checkout #ywraq_cart_quote,
body.role-shop_manager .cart_totals .wc-proceed-to-checkout #ywraq_cart_quote{background:#fff;color:var(--primary-color,#00843d);box-shadow:inset 0 0 0 2px var(--primary-color,#00843d)}
body.role-administrator .cart_totals .wc-proceed-to-checkout #ywraq_cart_quote:hover,
body.role-shop_manager .cart_totals .wc-proceed-to-checkout #ywraq_cart_quote:hover{background:#f2f8f4}
/* Versandwahl: Optionsknöpfe in Markenfarbe statt Browser-Blau */
.woocommerce-cart .woocommerce-shipping-methods input[type=radio],
.widget_shopping_cart input[type=radio]{accent-color:var(--primary-color,#00843d);width:1.05rem;height:1.05rem;margin:0 .5rem 0 0;vertical-align:-.15rem}
/* Gutschein: Überschrift, Feld und Knopf als ein Block, Feld und Knopf nebeneinander
   (!important gegen Flatsome .expand{width:100%!important} und Child-Theme input#coupon_code{border-color:#fff!important}) */
.woocommerce-cart form.checkout_coupon{margin-top:1.5rem;margin-bottom:2rem!important;padding:1rem;border:1px solid #e3e3e3;border-radius:.625rem;background:#fafafa}
.woocommerce-cart form.checkout_coupon .coupon{display:flex;flex-wrap:wrap;gap:.5rem}
.woocommerce-cart form.checkout_coupon .widget-title{flex:0 0 100%;display:flex;align-items:center;gap:.45rem;margin:0 0 .15rem;padding:0;border:0;font-family:'OpenSans-Bold';font-size:.95rem;text-transform:none;letter-spacing:0;color:#333}
.woocommerce-cart form.checkout_coupon .widget-title i{color:var(--primary-color,#00843d);opacity:1}
.woocommerce-cart form.checkout_coupon .widget-title::after{display:none}
.woocommerce-cart form.checkout_coupon #coupon_code{flex:1 1 10rem;min-width:0;height:2.75rem;margin:0;padding:0 1rem;border:1px solid #d9d9d9!important;border-radius:.625rem;background:#fff;box-shadow:none;font-size:.95rem}
.woocommerce-cart form.checkout_coupon button[name=apply_coupon]{flex:0 0 auto;width:auto!important;height:2.75rem;min-height:0;margin:0;padding:0 1.1rem!important;border:2px solid var(--primary-color,#00843d);border-radius:.625rem;background:#fff;color:var(--primary-color,#00843d);font-family:'OpenSans-SemiBold';font-size:.9rem;line-height:1;text-transform:none;letter-spacing:0;white-space:nowrap}
.woocommerce-cart form.checkout_coupon button[name=apply_coupon]:hover{background:var(--primary-color,#00843d);color:#fff}

/* 11) Passwort vergessen/zurücksetzen: Knopf mit 2,4em Zeilenhöhe brach in zwei hohe Zeilen um; am Handy dreifacher Innenabstand */
.woocommerce-account form.lost_reset_password button.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;height:auto;padding:.55rem 1.25rem;line-height:1.25;white-space:nowrap;border-radius:.625rem}
.woocommerce-account form.lost_reset_password label{text-wrap:balance}
@media (max-width:549px){
	.woocommerce-lost-password .page-wrapper .col.small-12{padding-left:15px;padding-right:15px}
	.woocommerce-lost-password .page-wrapper .woocommerce{padding:1.25rem 1rem}
	.woocommerce-lost-password form.lost_reset_password{padding-top:0}
}

/* 10) Kaufberatung (Forminator 317145): zusammengesetztes Namensfeld. Die erste Zeile ist per Theme ein 2-Spalten-Raster
       (fürs Kontaktformular) → Feld nur halb breit; Beschriftung in Roboto (lädt nicht mehr) → Times.
       Beschriftung nur für Screenreader, sichtbar sind die Platzhalter wie im Kontaktformular. */
#forminator-module-317145 #name-1{grid-column:1/-1}
#forminator-module-317145 #name-1>.forminator-row{margin-bottom:0!important}
#forminator-module-317145 #name-1 [data-multiple]>.forminator-col{margin-bottom:0}
#forminator-module-317145 #name-1 .forminator-label{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (max-width:782px){#forminator-module-317145 #name-1 [data-multiple]>.forminator-col+.forminator-col{margin-top:14px}}
/* Knopf „Kostenfrei beraten lassen“: Child-Theme setzt 30 px Innenabstand mit !important → brach bei 360 px um */
@media (max-width:549px){.forminator-ui#forminator-module-317145 .forminator-button-submit{padding:0 1rem!important;white-space:nowrap}}

/* 8) Partner-Anmeldung (SliceWP): Absende-Knopf wie die übrigen goldenen Knöpfe */
.slicewp-form .slicewp-button-primary{display:inline-flex;align-items:center;justify-content:center;height:3.125rem;padding:0 2rem;border:0;border-radius:.625rem;background:linear-gradient(-45deg,#D29F13,#FDE298,#D29F13);color:#fff;font-family:OpenSans-SemiBold;font-size:1rem;letter-spacing:.04rem;text-transform:none;cursor:pointer}
.slicewp-form .slicewp-button-primary:hover{background:linear-gradient(-45deg,#FDE298,#D29F13,#FDE298)}

/* 12) Partnerprogramm (SliceWP: Anmeldung, Konto-Login, Passwort vergessen). SliceWP-eigenes CSS lädt nicht →
       Formular lief als nackte Liste über 1100 px. Jetzt: Kopf + Karte, schmal, Feldpaare nebeneinander */
.cyb-partner-kopf{max-width:46rem;margin:2rem auto 1.5rem;text-align:center}
.cyb-partner-kopf h1{margin:0 0 .6rem;font-size:2rem;text-wrap:balance}
.cyb-partner-kopf p{margin:0;color:#555;font-size:1rem;line-height:1.6;text-wrap:balance}
.cyb-partner-kopf p+p{margin-top:.5rem}
.cyb-partner-kopf a{color:#00843d;white-space:nowrap}
.slicewp-form{max-width:46rem;margin:0 auto 3rem;padding:2rem 2.25rem;border:1px solid #e6e6e6;border-radius:.875rem;background:#fff;box-shadow:0 .25rem 1.5rem rgba(0,0,0,.05);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 1.25rem}
#slicewp-affiliate-login-form,#slicewp-affiliate-lost-password-form,#slicewp-affiliate-reset-password-form{max-width:30rem}
.slicewp-form>*{grid-column:1/-1}
.slicewp-form>.slicewp-field-wrapper:has(#slicewp-first-name),.slicewp-form>.slicewp-field-wrapper:has(#slicewp-last-name),
.slicewp-form>.slicewp-field-wrapper:has(#slicewp-password),.slicewp-form>.slicewp-field-wrapper:has(#slicewp-password-confirm){grid-column:auto}
.slicewp-form .slicewp-field-wrapper{margin:0 0 1.1rem}
.slicewp-form .slicewp-field-label-wrapper label{display:block;margin:0 0 .35rem;color:#2d2d2b;font-family:OpenSans-SemiBold;font-size:.9rem}
.slicewp-form .slicewp-field-required-marker{color:#00843d}
.slicewp-form input[type=text],.slicewp-form input[type=email],.slicewp-form input[type=password],.slicewp-form input[type=url],.slicewp-form textarea{width:100%;height:3rem;margin:0;padding:0 .9rem;border:1px solid #d9d9d9;border-radius:.5rem;box-shadow:none;font-size:1rem;transition:border-color .15s}
.slicewp-form textarea{height:7.5rem;padding:.75rem .9rem;resize:vertical}
.slicewp-form input:focus,.slicewp-form textarea:focus{border-color:#00843d;outline:0;box-shadow:0 0 0 3px #cfe5d8}
/* Auge zum Einblenden des Passworts im Feld rechts */
.slicewp-form .slicewp-field-input-password{position:relative}
.slicewp-form .slicewp-field-input-password input{padding-right:2.75rem}
.slicewp-form .slicewp-show-hide-password{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:2.75rem;height:3rem;color:#888}
.slicewp-form .slicewp-show-hide-password svg{width:1.25rem;height:1.25rem}
.slicewp-form .slicewp-show-hide-password svg+svg{display:none} /* SliceWP-JS tauscht per Inline-Stil */
/* Absenden + „Passwort vergessen?“ */
.slicewp-form .slicewp-button-primary{justify-self:start;margin-top:.4rem;white-space:nowrap}
.slicewp-form .slicewp-lost-password{margin-top:1rem;font-size:.9rem}
.slicewp-form a{color:#00843d}
.slicewp-form p{color:#555;line-height:1.6}
/* Hinweise (Fehler/Erfolg) */
.slicewp-user-notice{grid-column:1/-1;margin:0 0 1.25rem;padding:.9rem 1.1rem;border-radius:.5rem;border:1px solid #cfe5d8;background:#f2f8f4;color:#2d2d2b}
.slicewp-user-notice.slicewp-error{border-color:#f0c4c4;background:#fdf2f2}
@media (max-width:549px){
	.cyb-partner-kopf{margin-top:1.25rem}
	.cyb-partner-kopf h1{font-size:1.5rem}
	.cyb-partner-kopf p{text-align:left;text-wrap:pretty}
	.slicewp-form{display:block;padding:1.5rem 1.1rem;border-radius:.625rem}
}