@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,300);
@import url(https://fonts.googleapis.com/css?family=Squada+One);
body {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    background: url("https://www.toptal.com/designers/subtlepatterns/patterns/felt.png");
}
#myTopnav{
    z-index: 999;

}
#imgBackground {
    width: 100%;
    height: calc(100vh - 95px);
    background: url('../data/images/beregnungsbecken_ohne_filter.jpg');
    margin-bottom: -1px;
    background-size: 100% 100%;
}
#imgBackgroundSubPage {
    width: 100%;
    height: calc(65vh);
    background: url('../data/images/betrieb_format.png');
    margin-bottom: -1px;
    background-size: cover;
}
#imgBackgroundSubPageContact {
    width: 100%;
    height: calc(65vh);
    background: url('../data/images/frost_format_4k.png');
    margin-bottom: -1px;
    background-size: 100% 100%;
}

#navbarNavAltMarkup{
    font-family: Chau Philomene One, cursive;
    font-weight: 900;
    font-size: 2em;
    padding-left: 2em;
}
#navbarNavAltMarkup a{
    padding-right: 2em;
}
h2 {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    line-height: 1.5;
    text-shadow: whitesmoke 2px 2px;
    width: 100%;
}
#headLineContact, #headLineBetrieb{
    padding: 1em;
    line-height: 1.5em;

}
@media screen and (max-width: 991px){
    #navbarNavAltMarkup {
        padding-left: 0em;
    }
}

.nav-item{
    color: rgba(255,255,255,.5);
}
.nav-item:hover{
    color: white;
}
.active{
    color: #1aa958; !important;
}
.navbar-brand{
    width:4em;
    height:4em;
}





/*body {*/
/*    padding: 20px 80px;*/
/*    background: #4CAF50 url(https://subtlepatterns.com/patterns/extra_clean_paper.png);*/
/*}*/
/*#logo {*/
/*    font-family: 'Open Sans', sans-serif;*/
/*    color: #555;*/
/*    text-decoration: none;*/
/*    text-transform: uppercase;*/
/*    font-size: 3em;*/
/*    font-weight: 500;*/
/*    text-align: center;*/
/*    line-height: 1;*/
/*    text-shadow: #EDEDED 3px 2px 0;*/
/*    width: 100%;*/
/*}*/

/*#menu {*/
/*    width: inherit;*/

/*    list-style: none;*/
/*    margin: 10px 0 0 0; padding: 25px 10px;*/
/*    border-top: 4px double #AAA;*/
/*    border-bottom: 4px double #AAA;*/
/*    text-align: center;*/

/*}*/
/*#menu li {*/
/*    display: inline-block;*/
/*    width: 10%;*/
/*    margin: 0 10px;*/
/*    position: relative;*/

/*}*/
/*#menu li a {*/
/*    text-transform: uppercase;*/
/*    font-family: 'Squada One', cursive;*/
/*    font-weight: 800;*/
/*    display: block;*/
/*    background: #FFF;*/
/*    padding: 2px 10px;*/
/*    color: #333;*/
/*    font-size: 2em;*/
/*    text-align: center;*/
/*    text-decoration: none;*/
/*    position: relative;*/
/*    z-index: 1;*/
/*    background-size: 4px 4px;*/
/*    box-shadow:*/
/*            0 0 0 1px rgba(0,0,0,.4) inset,*/
/*            0 0 20px -5px rgba(0,0,0,.4),*/
/*            0 0 0 3px #FFF inset;*/
/*}*/
/*#menu li:hover {*/
/*    width: 203px;*/
/*    margin: 0 -5px;*/
/*}*/
/*#menu a:hover {*/
/*    color: #4CAF50;*/
/*}*/
/*#menu li:after,*/
/*#menu li:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    width: 50px;*/
/*    height: 100%;*/
/*    background: #BBB;*/
/*    -webkit-transform: skewY(8deg);*/
/*    x-index: -3;*/
/*    border-radius: 4px;*/
/*}*/
/*#menu li:after {*/
/*    background-image: -webkit-linear-gradient(left, transparent 0%, rgba(0,0,0,.4) 100%);*/
/*    right: 0;*/
/*    top: -4px;*/
/*}*/
/*#menu li:before {*/
/*    left: 0;*/
/*    bottom: -4px;*/
/*    background-image: -webkit-linear-gradient(right, transparent 0%, rgba(0,0,0,.4) 100%);*/
/*}*/

/*#logo:after {*/
/*    content:"Obstland zum Felde";*/
/*    position: absolute;*/
/*    top: 6%;*/
/*}*/
/*#logo:after {*/
/*    !*background: url(https://subtlepatterns.com/patterns/crossed_stripes.png) repeat;*!*/
/*    background-image: -webkit-linear-gradient(left top, transparent 0%, transparent 25%, #555 25%, #555 50%, transparent 50%, transparent 75%, #555 75%);*/
/*    background-size: 4px 4px;*/
/*    -webkit-background-clip: text;*/
/*    -webkit-text-fill-color: transparent;*/
/*    z-index: -5;*/
/*    display: block;*/
/*    text-shadow: none;*/
/*}*/

/*-webkit-transform: skewy(-3deg);*/
/*-webkit-backface-visibility: hidden;*/
/*-webkit-transition: 200ms all;*/