/* ### Bontoy — Footer "Vertrag widerrufen" über gesamte Footer-Breite zentriert ### */
#footer .withdrawal-link-wrapper > [class*="col"],
footer .withdrawal-link-wrapper > [class*="col"] {
    flex: 0 0 100%;
    max-width: 100%;
}
#footer .withdrawal-link.btn,
footer .withdrawal-link.btn {
    display: block;
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/* ### Bontoy — Footer-Überschriften komplett in Großbuchstaben ### */
#footer .productlist-filter-headline,
footer .productlist-filter-headline,
#footer .footer-headline {
    text-transform: uppercase;
}

/* ### Bontoy — Slider Pause-Button ausblenden ### */
.slider-pause-controls,
.slider-pause-overlay,
.slider-pause-btn {
    display: none !important;
}

/* ### Bontoy — Hauptmenü kompakter, damit alle Punkte passen (Desktop) ### */
@media (min-width: 992px) {
    .nav-scrollbar-inner .nav-link {
        padding-left: 12px !important;
        padding-right: 12px !important;
        text-transform: uppercase;
        font-size: 13px;
    }
}

/* ### Bontoy Startseite — Parallax Note-Boxes (Port aus Shop4 Evo-Bontoy) ### */

.page-note {
    position: relative;
    width: 100%;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-note .container {
    position: relative;
    z-index: 2;
}

/* dunkles Overlay über dem Hintergrundbild */
.colored-box-bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.35);
    z-index: 1;
}

/* heller Text auf dunklem Box-Hintergrund */
.dark-note,
.dark-note h1, .dark-note h2, .dark-note h3,
.dark-note p, .dark-note a:not(.btn) {
    color: #ffffff;
}

.page-note .inner-parallax,
.page-note .addon-box {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 60px 15px;
    position: relative;
}

.page-note .banner-content {
    text-align: center;
    width: 100%;
}

.page-note .banner-content p {
    font-size: 24px;
    line-height: 1.4;
    margin: 0;
    font-weight: 500;
}

.page-note h3.uppercase {
    text-transform: uppercase;
}
.page-note .italic { font-style: italic; }
.page-note .white { color: #fff; }
.page-note .info.small { font-size: 14px; margin-bottom: 20px; }

.page-note .btn-primary {
    margin-top: 10px;
}

/* Hintergrundbilder */
.background1 { background-image: url(img/background1.jpg); }
.background2 { background-image: url(img/background2.jpg); }

/* Parallax-Effekt (Desktop) */
@media (min-width: 768px) {
    .bontoy-parallax {
        background-attachment: fixed;
    }
}

/* Abstände der Boxen */
.page-note.mt-box { margin-top: 20px; }
.page-note.mb-box { margin-bottom: 20px; }

/* ### Bontoy — Kategorie-Kacheln (Boxen-Banner) ### */
.container-block.beveled .panel-strap {
    overflow: hidden;
    position: relative;
}
.container-block.beveled .panel-strap img {
    width: 100%;
    height: auto;
    display: block;
    transition: transform .4s ease, filter .4s ease;
}
.container-block.beveled .gray-pic img {
    filter: grayscale(60%);
}
.container-block.beveled .gray-pic:hover img {
    filter: grayscale(0%);
    transform: scale(1.05);
}

/* ### Bontoy — USP Service-Reihe (Karten mit Badge) ### */
.bontoy-service {
    padding: 55px 0 35px;
    margin-bottom: 10px;
}
.bontoy-service .service-col {
    margin-bottom: 20px;
}
.bontoy-service .service-item {
    position: relative;
    background: #f3f3f3;
    border-radius: 4px;
    padding: 45px 20px 28px;
    text-align: center;
    height: 100%;
}
/* runder Badge oben, ragt über die Kartenkante */
.bontoy-service .service-badge {
    position: absolute;
    top: -28px;
    left: 50%;
    transform: translateX(-50%);
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .12);
    display: flex;
    align-items: center;
    justify-content: center;
}
.bontoy-service .service-badge i {
    color: #bc3726;
    font-size: 22px;
}
.bontoy-service .service-divider {
    display: block;
    width: 40px;
    height: 2px;
    background: #bc3726;
    margin: 0 auto 14px;
}
.bontoy-service .service-item h2 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 10px;
    font-weight: 500;
}
.bontoy-service .service-content {
    font-size: 14px;
    line-height: 1.5;
    color: #707070;
}

/* ### Bontoy — Kategorie-Mosaik: rechte Spalte 2 gestapelt ### */
.container-block.beveled .bontoy-cat-tile {
    overflow: hidden;
}
.container-block.beveled .col-md-4 > .bontoy-cat-tile + .bontoy-cat-tile {
    margin-top: 0;
}

/* ### Bontoy — Newsletter-Box Formular (Feld oben, Button darunter) ### */
.bontoy-newsletter .inner-parallax {
    padding: 60px 15px;
}
.bontoy-newsletter h3 {
    margin-bottom: 6px;
}
.bontoy-newsletter .info {
    margin-bottom: 22px;
}
.bontoy-newsletter .form-control,
.bontoy-newsletter input[type="email"] {
    height: 46px;
    border: none;
    border-radius: 4px;
    background: #ffffff;
    color: #313131;
    text-align: center;
}
.bontoy-newsletter .form-control::placeholder {
    color: #999;
}
.bontoy-newsletter .btn {
    display: inline-block;
    width: auto;
    min-width: 180px;
}
.bontoy-newsletter .bontoy-nl-captcha:not(:empty) {
    margin-top: 14px;
    display: inline-block;
}

/* ### Bontoy — Hauptnavigation in Markenfarbe (Marsala) ### */
.nav-scrollbar-inner .nav-link,
header .navbar-nav .nav-link-custom {
    color: #bc3726 !important;
}
.nav-scrollbar-inner .nav-link:hover,
.nav-scrollbar-inner .nav-link:focus,
.nav-scrollbar-inner .show > .nav-link,
.nav-scrollbar-inner .nav-link.active {
    color: #8d2a1d !important;
}

/* ### / ### */