body { font-family: 'Outfit', sans-serif; }
        h1, h2, h3, h4 { font-family: 'Outfit', serif; }
        .bg-teaser { background-color: #E6E1D5; }
        .bg-warm { background-color: #edf4fe; }
        .text-clay { color: #6888B5; }
        .bg-clay { background-color: #6888B5; }
        .bg-sage { background-color: #edf4fe; }
        .text-sage { color: #4f557a; }
        .bg-terracotta { background-color: #6888B5; }
        .text-terracotta { color: #6888B5; }

        .bg-linen { background-color: #E6E1D5; }
        .text-linen { color: #E6E1D5; }
        .bg-dustyblue { background-color: #6888B5; }
        .bg-linen-50 { background-color: rgba(230, 225, 213, 0.2); /* Alpha reduzieren */}
        .bg-dustyblue-50 { background-color: rgba(104, 136, 181, 0.2); /* Alpha reduzieren */}
        .text-dustyblue { color: #6888B5; }

        
        /* Smooth transition for mobile menu */
        #mobile-menu { transition: transform 0.3s ease-in-out; }