@media (orientation: portrait) {

    #header {
        height:auto;
    }

    #titleBar {
        font-size: 4.5vw;
    }

    #logo img {
        height: 3vh;
      }

    #footer {
        bottom: 0px;
        width: 100%;
        height: 7vh;
        /*background-color: #1a1d1e;*/
        background: linear-gradient(to left, #05141b,#071522, #06121e, #05121a, #06151d);
        position: absolute;
        display: grid;
        grid-auto-flow: column;
    }

    #loginsiegel img {
        max-width: 50%;
        max-height: 100%;
    }

    .content {
        top: 6vh;
        bottom: 7vh;
    }

    .fbutton {
        width: 14vw;
        font-size: 1.5vh;
    }

    .fbutton i {
      font-size: 3vh;
      padding-bottom: 3px;
    }

    .gridx2 {
        display: grid;
        grid-auto-flow: column;
        grid-template-columns: 1fr 5fr 1fr 5fr 1fr;
        margin-top: 3vh;
    }

    .gridx2title {
        grid-column: 2 / 5;
    }

    .gridx2left {
        grid-column: 2;
    }

    .gridx2right {
        grid-column: 4;
    }

    .contentInputElement span {
        font-size: 3vw;
    }

    .contentKursHeader {
        font-size: 4.5vw;
    }

    .contentKursText {
        font-size: 3.5vw;
    }
    
    .contentKursData {
        grid-template-columns: 3fr 3fr 3fr 1fr;
    }

    .contentKursDataInfo1{
        font-size: 3.5vw;
    }

    .contentKursDataInfo2{
        font-size: 4vw;
    }

    .contentKursDataDate{
        font-size: 3vw;
    }

    .contentKursDataTime{
        font-size: 3.5vw;
    }

    .contentKursDataInstructor{
        font-size: 3vw;
    }

    .contentKursDataInstructor2{
        font-size: 3vw;
    }

    .contentKursDataAvailable{
        font-size: 3vw;
    }

    .contentKursDataLocation{
        font-size: 3vw;
    }

    .contentKursDataLessonNum{
        font-size: 3vw;
    }

    .contentKursDataIntDetail{
        font-size: 3vw;
    }
    
    .contentKursDataAdditionalText {
        font-size: 3vw;
    }

    .contentKursDataPreis {
        font-size: 3vw;
    }

    .contentKursAdditionalIcon {
        font-size: 9vw;
    }

    .contentKursAdditionalTitle {
        font-size: 3.5vw;
    }

    .contentKursAdditionalRight {
        font-size: 2.7vw;
    }

    .contentKursAdditionalLessons {
        font-size: 3vw;
    }

    .contentForwardBack div {
        font-size: 4.5vw;
    }

    .cardSwiper-slide {
        font-size: 4.5vw;
    }

    .campusSlider {
        width: 90vw;
        margin-left: 5vw;
        margin-right: 5vw;
        overflow-x: scroll;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-color: #a2a2a2 #071521;
        scrollbar-width: thin;
    }

    .campusSlider div {
        margin-right: 3vw;
    }

    .campusSlider img {
      min-width: 50vw;
      max-width: 55vw;
      border-radius: 4vw;
      max-height: 31vw;
      min-height: 28vw;
    }
    
    .campusSlider span {
        max-width: 50vw;
        font-size: 3.5vw;
    }

    .campusSlider .videolength {
        border-radius: 3vw;
    }
}