body{background-color:#ffffff;}
.page-header{background-color:#2d3743;}
.navigation{background-color:transparent;}
.page-footer{background-color:#2d3642;color:#ffffff;}
.footer.content .links a, .footer.content .links a:visited, .page-footer .footer-toolbar-top a, .page-footer .footer-toolbar-top .alink{color:#ffffff;}
.footer.content .links a:hover, .footer.content .links a:visited:hover, .page-footer .footer-toolbar-top a:hover, .page-footer .footer-toolbar-top .alink:hover{color:#2d3642;}
.footer-toolbar-top{background:#ec2627;}
button, .abs-revert-to-action-secondary, .paypal-review .block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .product.data.items .review-add .review-form .action.submit.primary, .cms-index-index a.button:not(.primary), .cms-index-index .column.main .block .actions-toolbar .action.view, .background-divider.element .content .action{border-color:#2d3743;}
.tocart.action, .block.soldtogether-block .soldtogether-cart-btn, .bundle-actions .action.primary.customize{background:#0070e7;border-color:#0070e7;color:#ffffff;}
.tocart.action:hover, .block.soldtogether-block .soldtogether-cart-btn:hover, .bundle-actions .action.primary.customize:hover, .tocart.action:active, .block.soldtogether-block .soldtogether-cart-btn:active, .bundle-actions .action.primary.customize:active, .tocart.action:focus, .block.soldtogether-block .soldtogether-cart-btn:focus, .bundle-actions .action.primary.customize:focus{background:#fbca4c;border-color:#fbca4c;color:#000000;}
html {
  font-display: swap;
}

/* ===============================
   GLOBAL TOKENS / VARIABLES
   (not present in custom.css)
   =============================== */
:root {
    --footer-bg: none;
    --footer-text-color: #fff;
    --footer-border-color: #ddd;
    --footer-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --footer-font-size-base: 1.5rem;
    --footer-heading-size: 1.8rem;
    --footer-line-height: 1.6;
    --footer-accent-color: #0066cc;
    --footer-icon-accent: #0066cc;
    --footer-gap-lg: 3rem;
    --footer-gap-sm: 1.5rem;
    --footer-col-min: 240px;
    --footer-logo-bg: #fff;
    --footer-logo-shadow: 0 0 3px rgba(0,0,0,0.05);
    --contact-head-xl: 3rem;
    --contact-head: 2rem;
    --contact-text-size: 2rem;
}

/* Reserve space for header hero */
.jumbotron.jumbotron-top {
  min-height: 220px;  /* match expected height */
}

/* Prevent product block jump when price loads */
.product-info-main {
  min-height: 480px;  /* roughly one viewport height on mobile */
}


/* ===============================
   CTA BAR: "Fragen? Sprechen Sie..."
   (completely new)
   =============================== */
.footer-contacts {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    color: #fff;
    font-family: var(--footer-font-family);
}
.footer-contacts__intro {
    flex: 1 1 240px;
    min-width: 240px;
}
.footer-contacts__headline {
    font-size: var(--contact-head);
    line-height: 1.2;
    font-weight: 400;
    margin: 0;
    color: #fff;
}
.footer-contacts__headline-strong {
    display: block;
    font-size: var(--contact-head-xl);
    font-weight: 700;
    color: #fff;
}
.footer-contacts__methods {
    flex: 2 1 320px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 1.5rem;
    text-align: center;
}
.footer-contacts__method {
    flex: 1 1 120px;
    min-width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
}
.footer-contacts__icon svg {
    width: 36px;
    height: 36px;
    display: block;
}
.footer-contacts__text {
    font-size: var(--contact-text-size);
    line-height: 1.3;
    font-weight: 500;
    color: #fff;
}
.footer-contacts__text a {
    color: #fff;
    text-decoration: none;
}
.footer-contacts__text a:hover,
.footer-contacts__text a:focus {
    text-decoration: underline;
}

/* mobile scaling for CTA */
@media (max-width: 768px) {
    :root {
        --contact-head: 1.8rem;
        --contact-head-xl: 2.4rem;
        --contact-text-size: 1.8rem;
    }
}

/* ===============================
   MAIN FOOTER (new footer layout)
   =============================== */
.site-footer {
    background: var(--footer-bg);
    color: var(--footer-text-color);
    font-family: var(--footer-font-family);
    font-size: var(--footer-font-size-base);
    line-height: var(--footer-line-height);
}
.site-footer a {
    color: inherit;
    text-decoration: none;
}
.site-footer a:hover,
.site-footer a:focus {
    text-decoration: underline;
}

/* wrapper */
.footer-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: var(--footer-gap-lg) 1rem calc(var(--footer-gap-lg) + 1rem);
    display: flex;
    flex-direction: column;
    gap: var(--footer-gap-lg);
}

/* top row */
.footer-top {
    display: flex;
    flex-wrap: wrap;
    gap: var(--footer-gap-lg) 2rem;
}
.footer-col {
    flex: 1 1 var(--footer-col-min);
    min-width: var(--footer-col-min);
}
.footer-heading {
    font-size: var(--footer-heading-size);
    font-weight: 700;
    margin: 0 0 1rem;
    color: inherit;
}

/* lists inside footer columns */
.footer-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    gap: 0.75rem;
}

/* link rows with arrow icon */
.footer-link {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}
.footer-link__icon {
    width: 1.5rem;
    height: 1.5rem;
    flex-shrink: 0;
    line-height: 1;
}
.footer-link__icon svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: var(--footer-icon-accent);
}

/* contact details / address */
address {
    font-style: normal;
    color: inherit;
    line-height: var(--footer-line-height);
}
.contact-line {
    margin-bottom: 0.75rem;
}
.contact-line strong {
    font-weight: 600;
    color: inherit;
}

/* bottom row */
.footer-bottom {
    display: flex;
    flex-wrap: wrap;
    gap: var(--footer-gap-lg) 2rem;
    border-top: 1px solid var(--footer-border-color);
    padding-top: var(--footer-gap-lg);
}
.footer-bottom-col {
    flex: 1 1 var(--footer-col-min);
    min-width: var(--footer-col-min);
}

/* payment + shipping logos */
.footer-logos {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
}
.footer-logos img {
    display: block;
    height: 42px;
    width: auto;
    border-radius: 0.5rem;
    background: var(--footer-logo-bg);
    padding: 0.5rem 0.75rem;
    box-shadow: var(--footer-logo-shadow);
}

/* trust points */
.trust-points {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 0.5rem;
}

/* badge / seal */
.footer-trust-badge {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
}
.footer-trust-badge img {
    max-width: 200px;
    height: auto;
}

/* responsive footer padding tweaks */
@media (max-width: 768px) {
    .footer-inner {
        padding: 2rem 1rem 3rem;
        gap: 2rem;
    }
    .footer-top,
    .footer-bottom {
        gap: 2rem;
    }
    .footer-heading {
        font-size: 1.7rem;
    }
}

/* ===============================
   THANK-YOU NOTE OVERRIDE
   (not in custom.css)
   =============================== */
.thank-you-note .check-mark {
    width: 0px !important;
    height: 0px !important;
    margin: 0px !important;
    display: none !important;
    visibility: hidden !important;
}

/* ===============================
   FOTORAMA HEIGHT OVERRIDE
   (not in custom.css)
   =============================== */
.fotorama__stage {
    height: 700px !important;
}

/* ===============================
   NAV TOGGLE HEIGHT (desktop)
   (not in custom.css)
   =============================== */
.nav-toggle {
    height: 44px !important;
}

/* ===============================
   "we speak" text (not in custom.css)
   =============================== */
span.text-wespeak {
    font-size: 1rem;
}

/* ===============================
   .versand-title (already in your paste,
   but NOT in uploaded file – keep it!)
   =============================== */
.versand-title {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

/* ===============================
   .category-image display:none in mobile part
   is already in file – do NOT copy again
   =============================== */
.flag-cz { background-size: cover; background-position: center center; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLWN6IiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHJlY3QgZmlsbD0iI2ZmZiIgd2lkdGg9IjY0MCIgaGVpZ2h0PSIyNDAiLz4KICA8cmVjdCBmaWxsPSIjZDcxNDFhIiB5PSIyNDAiIHdpZHRoPSI2NDAiIGhlaWdodD0iMjQwIi8+CiAgPHBvbHlnb24gZmlsbD0iIzExNDU3ZSIgcG9pbnRzPSIwLDAgMCw0ODAgNDAwLDI0MCIvPgo8L3N2Zz4="); } .flag-sk { background-size: cover; background-position: center center; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGlkPSJmbGFnLWljb25zLXNrIiB2aWV3Qm94PSIwIDAgNjQwIDQ4MCI+CiAgPHJlY3QgZmlsbD0iI2VlMWMyNSIgd2lkdGg9IjY0MCIgaGVpZ2h0PSI0ODAiLz4KICA8cmVjdCBmaWxsPSIjMGI0ZWEyIiB3aWR0aD0iNjQwIiBoZWlnaHQ9IjMyMCIvPgogIDxyZWN0IGZpbGw9IiNmZmYiIHdpZHRoPSI2NDAiIGhlaWdodD0iMTYwIi8+CiAgPGNpcmNsZSBjeD0iMjMzIiBjeT0iMjQwIiByPSIxMDAiIGZpbGw9IiNmZmYiLz4KICA8Y2lyY2xlIGN4PSIyMzMiIGN5PSIyNDAiIHI9IjgwIiBmaWxsPSIjZWUxYzI1Ii8+CiAgPHBhdGggZmlsbD0iIzBiNGVhMiIgZD0iTTIzMywyMTBjLTIwLDAtMzAsMjUtMzAsMjVzLTYtMTUtMjUtMTUtMzAsMjUtMzAsMjVjMjUsMzUsNjUsNTUsODUsNjVzNjAtMjUsODUtNjVjMCwwLTExLTI1LTMwLTI1cy0yNSwxNS0yNSwxNS0xMC0yNS0zMC0yNXoiLz4KPC9zdmc+"); }