html, body {
                height: 100%;
                margin: 0;
                padding: 0;
            }

            body {
                display: flex;  
                flex-direction: column;
                min-height: 100vh;
                font-family: Arial, sans-serif;
                background-color: rgb(254, 254, 254);
            }

            @font-face {
                font-family: 'carattere'; 
                src: url('/fonts/Carattere/Carattere-Regular.woff2') format('woff2');
                font-weight: normal;
                font-style: normal;
                font-display: swap;
            }

            @font-face {
                font-family: 'Courgette';
                src: url('/fonts/Courgette/Courgette-Regular.ttf') format('truetype');
                font-weight: 400;
                font-style: normal;
                font-display: swap;
            }

            @font-face {
                font-family: 'Indie';
                src: url('/fonts/Indie_Flower/IndieFlower-Regular.ttf') format('truetype');
                font-weight: 400;
                font-style: normal;
                font-display: swap;
            }

            .header {
                min-height: 20vw; 
                background-image: url('/Bilder/gruen1.jpg'); 
                background-size: cover;
                background-attachment: fixed;
                background-position: center;
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 0 18vw;
                top: 0; 
                z-index: 1000;
            }

            .logo {
                position: absolute; 
                left: 3.5vw;
                top: 3vw;
                width: 15vw;
                max-height: 15vh;
                object-fit: contain;
            } 

            .logo-container {
                max-width: 100%;
            }

            .navigation {
                position: fixed;
                top: 0;
                right: 0;
                width: 100vw;
                height: 100vh;
                background-color: rgba(1, 37, 17, 0.95);
                padding: 1rem 2rem;
                transform: translateX(100%);
                transition: transform 0.35s ease-in-out;
                z-index: 1000;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                text-align: center;
            }

            .navigation.active {
                transform: translateX(0);
            }

            .menu {
                font-size: 2.5rem;
                font-family: carattere;
                margin: 1.5rem 0;
                color: #fff;
                font-weight: 700;
                text-decoration: none;
                transition: color 0.3s ease;
            }

            .menu:hover {
                color: #d9e6ca;
                text-decoration: underline;
            }

            .menu-toggle {
                position: fixed;
                top: 2.5rem;
                right: 1.5rem;
                font-size: 4rem;
                background: none;
                border: none;
                color: rgb(254, 254, 254);
                cursor: pointer;
                z-index: 1001;
                user-select: none;
            }

            .menu-with-submenu {
                display: flex;
                flex-direction: column; 
                align-items: center;
            }

            .submenu {
                display: flex;
                flex-direction: column;
                margin-top: 0.5rem;
            }

            .submenu a {
                font-size: 1.8rem;
                font-family: carattere;
                font-weight: 500;
                color: #fff;
                text-decoration: none;
                margin: 0.25rem 0;
                transition: color 0.3s ease;
            }

            .submenu a:hover {
                color: #d9e6ca;
                text-decoration: underline;
            }

            .uberschrift {
                font-family: carattere;
                color: rgb(254, 254, 254);
                text-shadow: 10px 5px 4px rgba(0, 0, 0, 0.6);
                font-size: 5vw; 
                text-align: center;
                flex-grow: 1;
                margin: 0;
                word-spacing: 1vw;
            }

            .footer {
                background-color: #032506;
                color: white;
                text-align: center;
                padding: 1vw;
                font-size: 2vw;
                text-decoration: none;
                margin-top: auto;
            }

            .fuszeile {
                margin-left: 20px;
            }

            .fuszeile:link,
            .fuszeile:visited {
                color: white;
                text-decoration: none;
            }

            .content {
                display: block;
                padding: 3vw;
                max-width: 70%;
                background-color: transparent;
                border-radius: 10px;
                margin: 20px auto;
            }
            
            .kontaktbutton .kontakt-button {
                position: static;
                display: block;
                margin: 8vw auto;
                padding: 10px 20px;
                background: linear-gradient(135deg, #135a2e, #186329, #4caf82);
                color: white;
                text-align: center;
                font-size: 2vw;
                text-decoration: none;
                border-radius: 5vw;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                transition: background-color 0.3s ease;
            }

            .kontakt-button:hover {
                background-color: #043d18;
            }

            .kontakt-container {
                position: relative;
                max-width: 95%;
                bottom: 3vw;
                left: 50%;
                transform: translateX(-50%);
                background-image: url(/Bilder/gruen1.jpg);
                background-size: cover;
                background-repeat: no-repeat;
                padding: 15px 25px;
                border-radius: 10px;
                text-align: center;
                z-index: 9999;
                box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 10vw;
            }

            .kontakt-container .kontakt-bild {
                max-height: 25vw;
                margin-top: 5vw;
                margin-bottom: -10vw;
            }

            .kontakt-container .kontakt-text {
                margin: 0;
                font-size: 1.5vw;
                color: #043d18;
            }

            .kontakt-container .kontakt-button {
                background: linear-gradient(135deg, #135a2e, #186329, #4caf82);
                color: white;
                padding: 8px 16px;
                font-size: 3vw;
                text-decoration: none;
                border-radius: 5vw;
                transition: background-color 0.3s ease;
                cursor: pointer;
                margin-top: -8vw;
                margin-bottom: 2vw;
            }

            .kontakt-container .kontakt-button:hover {
                background-color: #043d18;
            }

            .kontaktcontainertext {
                margin-top: 1vw;
                color: white;
                font-family: carattere;
                font-size: 3vw;
            }

            /**Kontaktformular**/
            .container {
                max-width: 750px; 
                margin: 50px auto;
                padding: 32px 36px;
                background: linear-gradient(180deg, #e8f5ee, #ffffff);
                border: 2px solid #d49dd6;
                border-radius: 20px;
                box-shadow: 0 8px 20px rgba(142,36,170,0.15),
                            inset 0 0 15px rgba(142,36,170,0.05);
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }

            .container:hover {
                transform: translateY(-3px); 
                box-shadow: 0 12px 30px rgba(142,36,170,0.2),
                            inset 0 0 20px rgba(142,36,170,0.08);
            }

            .formular-title {
                font-family: 'Carattere', cursive;
                font-size: 2.2rem;
                font-weight: 700;
                text-align: center;
                background: linear-gradient(90deg, #b0d8dd, #042012, #4caf82);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin-bottom: 25px;
                text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
            }

            .contact-form input,
            .contact-form textarea {
                width: 100%;
                padding: 14px 16px;
                margin-bottom: 14px;
                border-radius: 12px;
                border: 2px solid #d49dd6;
                font-family: 'Lora', serif;
                font-size: 1rem;
                background: linear-gradient(145deg, #fff5f8, #e6f5f7);
                box-shadow: inset 0 2px 5px rgba(0,0,0,0.03);
                transition: transform 0.2s ease, box-shadow 0.2s ease;
            }

            .contact-form input:focus,
            .contact-form textarea:focus {
                transform: scale(1.01);
                box-shadow: 0 0 10px #d49dd6, 0 0 15px #ec67cb;
                outline: none;
            }

            .contact-form .consent {
                font-size: 0.9rem;
                margin: 12px 0;
            }

            .buch-link {
                display: inline-block;
                width: 100%;
                padding: 16px 0;
                background: linear-gradient(135deg, #135a2e, #186329, #4caf82);
                border: 2px solid #b176d6;
                border-radius: 12px;
                box-shadow: 0 6px 15px rgba(142,36,170,0.2),
                            0 0 10px rgba(236,103,203,0.15) inset;
                font-family: 'Lora', serif;
                font-weight: 700;
                color: #fff;
                text-decoration: none;
                text-align: center;
                cursor: pointer;
                transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
            }

            .buch-link:hover {
                transform: translateY(-3px);
                box-shadow: 0 8px 20px rgba(142,36,170,0.25),
                            0 0 15px rgba(236,103,203,0.2) inset;
                background: linear-gradient(135deg, #0d551c, #1a9c4c, #4caf82);
            }


            @media (max-width: 480px) {
                .uberschrift {
                    font-size: 9vw;
                }

                .menu {
                    font-size: 5vw;
                }

                .content {
                    width: 100%;
                    max-width: 100%;
                    margin: 0;
                    padding: 1rem;
                    border-radius: 0;
                }

                .kontakt-container {
                    width: 95%;
                    left: 50%;
                    transform: translateX(-50%);
                    border-radius: 10px;
                    padding: 1.5rem 1rem;
                }

                .header {
                    background-attachment: scroll;
                    padding: 1rem;
                }

                .menu-toggle {
                    top: 1rem;
                    right: 1rem;
                    font-size: 2rem;
                }
            }

            @media (max-width: 600px) {
                .uberschrift {
                    font-size: 8vw;
                }
                .menu {
                    font-size: 7vw;
                }
                .content {
                    padding: 1.5rem;
                }
            }

            @media (max-width: 768px) {
                .header {
                    padding: 0 2rem;
                }

                .menu-toggle {
                    top: 1rem;
                    right: 1rem;
                    font-size: 2.2rem;
                }

                .kontakt-container {
                    max-width: 95%;
                    padding: 2rem;
                }
            }

            @media (max-width: 992px) {
                .header {
                    padding: 0 5vw;
                }

                .kontakt-container {
                    max-width: 95%;
                    padding: 2rem 3rem;
                }
            }

            @media (min-width: 1200px) {
                .header {
                    padding: 0 18vw;
                }

                .uberschrift {
                    font-size: 5vw;
                }

                .content {
                    max-width: 70%;
                }

                .kontakt-container {
                    max-width: 95%;
                }
            }

            @media (max-width: 768px) {
                .footer {
                    padding: 3vw;      
                    font-size: 4vw; 
                }
            }

            .ueberschriftstart {
                font-family: carattere;
                font-weight: 700;
                font-size: clamp(3rem, 5vw, 3rem);
                color: #222;
                text-align: center;
                margin: 10vw auto 1vw auto;
                line-height: 1.4;
                letter-spacing: 1px;
                background: linear-gradient(90deg, #165732, #28ca5e);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
            }

            .begruessung {
                font-family: 'Lora', serif; 
                font-size: clamp(1rem, 2.2vw, 1.3rem); 
                line-height: 1.6; 
                color: #222; 
                text-align: center;
                max-width: 800px;
                margin: 2.5rem auto 5rem auto;
                padding: 0 1rem; 
                letter-spacing: 0.5px;
                opacity: 0.95; 
                opacity: 0;
                transform: translateY(10px);
                animation: fadeInUp 1s forwards;
                animation-delay: 0.5s; 
            }

            @keyframes fadeInUp {
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }
            
            .startseitenbild-container {
                position: relative;
                width: 100%;
                padding-top: 8vw;
                padding-bottom: 8vw; 
                display: flex;
                justify-content: center;
                align-items: center;
                overflow: visible;
                box-sizing: border-box;
                height: auto;
            }

            .startseitenbild-container img {
                display: block;
                max-width: 70%;
                height: auto;
                border-radius: 100px;
                box-shadow: 0 0 100px 20px rgb(149, 221, 161),
                            inset 0 0 20px  rgb(149, 221, 161);
                transition: transform 0.5s ease, box-shadow 0.5s ease;
            }

            .startseitenbild-container img:hover {
                transform: scale(1.03); 
                box-shadow: 0 0 120px 50px  rgb(149, 221, 161),
                            inset 0 0 25px  rgb(149, 221, 161);
            }

            .startseitenbild-container img:hover {
                transform: scale(1.03) rotate(-0.5deg);
                box-shadow: 
                    0 15px 40px rgba(222,178,201,0.4),
                    25px 5px 60px rgba(222,178,201,0.3),
                    -25px -15px 70px rgba(222,178,201,0.25),
                    0 0 100px rgba(222,178,201,0.2);
            }

            .startseitenbild {
                position: relative;
                z-index: 2;
                max-width: 70%; 
                height: auto; 
                margin: 0 auto;
                display: block;
                border-radius: 100px;
                box-shadow: 0 4px 15px rgba(0,0,0,0.3);
            }

            .start-container {
                background: rgba(255, 255, 255, 0.9);
                backdrop-filter: blur(5px);
                border-radius: 1.5rem;
                padding: 1rem 2rem;
                max-width: 800px;
                margin: 3rem auto;
                box-shadow: 0 8px 25px rgba(0,0,0,0.15);
                text-align: center;
            }

            .starttext {
                font-family: 'Cormorant Garamond', serif;
                font-size: clamp(1rem, 2vw, 1.3rem);
                line-height: 1.7;
                text-align: center;
                color: #222; 
                max-width: 750px;
                margin: 2rem auto 4rem auto;
                padding: 0 1rem;
                letter-spacing: 0.5px;
                opacity: 0.95;
                opacity: 0;
                transform: translateY(10px);
                animation: fadeInUpText 1s forwards;
                animation-delay: 0.7s;
            }

            .starttext .highlight {
                color: #0e5c2f; 
                font-weight: 600;
            }

            .starttext h3 {
                font-family: 'Playfair Display', serif;
                color: #0e5c2f;
                font-size: 1.5rem;
                margin-top: 2.5rem;
                margin-bottom: 0.8rem;
                text-align: left;
                border-left: 4px solid #136636;
                padding-left: 0.75rem;
                letter-spacing: 0.5px;
            }

            .starttext .intro {
                font-style: italic;
                color: #222;
                margin-bottom: 1.5rem;
            }

            .starttext blockquote.leitmotiv {
                font-family: 'Lora', serif;
                font-size: 1.3rem;
                font-style: italic;
                color: #0e5c2f; 
                margin: 2rem auto;
                padding: 1rem 1.5rem;
                border-left: 4px solid #0e5c2f;
                background: rgb(255, 253, 254);
                border-radius: 0.75rem;
                max-width: 650px;
            }

            .starttext .textabschnitt {
                margin-bottom: 2rem;
                text-align: left;
            }

            .starttext .textabschnitt1 {
                margin-bottom: 2rem;
                text-align: left;
            }

            .starttext .textabschnitt1:not(:last-child)::after {
                content: "🐦‍🔥";
                display: block;
                text-align: center;
                margin: 2rem auto;
                opacity: 0.8;
                font-size: 1.5rem;
            }

            .starttext .schluss {
                font-weight: 500;
                color: #222;
                margin-top: 3rem;
                text-align: center;
                border-top: 1px solid rgba(0,0,0,0.1);
                padding-top: 1.5rem;
            }

            .starticon-container {
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                margin: 3rem auto;
                width: 100%;
                max-width: 800px;   
                padding: 2rem;
                background: rgba(255, 255, 255, 0.9);
                backdrop-filter: blur(5px);
                border-radius: 1.5rem;
                box-shadow: 0 8px 25px rgba(0,0,0,0.15);
                text-align: center;
                cursor: pointer;
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }

            .starticon-container:hover {
                transform: translateY(-5px);
                box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
            }

            .starticon-bild {
                width: 200px; 
                height: auto;
                cursor: pointer;
            }

            .starticon-text {
                margin-top: 12px;
                font-weight: bold;
                font-size: 1.2rem;
                color: #097536; 
            }

            @keyframes fadeInUpText {
                to {
                    opacity: 1;
                    transform: translateY(0);
                }
            }

            .weiterbildungen-box {
                width: 100%;
                max-width: 800px;
                margin: 3rem auto;
                padding: 2.5rem 2rem;
                background: linear-gradient(180deg, #e8f5ee, #ffffff);
                backdrop-filter: blur(6px);
                border-radius: 1.5rem;
                box-shadow: 0 12px 40px rgba(0,0,0,0.12);
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }

            .weiterbildungen-box:hover {
                transform: translateY(-5px);
                box-shadow: 0 18px 50px rgba(0,0,0,0.18);
            }

            .weiterbildungen-box h2 {
                font-family: 'Playfair Display', serif;
                font-size: clamp(1.5rem, 2.5vw, 2rem);
                color: #0e5c2f;
                margin-bottom: 1rem;
                text-align: left;
                letter-spacing: 0.5px;
                border-left: 4px solid #0e5c2f;
                padding-left: 0.75rem;
            }

            .weiterbildungen-box ul {
                list-style-type: disc;
                padding-left: 1.5rem;
                margin-bottom: 2rem;
                color: #222;
                font-family: 'Lora', serif;
                font-size: clamp(1rem, 2vw, 1.1rem);
                line-height: 1.6;
            }

            .weiterbildungen-box ul li {
                margin-bottom: 0.75rem;
            }

            * {
                box-sizing: border-box;
            }

            @media (max-width: 600px) {

                .ueberschriftstart {
                    font-size: clamp(1.8rem, 5vw, 2.5rem);
                    margin-bottom: 1rem;
                }

                .begruessung {
                    font-size: 1rem;
                    padding: 0 2vw;
                    margin: 0.5rem auto 2rem auto;
                }

                .startseitenbild-container {
                    padding: 10px 0;
                    margin: 0;
                    height: auto;
                }

                .startseitenbild-container img {
                    margin-top: 0;
                    max-width: 90%;
                    height: auto;
                    box-shadow: 0 0 40px 10px rgba(222,178,201,0.4);
                }

                .start-container {
                    margin: 1rem auto;
                    padding: 2rem 1rem;
                }

                .starttext {
                    font-size: 1rem;
                    margin: 0 auto 1.5rem auto;
                    padding: 0 2vw;
                }

                .weiterbildungen-box {
                    padding: 1.5rem 1rem;
                    margin: 2rem auto;
                    max-width: 95%;
                }

                .weiterbildungen-box h2 {
                    font-size: 1.4rem;
                    padding-left: 0.5rem;
                    border-left-width: 3px;
                }

                .weiterbildungen-box ul {
                    font-size: 1rem;
                    padding-left: 1rem;
                }
            }

            @media (max-width: 768px) {

                .starticon-container {
                    max-width: 95%;
                    padding: 1.5rem;
                    margin: 2rem auto;
                }

                .start-container {
                    max-width: 90%;
                    padding: 2rem 1.5rem;
                }

                .weiterbildungen-box {
                    max-width: 90%;
                    padding: 2rem 1.5rem;
                    margin: 2.5rem auto;
                }
            }

            @media (min-width: 769px) and (max-width: 1599px) {

                .startseitenbild-container {
                    padding-top: 5vw;
                    padding-bottom: 5vw;
                }

                .start-container,
                .weiterbildungen-box,
                .starticon-container {
                    max-width: 800px;
                    margin: 3rem auto;
                    padding: 2.5rem 2rem;
                }

                .ueberschriftstart {
                    font-size: clamp(3rem, 5vw, 3rem);
                    margin: 10vw auto 1vw auto;
                }

                .starttext {
                    font-size: clamp(1rem, 2vw, 1.3rem);
                    margin: 2rem auto 4rem auto;
                    padding: 0 1rem;
                }

                .weiterbildungen-box h2 {
                    font-size: clamp(1.5rem, 2.5vw, 2rem);
                    padding-left: 0.75rem;
                    border-left-width: 4px;
                }

                .weiterbildungen-box ul {
                    font-size: clamp(1rem, 2vw, 1.1rem);
                    padding-left: 1.5rem;
                }
            }

            @media (min-width: 1600px) {

                .startseitenbild-container {
                    padding-top: 8vw;
                    padding-bottom: 300px;
                    margin-bottom: 40px;
                    height: 800px;
                }

                .ueberschriftstart {
                    font-size: clamp(3.5rem, 4vw, 5rem);
                }

                .starttext {
                    font-size: clamp(1.2rem, 1.5vw, 1.5rem);
                }

                .weiterbildungen-box {
                    max-width: 800px;
                    padding: 2.5rem 2rem;
                    margin: 3rem auto;
                }

                .weiterbildungen-box h2 {
                    font-size: clamp(1.5rem, 2vw, 2rem);
                    padding-left: 0.75rem;
                    border-left-width: 4px;
                }

                .weiterbildungen-box ul {
                    font-size: clamp(1rem, 1.2vw, 1.1rem);
                    padding-left: 1.5rem;
                }
            }

            @media (hover: hover) and (pointer: fine) {
                .startseitenbild-container img:hover {
                    transform: scale(1.03) rotate(-0.5deg);
                    box-shadow: 
                        0 15px 40px rgba(253, 216, 235, 0.74),
                        25px 5px 60px rgba(233, 187, 211, 0.76),
                        -25px -15px 70px rgba(222, 178, 201, 0.932),
                        0 0 100px rgba(222, 178, 201, 0.767);
                }

                .starticon-container:hover,
                .weiterbildungen-box:hover {
                    transform: translateY(-5px);
                    box-shadow: 0 12px 30px rgba(0,0,0,0.2);
                }
            }

            .angebote {
            text-align: center;
            padding: 8vw 6vw;
            background: linear-gradient(180deg, #fdfdfd 0%, #f7f9f5 100%);
            animation: fadeInUp 0.8s ease forwards;
            }

            .angebote-titel {
            font-family: 'Carattere', cursive;
            font-size: clamp(2.5rem, 5vw, 3rem);
            color: #012511;
            text-align: center;
            margin-bottom: 1rem;
            background: linear-gradient(90deg, #165732, #28ca5e);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            padding: 0 0.5em;
            }

            .angebote-text {
            font-family: 'Lora', serif;
            color: #222;
            font-size: clamp(1rem, 2.2vw, 1.2rem);
            line-height: 1.6;
            max-width: 700px;
            margin: 0 auto 4rem auto;
            opacity: 0.9;
            }

            .angebote-grid {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 2.5rem;
            }

            .angebot-box {
            position: relative;
            background: #012511;
            color: #fff;
            border-radius: 1.2rem;
            overflow: hidden;
            width: 100%;
            max-width: 600px; 
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
            transition: transform 0.4s ease, box-shadow 0.4s ease;
            }

            .angebot-box:hover {
            transform: translateY(-8px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.3);
            }

            .angebot-bild {
            width: 100%;
            height: 220px;
            object-fit: cover;
            transition: transform 0.5s ease;
            }

            .angebot-box:hover .angebot-bild {
            transform: scale(1.05);
            }

            .angebot-inhalt {
            padding: 1.5rem 1rem 2rem;
            }

            .angebot-inhalt h2 {
            font-family: 'Carattere', cursive;
            font-size: 2rem;
            margin: 0.5rem 0;
            color: #d9e6ca;
            }

            .angebot-inhalt p {
            font-family: 'Lora', serif;
            font-size: 1rem;
            line-height: 1.6;
            margin-bottom: 1.5rem;
            }

            .mehr-button {
            display: inline-block;
            padding: 0.7rem 1.3rem;
            background-color: #d9e6ca;
            color: #012511;
            border-radius: 0.5rem;
            font-weight: bold;
            text-decoration: none;
            transition: all 0.3s ease;
            }

            .mehr-button:hover {
            background-color: #b8c9a8;
            transform: scale(1.05);
            }

            @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(15px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
            }

            .probelektorat-ueberschrift {
                font-family: carattere;
                font-weight: 700;
                font-size: clamp(2.5rem, 5vw, 3rem);
                color: #222;
                text-align: center;
                margin: 8vw auto 1.5rem auto;
                line-height: 1.3;
                letter-spacing: 1px;
                background: linear-gradient(90deg, #165732, #28ca5e);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
                opacity: 0;
                transform: translateY(10px);
                animation: fadeInUp 1s forwards;
                animation-delay: 0.3s;
            }

            .probelektorat-bild {
                flex: 1 1 45%;
                box-sizing: border-box;
                background: #f7f7f7;
                padding: 30px;
                margin-bottom: 4rem;
                border-radius: 10px;
                box-shadow: 0 4px 10px rgba(0,0,0,0.1);
                min-width: 300px;
            }

            .probelektorat-bild img {
                width: 100%;
                height: auto;
                display: block;
                border-radius: 10px;
            }

            @keyframes fadeInUpProbelektorat {
            to {
                opacity: 1;
                transform: translateY(0);
            }
            }

            .probelektorat-text {
                font-family: 'Lora', serif;
                font-size: clamp(1rem, 2.2vw, 1.3rem);
                line-height: 1.7;
                color: #222;
                text-align: center;
                max-width: 750px;
                margin: 2rem auto;
                padding: 0 1rem;
                letter-spacing: 0.5px;
                opacity: 0;
                transform: translateY(10px);
                animation: fadeInUpProbelektorat 1s forwards;
            }

            .probelektorat-text.intro {
                font-style: italic;
                color: #165732;
                margin-bottom: 1.5rem;
            }

            .probelektorat-text.details {
                background: rgb(255, 253, 254);
                padding: 1rem 1.5rem;
                border-left: 4px solid #165732;
                border-radius: 0.75rem;
                margin-bottom: 1.5rem;
                color: #165732;
            }

            .probelektorat-text.ausblick {
                font-weight: 500;
                color: #222;
                margin-top: 2rem;
                text-align: center;
                border-top: 1px solid rgba(0,0,0,0.1);
                padding-top: 1rem;
            }

            .content-section {
                padding-bottom: 5rem; 
            }

            .probelektorat-timeline-section {
                padding: 4rem 2rem;
                max-width: 1200px;
                margin: 0 auto;
                font-family: 'Lora', serif;
            }

            .probelektorat-timeline-title {
                text-align: center;
                font-family: carattere;
                font-size: clamp(2.5rem, 5vw, 3rem);
                font-weight: 700;
                margin-bottom: 3rem;
                background: linear-gradient(90deg, #165732, #28ca5e);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
            }

            .probelektorat-story-timeline {
                display: flex;
                flex-direction: column;
                gap: 2rem;
                position: relative;
                margin-top: 2rem;
            }

            .probelektorat-story-timeline::before {
                content: '';
                position: absolute;
                left: 32px;
                top: 0;
                bottom: 0;
                width: 4px;
                background: linear-gradient(#06863c, #ec67cb);
                border-radius: 2px;
            }

            .probelektorat-story-item {
                display: flex;
                align-items: flex-start;
                gap: 1rem;
                position: relative;
            }

            .probelektorat-story-item .icon {
                width: 50px;
                height: 50px;
                background: #06863c;
                color: #f7f7f7;
                font-size: 1.5rem;
                border-radius: 50%;
                display: flex;
                justify-content: center;
                align-items: center;
                position: relative;
                z-index: 1;
                flex-shrink: 0;
            }

            .probelektorat-story-item .probelektorat-story-content {
                background: #f9f9f9;
                padding: 1rem 1.5rem;
                border-radius: 20px;
                box-shadow: 0 8px 20px rgba(0,0,0,0.08);
                max-width: 700px;
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }

            .probelektorat-story-item .probelektorat-story-content:hover {
                transform: translateY(-5px);
                box-shadow: 0 12px 25px rgba(0,0,0,0.12);
            }

            .probelektorat-story-content h3 {
                margin: 0 0 0.5rem 0;
                color: #165732;
                font-family: carattere;
                font-weight: 700;
                font-size: 2rem;
            }

            .probelektorat-story-content p {
                margin: 0;
                font-size: 1.15rem; 
                line-height: 1.8;  
            }

            .probelektorat-story-content ul {
                font-size: 1.15rem;
                line-height: 1.8;
                margin: 0.5rem 0 0.5rem 1.5rem; 
            }

            .probelektorat-story-content ul ul {
                font-size: 1.1rem;
                line-height: 1.6;
                margin-left: 1.5rem;
            }

            .probelektorat-story-content a {
                background: linear-gradient(90deg, #165732, #28ca5e); /* grün zu rosa */
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-decoration: none; 
                font-weight: 600; 
                transition: all 0.3s ease;
                }

                .probelektorat-story-content a:hover {
                opacity: 0.8; 
            }

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

                #probelektorat {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                }

                .probelektorat-ueberschrift {
                    margin: 2rem auto 1rem auto;
                    text-align: center;
                }

                .leistungs-grid {
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    width: 100%;
                }

                .probelektorat-bild {
                    width: 90%;
                    max-width: 400px;
                    margin-bottom: 2rem;
                }

                .probelektorat-bild img {
                    width: 100%;
                    height: auto;
                    display: block;
                    border-radius: 10px;
                }

                .probelektorat-text {
                    width: 90%;
                    max-width: 600px;
                    padding: 0 1rem;
                    text-align: center;
                    margin-bottom: 1.5rem;
                }

                .probelektorat-story-item {
                    flex-direction: column;
                    align-items: center;
                    text-align: center;
                }

                .probelektorat-story-item .icon {
                    margin-bottom: 1rem;
                    left: auto;
                    position: relative;
                }

                .probelektorat-story-item .probelektorat-story-content {
                    max-width: 90%;
                    width: 100%;
                }

                .probelektorat-story-timeline::before {
                    left: 50%;
                    transform: translateX(-50%);
                    width: 4px;
                    height: 100%;
                }
            }

            .leistung-ueberschrift {
                font-family: 'Carattere', cursive;
                font-weight: 700;
                font-size: clamp(3rem, 5vw, 3.5rem);
                text-align: center;
                margin: 10vw auto 3vw auto;
                line-height: 1.3;
                letter-spacing: 1px;
                background: linear-gradient(90deg, #165732, #28ca5e);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
            }

            .leistung-ueberschrift2 {
                font-family: 'Carattere', cursive;
                font-weight: 700;
                font-size: clamp(3rem, 5vw, 3.5rem);
                text-align: center;
                margin: 10vw auto 3vw auto;
                line-height: 1.3;
                letter-spacing: 1px;
                background: linear-gradient(90deg, #165732, #28ca5e);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
            }

            .leistungtext-intro {
                font-family: 'Lora', serif;
                color: #222;
                font-size: clamp(1rem, 2.2vw, 1.2rem);
                line-height: 1.6;
                max-width: 700px;
                margin: 0 auto 4rem auto;
                opacity: 0.9;
            }

            .leistungs-layout-grid {
                display: grid;
                grid-template-columns: 1fr; 
                gap: 2rem;
                margin-top: 2rem;
            }

            .leistungs-box-breit,
            .bild-breit,
            .leistungs-format-box {
                grid-column: 1 / -1;
                border-radius: 16px;
                padding: 2rem;
                text-align: center;
                margin-bottom: 2rem;
                box-shadow: 0 10px 25px rgba(0,0,0,0.06);
            }

            .leistungs-box-breit {
                background: linear-gradient(180deg, #e8f5ee, #ffffff);
                border: 1px solid #b2dfc7;
            }

            .bild-breit {
                display: flex;
                justify-content: center;
            }

            .leistungs-format-box {
                background: linear-gradient(180deg, #e8f5ee, #ffffff);
                border: 1px solid #f5f1e0;
                border-radius: 16px;
                padding: 2.5rem 2rem;
                margin-bottom: 3rem;
                margin-top:  3rem;
                text-align: left;
                box-shadow: 0 10px 25px rgba(0,0,0,0.06);
            }

            .leistungs-box,
            .leistungs-volllektorat-box,
            .leistungs-teillektorat-box {
                background: linear-gradient(180deg, #e8f5ee, #ffffff);
                border-radius: 16px;
                border: 1px solid #b2dfc7;
                padding: 2rem;
                box-shadow: 0 8px 20px rgba(0,0,0,0.06);
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }

            .leistungs-box:hover,
            .leistungs-volllektorat-box:hover,
            .leistungs-teillektorat-box:hover {
                transform: translateY(-4px);
                box-shadow: 0 12px 28px rgba(0,0,0,0.1);
            }

            .leistungs-varianten-grid {
                display: grid;
                grid-template-columns: 1fr; 
                gap: 2rem;
                margin-bottom: 2rem;
            }

            .leistung-subtitle {
                font-family: 'Carattere', cursive;
                font-weight: 700;
                font-size: 1.8rem;
                color: #165732;
                margin-bottom: 0.8rem;
                border-bottom: 2px solid #00a36c;
                display: table;
                padding-bottom: 6px;
                margin-left: auto;
                margin-right: auto;
            }

            .leistung-preis {
                text-align: center;
                font-size: 0.95rem;
                font-weight: 600;
                color: #046b3a;
                border-top: 2px solid #046b3a; 
                padding-top: 0.5rem;
                margin-top: 1rem;
            }

            .leistungtext {
                font-size: 1rem;
                line-height: 1.6;
                color: #333;
                margin-bottom: 1rem;
            }

            .bullet-points-leistung {
                padding-left: 1.2rem;
                margin-top: 1rem;
                list-style-type: disc;
                line-height: 1.6;
            }

            .leistungsbild-separat {
                width: 100%;
                max-width: 500px;
                border-radius: 15px;
                box-shadow: 0 10px 25px rgba(0,0,0,0.08);
            }

            @media screen and (max-width: 900px) {
            .leistungs-layout-grid,
            .leistungs-varianten-grid {
                grid-template-columns: 1fr;
            }

            .bild-breit,
            .leistungs-box-breit,
            .leistungs-format-box {
                grid-column: 1 / -1;
            }
            }

            .lektorate-pretitle p {
                font-family: 'Lora', serif;
                font-size: 1.4rem;
                color: #000;
                font-weight: 600;
                line-height: 1.6;
            }

            .lektorate-timeline-section {
                max-width: 1200px;
                margin: 4rem auto;
                padding: 0 1.5rem;
                font-family: 'Lora', serif;
            }

            .lektorate-timeline-title {
                font-family: 'Carattere', cursive;
                font-weight: 700;
                font-size: clamp(2rem, 5vw, 2.8rem);
                text-align: center;
                color: #046b3a;
                background: linear-gradient(90deg, #165732, #28ca5e);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin-bottom: 3rem;
                line-height: 1.3;
            }

            .lektorate-timeline {
                position: relative;
                padding: 2rem 0;
            }

            .lektorate-timeline::before {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                left: 50%;
                width: 4px;
                background: linear-gradient(to bottom, #06863c, #ec67cb);
                transform: translateX(-50%);
                border-radius: 2px;
            }

            .lektorate-timeline-item {
                display: flex;
                justify-content: space-between;
                position: relative;
                margin-bottom: 4rem;
            }

            .lektorate-timeline-item.shift-right {
                flex-direction: row-reverse;
            }

            .lektorate-timeline-dot {
                position: absolute;
                left: 50%;
                top: 20px;
                transform: translateX(-50%);
                width: 18px;
                height: 18px;
                background-color: #ec67cb;
                border: 3px solid #fff;
                border-radius: 50%;
                z-index: 2;
                box-shadow: 0 2px 6px rgba(0,0,0,0.15);
            }

            .lektorate-timeline-content {
                width: 45%;
                padding: 1.5rem 2rem;
                background: linear-gradient(180deg, #e8f5ee, #ffffff);
                border-radius: 16px;
                box-shadow: 0 6px 20px rgba(0,0,0,0.06);
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }

            .lektorate-timeline-content:hover {
                transform: translateY(-5px);
                box-shadow: 0 10px 30px rgba(0,0,0,0.1);
            }

            .lektorate-timeline-content h3 {
                font-family: 'Carattere', cursive;
                font-size: 1.4rem;
                font-weight: 700;
                color: #046b3a;
                margin-bottom: 0.5rem;
            }

            .lektorate-timeline-content p {
                font-size: 1rem;
                line-height: 1.6;
                color: #333;
                margin: 0;
            }

            @media screen and (max-width: 900px) {
                .lektorate-timeline-item {
                    flex-direction: column;
                    align-items: center;
                    margin-bottom: 3rem;
                }
                .lektorate-timeline-item.shift-right {
                    flex-direction: column;
                }
                .lektorate-timeline-content {
                    width: 90%;
                    margin-bottom: 1.5rem;
                    text-align: center;
                }
                .lektorate-timeline-dot {
                    top: -10px;
                }
                .lektorate-timeline::before {
                    left: 50%;
                }
            }

            .mg-uberschrift{
                font-family: carattere;
                font-weight: 700;
                font-size: clamp(2.5rem, 5vw, 3rem);
                color: #222;
                text-align: center;
                margin: 8vw auto 1.5rem auto;
                line-height: 1.3;
                letter-spacing: 1px;
                background: linear-gradient(90deg, #165732, #28ca5e);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
                opacity: 0;
                transform: translateY(10px);
                animation: fadeInUp 1s forwards;
                animation-delay: 0.3s;
            }

            .mg-einstieg {
                max-width: 850px;
                margin: 0 auto;
                background: linear-gradient(180deg, #e8f5ee, #ffffff);
                border-radius: 24px;
                padding: 2.5rem 2rem;
                box-shadow: 0 8px 24px rgba(0,0,0,0.5);
                border: 1px solid rgba(220,200,180,0.4); 
            }

            .mg-text.einleitung {
                font-style: italic;
                background: linear-gradient(180deg, #e8f5ee, #ffffff);
                color: #222; 
                padding: 1.2rem 1.5rem;
                border-left: 4px solid #b63894;
                border-radius: 12px;
            }

            .mg-text {
                font-family: 'Lora', serif;
                font-size: clamp(1.05rem, 2.2vw, 1.3rem);
                line-height: 1.8;
                color: #222;
                text-align: center;
                letter-spacing: 0.3px;
                margin: 1.5rem auto;
                max-width: 700px;
            }

            .mg-text-sektion h3 {
                font-family: 'Playfair Display', serif;
                font-weight: 600;
                font-size: 1.5rem;
                color: #4a4a4a; 
                text-align: left;
                margin-top: 2.5rem;
                margin-bottom: 1rem;
                line-height: 1.4;
                border-bottom: 1px solid rgba(0,0,0,0.08);
                padding-bottom: 4px;
            }

            .mg-text-sektion ul {
                list-style-type: disc;
                padding-left: 1.8rem;
                margin-bottom: 2rem;
                font-family: 'Lora', serif;
                font-size: 1.1rem;
                line-height: 1.7;
                color: #222;
            }

            .mg-text-sektion ul li {
                margin-bottom: 0.5rem;
            }

            .mg-text-sektion ul li::marker {
                color: #165732;
                font-weight: bold;
            }

            .mg-subtitle {
                font-family: 'Carattere', cursive;
                font-weight: 700;
                font-size: 2rem;
                color: #165732;
                text-align: center;
                margin: 3.5rem auto 1.5rem auto;
                line-height: 1.3;
                letter-spacing: 1px;
                position: relative;
            }

            .mg-subtitle::after {
                content: "";
                display: block;
                width: 80px;
                height: 3px;
                background: linear-gradient(90deg, #ec67cb, #06863c);
                margin: 0.8rem auto 0;
                border-radius: 2px;
            }
                        
            .gutachten-box {
                background: linear-gradient(180deg, #e8f5ee, #ffffff);
                border-radius: 24px;
                border: 1px solid #cde6d5;
                padding: 40px 48px;
                margin: 60px auto;
                max-width: 920px;
                box-shadow: 0 10px 30px rgba(0,0,0,0.5);
                transition: all 0.3s ease;
            }

            .gutachten-box:hover {
                transform: translateY(-6px);
                box-shadow: 0 14px 36px rgba(0,0,0,0.12);
            }

            .gutachten-box strong {
                display: block;
                font-family: "Playfair Display", serif;
                font-size: 1.5rem;
                color: #165732;
                margin-top: 1.5rem;
                margin-bottom: 0.6rem;
                border-left: 4px solid #ff46d1;
                padding-left: 10px;
            }

            .gutachten-box ul {
                margin: 0.3rem 0 1.2rem 1.8rem;
                padding: 0;
                list-style-type: disc;
                font-size: 1.1rem;
                line-height: 1.7;
                color: #222;
            }

            .gutachten-box li {
                margin-bottom: 0.4rem;
            }

            .mg-preisbox {
                text-align: center;
                max-width: 420px;
                background: linear-gradient(180deg, #e8f5ee, #ffffff);
                border: 1px solid #f0f5e3;
                padding: 40px 32px;
                border-radius: 26px;
                margin: 70px auto 0 auto;
                box-shadow: 0 10px 28px rgba(0,0,0,0.3);
                transition: all 0.3s ease;
            }

            .mg-preisbox:hover {
                transform: translateY(-5px);
                box-shadow: 0 14px 34px rgba(0,0,0,0.12);
            }

            .mg-preisbox h2 {
                font-family: "Playfair Display", serif;
                color: #165732;
                font-size: 1.8rem;
                border-bottom: 2px solid #00a36c;
                display: inline-block;
                padding-bottom: 8px;
                margin-bottom: 1rem;
            }

            .mg-preisbox p {
                font-family: 'Lora', serif;
                font-size: 1.15rem;
                color: #222;
                line-height: 1.7;
                margin-bottom: 1rem;
            }

            .mg-preisbox ul {
                list-style: none;
                padding: 0;
                margin: 0;
            }

            .mg-preisbox li {
                font-size: 1.2rem;
                color: #053513;
                font-weight: 600;
                background: rgba(30, 190, 97, 0.08);
                padding: 10px 14px;
                border-radius: 12px;
                display: inline-block;
                margin-top: 0.5rem;
            }

            @media screen and (max-width: 600px) {
                .mg-uberschrift { margin: 5vw auto 1rem; }
                .mg-einstieg { padding: 1.5rem 1rem; }
                .mg-text { padding: 0 1rem; max-width: 95%; }
                .mg-preisbox { padding: 30px 20px; }
                .gutachten-box { padding: 20px; margin: 40px auto; }
            }

            .mg-timeline-section {
                padding: 6rem 2rem;
                max-width: 1200px;
                margin: 0 auto;
                font-family: "Lora", serif;
                background: linear-gradient(180deg, #f9fdfb, #e8f5ee);
                border-radius: 24px;
                box-shadow: 0 12px 32px rgba(0,0,0,0.06);
            }

            .mg-timeline-title {
                font-family: carattere;
                font-weight: 700;
                font-size: clamp(2.5rem, 5vw, 3rem);
                text-align: center;
                margin-bottom: 5.5rem;
                background: linear-gradient(90deg, #165732, #28ca5e);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
                opacity: 0;
                transform: translateY(10px);
                animation: fadeInUp 1s forwards;
            }

            .mg-timeline-book {
                background: linear-gradient(180deg, #e8f5ee, #ffffff);
                border: 1px solid #e7e1d7;
                border-radius: 12px;
                box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
                overflow: hidden;
                position: relative;
                padding: 2rem 0;
            }

            .mg-timeline-book::before {
                content: "";
                position: absolute;
                left: 50%;
                top: 0;
                bottom: 0;
                width: 3px;
                background: linear-gradient(to bottom, #06863c, #ec67cb);
                transform: translateX(-50%);
                opacity: 0.6;
            }

            .mg-book-page {
                display: flex;
                justify-content: space-between;
                padding: 2.5rem 4rem;
                position: relative;
                border-bottom: 1px dashed #e1dcd6;
                transition: background 0.4s ease;
            }

            .mg-book-page:last-child {
                border-bottom: none;
            }

            .mg-book-page:hover {
                background: #f9faf8;
            }

            .mg-page-left,
            .mg-page-right {
                width: 48%;
                background: #ffffff;
                border-radius: 12px;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
                padding: 1.5rem 2rem;
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }

            .mg-page-left:hover,
            .mg-page-right:hover {
                transform: translateY(-5px);
                box-shadow: 0 8px 18px rgba(0, 0, 0, 0.1);
            }

            .mg-book-page h3 {
                font-family: "Carattere", cursive;
                font-weight: 700;
                color: #165732;
                font-size: 2rem;
                margin-top: 0;
            }

            .mg-book-page p {
                font-size: 1.1rem;
                line-height: 1.8;
                margin-bottom: 0;
                color: #222;
            }

            .mg-end {
                background: linear-gradient(135deg, #f0faf4, #fff);
                border: 1px solid #c8e6d3;
                text-align: center;
            }

            .mg-end h3 {
                color: #ec67cb;
            }

            @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
            }

            @media screen and (max-width: 900px) {
            .mg-book-page {
                flex-direction: column;
                padding: 2rem;
                text-align: center;
            }

            .mg-page-left,
            .mg-page-right {
                width: 100%;
                margin-bottom: 1.5rem;
            }

            .mg-timeline-book::before {
                display: none;
            }
            }

            .mg-timeline-cta {
                text-align: center;
                margin: 3rem 0;
            }

            .mg-timeline-button {
                display: inline-block;
                background: linear-gradient(90deg, #165732, #28ca5e);
                color: #fff;
                font-family: "Libre Franklin", sans-serif;
                font-weight: 600;
                font-size: 1.2rem;
                padding: 0.9rem 2rem;
                border-radius: 50px;
                text-decoration: none;
                box-shadow: 0 6px 14px rgba(0, 0, 0, 0.15);
                transition: all 0.3s ease;
                position: relative;
                overflow: hidden;
            }

            .mg-timeline-button:hover {
                transform: translateY(-3px);
                box-shadow: 0 10px 18px rgba(0, 0, 0, 0.2);
            }

            .mg-timeline-button::after {
                content: "";
                position: absolute;
                top: 0;
                left: -100%;
                width: 100%;
                height: 100%;
                background: rgba(255, 255, 255, 0.3);
                transition: left 0.4s ease;
                border-radius: 50px;
            }

            .mg-timeline-button:hover::after {
                left: 100%;
            }

            html {
                scroll-behavior: smooth;
            }

            .preise-section {
                padding: 6rem 2rem;
                max-width: 1200px;
                margin: 0 auto;
                font-family: "Lora", serif;
                background: linear-gradient(180deg, #ffffff, #ffffff);
                border-radius: 24px;
                box-shadow: 0 12px 32px rgba(0,0,0,0.06);
            }

            .preise-ueberschrift {
                font-family: carattere;
                font-weight: 700;
                font-size: clamp(2.5rem, 5vw, 3rem);
                text-align: center;
                margin-bottom: 4rem;
                background: linear-gradient(90deg, #165732, #28ca5e);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
            }

            .preise-container {
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                gap: 2rem;
            }

            .preis-card {
                background: linear-gradient(180deg, #e8f5ee, #ffffff);
                border-radius: 20px;
                border: 1px solid #bfe5d0;
                padding: 2.5rem 2rem;
                width: 260px;
                text-align: center;
                box-shadow: 0 10px 28px rgba(0,0,0,0.06);
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }

            .preis-card:hover {
                transform: translateY(-5px);
                box-shadow: 0 14px 36px rgba(0,0,0,0.1);
            }

            .preis-card h3 {
                font-family: carattere;
                font-weight: 700;
                font-size: 1.5rem;
                color: #06863c;
                margin-bottom: 1rem;
            }

            .preis-card p {
                font-size: 1.2rem;
                color: #0f3d2e;
                font-weight: 600;
            }

            @media screen and (max-width: 900px) {
            .preise-container {
                flex-direction: column;
                align-items: center;
            }

            .preis-card {
                width: 80%;
                margin-bottom: 1.5rem;
            }
            }

            .portfolio-uberschrift {
                font-family: carattere, cursive;
                font-weight: 700;
                font-size: clamp(2.5rem, 5vw, 3rem);
                text-align: center;
                margin: 8vw auto 1.5rem auto;
                line-height: 1.3;
                letter-spacing: 1px;
                background: linear-gradient(90deg, #165732, #28ca5e);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
                opacity: 0;
                transform: translateY(10px);
                animation: fadeInUp 1s forwards;
                animation-delay: 0.3s;
            }

            .portfoliotext {
                font-family: 'Lora', serif;
                font-size: clamp(1rem, 2.2vw, 1.3rem);
                line-height: 1.6;
                color: #222;
                text-align: center;
                max-width: 800px;
                margin: 2rem auto 4rem auto;
                padding: 0 1rem;
                letter-spacing: 0.5px;
                opacity: 0;
                transform: translateY(10px);
                animation: fadeInUp 1s forwards;
                animation-delay: 0.5s;
            }

            .portfolio-grid {
                display: grid;
                grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
                gap: 1.5vw;
            }

            .portfolio-buch {
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                text-align: center;
                height: 70%;
                background-color: #fafafa;
                border-radius: 1.5rem;
                padding: 1.5vw;
                box-sizing: border-box;
                transition: transform 0.3s ease, box-shadow 0.3s ease;
                box-shadow: 0 8px 25px rgba(0,0,0,0.1);
            }

            .portfolio-buch:hover {
                transform: translateY(-5px);
                box-shadow: 0 12px 35px rgba(0,0,0,0.15);
            }

            .buchcover {
                width: 100%;
                max-width: 100%;
                height: auto;
                max-height: 800px;
                border-radius: 1rem;
                margin-bottom: 0.8vw;
                display: block;
                object-fit: contain;
            }

            .buchtitel {
                font-family: 'Carattere', serif;
                font-size: clamp(1.5rem, 2vw, 2rem);
                font-weight: 700;
                margin: 0.5vw 0 0.3vw;
                color: black;
                text-align: center;
                line-height: 1.3;
            }

            .autorenname {
                font-family: 'Carattere', serif;
                font-size: clamp(1.5rem, 1.8vw, 1.2rem);
                color: #161616;
                text-align: center;
            }

            .buchreferenz-container {
                max-width: 90vw;
                min-height: 50vw;
                margin: 10vw auto;
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 4vw;
                border-radius: 2vw;
                position: relative;
                color: white;
                box-shadow: 0 0 80px 2px rgba(184, 255, 199, 0.7),
                            inset 0 0 20px rgba(179, 233, 191, 0.7);
                background: url(/Bilder/weiß-klein.jpg);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center center;
            }

            .autorenstimmen-container {
                max-width: 90vw;
                height: auto;
                margin: 4rem auto 20vw auto;
                padding: 0.5vw;
                border-radius: 2vw;
                box-sizing: border-box;
                position: relative;
                border: none;
                box-shadow: 0 0 80px 2px rgba(184, 255, 199, 0.7),
                            inset 0 0 20px rgba(179, 233, 191, 0.7);
                background-color: #fafafa;
            }

            .autorenstimme {
                display: flex;
                justify-content: center;
                align-items: center;
                height: auto;
                padding: 1.5rem;
                text-align: center;
                position: relative;
            }

            .autorenstimme p {
                font-family: 'Carattere', serif;
                font-size: clamp(3rem, 2.5vw, 2.2rem);
                line-height: 1.5;
                color: #222;
                text-align: center;
                margin: 0 auto;
            }

            .autorenstimmen-container .swiper-slide {
                height: auto !important;
                display: block !important;
            }

            h2.portfolio-uberschrift:nth-of-type(2) {
                margin-top: 8rem;
                margin-bottom: 8rem; 
            }

            .autorenstimme::before {
                content: "";
                position: absolute;
                top: -5px;
                left: -5px;
                right: -5px;
                bottom: -5px;
                background: url(/Bilder/weiß-klein.jpg);
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center center;
                z-index: -1;
                border-radius: 1.5vw;
            }

            .swiper-container {
                width: 100%;
                height: auto;
                position: relative;
                overflow: hidden;
                z-index: 1;
            }

            .swiper-wrapper {
                display: flex;  
            }

            .buchreferenz-slider .swiper-slide {
                width: 100%;
                display: flex;
                justify-content: center;
                align-items: center;
                box-sizing: border-box;
            }

            .autorenstimmen-container .swiper-slide {
                display: flex;
                justify-content: center;
                align-items: center;
                padding: 1rem;
                height: auto;
                text-align: center;
                font-size: 1.2rem;
            }

            .swiper-slide {
                box-sizing: border-box;
                flex-shrink: 0;
            }

            .swiper-button-prev,
            .swiper-button-next {
                position: absolute;
                top: 50%;
                width: 2.5rem;
                height: 2.5rem;
                margin-top: -1.25rem;
                z-index: 10;
                cursor: pointer;
                color: green;
                user-select: none;
            }

            .swiper-button-prev {
                left: 10px;
                background: rgba(255, 255, 255, 0.7);
                border-radius: 50%;
            }

            .swiper-button-next {
                right: 10px;
                background: rgba(255, 255, 255, 0.7);
                border-radius: 50%;
            }

            .swiper-button-prev::after,
            .swiper-button-next::after {
                color: green;
                font-size: 2rem;
                font-weight: bold;
            }

            .content .autorin {
                text-align: center;
            }

            @keyframes fadeInUp { to { opacity: 1; transform: translateY(0); } }

            @media (max-width: 600px) {
                .buchtitel { font-size: 4vw; }
                .autorenname { font-size: 3.5vw; }
                .autorenstimme p { font-size: 3.5vw; }
                .portfolio-buch { padding: 1rem; }
                .autorenstimmen-container { padding: 1rem; }
            }
            @media (max-width: 768px) {
                .portfolio-buch, .autorenstimme { padding: 1.5rem; }
                .buchtitel { font-size: 4.5vw; }
            }
            @media (min-width: 769px) and (max-width: 1599px) {
                .buchtitel { font-size: clamp(1.5rem, 2vw, 2rem); }
                .autorenstimme p { font-size: clamp(2rem, 1.8vw, 1.5rem); }
            }
            @media (min-width: 1600px) {
                .buchtitel { font-size: clamp(1.7rem, 2vw, 2.2rem); }
                .autorenstimme p { font-size: clamp(2rem, 2vw, 1.6rem); }
            }

            .center-link {
                display: flex;
                justify-content: center;
                align-items: center;
                text-align: center;
                width: 100%;
                margin: 8rem 0;
            }

            .fancy-link {
                position: relative;
                display: inline-flex;
                align-items: center;
                gap: 0.5rem;
                font-family: carattere;
                font-size: clamp(2rem, 3.5vw, 2.6rem);
                color: #2c3a32; 
                text-decoration: none;
                letter-spacing: 0.6px;
                transition: color 0.4s ease, transform 0.4s ease, text-shadow 0.4s ease;
                padding: 0.3rem 0.2rem;
            }

            .fancy-link::after {
                content: "";
                position: absolute;
                left: 50%;
                bottom: 0;
                transform: translateX(-50%) scaleX(0);
                transform-origin: center;
                width: 90%;
                height: 1px;
                background: linear-gradient(
                    90deg,
                    transparent 0%,
                    rgba(44, 58, 50, 0.8) 50%,
                    transparent 100%
                );
                transition: transform 0.6s ease;
                border-radius: 2px;
                opacity: 0.8;
            }

            .fancy-link .arrow {
                width: 1.2rem;
                height: 1.2rem;
                stroke: rgba(44, 58, 50, 0.8);
                transition: transform 0.4s ease, stroke 0.4s ease;
            }

            .fancy-link:hover {
                color: #3f554a; 
                transform: translateY(-2px);
                text-shadow: 0 0 6px rgba(63, 85, 74, 0.25);
            }

            .fancy-link:hover::after {
                transform: translateX(-50%) scaleX(1);
            }

            .fancy-link:hover .arrow {
                transform: translateX(4px);
                stroke: #3f554a;
            }

            .fancy-link:focus-visible {
                outline: none;
                text-shadow: 0 0 10px rgba(63, 85, 74, 0.6);
            }

            .ueberschriftkontakt {
                font-family: 'Carattere', cursive;
                font-weight: 700;
                font-size: clamp(3rem, 5vw, 3.5rem);
                text-align: center;
                margin: 10vw auto 3vw auto;
                line-height: 1.3;
                letter-spacing: 1px;
                background: linear-gradient(90deg, #065326, #a5eba2);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-shadow: 1px 1px 3px rgba(0,0,0,0.1);
            }

            .kontaktbild-container {
                position: relative;
                width: 100%;
                padding-top: 8vw;
                padding-bottom: 8vw; 
                display: flex;
                justify-content: center;
                align-items: center;
                overflow: visible;
                box-sizing: border-box;
                height: auto;
            }

            .kontaktbild-container img {
                display: block;
                max-width: 70%;
                height: auto;
                border-radius: 100px;
                box-shadow: 0 0 100px 40px rgba(222, 152, 241, 0.3),
                            inset 0 0 20px rgba(142,36,170,0.2);
                transition: transform 0.5s ease, box-shadow 0.5s ease;
            }

            .kontaktbild-container img:hover {
                transform: scale(1.03) rotate(-0.5deg);
                box-shadow: 
                    0 15px 40px rgba(220, 139, 243, 0.4),
                    25px 5px 60px rgba(142,36,170,0.3),
                    -25px -15px 70px rgba(142,36,170,0.25),
                    0 0 100px rgba(142,36,170,0.2);
            }

            .kontaktbild {
                position: relative;
                z-index: 2;
                max-width: 70%; 
                height: auto; 
                margin: 0 auto;
                display: block;
                border-radius: 100px;
                box-shadow: 0 4px 15px rgba(0,0,0,0.3);
            }

            .kontakttext {
                max-width: 800px;
                margin: 0 auto 40px auto;
                font-family: 'Lora', serif;
                font-size: 1.1rem;
                line-height: 1.8;
                color: #2c4a3a;
                text-align: center;
            }

            .kontakttext .highlight {
                font-weight: 600;
                font-size: 1.3rem;
                margin-bottom: 1rem;
            }

            .kontaktseiten-box {
                max-width: 500px;
                margin: 0 auto 30px auto;
                padding: 28px 32px;
                background: #fffefc; 
                border: 1px solid #D9CFC1; 
                border-radius: 12px;
                box-shadow: 0 4px 12px rgba(0,0,0,0.04); 
                font-family: 'Lora', serif;
                color: #4A4A4A; 
                line-height: 1.7;
                transition: transform 0.2s ease, box-shadow 0.2s ease;
            }

            .kontaktseiten-box:hover {
                transform: translateY(-2px);
                box-shadow: 0 6px 16px rgba(0,0,0,0.06); 
            }

            .kontaktseiten-box p {
                margin: 8px 0;
            }

            .hinweis-text {
                font-size: 0.8rem;
                color: #777; 
            }

            .instagram-section {
                max-width: 600px;
                margin: 50px auto 80px auto; 
                padding: 0; 
                text-align: center;
                font-family: 'Lora', serif;
            }

            .instagram-box {
                display: inline-block;
                background: white;
                padding: 15px;
                border-radius: 50%;
                box-shadow: 0 3px 10px rgba(0,0,0,0.08);
                transition: transform 0.2s ease, box-shadow 0.2s ease;
            }

            .instagram-box img {
                display: block;
                width: 50px;
                height: 50px;
            }

            .instagram-box:hover {
                transform: scale(1.05);
                box-shadow: 0 5px 15px rgba(0,0,0,0.12);
            }

            .instagram-hinweis {
                font-size: 0.85rem;
                color: #777;
                margin-top: 20px;
                line-height: 1.5;
            }

            .contact-form {
                max-width: 600px;
                margin: 0 auto 50px auto;
                display: flex;
                flex-direction: column;
            }

            .contact-form label {
                margin-top: 12px;
                margin-bottom: 6px;
                font-weight: 500;
            }

            .contact-form input,
            .contact-form textarea {
                padding: 10px 12px;
                border-radius: 6px;
                border: 1px solid #c6e3d2;
                font-family: 'Lora', serif;
                font-size: 1rem;
                margin-bottom: 10px;
            }

            .contact-form .consent {
                margin: 12px 0;
                font-size: 0.9rem;
            }

            .contact-form button.submit-button {
                margin-top: 12px;
            }

            .leistung-anfrage {
                max-width: 800px;
                margin: 50px auto;
                padding: 28px 32px;
                background: #fffefc; 
                border: 1px solid #D9CFC1;
                border-radius: 12px;
                box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
                font-family: 'Lora', serif;
                color: #4A4A4A;
                line-height: 1.8;
                transition: transform 0.2s ease, box-shadow 0.2s ease;
            }

            .leistung-anfrage:hover {
                transform: translateY(-2px);
                box-shadow: 0 6px 16px rgba(0,0,0,0.06);
            }

            .leistung-anfrage .leistung-title {
                font-family: 'Carattere', cursive;
                font-weight: 700;
                font-size: 2rem;
                background: linear-gradient(90deg, #0a2c05, #0a5311); 
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin-bottom: 20px;
                text-align: center;
                line-height: 1.3;
            }

            .leistung-anfrage ul {
                margin-left: 1.6em;
                margin-bottom: 1rem;
            }

            .leistung-anfrage li {
                margin-bottom: 8px;
            }

            @media (max-width: 768px) {
                .ueberschriftkontakt {
                    font-size: clamp(2.5rem, 6vw, 3rem);
                }

                .kontaktseiten-box,
                .contact-form,
                .kontaktseitenbild,
                .kontakt-button,
                .leistung-anfrage {
                    width: 90%;
                    padding: 20px;
                }

                .leistung-anfrage .leistung-title {
                    font-size: 1.7rem;
                }
            }

            .kontakttext-container {
                max-width: 600px;  
                margin: 80px auto; 
                padding: 0 100px;        
                text-align: center;
            }

            .kontakttext {
                font-family: 'Lora', serif;
                font-size: 1rem;
                color: #555; 
                line-height: 1.7;
            }
            
            .kapazitaeten-container {
                max-width: 900px;
                margin: 50px auto 80px auto;
                text-align: center;
                font-family: 'Lora', serif;
                padding: 40px 20px;
                background: linear-gradient(180deg, #e8f5ee, #ffffff);
                border-radius: 20px;
                box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
                transition: transform 0.3s ease, box-shadow 0.3s ease;
            }

            .kapazitaeten-container h2 {
                font-family: 'Carattere', cursive;
                font-size: 2rem;
                background: linear-gradient(90deg, #026d14, #8e24aa); 
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                margin-bottom: 40px;
            }

            .jahresbalken {
                display: flex;
                justify-content: space-between;
                gap: 6px;
                perspective: 600px;
            }

            .monat {
                display: flex;
                flex-direction: row;
                flex: 1;
                height: 30px;
                border-radius: 6px;
                overflow: hidden;
                background: linear-gradient(145deg, #e0f2e9, #c8e6c9); 
                box-shadow: inset -2px -2px 6px rgba(0,0,0,0.05),
                            inset 2px 2px 6px rgba(255,255,255,0.3);
            }

            .platz {
                flex: 1;
                transition: all 0.3s ease;
            }

            .platz.gebucht {
                background: linear-gradient(135deg, #a8d5a2, #66bb6a);
                box-shadow: inset -1px -1px 4px rgba(0,0,0,0.2),
                            inset 1px 1px 4px rgba(255,255,255,0.2),
                            0 2px 6px rgba(0,0,0,0.1);
            }

            .platz.frei {
                background: linear-gradient(135deg, #686b67, #686b67);
                box-shadow: inset -1px -1px 4px rgba(0,0,0,0.1),
                            inset 1px 1px 4px rgba(255,255,255,0.2),
                            0 1px 4px rgba(0,0,0,0.08);
            }

            .platz.gebucht:hover {
                transform: scaleY(1.05) rotateX(2deg);
                box-shadow: inset -2px -2px 6px rgba(0,0,0,0.25),
                            inset 2px 2px 6px rgba(255,255,255,0.2),
                            0 4px 12px rgba(0,0,0,0.15);
            }

            .monatsnamen {
                display: flex;
                justify-content: space-between;
                font-size: 0.85rem;
                color: #555;
                margin-top: 6px;
            }

            @media (max-width: 768px) {
                .jahresbalken {
                    flex-wrap: wrap;
                }
                .monat {
                    height: 20px;
                    margin-bottom: 6px;
                }
            }

            .faq-uberschrift {
                font-family: 'Carattere';
                font-weight: 700;
                font-size: clamp(2.5rem, 5vw, 3rem);
                text-align: center;
                margin: 12vw auto 3vw auto; 
                line-height: 1.4;
                letter-spacing: 1px;
                background: linear-gradient(90deg, #065326, #a5eba2);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                text-shadow: 1px 1px 2px rgba(0,0,0,0.08);
            }

            .faq-grid {
                display: flex;
                flex-wrap: wrap;
                gap: 40px;
                justify-content: center;
                margin-bottom: 80px;
            }

            .faq-box {
                flex: 1 1 48%;
                max-width: 480px;
                min-width: 300px;
                box-sizing: border-box;
                padding: 32px;
                border-radius: 12px;
                background: linear-gradient(180deg, #e8f5ee, #ffffff); 
                border: 1px solid #c6e3d2;
                box-shadow: 0 6px 18px rgba(0,0,0,0.06);
                font-family: "Lora", serif;
                color: #0f3d2e;
                line-height: 1.8;
                transition: transform 0.3s ease, box-shadow 0.3s ease;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
            }

            .faq-box:hover {
                transform: translateY(-4px);
                box-shadow: 0 12px 25px rgba(0,0,0,0.1);
            }

            .faq-frage {
                font-family: 'Carattere';
                font-size: 1.8em;
                font-weight: 600;
                margin-bottom: 18px;
                color: #0e6609;
            }

            .faq-text {
                font-family: 'Lora', serif;
                font-size: 1.05rem;
                line-height: 1.8;
                color: #2c4a3a;
            }

            .faq-text ul, .faq-text ol {
                margin-left: 1.5em;
                margin-bottom: 12px;
            }

            .faq-text li {
                margin: 6px 0;
            }

            @media (max-width: 1024px) {
                .faq-box {
                    flex: 1 1 45%;
                    max-width: 420px;
                }
            }

            @media (max-width: 768px) {
                .faq-box {
                    flex: 1 1 100%;
                    padding: 24px;
                }
                .faq-uberschrift {
                    font-size: clamp(2rem, 6vw, 2.5rem);
                }
                .faq-frage {
                    font-size: 1.05rem;
                }
                .faq-text {
                    font-size: 1.05rem;
                    line-height: 1.7;
                }
            }

            .faq-footer-text {
                text-align: center;
                margin-top: 40px;
                font-family: 'Lora', serif;
                font-size: 1.1rem;
                color: #2c4a3a;
                line-height: 1.7;
            }

            .faq-contact-link {
                display: inline-block;
                padding: 10px 20px;
                margin-left: 6px;
                background: linear-gradient(145deg, #dff5e6, #c6e3d2); 
                border: 2px solid #a3c5a2; 
                border-radius: 6px;
                box-shadow: 2px 3px 6px rgba(0,0,0,0.15);
                text-decoration: none;
                color: #0f3d2e;
                font-weight: 600;
                font-family: 'Lora', serif;
                transition: transform 0.2s ease, box-shadow 0.2s ease;
            }

            .faq-contact-link:hover {
                transform: translateY(-3px) rotate(-1deg);
                box-shadow: 4px 6px 10px rgba(0,0,0,0.2);
            }