#footer {
    z-index: 999;
    background: #343a40 !important;
    color: rgba(255, 255, 255, .5);
    font-family: "Goudy Bookletter 1911";
    position: relative;
    top: 94px;
}


#textBetrieb {
    font-size: 1.5rem;


}
#textHome{
    font-size: 1.5rem;
}

.btnKontakt {
    background-color: #343a40 !important;

}

.linkContact {
    text-decoration: none;
    text-transform: uppercase;
    font-family: Chau Philomene One, cursive;
    font-size: 2em;
    font-weight: 600;
    color: #B8B8B8;

}

.linkContact:hover {
    color: #1aa958;
    text-decoration: none;
}

.linkContact2 {
    text-decoration: none;
    text-transform: uppercase;
    font-family: Chau Philomene One, cursive;
    font-size: 4em;
    font-weight: 600;
    color: #343a40;

}

.linkContact2:hover {
    color: #1aa958;
    text-decoration: none;
}

#formContact {
    width: 50%;
    align-content: center;
    position: relative;
    left: 25%;
}

#textContact {
    font-family: "Goudy Bookletter 1911";
    text-decoration: none;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1;

}

#biolandLogo {
    position: absolute;
    top: 65%;
    left: 3%;
    height: 16%;
    width: 11%;

}

#obsthofLogo {
    position: absolute;
    top: -14%;
    left: 19%;
    height: 70%;
}

#okoLogo {
    position: absolute;
    top: 69%;
    left: 87%;
    height: 12%;
    width: 9%;

}

#biolandLogoSub {
    position: absolute;
    top: 49%;
    left: 3%;
    height: 12%;
    width: 7%;
}

#obsthofLogoSub {
    position: absolute;
    top: -11%;
    left: 25%;
    height: 60%;
}

#okoLogoSub {
    position: absolute;
    top: 52%;
    left: 91%;
    height: 9%;
    width: 6%;
}

ul {
    list-style-type: none;
}

#divContent {
    padding: 2.5em;
}

#imgMitarbeiterinPlantage {
    float: right;
    margin: 4px;
    width: 33%;
}

#imgHenrikWeitPlantage {
    float: right;
    margin: 4px;
    width: 33%;
}

#imgHenrikNah {
    float: left;
    margin: 3px;
    width: 36%;
}

#imgHandGroßKiste {
    float: right;
    margin: 3px;
    width: 41%;
}

#imgMitarbeiterPlantagen {
    float: left;
    margin: 4px;
    width: 34%;
}

#iFrameMaps {
    width: 100%;
    height: 20em;
}

#youtubeIFrame {
    width: 70%;
    height: 100%;

}

#pIFrameYoutube {

    height: 23em;
}

.row.display-flex {
    display: flex;
    flex-wrap: wrap;
}

.row.display-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}

#btnSubmit, #btnAnfahrt {
    width: 100%;
}

.vertical-menu {
    width: 250px; /* Set a width if you like */
}

.vertical-menu a {
    position: relative;
    top: 1em;
    background-color: #eee; /* Grey background color */
    color: black; /* Black text color */
    display: block; /* Make the links appear below each other */
    padding: 6%; /* Add some padding */
    text-decoration: none; /* Remove underline from links */
    font-family: "Goudy Bookletter 1911", sans-serif /* Add Font Style */
}

.vertical-menu a:hover {
    background-color: #ccc; /* Dark grey background on mouse-over */
}


.active {
    color: #1aa958;
}

#imgLogoNav {
    position: absolute;
    top: -1.4em;
    left: -2em;
    height: 7em;
    width: 8em;
}
@media only screen and (max-width: 400px) {
    #imgBackgroundSubPageContact{
        background-size: cover !important;
    }
    #obsthofLogo {
        position: absolute;
        top: 6%;
        left: 0%;
        height: 40.8%;
        width: 100%;
    }
    #biolandLogo {
        position: absolute;
        top: 71%;
        left: 3%;
        height: 13%;
        width: 25%;

    }
    #okoLogo {
        position: absolute;
        top: 75%;
        left: 76%;
        height: 9%;
        width: 21%;

    }
    #obsthofLogoSub {
        position: absolute;
        top: -6%;
        left: 0%;
        height: 50%;
        width: 100%;
    }
    #okoLogoSub {
        position: absolute;
        top: 56%;
        left: 83%;
        height: 7%;
        width: 15%;
    }
    #biolandLogoSub {
        position: absolute;
        top: 54%;
        left: 3%;
        height: 9%;
        width: 16%;
    }
    #imgBackgroundSubPage {
        width: 100%;
        height: calc(65vh);
        background: url('../data/images/betrieb_small.png');
        margin-bottom: -1px;
        background-size: cover;
    }
}

@media only screen and (min-width: 401px) and (max-width: 600px) {
    #imgBackgroundSubPageContact{
        background-size: cover !important;
    }
    #imgBackgroundSubPage {
        width: 100%;
        height: calc(65vh);
        background: url('../data/images/betrieb_small.png');
        margin-bottom: -1px;
        background-size: cover;
    }

    #biolandLogo {
        position: absolute;
        top: 71%;
        left: 3%;
        height: 13%;
        width: 25%;

    }

    #obsthofLogo {
        position: absolute;
        top: 4%;
        left: 0%;
        height: 42%;
        width:100%
    }

    #okoLogo {
        position: absolute;
        top: 75%;
        left: 76%;
        height: 9%;
        width: 21%;

    }

    #obsthofLogoSub {
        position: absolute;
        top: -6%;
        left: 0%;
        height: 50%;
        width: 100%;
    }
    #okoLogoSub {
        position: absolute;
        top: 56%;
        left: 83%;
        height: 7%;
        width: 15%;
    }
    #biolandLogoSub {
        position: absolute;
        top: 54%;
        left: 3%;
        height: 9%;
        width: 16%;
    }

}
@media only screen and (min-width: 601px) and (max-width: 1919px) {

    #biolandLogo {
        position: absolute;
        top: 76%;
        left: 2%;
        height: 12%;
        width: 14%;

    }

    #obsthofLogo {
        position: absolute;
        top: -12.5%;
        left: 0%;
        height: 67%;
        width: 100%;
    }

    #okoLogo {
        position: absolute;
        top: 82%;
        left: 86%;
        height: 6%;
        width: 12%;
    }
}

