@media screen and (orientation:portrait) {
    body {
        margin: 0;
        font-family: 'Inter', sans-serif;
    }

    .big {
        margin-right: auto;
        margin-left: auto;
        max-width: 100vw;
        display: flex;
        flex-direction: column;
        height: auto;
        overflow: hidden;
        min-height: 100vh;
    }
    .container {
        display: none;
    }
    
    .icono-arrow1-right {
        top: 1.5vw;
        position: absolute;
        left: 85vw;
        display: inline-block;
        vertical-align: middle;
        color: #f0af42;
        box-sizing: border-box;
        width: 20px;
        height: 20px;
        border-width: 4px 4px 0 0;
        border-style: solid;
        margin: 10px;
        transform: rotate(-135deg);
        content: "";
        box-sizing: border-box;
    }

    .icono-arrow1-right:after, .icono-arrow1-right:before {
        content: "";
        box-sizing: border-box;
        right: 0;
        top: -3px;
        position: absolute;
        height: 4px;
        box-shadow: inset 0 0 0 32px;
        transform: rotate(-45deg);
        width: 23px;
        transform-origin: right top;
      }
    
    .navbar {
        position: absolute;
        padding: 0;
        z-index: 9;
      }
    
      .navbar-container input[type="checkbox"],
      .navbar-container .hamburger-lines {
        display: block;
      }
    
      .navbar-container {
        display: block;
        position: relative;
        height: 64px;
      }
    
      .navbar-container input[type="checkbox"] {
        position: absolute;
        display: block;
        height: 15vw;
        width: 15vw;
        z-index: 11;
        opacity: 0;
      }
    
      .navbar-container .hamburger-lines {
        display: block;
        padding-top: 3vw;
        height: 23px;
        width: 35px;
        position: absolute;
        left: 3vw;
        z-index: 9;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }
    
      .navbar-container .hamburger-lines .line {
        display: block;
        height: 4px;
        width: 100%;
        border-radius: 10px;
        background: #f0af42;
      }
    
      .navbar-container .hamburger-lines .line1 {
        transform-origin: 0% 0%;
        transition: transform 0.4s ease-in-out;
      }
    
      .navbar-container .hamburger-lines .line2 {
        transition: transform 0.2s ease-in-out;
      }
    
      .navbar-container .hamburger-lines .line3 {
        transform-origin: 0% 100%;
        transition: transform 0.4s ease-in-out;
      }
    
      .navbar .menu-items {
        margin-top: 0;
        padding-top: 10vw;
        background: #fd0301;
        height: 90vh;
        max-width: 83.3vw;
        transform: translate(-150%);
        display: flex;
        flex-direction: column;
        margin-left: -40px;
        padding-left: 50px;
        transition: transform 0.5s ease-in-out;
        box-shadow: 5px 0px 10px 0px rgb(46, 46, 46);
        border-bottom-right-radius: 5vw;
        padding-bottom: 15vh;
      }
    
      .navbar .menu-items li {
        margin-bottom: 1.5rem;
        font-size: 1.3rem;
        font-weight: 500;
      }
    
      .logo {
        position: absolute;
        
        right: 15px;
        font-size: 2rem;
      }
    
      .navbar-container input[type="checkbox"]:checked ~ .menu-items {
        transform: translateX(0);
      }
    
      .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line1 {
        transform: rotate(35deg);
        background: white;
      }
    
      .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line2 {
        transform: scaleY(0);
        background: white;
      }
    
      .navbar-container input[type="checkbox"]:checked ~ .hamburger-lines .line3 {
        transform: rotate(-35deg);
        background: white;
      }

    .mobsocials {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    } 

    .buttonmob {
        width: 68vw;
        border: none;
        color: white;
        padding:1.33928vw 3.34821vw;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-family: 'Inter', sans-serif;
        font-size: 7.6369vw;
        font-style: bold;
        font-weight: 1000;
        margin: auto;
        cursor: pointer;
    }
    .yellow-background-mob {
        margin-top: 25vw;

        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0%;
        background-color: #F0AF42;
        width: 100vw;
        height: 45vw;
        z-index: -1;
        transform: translate(0vw, 0vw);
    }
    .headingtr {
        font-size: 10vw;
        color: white;
        text-align: center;
    }
    .buttonsninfo {
        padding-top: 10vw;
        display: flex;
        flex-direction: column;
        justify-content:space-around;
        padding-bottom: 10vw;
        padding-left: 4vw;
        z-index: 10;
    }
    .btnsdivmob {
        display: flex;
        flex-direction: column;
        row-gap: 0.5208333vw;
    }

    .btnsdiv {
        display: none;
    }

    .btnsa {
        color: black;
        padding:1.33928vw ;
        text-align: left;
        text-decoration: none;
        display: inline-block;
        font-size: 7vw;
        width: 90vw;
    }
    
    .headingstr {
        font-size: 8vw;
        text-shadow: 2px 2px lightgrey;
    }

    .infotxt {
        height: auto;
        top: 15%;
        left: 33%;
        width: 95vw;
        color: black;
        font-size: 3.5vw;
        font-family: 'Inter', sans-serif; 
        font-weight: 300;
    }

    .pealk {
        font-size: 5vw;
        font-weight: 700;
        padding: 0%;
    }

    .trennhead {
        display: flex;
        justify-content: space-between;
        font-size: 3.5vw;
        font-weight: 700;
    }

    .tlp {
        text-decoration: none;
        color: black;
        font-size: 3vw;
    }

    .tlp:hover {
        text-decoration: underline;
    }

    td, th {
        background-color: rgb(218, 221, 221);
        width: 85vw;
        padding: 0.5rem;
    }

    table {
        border-collapse: separate;  
        border-spacing: 1vw;  
        padding: 0%;
    }

    .footer {
        order: 5;
        display: flex;
        flex-direction: column-reverse;
        background-color: black;
        height: 35.20829vw;
        width: 100vw;
        
        padding-top: 1%;
        margin-top: auto;
    }
    .ftext {
        display: none;
    }
    .ftextmob {
        text-align: center;
        color: white;
        font-family: 'Inter', sans-serif; 
        font-weight: 300;
        font-size: 4.11607vw;
        line-height: 4.7857vw;
    }

    .fcontent {
        width: 100vw;
        
        display: flex;
        justify-content:center;
    }

    .fpics {
        width: 8.1242vw;
        z-index: 5;
        height: auto;
        left: 25%;
        padding-left: 2%;
    }
}

