@font-face {
    font-family: 'mabry';
    src: url('./../fonts/mabry-regular.eot');
    src: url('./../fonts/mabry-regular.eot?#iefix') format('embedded-opentype'),
         url('./../fonts/mabry-regular.woff2') format('woff2'),
         url('./../fonts/mabry-regular.woff') format('woff'),
         url('./../fonts/mabry-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
   font-family: 'mabry';
   src: url('./../fonts/mabry-black.eot');
   src: url('./../fonts/mabry-black.eot?#iefix') format('embedded-opentype'),
        url('./../fonts/mabry-black.woff2') format('woff2'),
        url('./../fonts/mabry-black.woff') format('woff'),
        url('./../fonts/mabry-black.ttf') format('truetype');
   font-weight: bold;
   font-style: normal;
}


* {
-webkit-box-sizing: border-box;
       box-sizing: border-box;
margin:0;
}

html {
 font-size:100%;

}

@media (max-width: 992px) {
 html {
   font-size: 90%
 }
}

 @media (max-width: 768px) {
   html {
     font-size: 75%
   }

}

body {
 padding: 0;
 font-family: 'mabry', 'Arial', sans-serif;
 font-weight: normal;
 background-color: rgb(250, 250, 250);
 color: rgb(30, 30, 30);

}

.header__container {
  position: relative;
  width: 100vw;
  background-color: rgb(250, 250, 250);
  min-height: 100vh;
}

.header__image-big {
  position: relative;
  left: 0;
  top: 0;
  width: 50%;
  height: auto;
  padding: 2rem 2rem 2rem 2rem;
}

.header__text-container {
  position: absolute;
  right: 0;
  top:0;
  padding: 2rem 2rem 0 2rem;
}

.header__heading {
  font-size: 10.4vw;
}

.header__text {
  font-size: 4vw;
}

.header__image-s1 {
  position: absolute;
  top: 35rem;
  width: 17%;
  height: auto;
  z-index: 1;
  left: 35%;
  -webkit-animation: header-img-anim 2s ease-in 0s 1 both;
          animation: header-img-anim 2s ease-in 0s 1 both;
}

.header__image-s2 {
  position: absolute;
  top: 55rem;
  width: 25%;
  height: auto;
  left: 65%;
  -webkit-animation: header-img-anim 2s ease-in 1s 1 both;
          animation: header-img-anim 2s ease-in 1s 1 both;

}

.header__image-s3 {
  position: absolute;
  top: 28rem;
  width: 13%;
  height: auto;
  right: 2rem;
  -webkit-animation: header-img-anim 2s ease-in 2s 1 both;
          animation: header-img-anim 2s ease-in 2s 1 both;

}

@-webkit-keyframes header-img-anim {
  0% {
    opacity: 0;

  }
  100% {
    opacity: 1;

  }
}

@keyframes header-img-anim {
  0% {
    opacity: 0;

  }
  100% {
    opacity: 1;

  }
}


@media (max-width: 1500px)  {
  .header__image-s1 {
    top:30rem;
  }

  .header__image-s2 {
    top: 40rem;

  }

  .header__image-s3 {
    top:20rem;

  }

}

@media (max-width: 1200px)  {
  .header__image-s1 {
    top:25rem;
  }

  .header__image-s2 {
    top: 32rem;

  }

  .header__image-s3 {
    top:16rem;

  }

}

@media (max-width: 1000px)  {
  .header__image-s1 {
    top:20rem;
  }

  .header__image-s2 {
    top: 30rem;

  }

  .header__image-s3 {
    top:15rem;

  }

}

@media (max-width:576px) {
  .header__container {
    position: relative;
    width: 100vw;
    height: 100vh;
    margin-bottom: 5rem;
  }

  .header__image-big {
    position: absolute;
    left: 0;
    top: 0;
    width: 60%;
    height: auto;
    padding: 1rem 0 0 1rem;
  }

  .header__text-container {
    position: absolute;
    left: 0;
    bottom:2rem;
    padding-left: 1rem;
    height: 22rem;
    top: auto;
  }

  .header__heading {
    font-size: 20.5vw;
  }

  .header__text {
    font-size: 8vw;
  }

  .header__image-s1 {
    position: absolute;
    top: 10.5rem;
    width: 25%;
    height: auto;
    z-index: 1;
    left: 40%;
  }

  .header__image-s2 {
    display: none;

  }

  .header__image-s3 {
    position: absolute;
    top: 10.5rem;
    width: 25%;
    height: auto;
    left: 70%;
    -webkit-animation: header-img-anim 2s ease-in 1s 1 both;
            animation: header-img-anim 2s ease-in 1s 1 both;

  }


}

.aktuelles {
  width:100vw;
}

.aktuelles__container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
  margin-top: 13rem;
}

