.bg-content {
  background-color: rgb(254, 254, 202);
}

.phoneMenuOpen .phoneMenu {
  display:block
}

.phoneMenuOpen .navbar {
  color: #333333;
  background-color: white;
}

.teldetail.show {
  width: 8.5em;
  transition: width ease-out 1s;
}

.telefon {
  position: fixed;
  top: 20vh;
  right: 0;
  border-top-left-radius: 0.5em;
  border-bottom-left-radius: 0.5em;
  border-top: 1px #bbb solid;
  border-left: 1px #bbb solid;
  border-bottom: 1px #bbb solid;
  background-color: rgba(97, 83, 73, 0.399);
  color: white;
}

.mobileOnly .telefon a:hover  {
  color: lime;
}

a:hover {
  text-decoration: underline;
}

body {
  background: #333333;
}

html {
  scroll-behavior:smooth;
}

@media all and (-ms-high-contrast:none) {
  .pagescrolled .personen {
    display: none;
  }
}

.pagescrolled .personen {
  opacity: 0%;
  transition: opacity 0.5s;
}

.personen {
  transition: opacity 0.5s;
}

@media screen {
  .print-only { 
    display: none;
  }
}

@media print {
  h2 { 
    font-weight: bold;
    text-decoration: underline;
    margin-top: 2rem;
   }
  h3 {
    font-weight: bold;
    margin-top: 2rem;
  }
  body {
    margin-left: 40px;
  }
  .noPrint { 
    display: none;
  }
}

@media (orientation: portrait) {
  .bgi-p1 {
    height: 20vh;
  }
  .bgi-p2 {
    height: 20vh;
  }
}

@media (orientation: landscape) {
  .bgi-p1 {
    height: 33vh;
  }
  .bgi-p2 {
    height: 33vh;
  }
}

@media (max-height: 450px) {
  .personen {
    display: none;
  }
}



.bgi-p1 {
  background-size: cover;
  /* background-image: url('https://uploads-ssl.webflow.com/5a8c2f0ed100f20001e2a2d5/5a8c30ba83182b000179a9ac_burned-1291267_960_720.jpg'); background-attachment: fixed; */
  background-image: url('./feuer1.jpg'); background-attachment: fixed; background-position: bottom;
  /* background-image: url('./feuer2.jpg'); background-attachment: fixed; background-position: bottom; */
  /* background-image: url('./landing2.jpg'); background-attachment: fixed; */
}

.bgi-p2 {
  background-size: cover;
  /* background-image: url('https://uploads-ssl.webflow.com/5a8c2f0ed100f20001e2a2d5/5a8c30ba83182b000179a9ac_burned-1291267_960_720.jpg'); background-attachment: fixed; */
  /* background-image: url('./feuer1.jpg'); background-attachment: fixed; background-position: bottom; */
  background-image: url('./feuer2.jpg'); background-attachment: fixed; background-position: bottom;
  /* background-image: url('./landing2.jpg'); background-attachment: fixed; */
}

@media only screen and (min-width: 1001px) {
  .bgi-flamme {
    background-image: url('flammerund.jpg');
  }
}

@media only screen and (min-width: 601px) and (max-width: 1000px) {
  .bgi-flamme {
    background-image: url('flammerund66.jpg');
  }
}

@media only screen and (max-width: 600px) {
  .bgi-flamme {
    background-image: url('flammerund40.jpg');
  }
}

.max-w-25vw {
  max-width: 25vw;
}