/* astrologie.html */
body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        header {
            background-color: #E6E6FA;
            padding: 1rem;
            text-align: center;
        }
        .logo-container {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 30px;
            margin-bottom: 1rem;
            padding: 0 20px;
        }
        .logo {
            max-width: 200px;
            height: auto;
            border-radius: 50%;
        }
        .header-text {
            text-align: left;
        }
        .header-text h1 {
            margin: 0;
            font-size: 2.5em;
        }
        .header-text .highlight {
            margin: 5px 0 0 0;
        }
        nav {
            background-color: #333;
            color: white;
            padding: 1rem 0;
        }
        nav .container {
            display: flex;
            padding: 0 20px;
            align-items: center;
        }
        nav a {
            color: white;
            text-decoration: none;
            margin-right: 15px;
            padding: 5px 10px;
            border-radius: 4px;
            transition: all 0.3s ease;
            display: inline-block;
            line-height: 1.5;
        }
        nav a:hover {
            color: white;
            background-color: #E6E6FA;
            color: #333;
        }
        .dropdown {
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }
        .dropdown > a {
            display: inline-block;
            vertical-align: middle;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            border-radius: 4px;
            top: 100%;
            left: 0;
        }
        .dropdown-content a {
            color: white;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            margin: 0;
            white-space: nowrap;
        }
        .dropdown-content a:hover {
            background-color: #E6E6FA;
            color: #333;
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }
        @media (max-width: 768px) {
            .dropdown-content {
                position: static;
                box-shadow: none;
                background-color: #444;
                margin: 0;
                padding: 0;
                width: 100%;
                display: none;
            }
            .dropdown.active .dropdown-content {
                display: block;
            }
            .dropdown > a {
                width: 100%;
                text-align: center;
                padding: 10px;
                padding-left: 0;
                border-radius: 0;
                cursor: pointer;
            }
            .logo-container {
                flex-direction: column;
                text-align: center;
                gap: 15px;
            }
            .header-text {
                text-align: center;
            }
            .header-text h1 {
                font-size: 2em;
            }
            nav .container {
                flex-direction: column;
                align-items: stretch;
                padding: 0;
            }
            nav a {
                margin: 0;
                text-align: center;
                padding: 10px;
                border-radius: 0;
            }
            .container {
                padding: 0 10px;
            }
        }

        @media (max-width: 480px) {
            body {
                padding: 10px;
            }
            .header-text h1 {
                font-size: 1.8em;
            }
            .logo {
                max-width: 150px;
            }
            .container {
                padding: 0 5px;
            }
        }

        @media (min-width: 769px) and (max-width: 1024px) {
            .container {
                max-width: 90%;
            }
            .logo {
                max-width: 180px;
            }
            .header-text h1 {
                font-size: 2.2em;
            }
        }
        main {
            padding: 20px 0;
            margin-bottom: 60px;
        }
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 0.5rem;
            width: 100%;
            font-size: 0.9em;
            margin-top: 40px;
        }
        footer p {
            margin: 0;
        }
        .highlight {
            color: #666;
            font-style: italic;
        }
        .two-column {
            display: flex;
            gap: 40px;
            align-items: flex-start;
            margin: 20px 0;
        }
        .text-column {
            flex: 1;
        }
        .image-column {
            flex: 0.6;
            text-align: right;
        }
        .image-column img {
            max-width: 70%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        @media (max-width: 768px) {
            .two-column {
                flex-direction: column;
            }
            .image-column {
                text-align: center;
            }
            .image-column img {
                max-width: 100%;
                margin: 0 auto;
            }
        }
        @media (max-width: 480px) {
            .image-column img {
                max-width: 100%;
            }
        }

/* contact.html */
body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        header {
            background-color: #E6E6FA;
            padding: 1rem;
            text-align: center;
        }
        .logo-container {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 30px;
            margin-bottom: 1rem;
            padding: 0 20px;
        }
        .logo {
            max-width: 200px;
            height: auto;
            border-radius: 50%;
        }
        .header-text {
            text-align: left;
        }
        .header-text h1 {
            margin: 0;
            font-size: 2.5em;
        }
        .header-text .highlight {
            margin: 5px 0 0 0;
        }
        nav {
            background-color: #333;
            color: white;
            padding: 1rem 0;
        }
        nav .container {
            display: flex;
            padding: 0 20px;
            align-items: center;
        }
        nav a {
            color: white;
            text-decoration: none;
            margin-right: 15px;
            padding: 5px 10px;
            border-radius: 4px;
            transition: all 0.3s ease;
            display: inline-block;
            line-height: 1.5;
        }
        nav a:hover {
            color: white;
            background-color: #E6E6FA;
            color: #333;
        }
        .dropdown {
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }
        .dropdown > a {
            display: inline-block;
            vertical-align: middle;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            border-radius: 4px;
            top: 100%;
            left: 0;
        }
        .dropdown-content a {
            color: white;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            margin: 0;
            white-space: nowrap;
        }
        .dropdown-content a:hover {
            background-color: #E6E6FA;
            color: #333;
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }
        @media (max-width: 768px) {
            .dropdown-content {
                position: static;
                box-shadow: none;
                background-color: #444;
                margin: 0;
                padding: 0;
                width: 100%;
                display: none;
            }
            .dropdown.active .dropdown-content {
                display: block;
            }
            .dropdown > a {
                width: 100%;
                text-align: center;
                padding: 10px;
                padding-left: 0;
                border-radius: 0;
                cursor: pointer;
            }
            .logo-container {
                flex-direction: column;
                text-align: center;
                gap: 15px;
            }
            .header-text {
                text-align: center;
            }
            .header-text h1 {
                font-size: 2em;
            }
            nav .container {
                flex-direction: column;
                align-items: stretch;
                padding: 0;
            }
            nav a {
                margin: 0;
                text-align: center;
                padding: 10px;
                border-radius: 0;
            }
            .container {
                padding: 0 10px;
            }
            main {
                padding: 16px 0 40px;
            }
            main h1 {
                font-size: 1.75em;
                margin-bottom: 0.5em;
            }
            .contact-details {
                background-color: #f9f9f9;
                padding: 1.25rem 1rem;
                border-radius: 8px;
                margin: 0 0 1.25em 0;
                line-height: 1.7;
            }
            .contact-form {
                padding: 15px;
                margin: 20px 0;
            }
            .form-group input,
            .form-group textarea {
                font-size: 16px;
                padding: 10px;
            }
        }

        @media (max-width: 480px) {
            body {
                padding: 12px 10px;
            }
            .header-text h1 {
                font-size: 1.5em;
            }
            .logo {
                max-width: 150px;
            }
            .container {
                padding: 0 8px;
            }
            main h1 {
                font-size: 1.5em;
            }
            .contact-details {
                padding: 1rem;
                margin-bottom: 1.5em;
            }
            .contact-details .contact-label {
                display: block;
                min-width: 0;
                margin-top: 1em;
                margin-bottom: 0;
            }
            .contact-details .contact-label:first-child {
                margin-top: 0;
            }
            .contact-details a {
                word-break: break-all;
            }
            .contact-form {
                padding: 1rem;
            }
            .form-group {
                margin-bottom: 15px;
            }
            .submit-btn {
                display: inline-block;
                padding: 12px 20px;
                min-height: 44px;
                box-sizing: border-box;
            }
        }

        @media (min-width: 769px) and (max-width: 1024px) {
            .container {
                max-width: 90%;
            }
            .logo {
                max-width: 180px;
            }
            .header-text h1 {
                font-size: 2.2em;
            }
            .contact-form {
                max-width: 80%;
                margin: 30px auto;
            }
        }
        main {
            padding: 20px 0;
            margin-bottom: 60px;
        }
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 0.5rem;
            width: 100%;
            font-size: 0.9em;
            margin-top: 40px;
        }
        footer p {
            margin: 0;
        }
        .highlight {
            color: #666;
            font-style: italic;
        }
        .contact-form {
            max-width: 600px;
            margin: 30px 0;
            padding: 20px;
            background-color: #f9f9f9;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .contact-form p {
            margin-bottom: 20px;
        }
        .contact-details {
            margin: 0 0 1em 0;
            line-height: 1.8;
            font-size: 0.9em;
        }
        .contact-details .contact-label {
            display: inline-block;
            min-width: 0;
            font-weight: 600;
            color: #333;
        }
        .contact-details a {
            color: #333;
            text-decoration: none;
            word-break: break-all;
        }
        .contact-details a:hover {
            text-decoration: underline;
        }
        .submit-btn {
            background-color: #333;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
        }
        .submit-btn:hover {
            background-color: #444;
        }
        .message {
            padding: 15px;
            margin: 20px 0;
            border-radius: 4px;
            display: none;
        }
        .success {
            background-color: #d4edda;
            color: #155724;
            border: 1px solid #c3e6cb;
        }
        .error {
            background-color: #f8d7da;
            color: #721c24;
            border: 1px solid #f5c6cb;
        }