.aktuelles__heading {
  font-weight: normal;
  font-size: 4rem;
  display: block;
  margin-bottom: 6rem;

}

.aktuelles__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 3rem;
}

.aktuelles__info-box1 {
  width: 50%;
  padding-right: 1rem;

}

.aktuelles__info-box2 {
  width: 50%;
  padding-left: 1rem;

}

.aktuelles__info-heading {
  font-weight: normal;
  font-size: 2.5rem;
  margin-bottom: 2rem;
}

.aktuelles__info-text {
  font-size: 1.5rem;
}


@media (max-width:576px) {

  .aktuelles__container {
    padding: 0 1rem;
    margin-top: 10rem;
  }

  .aktuelles__heading {
    font-size: 3.5rem;
    margin-bottom: 5rem;

  }

  .aktuelles__info {
    margin-bottom: 3rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .aktuelles__info-box1 {
    width: 100%;
    padding: 0;
    margin-bottom: 4rem;

  }

  .aktuelles__info-box2 {
    width: 100%;
    padding: 0;

  }

  .aktuelles__info-heading {
    font-weight: normal;
    font-size: 2.3rem;
    margin-bottom: 1.5rem;
  }

}

.antik {
  width: 100vw;

}

.antik__container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15rem;
}

.antik__text-container {
  width: 50%;
  position: relative;
}

.antik__heading {
  font-weight: normal;
  font-size: 4rem;
}

.antik__text {
  font-size: 1.5rem;
  position: absolute;
  bottom: 1rem;


}

.antik__images {
  width: 50%;
  position: relative;
}

.antik__image-sw {
  width: 70%;
  height: auto;
  float: right;
}

.antik__image-farbe {
  width: 30%;
  height: auto;
  position: absolute;
  left: 1rem;
  top: 0;
  margin-top: -5rem;
}

@media (max-width: 800px) {
  .antik__text {
    position: relative;
  }

  .antik__heading {
    margin-bottom: 3rem;
  }

}

