body, html {
    overflow: hidden !important; /* Verhindert das Scrollen */
}



        #main-content {
            height: 100vh !important;
            width: 100% !important;
        }

        #main-container {
            height: -webkit-calc(100vh - 40px) !important;
            height: calc(100% - 40px);
            width: calc(100% - 40px) !important;
            position: absolute !important;
            top: 20px !important;
            left: 20px !important;
            background-color: #111 !important;
            border-radius: 14px !important;
        }



        .book-container {
            position: absolute !important;
            height: calc(100% - 40px) !important;
            width: calc(100% - 40px) !important;
            position: absolute !important;
            top: 20px !important;
            left: 20px !important;
            border-radius: 14px !important;
            z-index: 11 !important;
            overflow: hidden !important;
        }

        #book-content {
            background-color: transparent !important;
            overflow-y: scroll !important;
            scroll-snap-type: y mandatory !important;
            /* Enable snap scrolling */
        }

        #book-content>div {
            height: 100% !important;
            /* Set the height of each section */
            scroll-snap-align: start !important;
            /* Snap to the start of each section */
        }

        header {
            position: absolute !important;
        }

        #header-container,
        .flexnav li ul li ul li a {
            padding: 60px 90px !important;
            position: absolute !important;
        }

        #logo img {
            height: 28px !important;
        }

        #canvas-gradient {
            z-index: 1000 !important;
            width: 100% !important;
            height: 100% !important;
            border-radius: 14px !important;
            opacity: 0.3 !important;
        }

        .amazon-logo {
            position: absolute !important;
            bottom: 70px !important;
            left: 90px !important;
            width: 100px !important;
            z-index: 1000 !important;
        }

        .amazon-link {
            position: absolute !important;
            bottom: 70px !important;
            right: 70px !important;
            z-index: 1000 !important;
        }

        .dark-section .button-link:hover .button-icon i,
        .light-content .button-link:hover .button-icon i {
            background-color: #A89A68 !important;
            color: #111 !important;
            border: 1px solid #A89A68 !important;
            opacity: 1 !important;
        }

        .light-content .button-link .button-icon i {
            background-color: #A89A68 !important;
            border: 1px solid #A89A68 !important;
        }

        .button-wrap {
            /* cursor: pointer; */
            top: inherit !important;
        }

        .mail-link {
            position: absolute !important;
            top: 60px !important;
            right: 70px !important;
            z-index: 1000 !important;
        }

        .light-content #ball {
            border: 2px solid #111 !important;
        }

        #webgl-canvas {
            width: 100% !important;
        }

        .text-container {
            position: absolute !important;
            z-index: 111 !important;
            top: 28% !important;
            left: 90px !important;
        }

        /* CSS for fading animation */
        .text-container {
            transition: opacity 1s ease !important;
            opacity: 1 !important;
        }

        .text-fade-out {
            opacity: 0 !important;
        }


        h4 {
            font-family: mona-sanslight_wide !important;
            letter-spacing: 4px !important;
            color: #A89A68 !important;
        }

        p {
            color: #A89A68 !important;
        }

        .clapat-slider-wrapper {
            width: calc(100% - 40px) !important;
            left: 20px !important;
            height: 100vh !important;
            position: absolute !important;
            z-index: 10 !important;
            top: 0px !important;
        }

        .carousel-zoom-wrapper {
            height: calc(100% - 80px) !important;
        }

        .carousel-nav-wrapper {
            max-width: calc(100% - 160px) !important;
        }

        .clapat-pagination {
            bottom: 80px !important;
        }

        .showcase-carousel .clapat-pagination-bullet-active {
            height: 26px !important;
            background-color: #A89A68 !important;
        }

        .showcase-carousel .clapat-pagination-bullet {
            background-color: rgba(204, 184, 99, 0.5) !important;
        }

        ::selection {
            background-color: #111 !important;
        }

        #main .button-icon i {
            color: #111 !important;
        }

        .preloader-intro {
            color: #A89A68 !important;
        }

        .percentage {
            color: #A89A68 !important;
        }

        .percentage-intro {
            color: #A89A68 !important;
        }

        .preloader-wrap {
            background: #111 !important;
        }

        .percentage-wrapper {
            background: #111 !important;
        }

        .carousel-thumbs-wrapper {
            display: none !important;
        }

        .loadbar {

            background: rgba(17, 17, 17, 0.8) !important;
        }

        .img-mask {
            border-radius: 14px !important;
        }

        .showcase-carousel .carousel-zoom-wrapper .slide-caption .slide-subtitle {
            padding-left: 73% !important;
        }

        @media screen and (max-width: 600px) {

            #header-container,
            .flexnav li ul li ul li a {
                padding: 34px 34px !important;
            }

            .amazon-logo {
                bottom: 48px !important;
                left: 54px !important;
            }

            .carousel-nav-wrapper {
                max-width: calc(100% - 0px) !important;
            }

            .clapat-pagination {
                bottom: 160px !important;
            }

            .mail-link {
                display: none !important;
            }

            .amazon-link {
                display: none !important;
            }

            .amazon-link-mobile {
                position: absolute !important;
                bottom: 53px !important;
                right: 54px !important;
                z-index: 11 !important;
                font-size: 18px !important;
            }

            .mail-link-mobile {
                position: absolute !important;
                bottom: 83px !important;
                right: 52px !important;
                z-index: 11 !important;
                font-size: 18px !important;
            }

            .showcase-carousel .carousel-zoom-wrapper .slide-caption .slide-subtitle {
                display: none !important;
            }
        }

        @media screen and (min-width: 601px) {
            .amazon-link-mobile {
                display: none !important;
            }

            .mail-link-mobile {
                display: none !important;
            }
        }