body{
    margin:0;
    padding:0;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    line-height:1.7;
    color:#1a1a1a;
    background:#f4f8ec;
    font-size:clamp(0.92rem, 0.85rem + 0.25vw, 1rem);
}

#kopf{
    background:#ffffff;
    border-bottom:1px solid #dce6cc;
    padding:1.2rem 1rem;
    text-align:center;
}

#kopf img{
    max-width:157px;
    height:auto;
}

#kopf h1{
    margin:1rem 0 0;
    color:#7FA82F;
    line-height:1.3;
    font-size:clamp(1.5rem, 1.2rem + 1vw, 2rem);
}

#navoben{
    background:#eef5e3;
    padding:1rem;
    text-align:center;
    border-bottom:1px solid #dce6cc;
}

#navoben p{
    margin:0;
    line-height:1.9;
}

#navoben a{
    color:#5d7f20;
    text-decoration:none;
}

#navoben a:hover{
    text-decoration:underline;
}

#breite2{
    max-width:1100px;
    margin:2rem auto;
    padding:2rem;
    background:#ffffff;
}

h2{
    color:#7FA82F;
    line-height:1.3;
    font-size:clamp(1.2rem, 1rem + 0.6vw, 1.5rem);
}

p{
    margin-bottom:1.25rem;
}

ul{
    margin:1.5rem 0;
    padding-left:1.4rem;
}

li{
    margin-bottom:0.8rem;
}

strong{
    color:#2f4f12;
}

.email{
    display:inline-block;
    max-width:260px;
    height:auto;
}

.hinweis{
    padding:1.2rem 1.4rem;
    margin:1.8rem 0;
    background:#eef5e3;
    border-left:5px solid #7FA82F;
}

.aktion-box{
    margin:2rem 0;
    padding:1.5rem;
    background:#f8fbf2;
    border:1px solid #dce6cc;
}

.button-link{
    display:inline-block;
    padding:0.7rem 1rem;
    margin:0.3rem 0;
    background:#7FA82F;
    color:#ffffff !important;
    text-decoration:none;
    border-radius:6px;
    font-weight:bold;
}

.button-link:hover{
    background:#5d7f20;
    text-decoration:none;
}

.zurueck{
    margin-top:2.5rem;
    padding-top:1.5rem;
    border-top:1px solid #dce6cc;
}

.zurueck a,
#breite2 a{
    color:#5d7f20;
}
.breadcrumb{
    max-width:1100px;
    margin:1rem auto -1rem;
    padding:0 2rem;
    font-size:0.9rem;
}

.breadcrumb p{
    margin:0;
}

.breadcrumb a{
    color:#5d7f20;
    text-decoration:none;
}

.breadcrumb a:hover{
    text-decoration:underline;
}

.breadcrumb span{
    color:#6e6e6e;
    margin:0 0.35rem;
}

@media (max-width:768px){
    .breadcrumb{
        margin:1rem;
        padding:0;
    }
}
@media (max-width:768px){
    #breite2{
        padding:1.3rem;
        margin:1rem;
    }

    #navoben{
        padding:0.8rem;
    }
}

@media (max-width:480px){
    body{
        font-size:0.9rem;
    }

    #breite2{
        padding:1rem;
    }

    ul{
        padding-left:1.2rem;
    }

    .button-link{
        display:block;
        text-align:center;
    }
}