
main{margin-top:90px;flex:1;padding:40px 20px;max-width:1000px;margin-left:auto;margin-right:auto;}
    h1,h2{color:var(--accent-green);} 
    h1{text-align:center;margin-bottom:20px;}

    .text-box, .text-field{background:#f9f9f9;padding:24px 28px;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:40px;}
    .image-box, .image-row img{border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;}

    .image-block {display:flex;justify-content:center;align-items:stretch;gap:10px;margin:30px auto;max-width:1000px;}
    .left-images {display:flex;flex-direction:column;gap:10px;flex:1;}
    .left-images img,.right-image img {width:100%;object-fit:cover;border-radius:8px;box-shadow:var(--shadow);pointer-events:none;-webkit-user-drag:none;}
    .left-images img {height:calc((100% - 10px) / 2);}
    .right-image {flex:1;display:flex;}
    .right-image img {width:100%;height:100%;}

    .image-box img{width:100%;height:auto;display:block;pointer-events:none;-webkit-user-drag:none;}

    .blog-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:60px;}
    .blog-navigation button{padding:12px 24px;border:none;border-radius:var(--radius);background:var(--accent-green);color:#fff;font-weight:600;cursor:pointer;transition:background .3s;}
    .blog-navigation button:hover{background:var(--accent-yellow);color:#000;}

/* Slider */
    .slider{
      position:relative;
      overflow:hidden;
      border-radius:var(--radius);
      box-shadow:var(--shadow);
      background:#fff;              /* weißer Hintergrund */
      width:100%;
      max-width:420px;              /* 9:16 Hochformat */
      aspect-ratio:9 / 16;          /* feste Hochformat-Box */
      margin:0 auto;                /* zentriert im Textfeld */
    }
    .slider-track{
      display:flex;
      height:100%;
      transition:transform 0.5s ease;
    }
    .slider-track img{
      flex:0 0 100%;                /* immer nur 1 Bild sichtbar */
      width:100%;
      height:100%;
      object-fit:contain;           /* Bild vollständig sichtbar */
      background:#fff;
      pointer-events:none;
      -webkit-user-drag:none;
    }
    .slider-btn{
      position:absolute;
      top:50%;
      transform:translateY(-50%);
      background:rgba(0,0,0,0.4);
      color:#fff;
      border:none;
      font-size:1.8rem;
      padding:6px 12px;
      cursor:pointer;
      border-radius:50%;
      z-index:2;
    }
    .slider-btn.prev{left:8px;}
    .slider-btn.next{right:8px;}
    .slider-btn:hover{background:rgba(0,0,0,0.7);}    