/* diensten.html */
body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        header {
            background-color: #E6E6FA;
            padding: 1rem;
            text-align: center;
        }
        .logo-container {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 30px;
            margin-bottom: 1rem;
            padding: 0 20px;
        }
        .logo {
            max-width: 200px;
            height: auto;
            border-radius: 50%;
        }
        .header-text {
            text-align: left;
        }
        .header-text h1 {
            margin: 0;
            font-size: 2.5em;
        }
        .header-text .highlight {
            margin: 5px 0 0 0;
        }
        nav {
            background-color: #333;
            color: white;
            padding: 1rem 0;
        }
        nav .container {
            display: flex;
            padding: 0 20px;
            align-items: center;
        }
        nav a {
            color: white;
            text-decoration: none;
            margin-right: 15px;
            padding: 5px 10px;
            border-radius: 4px;
            transition: all 0.3s ease;
            display: inline-block;
            line-height: 1.5;
        }
        nav a:hover {
            color: white;
            background-color: #E6E6FA;
            color: #333;
        }
        .dropdown {
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }
        .dropdown > a {
            display: inline-block;
            vertical-align: middle;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            border-radius: 4px;
            top: 100%;
            left: 0;
        }
        .dropdown-content a {
            color: white;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            margin: 0;
            white-space: nowrap;
        }
        .dropdown-content a:hover {
            background-color: #E6E6FA;
            color: #333;
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }
        @media (max-width: 768px) {
            .dropdown-content {
                position: static;
                box-shadow: none;
                background-color: #444;
                margin: 0;
                padding: 0;
                width: 100%;
                display: none;
            }
            .dropdown.active .dropdown-content {
                display: block;
            }
            .dropdown > a {
                width: 100%;
                text-align: center;
                padding: 10px;
                padding-left: 0;
                border-radius: 0;
                cursor: pointer;
            }
            .logo-container {
                flex-direction: column;
                text-align: center;
                gap: 15px;
            }
            .header-text {
                text-align: center;
            }
            .header-text h1 {
                font-size: 2em;
            }
            nav .container {
                flex-direction: column;
                align-items: stretch;
                padding: 0;
            }
            nav a {
                margin: 0;
                text-align: center;
                padding: 10px;
                border-radius: 0;
            }
            .container {
                padding: 0 10px;
            }
            ul {
                padding-left: 20px;
                margin: 15px 0;
            }
            li {
                margin-bottom: 10px;
            }
        }

        @media (max-width: 480px) {
            body {
                padding: 10px;
            }
            .header-text h1 {
                font-size: 1.8em;
            }
            .logo {
                max-width: 150px;
            }
            .container {
                padding: 0 5px;
            }
            ul {
                padding-left: 15px;
            }
            h2 {
                font-size: 1.5em;
            }
        }

        @media (min-width: 769px) and (max-width: 1024px) {
            .container {
                max-width: 90%;
            }
            .logo {
                max-width: 180px;
            }
            .header-text h1 {
                font-size: 2.2em;
            }
            ul {
                padding-left: 25px;
            }
        }
        main {
            padding: 20px 0;
            margin-bottom: 60px;
        }
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 0.5rem;
            width: 100%;
            font-size: 0.9em;
            margin-top: 40px;
        }
        footer p {
            margin: 0;
        }
        .highlight {
            color: #666;
            font-style: italic;
        }
        ul {
            line-height: 2;
            margin-bottom: 1.5em;
        }
        ul li {
            margin-bottom: 0.5em;
        }

