/*
 Theme Name:     Divi 5 Child by blueMarketing
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    a Divi 5 Child Theme by BlueMarketing
 Author:         blueMarketing GmbH
 Author URI:     https://www.blue-marketing.de
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
@font-face {
    font-family: 'Gibson Regular' !important;
    src: url('assets/fonts/Gibson-Regular.woff') format('woff') !important;
    font-weight: 400 !important;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gibson SemiBold' !important;
    src: url('assets/fonts/Gibson-SemiBold.woff') format('woff') !important ;
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
/* ==========================================================================
   KOMPLETTE SCROLLBAR-KORREKTUR (Pfeile entfernen & Schiene erzwingen)
   ========================================================================== */

/* 1. Pfeile oben und unten komplett ausblenden */
::-webkit-scrollbar-button {
    display: none !important;
    height: 0 !important;
    width: 0 !important;
}

/* 2. Gesamtbreite der Scrollbar auf der Seite */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 10px !important;
    height: 10px !important;
}

/* 3. Die weiße Schiene (Laufleiste) ohne Rand/Schatten */
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: #ffffff !important;
    box-shadow: none !important;
    border: none !important;
}

/* 4. Der rote Schieber (Exakt 10px breit, abgerundet, ohne Rand) */
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: #c9242b !important;
    border-radius: 5px !important;
    border: none !important;
    box-shadow: none !important;
}

/* 5. Hover-Effekt */
html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {
    background: #a31d22 !important;
}