.elementor-kit-1518{--e-global-color-primary:#F4B942;--e-global-color-secondary:#F2DEA9;--e-global-color-text:#000000;--e-global-color-accent:#EDA31A;--e-global-typography-primary-font-family:"Bantayog";--e-global-typography-primary-font-size:50px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-family:"Sunrise";--e-global-typography-secondary-font-size:50px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-line-height:1em;--e-global-typography-text-font-family:"Montserrat";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.3em;--e-global-typography-accent-font-family:"Bantayog";--e-global-typography-accent-font-size:25px;--e-global-typography-accent-font-weight:400;}.elementor-kit-1518 e-page-transition{background-color:#FFBC7D;}.elementor-kit-1518 a{color:var( --e-global-color-accent );}.elementor-kit-1518 a:hover{color:var( --e-global-color-accent );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:15px;--container-default-padding-right:15px;--container-default-padding-bottom:15px;--container-default-padding-left:15px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS */.elementor-widget-text-editor p:last-child{margin-bottom:0px;}

h1,h2,h3,h4,h5,h6{
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: inherit !important;
    margin-block-start:0 !important;
    margin-block-end: 0 !important;
}

@media (max-width: 767px) {
    h1 br, h2 br, h3 br, h4 br, h5 br, h6 br,
    .elementor-heading-title br {
        content: " " !important;
    }
}

@media (max-width: 767px) {
    h1, h2, h3, h4, h5, h6{
        hyphens: auto;
    }
}

/* Der selbstgebaute Elementor Grow-Effekt auf Hover */
.grow-on-hover {
    display: inline-block; /* Absolut wichtig! Ohne das funktioniert 'transform' bei Text nicht */
    transition: transform 0.3s ease-in-out !important; /* Steuert, wie weich die Animation ist */
}

.grow-on-hover:hover {
    transform: scale(1.1); /* 1.1 bedeutet 10% größer. 1.2 wären 20% etc. */
}

/* ---- Warenkorb & Kasse: Abstand zu Header und Footer ---- */
.woocommerce-checkout main.site-main,
.woocommerce-cart main.site-main {
    padding: 64px 0 80px;
}

@media (max-width: 767px) {
    .woocommerce-checkout main.site-main,
    .woocommerce-cart main.site-main {
        padding: 32px 0 48px;
    }
}

/* ---- Seitenüberschrift wie H2 der Startseite ---- */
.woocommerce-checkout .page-header .entry-title,
.woocommerce-cart .page-header .entry-title {
    font-family: "Bantayog", sans-serif;
    font-size: 50px !important;   /* !important nötig: Theme-Reset */
    line-height: 1.1 !important;
    font-weight: 400;
    color: #000;
    text-align: center;
    margin: 0;
}

@media (max-width: 767px) {
    .woocommerce-checkout .page-header .entry-title,
    .woocommerce-cart .page-header .entry-title {
        font-size: 34px !important;
    }
}

/* ---- Hinweisboxen (Gutschein etc.) im Seitenstil ---- */
.woocommerce-checkout .woocommerce-info,
.woocommerce-cart .woocommerce-info {
    margin-top: 40px;
}

.woocommerce-info,
.woocommerce-message {
    background-color: #FDF4E3;
    border-top: 3px solid #F4B942;
    color: #3a3a3a;
}

.woocommerce-info::before,
.woocommerce-message::before {
    color: #EDA31A;
}

.woocommerce-info a,
.woocommerce-message a {
    color: #B47A0A;
    font-weight: 600;
}

/* ---- Bestellbutton: zentriert, Shop-Styling ---- */
.woocommerce #place_order,
.woocommerce-checkout #place_order {
    background-color: #F4B942;
    color: #000;
    font-family: "Bantayog", sans-serif;
    font-size: 22px;
    line-height: 22px;
    padding: 14px 32px;
    border: 0;
    border-radius: 4px;
    transition: 0.4s;
    display: block;
    float: none;
    margin: 28px auto 0;
}

.woocommerce #place_order:hover {
    background-color: #EDA31A;
    color: #000;
}

/* ---- Abstand unter der Seitenüberschrift ---- */
.woocommerce-cart .page-header,
.woocommerce-checkout .page-header {
    margin-bottom: 40px;
}

/* ---- PayPal-Ratenzahlungshinweis ausblenden ---- */
.ppcp-messages {
    display: none !important;
}

/* ---- Alle Haupt-Buttons im Shop-Stil ---- */
.woocommerce a.button.alt,
.woocommerce a.checkout-button,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    background-color: #F4B942;
    color: #000;
    font-family: "Bantayog", sans-serif;
    font-size: 22px;
    line-height: 22px;
    padding: 14px 32px;
    border: 0;
    border-radius: 4px;
    transition: 0.4s;
    text-align: center;
}

