.logo img {
    max-height: 40px;width: auto;
}
nav.container {
    padding: 10px;
}
.fixed-bottom {
    position: fixed;background: RGB(200, 211, 0);z-index: 499;bottom: 0;
}#bread p {
   margin-top: 1rem;
margin-bottom: 1rem;
text-align: center;
font-size: 1.1rem;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
}
.block-field-blocknodeappartementfield-header-titel,
.block-field-blocknodezimmerfield-header-titel{
    position: relative;
    bottom: 260px;
    font-size: 2rem;
    font-weight: 400;
    line-height: 56px;
    color: rgb(255, 255, 255);
    text-transform: none !important;
}


#block-phone {
font-size: 1.1rem;
font-weight: 700;
font-family: 'Montserrat',sans-serif;
}
#block-phone p {
    margin-top: .5rem;
    margin-bottom: .5rem;text-align: right;
}







.hero .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;position: relative;
top: 120px;
}
@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}


.page-node-1 .hero .animated,
.page-node-2 .hero .animated,
.page-node-3 .hero .animated,
.page-node-4 .hero .animated,
.page-node-5 .hero .animated,
.page-node-6 .hero .animated{
  display: none;
}
.fixed-bottom {
    position: relative;
}
.hero {background: url(/assets/img/hero.jpg);
   background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
    min-height: 785px;
   
}

@media (max-width: 768px) {
 
 
 .hero {    min-height: 610px;}
 
}
@media (max-width: 575px) {
  
 .hero {    min-height: 610px;} 
  
  
}

.page-node-1 .hero {
  background: url(/assets/img/hero-berge.jpg);
   background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.page-node-2 .hero {
  background: url(/assets/img/hero-see.jpg);
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.page-node-3 .hero { 
  background: url(/assets/img/hero-wald.jpg);
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}


.page-node-4 .hero {
  background: url(/assets/img/hero-kuh.jpg);
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.page-node-5 .hero {
  background: url(/assets/img/hero-vogel.jpg);
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.page-node-6 .hero {
  background: url(/assets/img/hero-schaf.jpg);
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}



.page-node-16 .hero {
    background: url(/assets/img/hero-anreise.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.path-contact .hero {
    background: url(/assets/img/hero-kontakt.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.page-node-12 .hero {
    background: url(/assets/img/hero-basis.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 100%;
}
.page-node-13 main img {
    width: 420px;
    height: auto;
}