body, html {
  height: 100%;
  margin: 0;
  font: 400 15px/1.8 "Lato", sans-serif;
  color: #000;

}
ul{
  list-style: none;
}

.parallax, .background2, .background3,.last-background {
  position: relative;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

}
.darken{
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
}
.darken-light{
  background-color: rgba(0, 0, 0, 0.2);
  width: 100%;
}
.background3{
  /* The image used */
  background-image: url("../img/bgkamera.jpg");

  /* Set a specific height */
  height:765px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.last-background{
  /* The image used */
  background-image: url("../img/rose.jpg");

  /* Set a specific height */
  height: 756px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.background2{
  /* The image used */
  background-image: url("../img/rose.jpg");

  /* Set a specific height */
  height: 400px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax {
  /* The image used */
  background-image: url("../img/intro.jpg");

  /* Set a specific height */
  height: 765px;

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.caption-video {
  margin-top: 13em;
  width: 100%;
  text-align: center;
}
.caption {
  position: absolute;
  left: 0;
  top: 12%;
  width: 100%;
  text-align: center;
}
.caption1 {
  position: absolute;
  left: 0;
  top: 44%;
  width: 100%;
  text-align: center;
}
.caption1 span.text {
    font: 4em 'Aguafina Script', cursive;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1); }
.text{
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}
h2 {
  font:6em 'Aguafina Script', cursive;
  color: #000;
}
h2.white {
  font:6em 'Aguafina Script', cursive;
  color: #FFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
  }
 h3 {
  font:4em 'Aguafina Script', cursive;
  color: #000;
  padding-top: 2em;
}
a {
    color: #000;
  }
  a:hover, a:active {
    color: #000;
    font-weight: bold;
}
p.typo {
  text-transform: uppercase;
  color:#FFF;
  font-size: 2em;
}
p.typo-dark {
  text-transform: uppercase;
  color:#000;
  font-size: 2em;
}
span.zitat{
  text-transform: uppercase;
  color: #000;
}
/*navbar atribute*/
.nav-item.active{
  font-weight: bold
}

.navbar-brand img{
  max-width: 110px;
}


/*Abstände*/
.firstrow{
  margin:15em 0;
}
.firstmargin{
  margin-top: 10em;
}
.firstmargin img{
  margin-top:30px;
}
.secondmargin{
  margin-top: 13.5em;
}
.img-fluid.img-margin{
margin-top: 2.8em;
}
.img-fluid.second-image-margin {
  margin:5em 0;
}
/*background colors*/
.blue{
  background-color: #96b6c8;
  height: 1104px;
}
.blue-preis{
  background-color: #96b6c8;

}
.pricing{
  padding: 10em;
}
.dark{
  opacity: 0.80;
  background-color: #111;
  padding:5em 0;
  color: #fff;
  height: 550px;
}
footer{
  height: 400px;
  opacity: 0.80;
  background-color: #111;
  color: #fff;
  padding-top: 2em;
}
video{
  background-image: url(../img/videobg.jpg);
  max-width: 100%;
}
/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
  .parallax {
    background-attachment: scroll;
  }
}
/* Extra small devices (portrait phones, less than 767.98px)*/
@media (max-width: 767.98px) {

  h2 {
    font: 2em 'Aguafina Script', cursive;

}
h2.white {
  font:3.5em 'Aguafina Script', cursive;

  }
 h3 {
  font:2em 'Aguafina Script', cursive;

}

p.typo {
    text-transform: uppercase;
    color: #FFF;
    font-size: 1.2em;
}
p.typo-dark {
      font-size: 1.2em;
}
  .parallax {
    /* The image used */
    background-image: url("../img/intro.jpg");

    /* Set a specific height */
    height: 425px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }

  .last-background{
    /* Set a specific height */
    height: 450px;
}

  .firstrow {
    margin: 2em 0;
}
.background3 {
    height: 300px;

}
.caption1 {
    position: absolute;
    left: 0;
    top: 14%;
    width: 100%;
    text-align: center;
}
.firstmargin {
    margin-top: 0;
}

.caption1 span.text {
    font: 3em 'Aguafina Script', cursive;
    background-color: transparent;
    color: #fff;
    padding: none;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}
.img-fluid{
  display: none;
}
.img-fluid.logo{
  display: flex;
}

.blue{
  height: 500px;


}
.pricing{
  padding: 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
}
 }