@media (max-width:576px) {
  .antik__container {
    padding: 0 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;


  }

  .antik__text-container {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

  .antik__text {
    position: relative;


  }

  .antik__heading {
    margin-top: 3rem;
    margin-bottom: 3rem;
    font-size: 3.5rem;
  }

  .antik__images {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .antik__image-farbe {
    width: 40%;
    left: 0;
    top: 0;
    margin-top: -5rem;
  }

}

.cafe__container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15rem;
}

.cafe__text-container {
  width: 50%;
  height: auto;
  position: relative;
}

.cafe__heading {
  position: absolute;
  font-weight: normal;
  font-size: 4rem;
  top: 5rem;
  left: 50%;
}

.cafe__text {
  margin-top: 2rem;
  font-size: 1.5rem;

}

.cafe__images {
  width: 50%;
  height: auto;
  position: relative;
}

.cafe__image--strauss {
  width: 40%;
  height: auto;
}

.cafe__image--campu {
  width: 70%;
  height: auto;
  float: right;
  padding-top: 5rem;
}


.cafe__image--espresso {
  width: 40%;
  height: auto;
  position: absolute;
  top: 2rem;
  left: 1rem;
}

.cafe__image--baiser {
  width: 30%;
  height: auto;
  position: absolute;
  right:0;
  top:0;
}

@media (max-width:576px) {
  .cafe__container {
    padding: 0 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-top: 10rem;

  }

  .cafe__text-container {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 4rem;
  }

  .cafe__heading {
    top: 1rem;
    left: 50%;
    font-size: 3.5rem;
  }

  .cafe__text {
    margin-top: 1rem;

  }

  .cafe__images {
    width: 100%;
    height: auto;
    position: relative;
  }

  .cafe__image--strauss {
    width: 40%;
    height: auto;
  }

  .cafe__image--campu {
    width: 70%;
    padding-top: 4rem;
  }


  .cafe__image--espresso {
    width: 50%;
    top: 2rem;
    left: 0;
  }

  .cafe__image--baiser {
    width: 40%;
    height: auto;
    position: absolute;
    right:0;
    top:0;
  }
}


.galerie {
 background-image: url("./../img/blumen_desk.jpg");
 background-size: cover;
 width: 100vw;
 height: 100vh;
 margin-top: 15rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
}

.galerie__container {
 background-color: rgb(250, 250, 250);
 width: 20rem;
 height: 12rem;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;
 overflow: hidden;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 margin-top: 5rem;
}

.galerie__heading {
 font-weight: normal;
 font-size: 4rem;
 margin: 0;
 padding-top: 20px;
}

.galerie__link {
 text-decoration: none;
 font-size: 1.5rem;
 color: rgb(30, 30, 30);

}

.galerie__link:visited {
 color: rgb(30, 30, 30);
 font-size: 1.5rem;

}

@media (max-width: 576px) {
.galerie {
 background-image: url("./../img/blumen_mobile.jpg");
 margin-top: 10rem;
 }

 .galerie__container {
  height: 11rem;
}

 .galerie__heading {
  font-size: 3.5rem;
 }

}


.footer {
  background-color: rgb(250, 250, 250);
}

.footer__container {
 max-width: 1440px;
 background-color: rgb(250, 250, 250);

display: -webkit-box;

display: -ms-flexbox;

display: flex;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
overflow: hidden;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
padding-bottom: 8rem;
margin-left: auto;
margin-right: auto;


}

.footer__heading {
 font-weight: normal;
 font-size: 2.8rem;
 margin-bottom: 1rem;
 margin-top: 3rem;
}

.footer__text {
 font-size: 1.5rem;
}

.footer__kontakt {
 padding: 0 2rem;
}

.footer__mail {
 text-decoration: none;
 color: rgb(30, 30, 30);
}

.footer__zeiten {
 padding: 0 2rem;
}

.footer__infos {
 padding: 0 2rem;
}

.footer__datenschutz {
 text-decoration: none;
 color: rgb(30, 30, 30);
 font-size: 1.5rem;

}

.footer__impressum {
 text-decoration: none;
 color: rgb(30, 30, 30);
 font-size: 1.5rem;

}

.footer__tel {
 text-decoration: none;
 color: rgb(30, 30, 30);
 font-size: 1.5rem;

}


@media (max-width:768px) {



   .footer__kontakt {
     padding: 0 1rem;
   }

   .footer__zeiten {
     padding: 0 1rem;
   }

   .footer__infos {
     padding: 0 1rem;
   }
}



.impressum {
 font-size: 1.5rem;
 padding: 5rem 2rem 0 2rem;
 max-width: 1200px;
 margin-left: auto;
 margin-right: auto;

}


.navbar {
 padding: 0 2rem;
 max-width: 1200px;
 margin-left: auto;
 margin-right: auto;
}

.navbar__logo {
 text-decoration: none;
 font-size: 5rem;
 font-weight: bold;
 margin: 0;
 padding: 0;
 color: rgb(30, 30, 30);

}

.navbar__logo:visited {


}

.navbar__title {
 font-size: 2.5rem;
 font-weight: normal;
 margin: 0;
}



.datenschutz {

 font-size: 1.5rem;
 padding: 0 2rem;
 max-width: 1200px;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 5rem;

}

.datenschutz__heading {
 font-weight: normal;
 font-size: 2rem;
 margin-bottom: 1rem;
 margin-top: 3rem;

}

@media (max-width:768px) {
  .navbar__logo {
   text-decoration: none;
   font-size: 4rem;
}
}



/* Blog */
.blog__main {
 width: 100vw;
 height: 100vh;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;


}


.blog__nav {
 width: 25%;
 position:fixed;
 height: 30vh;
 padding-left: 2rem;
 z-index: 1;

}

.blog__logo {

text-decoration: none;
font-size: 5rem;
font-weight: bold;
margin: 0;
padding: 0;
color: rgb(30, 30, 30);

}

.blog__title {
 font-size: 2.5rem;
 font-weight: normal;
 margin: 0;

}

.blog__footer {
 width: 25%;
 position: fixed;
 height: 20vh;
 bottom: 0;
 padding-left: 2rem;
 z-index: 1;
}

.blog__entry {
 font-size: 2.5rem;
 font-weight: normal;
 margin: 0;
 position: absolute;
 bottom: 32px;
}

.blog__header-space {
 width: 25%;
}




.blog__imagecontainer {
 width: 75%;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 padding-right: 4px;

}





.blog__imagecolumn {
 -webkit-box-flex: 50%;
     -ms-flex: 50%;
         flex: 50%;
 max-width: 50%;
 padding: 0 4px 160px 4px;
}


.blog__image  {
 margin-top: 8px;
 vertical-align: middle;
 width: 100%;
}

@media (max-width: 1600px) {
 .blog__logo {
   font-size: 4.6vw;
 }

}

@media (max-width: 768px) {
 .blog__nav {
   width: 100%;
   position:fixed;
   height: 9rem;
   padding-left: 8px;
   background-color: rgb(250, 250, 250);

 }

 .blog__footer {
   width: 100%;
   position: fixed;
   height: 8rem;
   bottom: 0;
   padding-left: 8px;
   background-color: rgb(250, 250, 250);
 }

 .blog__entry {
   position: static;
   padding-top: 0.8rem;

 }

 .blog__header-space {
   display: none;
 }

 .blog__imagecontainer {
   width: 100%;
   padding-right: 4px;
   padding-left: 4px;


 }

 .blog__logo {
   font-size: 4rem;
   padding-top: 1rem;
 }


}