:root{
      --green-1:#8bd47b;
      --green-2:#66b55a;
      --green-3:#a6e39a;
      --green-4:#2f6d27;
      --bg:#f7fff5;
      --text:#1f2a1f;
      --white:#ffffff;
      --maxw:1200px;
      --radius:14px;
      --shadow:0 8px 24px rgba(0,0,0,.08);
    }
    *,*::before,*::after{box-sizing:border-box}
    html,body{margin:0;padding:0}
    body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif;line-height:1.6;color:var(--text);background:linear-gradient(180deg,var(--bg),#ecffea)}
    a{color:inherit}
    img{max-width:100%;display:block;height:auto}
    .container{max-width:var(--maxw);margin-inline:auto;padding:clamp(12px,2.5vw,24px)}
    /* Header NO sticky */ 
    header{background:linear-gradient(135deg,var(--green-3),var(--green-1));border-bottom:4px solid var(--green-2);box-shadow:var(--shadow)}
    .topbar{display:flex;align-items:center;gap:16px}
    .brand{display:flex;align-items:center;gap:12px;flex:1 1 auto}
    .logo{width:auto;height:80px;display:flex;align-items:center}
    .logo img{height:100%;width:auto;object-fit:contain}
    .site-title{font-size:clamp(1.2rem, 3.2vw, 1.8rem);font-weight:800;letter-spacing:.3px;color:#12440e;text-shadow:0 1px 0 rgba(255,255,255,.6);white-space:nowrap}
    nav{margin-top:10px;background:var(--white);border:1px solid #d7e9d4;border-radius:var(--radius);box-shadow:var(--shadow)}
    .nav-inner{display:flex;align-items:center;gap:12px;padding:6px 8px}
    .menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
    .menu li{position:relative}
    .menu a{display:block;text-decoration:none;padding:10px 14px;border-radius:10px;font-weight:600;color:#0e3c0b}
    .menu a:hover,.menu a:focus{background:var(--green-3);outline:none}
    .menu a.active{background:var(--green-2);color:#fff}
    @media (max-width:820px){.nav-inner{flex-wrap:wrap}.menu{width:100%;display:flex;flex-direction:column;gap:6px}.menu a{padding:12px 14px;background:#f6fff4;border:1px solid #e2f3df}.menu a.active{background:var(--green-2);color:#fff}}
    /* Slider (reduced height) */
    .slider{margin-top:16px;position:relative;overflow:hidden;border-radius:var(--radius);border:1px solid #d7e9d4;background:var(--white);box-shadow:var(--shadow)}
    .slides{display:flex;transition:transform .6s ease}
    .slide{min-width:100%;height:clamp(120px,25vw,260px);position:relative}
    .slide img{width:100%;height:100%;object-fit:cover}
    .controls{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 8px;pointer-events:none}
    .controls button{pointer-events:auto;cursor:pointer;border:none;background:rgba(0,0,0,.36);color:#fff;width:40px;height:40px;border-radius:50%}
    .dots{position:absolute;left:0;right:0;bottom:8px;display:flex;gap:6px;justify-content:center}
    .dots button{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.7);border:1px solid rgba(0,0,0,.2)}
    .dots button.active{background:var(--green-2)}
    main{margin-top:22px;min-height:40vh}
    .card{background:var(--white);border:1px solid #d7e9d4;border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}
    /* center card content horizontally and vertically */
    .card--center {
  display: flex;
  justify-content: center;
  align-items: center;
  /* optional: padding: 1rem; */
}

/* skaliertes, zentriertes Bild */
.centered-image {
  display: block;
  max-width: 100%;
  width: 50%;
  height: auto;
}
    .table{width:100%;border-collapse:collapse}
    .table th,.table td{padding:.6rem;border-bottom:1px solid var(--border);text-align:left}
    .table tbody tr:nth-child(odd){background:#f9fff9}
    .table tbody tr:nth-child(even){background:#ffffff}
    .table tbody tr:hover{background:#e4f6e4}
    footer{margin-top:32px;background:linear-gradient(135deg,var(--green-2),var(--green-1));color:#0b2c08;border-top:4px solid var(--green-4)}
    .footer-grid{display:grid;gap:18px;align-items:start;grid-template-columns:1fr;padding:24px 0}
    .footer-box{background:rgba(255,255,255,.65);padding:14px;border-radius:12px;border:1px solid #cfe5cb}
    .footer-title{margin:0 0 8px 0;font-weight:800}
    @media (min-width:820px){.footer-grid{grid-template-columns:1fr 1.2fr 1.1fr}.footer-box{min-height:120px}}
    .insta{display:flex;gap:10px;align-items:center}
    .insta svg{width:28px;height:28px}
    
    .insta a {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem; /* Abstand zwischen Icon und Text */
        text-decoration: none;
        color: inherit;
    }
    .insta-icon {
        width: 35px;
        height: 35px;
        display: block;
    }
    .insta-handle {
        line-height: 1;
    }



    .copyright{font-size:.9rem;color:#0a2907;border-top:1px solid rgba(0,0,0,.08);padding:10px 0 18px 0}
    :focus-visible{outline:3px solid #0a5a08;outline-offset:2px;border-radius:8px}

    .ogv-btn {appearance:none; border:1px solid transparent; border-radius:9999px; padding:.8rem 1.4rem; font-weight:600; cursor:pointer; transition: all .2s ease; text-decoration:none; display:inline-flex; align-items:center; justify-content:center; gap:.5rem; background:var(--green-1); color:#ffffff;}
    .ogv-btn:hover {background:var(--green-2);}