/* index.html */
body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        header {
            background-color: #E6E6FA;
            padding: 1rem;
            text-align: center;
        }
        .logo-container {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 30px;
            margin-bottom: 1rem;
            padding: 0 20px;
        }
        .logo {
            max-width: 200px;
            height: auto;
            border-radius: 50%;
        }
        .header-text {
            text-align: left;
        }
        .header-text h1 {
            margin: 0;
            font-size: 2.5em;
        }
        .header-text .highlight {
            margin: 5px 0 0 0;
        }
        nav {
            background-color: #333;
            color: white;
            padding: 1rem 0;
        }
        nav .container {
            display: flex;
            padding: 0 20px;
            align-items: center;
        }
        nav a {
            color: white;
            text-decoration: none;
            margin-right: 15px;
            padding: 5px 10px;
            border-radius: 4px;
            transition: all 0.3s ease;
            display: inline-block;
            line-height: 1.5;
        }
        nav a:hover {
            color: white;
            background-color: #E6E6FA;
            color: #333;
        }
        .dropdown {
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }
        .dropdown > a {
            display: inline-block;
            vertical-align: middle;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            border-radius: 4px;
            top: 100%;
            left: 0;
        }
        .dropdown-content a {
            color: white;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            margin: 0;
            white-space: nowrap;
        }
        .dropdown-content a:hover {
            background-color: #E6E6FA;
            color: #333;
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }
        main {
            padding: 20px 0;
            margin-bottom: 60px;
        }
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 0.5rem;
            width: 100%;
            font-size: 0.9em;
            margin-top: 40px;
        }
        footer p {
            margin: 0;
        }
        .highlight {
            color: #666;
            font-style: italic;
        }
        .two-column {
            display: flex;
            gap: 40px;
            align-items: flex-start;
            margin: 20px 0;
        }
        .text-column {
            flex: 1;
        }
        .image-column {
            flex: 0.6;
            text-align: right;
        }
        .image-column img {
            max-width: 70%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        @media (max-width: 768px) {
            .two-column {
                flex-direction: column;
            }
            .image-column {
                text-align: center;
            }
            .image-column img {
                max-width: 100%;
                margin: 0 auto;
            }
            .logo-container {
                flex-direction: column;
                text-align: center;
                gap: 15px;
            }
            .header-text {
                text-align: center;
            }
            .header-text h1 {
                font-size: 2em;
            }
            nav .container {
                flex-direction: column;
                align-items: stretch;
                padding: 0;
            }
            nav a {
                margin: 0;
                text-align: center;
                padding: 10px;
                border-radius: 0;
            }
            .container {
                padding: 0 10px;
            }
            .dropdown-content {
                position: static;
                box-shadow: none;
                background-color: #444;
                margin: 0;
                padding: 0;
                width: 100%;
                display: none;
            }
            .dropdown.active .dropdown-content {
                display: block;
            }
            .dropdown > a {
                width: 100%;
                text-align: center;
                padding: 10px;
                padding-left: 0;
                border-radius: 0;
                cursor: pointer;
            }
        }

        @media (max-width: 480px) {
            body {
                padding: 10px;
            }
            .header-text h1 {
                font-size: 1.8em;
            }
            .logo {
                max-width: 150px;
            }
            .image-column img {
                max-width: 100%;
            }
            .container {
                padding: 0 5px;
            }
        }

        @media (min-width: 769px) and (max-width: 1024px) {
            .container {
                max-width: 90%;
            }
            .logo {
                max-width: 180px;
            }
            .header-text h1 {
                font-size: 2.2em;
            }
            .two-column {
                gap: 20px;
            }
            .image-column img {
                max-width: 85%;
            }
        }

/* numerologie.html */
body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        header {
            background-color: #E6E6FA;
            padding: 1rem;
            text-align: center;
        }
        .logo-container {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 30px;
            margin-bottom: 1rem;
            padding: 0 20px;
        }
        .logo {
            max-width: 200px;
            height: auto;
            border-radius: 50%;
        }
        .header-text {
            text-align: left;
        }
        .header-text h1 {
            margin: 0;
            font-size: 2.5em;
        }
        .header-text .highlight {
            margin: 5px 0 0 0;
        }
        nav {
            background-color: #333;
            color: white;
            padding: 1rem 0;
        }
        nav .container {
            display: flex;
            padding: 0 20px;
            align-items: center;
        }
        nav a {
            color: white;
            text-decoration: none;
            margin-right: 15px;
            padding: 5px 10px;
            border-radius: 4px;
            transition: all 0.3s ease;
            display: inline-block;
            line-height: 1.5;
        }
        nav a:hover {
            color: white;
            background-color: #E6E6FA;
            color: #333;
        }
        .dropdown {
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }
        .dropdown > a {
            display: inline-block;
            vertical-align: middle;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            border-radius: 4px;
            top: 100%;
            left: 0;
        }
        .dropdown-content a {
            color: white;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            margin: 0;
            white-space: nowrap;
        }
        .dropdown-content a:hover {
            background-color: #E6E6FA;
            color: #333;
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }
        @media (max-width: 768px) {
            .dropdown-content {
                position: static;
                box-shadow: none;
                background-color: #444;
                margin: 0;
                padding: 0;
                width: 100%;
                display: none;
            }
            .dropdown.active .dropdown-content {
                display: block;
            }
            .dropdown > a {
                width: 100%;
                text-align: center;
                padding: 10px;
                padding-left: 0;
                border-radius: 0;
                cursor: pointer;
            }
            .logo-container {
                flex-direction: column;
                text-align: center;
                gap: 15px;
            }
            .header-text {
                text-align: center;
            }
            .header-text h1 {
                font-size: 2em;
            }
            nav .container {
                flex-direction: column;
                align-items: stretch;
                padding: 0;
            }
            nav a {
                margin: 0;
                text-align: center;
                padding: 10px;
                border-radius: 0;
            }
            .container {
                padding: 0 10px;
            }
        }

        @media (max-width: 480px) {
            body {
                padding: 10px;
            }
            .header-text h1 {
                font-size: 1.8em;
            }
            .logo {
                max-width: 150px;
            }
            .container {
                padding: 0 5px;
            }
        }

        @media (min-width: 769px) and (max-width: 1024px) {
            .container {
                max-width: 90%;
            }
            .logo {
                max-width: 180px;
            }
            .header-text h1 {
                font-size: 2.2em;
            }
        }
        main {
            padding: 20px 0;
            margin-bottom: 60px;
        }
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 0.5rem;
            width: 100%;
            font-size: 0.9em;
            margin-top: 40px;
        }
        footer p {
            margin: 0;
        }
        .highlight {
            color: #666;
            font-style: italic;
        }
        .two-column {
            display: flex;
            gap: 40px;
            align-items: flex-start;
            margin: 20px 0;
        }
        .text-column {
            flex: 1;
        }
        .image-column {
            flex: 0.6;
            text-align: right;
        }
        .image-column img {
            max-width: 70%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
        }
        @media (max-width: 768px) {
            .two-column {
                flex-direction: column;
            }
            .image-column {
                text-align: center;
            }
            .image-column img {
                max-width: 100%;
                margin: 0 auto;
            }
        }
        @media (max-width: 480px) {
            .image-column img {
                max-width: 100%;
            }
        }

