*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    font-family:'Montserrat',sans-serif;
    color:#333;
    line-height:1.7;
}

.navbar{
    background:#ffffff;
    padding:20px 40px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:sticky;
    top:0;
    border-bottom:1px solid #ddd;
}

.logo{
    font-size:1.5rem;
    font-weight:600;
}

.nav-links{
    display:flex;
    gap:20px;
    list-style:none;
}

.nav-links a{
    text-decoration:none;
    color:#333;
}

.hero{
    background:#c7d9d0;
    min-height:80vh;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    padding:40px;
}

.hero-logo{
    width:800px;
    margin-bottom:20px;
}

.hero h1{
    font-family:'Cormorant Garamond',serif;
    font-size:4rem;
}

.hero h2{
    margin-top:10px;
    font-weight:400;
}

.hero-name{
    margin-top:20px;
    font-size:1.2rem;
    font-weight:600;
}

.section{
    max-width:1000px;
    margin:auto;
    padding:80px 20px;
}

.alt{
    background:#f7f7f7;
}

.section h2{
    text-align:center;
    margin-bottom:30px;
    font-family:'Cormorant Garamond',serif;
    font-size:2.5rem;
}

.cards{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:30px;
}

.card{
    background:white;
    padding:25px;
    border-radius:12px;
    box-shadow:0 3px 10px rgba(0,0,0,0.1);
}

.contact-box{
    text-align:center;
}

.profile-image{
    width:220px;
    height:220px;
    object-fit:cover;
    border-radius:50%;
    margin-bottom:20px;
}

footer{
    text-align:center;
    padding:30px;
    background:#333;
    color:white;
}

.news-box{
    background:white;
    padding:30px;
    border-radius:15px;
    border-left:5px solid var(--green);
    box-shadow:0 4px 15px rgba(0,0,0,.08);
}

.news-box pre{
    white-space:pre-wrap;
    font-family:'Montserrat', sans-serif;
    margin:0;
}
.nav-menu a.current {
    color: #6f9c8a;
    font-weight: 600;
}
.legal-page {
    max-width: 900px;
    margin: 0 auto;
    padding: 140px 30px 80px;
    line-height: 1.8;
}

.legal-page h1,
.legal-page h2 {
    text-align: center;
    margin-bottom: 20px;
}

.legal-page h3 {
    margin-top: 35px;
    color: #6f9c8a;
}

.legal-page p,
.legal-page li {
    margin-bottom: 12px;
}

.legal-page ul {
    margin-left: 20px;
}
/* =========================================
   MOBILE ANPASSUNGEN
========================================= */

@media (max-width: 768px) {

    .navbar {
        flex-direction: column;
        padding: 15px;
    }

    .nav-links {
        display: flex;
        flex-direction: column;
        gap: 12px;
        text-align: center;
        margin-top: 15px;
    }

    .nav-links li {
        margin: 0;
    }

    .hero {
        padding: 120px 20px 80px;
        min-height: auto;
    }

    .hero-logo {
        max-width: 180px;
    }

    .hero h1 {
        font-size: 2.4rem;
    }

    .hero h2 {
        font-size: 1.2rem;
    }

    .hero-name {
        font-size: 1rem;
    }

    .section {
        padding: 60px 20px;
    }

    .section h2 {
        font-size: 2rem;
    }

    .cards {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .card {
        width: 100%;
    }

    .values {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .value {
        width: 100%;
    }

    .contact-box {
        padding: 25px;
    }

    .profile-image {
        width: 180px;
        max-width: 100%;
        height: auto;
    }

    footer {
        text-align: center;
    }

    .footer-links {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-top: 10px;
    }

    .legal-page {
        padding: 120px 20px 60px;
    }
}