.vin-favorit {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f2e5d3;
    padding: 60px 5%; /* mere luft i siderne */
    gap: 40px;
    flex-wrap: wrap;
    margin-top: 100px;
    margin-bottom: 100px;
    max-width: 1200px; /* begræns indholdets bredde */
    margin-left: auto;
    margin-right: auto;
  }
  
  .vin-tekst {
    flex: 1;
    text-align: center;
    min-width: 200px;
  }
  
  .vin-tekst h2 {
    color: #167544;
    font-size: 45px;
    font-weight: normal;
    line-height: 1.4;
    text-transform: uppercase;
  }
  
  .vin-flaske {
    flex: 1;
    text-align: center;
    min-width: 200px;
  }
  
  .vin-flaske img {
    height: 350px;
    object-fit: contain;
  }
  
  .vin-info {
    flex: 1;
    min-width: 200px;
  }
  
  .vin-info h3 {
    color: #167544;
    font-size: 22px;
    margin-bottom: 15px;
  }
  
  .vin-info p {
    font-size: 15px;
    line-height: 1.6;
    color: #4c7e5c;
  }
  
  .vin-info strong {
    color: #4c7e5c;
    font-weight: bold;
  }
  
  .kurv-knap {
    display: inline-block;
    margin-top: 15px;
    background-color: #167544;
    color: #EEE1D1;
    padding: 10px 16px;
    text-decoration: none;
    font-weight: normal;
  }
  
  .kurv-knap:hover {
    background-color: #145f3b;
    text-decoration: underline;
  }



  @media (max-width: 1250px) {
    .vin-favorit {
        display: flex;
        flex-direction: row;
        justify-content: center; /* Centrer elementerne horisontalt */
        align-items: flex-start; /* Juster elementerne vertikalt */
        gap: 8px; /* Reducer afstand mellem elementerne */
        padding: 10px;
        background-color: #f2e5d3; /* Baggrundsfarve */
        flex-wrap: nowrap; /* Undgå nedbrydning */
        overflow-x: auto; /* Scroll horisontalt, hvis nødvendigt */
        margin: 0 auto; /* Centrer containeren */
        max-width: 90%; /* Begræns bredden for at centrere layoutet */
         margin-top: 100px ;
            margin-bottom: 100px;
      }

      .vin-info h2 {
        font-size: 12px; /* Reducer overskriftens størrelse */
        line-height: 1.2; /* Reducer linjehøjden */
        margin: 0; /* Fjern margin for at undgå ekstra afstand */
        margin-top: 20px; /* Tilføj margin over overskriften */
      }
      .vin-tekst h2 {
      font-size: 20px; /* Reducer overskriftens størrelse */
      text-align: center; /* Centrer tekst i hvert element */
      margin-top: 30px; /* Tilføj margin over overskriften */
      }
      .vin-info p {
        font-size: 8px; /* Reducer tekstens størrelse */
        line-height: 1.4; /* Reducer linjehøjden */
    margin: 0; /* Fjern margin for at undgå ekstra afstand */
      }
    
      .vin-flaske img {
        max-width: 80px; /* Reducer billedets bredde */
        height: auto; /* Bevar billedets proportioner */
      }
    
      .kurv-knap {
        font-size: 8px; /* Reducer knaptekstens størrelse */
        padding: 4px 6px; /* Reducer padding for knappen */
        margin-top: 6px; /* Reducer margin over knappen */
      }
    
    }


  @media (max-width: 768px) {
    .vin-favorit {
        display: flex;
        flex-direction: row;
        justify-content: center; /* Centrer elementerne horisontalt */
        align-items: flex-start; /* Juster elementerne vertikalt */
        gap: 0px; /* Reducer afstand mellem elementerne */
        padding: 10px;
        background-color: #f2e5d3; /* Baggrundsfarve */
        flex-wrap: nowrap; /* Undgå nedbrydning */
        overflow-x: auto; /* Scroll horisontalt, hvis nødvendigt */
        margin: 0 auto; /* Centrer containeren */
        max-width: 90%; /* Begræns bredden for at centrere layoutet */
        margin-top: 100px ;
        margin-bottom: 100px;
        overflow-x: hidden; /* Skjul horisontal scroll */
        }
    
      .vin-tekst, .vin-flaske img, .vin-info {
        flex: 0 0 20%; /* Sørg for, at hvert element fylder 1/3 af bredden */
        min-width: 100px; /* Minimum bredde for elementerne */
        overflow-wrap: break-word; /* Bryd lange ord */
        word-break: break-word; /* Bryd ord, hvis nødvendigt */
      }
    
      .vin-info h2 {
        font-size: 12px; /* Reducer overskriftens størrelse */
        line-height: 1.2; /* Reducer linjehøjden */
        margin: 0; /* Fjern margin for at undgå ekstra afstand */
        margin-top: 20px; /* Tilføj margin over overskriften */
      }
      .vin-tekst h2 {
      font-size: 20px; /* Reducer overskriftens størrelse */
      text-align: center; /* Centrer tekst i hvert element */
      margin-top: 30px; /* Tilføj margin over overskriften */
      margin-left: 20px; /* Tilføj margin til venstre for at centrere teksten */
      }
      .vin-info p {
        font-size: 6px; /* Reducer tekstens størrelse */
        line-height: 1.4; /* Reducer linjehøjden */
    margin: 0; /* Fjern margin for at undgå ekstra afstand */
      }
    
      .vin-flaske img {
        max-width: 80px; /* Reducer billedets bredde */
        height: auto; /* Bevar billedets proportioner */
      }
    
      .kurv-knap {
        font-size: 8px; /* Reducer knaptekstens størrelse */
        padding: 4px 6px; /* Reducer padding for knappen */
        margin-top: 6px; /* Reducer margin over knappen */
      }

    }