/* LANDSCAPE MODE UITZETTEN OP MOBIEL */
@media screen and (max-width: 926px) and (orientation: landscape) {

  body::before {
    content: "Deze website werkt alléén in portrait weergave.\A Draai je scherm a.u.b.";
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: fixed;
    inset: 0;
    background-color: rgba(56, 69, 61, 0.99);
    background-image: url('../images/welkom-eetlol.png');
    background-repeat: no-repeat;
    background-size: 400px auto;
    background-position: top 40px center;
    color: #fff;
    font-size: 2.7rem;
    text-align: center;
    padding-top: 220px;
    white-space: pre-line;
    z-index: 9999;
  }

  body > *:not(:before) {display: none !important;}

}