/* prive-sessie-astrologie.html */
body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 20px; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        header { background-color: #E6E6FA; padding: 1rem; text-align: center; }
        .logo-container { display: flex; align-items: center; justify-content: flex-start; gap: 30px; margin-bottom: 1rem; padding: 0 20px; }
        .logo { max-width: 200px; height: auto; border-radius: 50%; }
        .header-text { text-align: left; }
        .header-text h1 { margin: 0; font-size: 2.5em; }
        .header-text .highlight { margin: 5px 0 0 0; }
        nav { background-color: #333; color: white; padding: 1rem 0; }
        nav .container { display: flex; padding: 0 20px; align-items: center; }
        nav a { color: white; text-decoration: none; margin-right: 15px; padding: 5px 10px; border-radius: 4px; transition: all 0.3s ease; display: inline-block; line-height: 1.5; }
        nav a:hover { color: white; background-color: #E6E6FA; color: #333; }
        .dropdown { position: relative; display: inline-block; vertical-align: middle; }
        .dropdown > a { display: inline-block; vertical-align: middle; }
        .dropdown-content { display: none; position: absolute; background-color: #333; min-width: 200px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; border-radius: 4px; top: 100%; left: 0; }
        .dropdown-content a { color: white; padding: 12px 16px; text-decoration: none; display: block; margin: 0; white-space: nowrap; }
        .dropdown-content a:hover { background-color: #E6E6FA; color: #333; }
        .dropdown:hover .dropdown-content { display: block; }
        @media (max-width: 768px) {
            .dropdown-content { position: static; box-shadow: none; background-color: #444; margin: 0; padding: 0; width: 100%; display: none; }
            .dropdown.active .dropdown-content { display: block; }
            .dropdown > a { width: 100%; text-align: center; padding: 10px; padding-left: 0; border-radius: 0; cursor: pointer; }
            .logo-container { flex-direction: column; text-align: center; gap: 15px; }
            .header-text { text-align: center; }
            .header-text h1 { font-size: 2em; }
            nav .container { flex-direction: column; align-items: stretch; padding: 0; }
            nav a { margin: 0; text-align: center; padding: 10px; border-radius: 0; }
            .container { padding: 0 10px; }
        }
        @media (max-width: 480px) { body { padding: 10px; } .header-text h1 { font-size: 1.8em; } .logo { max-width: 150px; } .container { padding: 0 5px; } }
        @media (min-width: 769px) and (max-width: 1024px) { .container { max-width: 90%; } .logo { max-width: 180px; } .header-text h1 { font-size: 2.2em; } }
        main { padding: 20px 0; margin-bottom: 60px; }
        footer { background-color: #333; color: white; text-align: center; padding: 0.5rem; width: 100%; font-size: 0.9em; margin-top: 40px; }
        footer p { margin: 0; }
        .highlight { color: #666; font-style: italic; }

/* prive-sessie-numerologie.html */
body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 20px; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        header { background-color: #E6E6FA; padding: 1rem; text-align: center; }
        .logo-container { display: flex; align-items: center; justify-content: flex-start; gap: 30px; margin-bottom: 1rem; padding: 0 20px; }
        .logo { max-width: 200px; height: auto; border-radius: 50%; }
        .header-text { text-align: left; }
        .header-text h1 { margin: 0; font-size: 2.5em; }
        .header-text .highlight { margin: 5px 0 0 0; }
        nav { background-color: #333; color: white; padding: 1rem 0; }
        nav .container { display: flex; padding: 0 20px; align-items: center; }
        nav a { color: white; text-decoration: none; margin-right: 15px; padding: 5px 10px; border-radius: 4px; transition: all 0.3s ease; display: inline-block; line-height: 1.5; }
        nav a:hover { color: white; background-color: #E6E6FA; color: #333; }
        .dropdown { position: relative; display: inline-block; vertical-align: middle; }
        .dropdown > a { display: inline-block; vertical-align: middle; }
        .dropdown-content { display: none; position: absolute; background-color: #333; min-width: 200px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; border-radius: 4px; top: 100%; left: 0; }
        .dropdown-content a { color: white; padding: 12px 16px; text-decoration: none; display: block; margin: 0; white-space: nowrap; }
        .dropdown-content a:hover { background-color: #E6E6FA; color: #333; }
        .dropdown:hover .dropdown-content { display: block; }
        @media (max-width: 768px) {
            .dropdown-content { position: static; box-shadow: none; background-color: #444; margin: 0; padding: 0; width: 100%; display: none; }
            .dropdown.active .dropdown-content { display: block; }
            .dropdown > a { width: 100%; text-align: center; padding: 10px; padding-left: 0; border-radius: 0; cursor: pointer; }
            .logo-container { flex-direction: column; text-align: center; gap: 15px; }
            .header-text { text-align: center; }
            .header-text h1 { font-size: 2em; }
            nav .container { flex-direction: column; align-items: stretch; padding: 0; }
            nav a { margin: 0; text-align: center; padding: 10px; border-radius: 0; }
            .container { padding: 0 10px; }
        }
        @media (max-width: 480px) { body { padding: 10px; } .header-text h1 { font-size: 1.8em; } .logo { max-width: 150px; } .container { padding: 0 5px; } }
        @media (min-width: 769px) and (max-width: 1024px) { .container { max-width: 90%; } .logo { max-width: 180px; } .header-text h1 { font-size: 2.2em; } }
        main { padding: 20px 0; margin-bottom: 60px; }
        footer { background-color: #333; color: white; text-align: center; padding: 0.5rem; width: 100%; font-size: 0.9em; margin-top: 40px; }
        footer p { margin: 0; }
        .highlight { color: #666; font-style: italic; }

/* wie-ben-ik.html */
body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        header {
            background-color: #E6E6FA;
            padding: 1rem;
            text-align: center;
        }
        .logo-container {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 30px;
            margin-bottom: 1rem;
            padding: 0 20px;
        }
        .logo {
            max-width: 200px;
            height: auto;
            border-radius: 50%;
        }
        .header-text {
            text-align: left;
        }
        .header-text h1 {
            margin: 0;
            font-size: 2.5em;
        }
        .header-text .highlight {
            margin: 5px 0 0 0;
        }
        nav {
            background-color: #333;
            color: white;
            padding: 1rem 0;
        }
        nav .container {
            display: flex;
            padding: 0 20px;
            align-items: center;
        }
        nav a {
            color: white;
            text-decoration: none;
            margin-right: 15px;
            padding: 5px 10px;
            border-radius: 4px;
            transition: all 0.3s ease;
            display: inline-block;
            line-height: 1.5;
        }
        nav a:hover {
            color: white;
            background-color: #E6E6FA;
            color: #333;
        }
        .dropdown {
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }
        .dropdown > a {
            display: inline-block;
            vertical-align: middle;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            border-radius: 4px;
            top: 100%;
            left: 0;
        }
        .dropdown-content a {
            color: white;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            margin: 0;
            white-space: nowrap;
        }
        .dropdown-content a:hover {
            background-color: #E6E6FA;
            color: #333;
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }
        @media (max-width: 768px) {
            .dropdown-content {
                position: static;
                box-shadow: none;
                background-color: #444;
                margin: 0;
                padding: 0;
                width: 100%;
                display: none;
            }
            .dropdown.active .dropdown-content {
                display: block;
            }
            .dropdown > a {
                width: 100%;
                text-align: center;
                padding: 10px;
                padding-left: 0;
                border-radius: 0;
                cursor: pointer;
            }
            .logo-container {
                flex-direction: column;
                text-align: center;
                gap: 15px;
            }
            .header-text {
                text-align: center;
            }
            .header-text h1 {
                font-size: 2em;
            }
            nav .container {
                flex-direction: column;
                align-items: stretch;
                padding: 0;
            }
            nav a {
                margin: 0;
                text-align: center;
                padding: 10px;
                border-radius: 0;
            }
            .container {
                padding: 0 10px;
            }
            .content-wrapper {
                flex-direction: column;
                gap: 20px;
            }
            .image-content {
                max-width: 100%;
                margin-top: 20px;
                text-align: center;
            }
            .profile-image {
                max-width: 100%;
                height: auto;
            }
        }

        @media (max-width: 480px) {
            body {
                padding: 10px;
            }
            .header-text h1 {
                font-size: 1.8em;
            }
            .logo {
                max-width: 150px;
            }
            .container {
                padding: 0 5px;
            }
            .content-wrapper {
                gap: 15px;
            }
        }

        @media (min-width: 769px) and (max-width: 1024px) {
            .container {
                max-width: 90%;
            }
            .logo {
                max-width: 180px;
            }
            .header-text h1 {
                font-size: 2.2em;
            }
            .content-wrapper {
                gap: 30px;
            }
            .image-content {
                max-width: 45%;
            }
        }
        main {
            padding: 20px 0;
            margin-bottom: 60px;
        }
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 0.5rem;
            width: 100%;
            font-size: 0.9em;
            margin-top: 40px;
        }
        footer p {
            margin: 0;
        }
        .highlight {
            color: #666;
            font-style: italic;
        }
        .content-wrapper {
            display: flex;
            gap: 40px;
            align-items: flex-start;
        }
        .text-content {
            flex: 1;
        }
        .intro-text {
            margin-top: 0;
        }
        .intro-text p {
            margin: 0 0 1em 0;
            line-height: 1.65;
        }
        .intro-text p:last-child {
            margin-bottom: 0;
        }
        .intro-greeting {
            font-size: 1.05em;
            margin-bottom: 1.1em !important;
        }
        .intro-signature {
            margin-top: 1.5em !important;
            margin-bottom: 0 !important;
        }
        .image-content {
            flex: 0 0 auto;
            max-width: 400px;
            margin-top: 0;
        }
        .profile-image {
            width: auto;
            height: auto;
            max-width: 100%;
            border-radius: 10px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.1);
            object-fit: contain;
            display: block;
        }

/* workshop-astrologie.html */
body { font-family: Arial, sans-serif; line-height: 1.6; margin: 0; padding: 20px; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
        header { background-color: #E6E6FA; padding: 1rem; text-align: center; }
        .logo-container { display: flex; align-items: center; justify-content: flex-start; gap: 30px; margin-bottom: 1rem; padding: 0 20px; }
        .logo { max-width: 200px; height: auto; border-radius: 50%; }
        .header-text { text-align: left; }
        .header-text h1 { margin: 0; font-size: 2.5em; }
        .header-text .highlight { margin: 5px 0 0 0; }
        nav { background-color: #333; color: white; padding: 1rem 0; }
        nav .container { display: flex; padding: 0 20px; align-items: center; }
        nav a { color: white; text-decoration: none; margin-right: 15px; padding: 5px 10px; border-radius: 4px; transition: all 0.3s ease; display: inline-block; line-height: 1.5; }
        nav a:hover { color: white; background-color: #E6E6FA; color: #333; }
        .dropdown { position: relative; display: inline-block; vertical-align: middle; }
        .dropdown > a { display: inline-block; vertical-align: middle; }
        .dropdown-content { display: none; position: absolute; background-color: #333; min-width: 200px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; border-radius: 4px; top: 100%; left: 0; }
        .dropdown-content a { color: white; padding: 12px 16px; text-decoration: none; display: block; margin: 0; white-space: nowrap; }
        .dropdown-content a:hover { background-color: #E6E6FA; color: #333; }
        .dropdown:hover .dropdown-content { display: block; }
        @media (max-width: 768px) {
            .dropdown-content { position: static; box-shadow: none; background-color: #444; margin: 0; padding: 0; width: 100%; display: none; }
            .dropdown.active .dropdown-content { display: block; }
            .dropdown > a { width: 100%; text-align: center; padding: 10px; padding-left: 0; border-radius: 0; cursor: pointer; }
            .logo-container { flex-direction: column; text-align: center; gap: 15px; }
            .header-text { text-align: center; }
            .header-text h1 { font-size: 2em; }
            nav .container { flex-direction: column; align-items: stretch; padding: 0; }
            nav a { margin: 0; text-align: center; padding: 10px; border-radius: 0; }
            .container { padding: 0 10px; }
        }
        @media (max-width: 480px) { body { padding: 10px; } .header-text h1 { font-size: 1.8em; } .logo { max-width: 150px; } .container { padding: 0 5px; } }
        @media (min-width: 769px) and (max-width: 1024px) { .container { max-width: 90%; } .logo { max-width: 180px; } .header-text h1 { font-size: 2.2em; } }
        main { padding: 20px 0; margin-bottom: 60px; }
        footer { background-color: #333; color: white; text-align: center; padding: 0.5rem; width: 100%; font-size: 0.9em; margin-top: 40px; }
        footer p { margin: 0; }
        .highlight { color: #666; font-style: italic; }
        .workshop-disclaimer { margin: 0.15em 0 0.4em 0; }

/* workshops.html */
body {
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 0;
            padding: 20px;
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }
        header {
            background-color: #E6E6FA;
            padding: 1rem;
            text-align: center;
        }
        .logo-container {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 30px;
            margin-bottom: 1rem;
            padding: 0 20px;
        }
        .logo {
            max-width: 200px;
            height: auto;
            border-radius: 50%;
        }
        .header-text {
            text-align: left;
        }
        .header-text h1 {
            margin: 0;
            font-size: 2.5em;
        }
        .header-text .highlight {
            margin: 5px 0 0 0;
        }
        nav {
            background-color: #333;
            color: white;
            padding: 1rem 0;
        }
        nav .container {
            display: flex;
            padding: 0 20px;
            align-items: center;
        }
        nav a {
            color: white;
            text-decoration: none;
            margin-right: 15px;
            padding: 5px 10px;
            border-radius: 4px;
            transition: all 0.3s ease;
            display: inline-block;
            line-height: 1.5;
        }
        nav a:hover {
            color: white;
            background-color: #E6E6FA;
            color: #333;
        }
        .dropdown {
            position: relative;
            display: inline-block;
            vertical-align: middle;
        }
        .dropdown > a {
            display: inline-block;
            vertical-align: middle;
        }
        .dropdown-content {
            display: none;
            position: absolute;
            background-color: #333;
            min-width: 160px;
            box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
            z-index: 1;
            border-radius: 4px;
            top: 100%;
            left: 0;
        }
        .dropdown-content a {
            color: white;
            padding: 12px 16px;
            text-decoration: none;
            display: block;
            margin: 0;
            white-space: nowrap;
        }
        .dropdown-content a:hover {
            background-color: #E6E6FA;
            color: #333;
        }
        .dropdown:hover .dropdown-content {
            display: block;
        }
        @media (max-width: 768px) {
            .dropdown-content {
                position: static;
                box-shadow: none;
                background-color: #444;
                margin: 0;
                padding: 0;
                width: 100%;
                display: none;
            }
            .dropdown.active .dropdown-content {
                display: block;
            }
            .dropdown > a {
                width: 100%;
                text-align: center;
                padding: 10px;
                padding-left: 0;
                border-radius: 0;
                cursor: pointer;
            }
            .logo-container {
                flex-direction: column;
                text-align: center;
                gap: 15px;
            }
            .header-text {
                text-align: center;
            }
            .header-text h1 {
                font-size: 2em;
            }
            nav .container {
                flex-direction: column;
                align-items: stretch;
                padding: 0;
            }
            nav a {
                margin: 0;
                text-align: center;
                padding: 10px;
                border-radius: 0;
            }
            .container {
                padding: 0 10px;
            }
            ul {
                padding-left: 20px;
                margin: 15px 0;
            }
            li {
                margin-bottom: 10px;
            }
        }

        @media (max-width: 480px) {
            body {
                padding: 10px;
            }
            .header-text h1 {
                font-size: 1.8em;
            }
            .logo {
                max-width: 150px;
            }
            .container {
                padding: 0 5px;
            }
            ul {
                padding-left: 15px;
            }
            h2 {
                font-size: 1.5em;
            }
        }

        @media (min-width: 769px) and (max-width: 1024px) {
            .container {
                max-width: 90%;
            }
            .logo {
                max-width: 180px;
            }
            .header-text h1 {
                font-size: 2.2em;
            }
            ul {
                padding-left: 25px;
            }
        }
        main {
            padding: 20px 0;
            margin-bottom: 60px;
        }
        footer {
            background-color: #333;
            color: white;
            text-align: center;
            padding: 0.5rem;
            width: 100%;
            font-size: 0.9em;
            margin-top: 40px;
        }
        footer p {
            margin: 0;
        }
        .highlight {
            color: #666;
            font-style: italic;
        }
        ul {
            line-height: 2;
            margin-bottom: 1.5em;
        }
        ul li {
            margin-bottom: 0.5em;
        }
        /* Numerologie workshops – compacte, duidelijke hiërarchie */
        #numerologie {
            max-width: 720px;
        }
        #numerologie h1 {
            margin: 0 0 0.6em 0;
            font-size: 1.85em;
        }
        #numerologie h2 {
            font-size: 1.2em;
            margin: 1.25em 0 0.4em 0;
            font-weight: 600;
            color: #333;
        }
        #numerologie h2:first-of-type {
            margin-top: 0.85em;
        }
        #numerologie p {
            margin: 0 0 0.65em 0;
            line-height: 1.55;
        }
        #numerologie ul {
            margin: 0.35em 0 0.85em 0;
            padding-left: 1.35em;
            line-height: 1.65;
        }
        #numerologie ul li {
            margin-bottom: 0.35em;
        }
        #numerologie a {
            color: #333;
            text-decoration: underline;
        }
        #numerologie a:hover {
            color: #555;
        }

/* Zwarte footer-balk altijd gelijk onderaan op elke pagina */
body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
body > main {
    flex: 1;
    margin-bottom: 0;
}
body > footer {
    margin-top: auto;
    background-color: #333;
    color: white;
    text-align: center;
    padding: 0.5rem;
    width: 100%;
    font-size: 0.9em;
}
body > footer p {
    margin: 0;
}