.woocommerce a.button.alt:hover,
.woocommerce a.checkout-button:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
    background-color: #EDA31A;
    color: #000;
}

/* ---- Gutscheinfeld und Nebenbuttons auf gleicher Höhe ---- */
.woocommerce .coupon .input-text#coupon_code,
.woocommerce .cart button[name="apply_coupon"],
.woocommerce .cart button[name="update_cart"] {
    height: 44px;
    box-sizing: border-box;
    font-size: 17px;
    line-height: 20px;
    border-radius: 4px;
    vertical-align: middle;
}

.woocommerce .coupon .input-text#coupon_code {
    width: 200px !important;
    min-width: 200px;
    margin-right: 8px;
    padding: 10px 14px;
}

.woocommerce .cart button[name="apply_coupon"],
.woocommerce .cart button[name="update_cart"] {
    font-family: "Bantayog", sans-serif;
    padding: 10px 22px;
    border: 0;
    color: #3a3a3a;
    transition: 0.4s;
}

.woocommerce .cart button[name="apply_coupon"]:hover,
.woocommerce .cart button[name="update_cart"]:hover {
    background-color: #d9d5de;
    color: #000;
}

/* ---- Überschrift "Warenkorb-Summe" ---- */
.woocommerce .cart_totals h2 {
    font-family: "Bantayog", sans-serif;
    font-size: 24px !important;
    font-weight: 700;
    margin-bottom: 18px;
}

@media (max-width: 480px) {
    .woocommerce .coupon .input-text#coupon_code {
        width: 100% !important;
        min-width: 0;
        margin: 0 0 10px;
    }
    .woocommerce .cart button[name="apply_coupon"] {
        width: 100%;
    }
}

/* ---- Leerer Warenkorb: "Zurück zum Shop" ---- */
.woocommerce .return-to-shop {
    text-align: center;
    margin-top: 32px;
}

.woocommerce .return-to-shop a.button,
.woocommerce a.button.wc-backward {
    background-color: #F4B942;
    color: #000;
    font-family: "Bantayog", sans-serif;
    font-size: 22px;
    line-height: 22px;
    padding: 14px 32px;
    border: 0;
    border-radius: 4px;
    transition: 0.4s;
    display: inline-block;
}

.woocommerce .return-to-shop a.button:hover,
.woocommerce a.button.wc-backward:hover {
    background-color: #EDA31A;
    color: #000;
}

/* ---- Hinweisbanner auf Inhaltsbreite begrenzen ---- */
.woocommerce-notices-wrapper {
    max-width: 1140px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error {
    margin-top: 32px;
}

/* ---- Button "Warenkorb anzeigen" im Banner ---- */
.woocommerce-message a.button,
.woocommerce a.button.wc-forward {
    background-color: #F4B942;
    color: #000;
    font-family: "Bantayog", sans-serif;
    font-size: 17px;
    line-height: 20px;
    padding: 10px 22px;
    border: 0;
    border-radius: 4px;
    transition: 0.4s;
}

.woocommerce-message a.button:hover,
.woocommerce a.button.wc-forward:hover {
    background-color: #EDA31A;
    color: #000;
}

/* ---- Seite mindestens Viewport-Höhe (Sticky Footer) ---- */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
}

body > header.elementor-location-header,
body > footer.elementor-location-footer {
    flex: 0 0 auto;
}

body > .elementor-location-single,
body > .elementor-location-archive,
body > main.site-main,
body > .site-main {
    flex: 1 0 auto;
}

/* ---- Hinweisboxen: Text und Button auf einer Linie ---- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 24px;
}

.woocommerce-message a.button,
.woocommerce-info a.button,
.woocommerce-error a.button {
    float: none;
    margin-left: auto;
    flex: 0 0 auto;
}

/* ---- Mengenfeld: Platz für mehrstellige Zahlen ---- */
.woocommerce .quantity input.qty,
.woocommerce td.product-quantity .quantity input.qty {
    width: 80px;
    min-width: 80px;
    padding: 8px 4px;
    box-sizing: border-box;
    text-align: center;
}

.woocommerce-form-coupon-toggle{
    display: none;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Bantayog';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://melitherm.de/wp-content/uploads/2026/04/Bantayog-Semilight.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sunrise';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://melitherm.de/wp-content/uploads/2026/04/WaitingfortheSunrise-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Montserrat';
	font-display: auto;
	src: url('https://melitherm.de/wp-content/uploads/2026/08/Montserrat-VariableFont_wght.ttf') format('truetype');
}
/* End Custom Fonts CSS */