:root {
                --bg-main: #1e293b;
                --accent-red: #ef4444;
                --text-head: #f8fafc;
                --text-body: #94a3b8;
            }

            body {
                margin: 0;
                padding: 0;
                font-family: 'Inter', sans-serif;
                background-color: var(--bg-main);
                color: var(--text-body);
                display: flex;
                flex-direction: column;
                min-height: 100vh;
                overflow-y: auto;
            }

            .booking-header {
                text-align: center;
                padding: 40px 20px 20px 20px;
                flex-shrink: 0;
            }

            .logo-small {
                height: 45px;
                margin-bottom: 20px;
                filter: drop-shadow(0px 4px 6px rgba(0, 0, 0, 0.3));
            }

            h1 {
                color: var(--text-head);
                font-size: 1.5rem;
                text-transform: uppercase;
                letter-spacing: 1px;
                margin: 0 0 10px 0;
                font-weight: 900;
            }

            /* Zweisprachige Schritte */
            .instruction-steps {
                display: flex;
                flex-direction: column;
                gap: 8px;
                margin-bottom: 15px;
            }

            .lang-row {
                display: flex;
                justify-content: center;
                gap: 15px;
                font-size: 0.75rem;
                font-weight: 700;
                text-transform: uppercase;
            }

            .lang-de {
                color: var(--text-body);
            }
            .lang-en {
                color: var(--accent-red);
            }

            .calendly-wrapper {
                flex-grow: 1;
                width: 100%;
                max-width: 1000px;
                margin: 0 auto;
                padding-bottom: 20px;
            }

            #my-cal-inline-zeitslot {
                width: 100%;
                min-height: 900px;
                border-radius: 8px;
                background-color: var(--bg-main);
            }

            #my-cal-inline-zeitslot iframe {
                border: none;
                width: 100%;
                height: 100%;
            }

            footer {
                text-align: center;
                padding: 25px;
                font-size: 0.75rem;
                border-top: 1px solid rgba(255, 255, 255, 0.05);
                color: #64748b;
                flex-shrink: 0;
            }

            @media (max-width: 600px) {
                h1 {
                    font-size: 1.3rem;
                }
                .lang-row {
                    flex-direction: column;
                    gap: 3px;
                }
                .instruction-steps {
                    margin-bottom: 10px;
                }
                #my-cal-inline-zeitslot {
                    min-height: 1100px;
                }
            }