@media only screen and (min-width: 601px) and (max-width: 1099px) {
    #imgBackgroundSubPageContact{
        background-size: cover !important;
    }

    #obsthofLogoSub {
        position: absolute;
        top: -9%;
        left: 0%;
        height: 50%;
        width: 100%;
    }
    #okoLogoSub {
        position: absolute;
        top: 56%;
        left: 83%;
        height: 7%;
        width: 15%;
    }
    #biolandLogoSub {
        position: absolute;
        top: 54%;
        left: 3%;
        height: 9%;
        width: 16%;
    }
}

@media only screen and (min-width: 1100px) and (max-width: 1919px) {
    #obsthofLogoSub {
        position: absolute;
        top: -9%;
        left: 0%;
        height: 50%;
        width: 100%;
    }
    #okoLogoSub {
        position: absolute;
        top: 56%;
        left: 90%;
        height: 7%;
        width: 9%;
    }
    #biolandLogoSub {
        position: absolute;
        top: 52%;
        left: 1%;
        height: 11%;
        width: 8%;
    }
}

@media only screen and (min-width: 1920px) {

    #biolandLogo {
        position: absolute;
        top: 74%;
        left: 1%;
        height: 14%;
        width: 9%;
    }

    #obsthofLogo {
        position: absolute;
        top: -12%;
        left: 0%;
        height: 67%;
        width: 100%;
    }

    #okoLogo {
        position: absolute;
        top: 79%;
        left: 90%;
        height: 9%;
        width: 9%;
    }

    #obsthofLogoSub {
        position: absolute;
        top: -9%;
        left: 0%;
        height: 50%;
        width: 100%;
    }
    #okoLogoSub {
        position: absolute;
        top: 56%;
        left: 91%;
        height: 7%;
        width: 8%;
    }
    #biolandLogoSub {
        position: absolute;
        top: 52%;
        left: 1%;
        height: 11%;
        width: 8%;
    }
}

@media only screen and (min-width: 401px) and (max-width: 740px) and (orientation: landscape) {
    #okoLogoSub {
        position: absolute;
        top: 56%;
        left: 89%;
        height: 7%;
        width: 9%;
    }
    #biolandLogoSub {
        position: absolute;
        top: 52%;
        left: 3%;
        height: 11%;
        width: 8%;
    }
    #biolandLogo {
        position: absolute;
        top: 63%;
        left: 1%;
        height: 13%;
        width: 9%;

    }

    #obsthofLogo {
        position: absolute;
        top: -12.5%;
        left: 0%;
        height: 67%;
        width: 100%;
    }

    #okoLogo {
        position: absolute;
        top: 67%;
        left: 89%;
        height: 9%;
        width: 10%;
    }
}
@media only screen and (min-width: 741px) and (max-width: 850px) and (orientation: landscape) {
    #okoLogoSub {
        position: absolute;
        top: 56%;
        left: 92%;
        height: 7%;
        width: 7%;
    }
    #biolandLogoSub {
        position: absolute;
        top: 52%;
        left: 1%;
        height: 11%;
        width: 7%;
    }
    #biolandLogo {
        position: absolute;
        top: 57%;
        left: 2%;
        height: 16%;
        width: 10%;

    }

    #obsthofLogo {
        position: absolute;
        top: -12.5%;
        left: 0%;
        height: 67%;
        width: 100%;
    }

    #okoLogo {
        position: absolute;
        top: 64%;
        left: 90%;
        height: 9%;
        width: 9%;
    }
}
@media only screen and (min-width: 851px) and (max-width: 1025px) and (orientation: landscape) {
    #biolandLogoSub {
        position: absolute;
        top: 52%;
        left: 2%;
        height: 9%;
        width: 9%;
    }
    #okoLogoSub {
        position: absolute;
        top: 57%;
        left: 90%;
        height: 6%;
        width: 9%;
    }
    #biolandLogo {
        position: absolute;
        top: 74%;
        left: 1%;
        height: 12%;
        width: 9%;

    }

    #obsthofLogo {
        position: absolute;
        top: -12.5%;
        left: 0%;
        height: 67%;
        width: 100%;
    }

    #okoLogo {
        position: absolute;
        top: 78%;
        left: 89%;
        height: 8%;
        width: 10%;
    }
}
@media only screen and (min-width: 1025px) and (max-width: 1919px) and (orientation: landscape) {

    #biolandLogo {
        position: absolute;
        top: 72%;
        left: 1%;
        height: 13%;
        width: 10%;

    }

    #obsthofLogo {
        position: absolute;
        top: -12.5%;
        left: 0%;
        height: 67%;
        width: 100%;
    }

    #okoLogo {
        position: absolute;
        top: 77%;
        left: 88%;
        height: 8%;
        width: 11%;
    }
}