/* =========================
   Double Horizontal Layout
   ========================= */

.double-h-wrapper{
    display:flex;
    flex-direction:row;          /* links / rechts nebeneinander   */
    justify-content:space-between;
    gap:2rem;                    /* Abstand zwischen den Boxen     */
    width:100%;
    height:100%;
    padding:8vh 5vw;
    box-sizing:border-box;
}

.double-h-box{
    flex:0 0 48%;                /* je ~50 % Breite                */
    background:rgba(0,0,0,.55); /* halbtransparentes Grau         */
    backdrop-filter:blur(1px);
    padding:3rem 2rem 2rem;
    box-sizing:border-box;
}

/* Mobile: untereinander stapeln */
@media(max-width:768px){
  .double-h-wrapper{
      flex-direction:column;
      align-items:center;
  }
  .double-h-box{


  }
}