@media screen and (orientation:landscape) {
    body {
        margin: 0;
        font-family: 'Inter', sans-serif;
    }

    .big {
        margin-right: auto;
        margin-left: auto;
        max-width: 100vw;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        min-height: 100vh;
    }

    .cornerlogo {
        padding-left: 3vw;
        max-width: 11.60119vw;
        /* height: 10.62946vw; */
        display: block;
    }

    .btnsdiv {
        display: flex;
        flex-direction: column;
        row-gap: 0.5208333vw;
    }

    .btnsdivmob {
        display: none;
    }
    
    .btnsa {
        border: none;
        color: white;
        padding:1.33928vw ;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-family: 'Inter', sans-serif;
        font-size: 1.6369vw;
        cursor: pointer;
        border-radius: 1.488vw;
        width: 24.1815vw;
        background-color: #fd0301;
    }
    .btnsa:hover {
        background-color: #ca0201;
        border-radius: 1.488vw;
    }
    .btnsa:hover {
        background-color: #ca0201;
        border-radius: 1.488vw;
    }
    .button {
        border: none;
        color: white;
        padding:1.33928vw 3.34821vw;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-family: 'Inter', sans-serif;
        font-size: 1.6369vw;
        margin: auto;
        cursor: pointer;
    }

    .buttonBackground {
        display: flex;
        margin: 0;
        border-radius: 1.488vw;
        background-color: #fd0301;
    }

    .ball:hover {
        background-color: #ca0201;
        border-radius: 1.488vw;
    }

    .bleft:hover {
        background-color: #ca0201;
        border-top-left-radius: 1.488vw;
        border-bottom-left-radius: 1.488vw;
    }
    .bmid:hover {
        background-color: #ca0201;
    }

    .bright:hover {
        background-color: #ca0201;
        border-top-right-radius: 1.488vw;
        border-bottom-right-radius: 1.488vw;
    }

    .container {
        font-weight: 1000;
        font-style: 1000;
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .navbar {
        display: none;
    }
    .icono-arrow1-right {
        display: none;
    }
    .yellow-background-mob {
        display: none;
    }

    .center {
        padding-left: 3vw;
        margin: 0;
        top: 0.5vw;
        -ms-transform: translateY(-50%, -25%);
        transform: translateY(-50%, -25%);
    }

    .headingstr {
        display: none;
    }
    .treeninggrupidlinks {
        text-decoration: none;
        background-color: Transparent;
        border: none;
        color: black;
        text-align: left;
        font-size: 2.97618vw;
        line-height: 4.3154vw;
        text-shadow: 0px 3px 3px rgba(0, 0, 0, 0.25);
        width: 29.166vw;
    }

    .treeninggrupidlinks:hover {
        background-color: #FBAD17;
    }

    .infotxt {
        height: auto;
        top: 15%;
        left: 33%;
        width: 60.8571vw;
        color: black;
        font-size: 1vw;
        font-family: 'Inter', sans-serif; 
        font-weight: 300;
    }

    .groups {
        text-align: center;
    }

    .treeninggrupidtxtsmall {
        text-decoration: none;
        font-size: 2.0833vw;
        font-family: 'Inter', sans-serif; 
        font-weight: 100;
    }

    .footer {
        order: 5;
        display: flex;
        justify-content: center;
        background-color: black;
        height: 5.20829vw;
        width: 100vw;
        padding-top: 1%;
        margin-top: auto;
    }
    .ftextmob {
        display: none;
    }
    .ftext {
        
        top: 23%;
        left: 15%;
        color: white;
        font-family: 'Inter', sans-serif; 
        font-weight: 300;
        font-size: 1.11607vw;
        line-height: 1.7857vw;
    }

    .fcontent {
        
        width: 22.3214vw;
        top: 30%;
        left: 60%;
        display: flex;
        justify-content:space-evenly;
        padding-left: 1.1%;
    }

    .fpics {
        width: 3.1242vw;
        z-index: 9;
        height: auto;
        left: 25%;
        padding-left: 2%;
    }

    .some {
    order: 1;
    height: auto;

    }
    td, th {
            background-color: rgb(218, 221, 221);
            width: 60vw;
            padding: 0.5rem;
        }
    table {
        border-collapse: separate;  
        border-spacing: 0.2vw;  
        padding: 0%;
    }

    .tlp {
        text-decoration: none;
        color: black;
    }

    .tlp:hover {
        text-decoration: underline;
    }

    .trennhead {
        display: flex;
        justify-content: space-between;
        font-size: 1.4vw;
        font-weight: 700;
    }

    .pealk {
        font-size: 2.5vw;
        font-weight: 700;
        padding: 0%;
    }

    .buttonsninfo {
        display: flex;
        justify-content:space-around;
        padding-bottom: 1vw;
    }
}