/* roboto-300 - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/roboto-v30-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-300.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* parisienne-regular - latin */
@font-face {
  font-family: 'Parisienne';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/parisienne-v13-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/parisienne-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/parisienne-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/parisienne-v13-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/parisienne-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/parisienne-v13-latin-regular.svg#Parisienne') format('svg'); /* Legacy iOS */
}
body {font-family:'Roboto', sans-serif; font-size:1em;margin:0px;line-height:1.5;text-align:center;background:#efe7d8;}

.seite{width:100%;position:relative;}
.seite_gesamt{width:100%;height:70%;position:relative;}
.slogan{text-align:center;color:#ffffff;font-size:3.5em;padding-bottom:100px;font-family: 'Parisienne', cursive;text-shadow: 0.1em 0.1em 0.2em black;}
.slogan2{text-align:center;color:#ffffff;font-size:2em;padding-bottom:150px;font-family: 'Parisienne', cursive;
overflow: hidden;
    text-align: center;
	padding:0px;
	width:800px;margin-left:auto;margin-right:auto;}

.slogan2:before,
.slogan2:after {
    background-color: #fff;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 10%;
}	
.inhalt_b{width:100%;position:absolute;top:250px;left:0px;}
.inhalt{width:1100px;margin-left:auto;margin-right:auto;background:#ffffff;padding:20px 20px 0px 20px;}
.d_navi{width:100%;background:#ffffff;position:fixed;top:0px;z-index:999;height:50px;border-bottom:1px solid #eeeeee;}
.m_mobil{display:none;}
.d_navi_i{width:1200px;margin-left:auto;margin-right:auto;padding-top:10px;}
.d_hortensie_a{width:100%;background:#ffffff;height:150px;position:relative;}
.d_hortensie{position:absolute;right:-150px;bottom:0px;width:300px;}
.clear{clear:both;}
td{text-align:center;}
#gallery{width:70%;margin-left:auto;margin-right:auto;}

a{color:#507020;text-decoration:none; }
a:hover{color:#333333;}
a.l_oben{color:#000000;padding-top:10px;padding-bottom:10px;text-decoration:none;}
a.l_oben:hover{color:#000000;border-bottom:1px solid #000000;}

.u_rund_f {
      display: flex;
      flex-direction: row;
	  flex-wrap: wrap;
	  justify-content : center;
	  align-content: stretch;
   }
   .u_rund{width:500px;}
   .u_rund1{width:300px;}
   .u_rund_i{padding:20px;text-align:center;}
   .bild_rund{width:460px;height:460px;overflow:hidden;}
   .d_button,.c_submit{background:#84b836;color:#ffffff;cursor:pointer;text-decoration:none;padding:5px;border-radius: 3px;font-size:1em;}
   
   .b_verg {
 transition: transform 0.4s;
}
   .b_verg:hover {
 transform: scale(1.5, 1.5);
}

h1{color:#000;font-size:2em;font-weight:normal;font-family: 'Parisienne', cursive;}
h2{color:#000;font-size:2em;font-weight:normal;font-family: 'Parisienne', cursive;}
h3{color:#000;font-size:1.2em;font-weight:normal;}
h5{color:#ffffff;font-size:2px;}

.h-border h1.m_linie {
    overflow: hidden;
    text-align: center;
	padding:0px;
}
.h-border h1.m_linie:before,
.h-border h1.m_linie:after {
    background-color: #000;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 30%;
}
.h-border h2.m_linie {
    overflow: hidden;
    text-align: center;
	padding:0px;
}
.h-border h2.m_linie:before,
.h-border h2.m_linie:after {
    background-color: #000;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 30%;
}
.schrift_l{text-align:left;}
.textblock{width:70%;margin-left:auto;margin-right:auto;padding-bottom:60px;}
.d_lage{width:1140px;margin-left:auto;margin-right:auto;}
.d_kalender{width:700px;margin-left:auto;margin-right:auto;}
.bild_oben_mobil{display:none;}
.wrapper {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.slideshow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

    .slides,.slide {
      position: absolute;
      left: 0;
      top: 0;
      width: 100vw;
      height: 100vh;
      animation: 11s slideshow-hero-mobile -3s infinite;
    }

    .slide1 {
      background: url("Bilder/Annaberg-Buchholz.jpg") no-repeat;background-size:100%;
      animation: 20s slides-set-1 -0.2s infinite;
    }
    .slide2 {
      background: url("Bilder/ferienhaus_oertel.jpg") no-repeat;background-size:100%;
      animation: 20s slides-set-2 -0.2s infinite;
    }
	.slide3 {
      background: url("Bilder/Winter_in_Annaberg.jpg") no-repeat;background-size:100%;
      animation: 20s slides-set-3 -0.2s infinite;
    }
	.slide3_sommer {
      background: url("Bilder/poehlberg.jpg") no-repeat;background-size:100%;
      animation: 20s slides-set-3 -0.2s infinite;
    }
	
@keyframes slideshow-hero-mobile {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes slides-set-1 {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  31% {
    opacity: 1;
    transform: scale(1);
  }
  34% {
    opacity: 0;
    transform: scale(1.05);
  }
  97% {
    opacity: 0;
    transform: scale(1.05);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes slides-set-2 {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  31% {
    opacity: 0;
    transform: scale(1.05);
  }
  34% {
    opacity: 1;
    transform: scale(1);
  }
  64% {
    opacity: 1;
    transform: scale(1);
  }
  67% {
    opacity: 0;
    transform: scale(1.05);
  }
  100% {
    opacity: 0;
    transform: scale(1.05);
  }
}
@keyframes slides-set-3 {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  64% {
    opacity: 0;
    transform: scale(1.05);
  }
  67% {
    opacity: 1;
    transform: scale(1);
  }
  97% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.05);
  }
}
@keyframes slides-set-4 {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  64% {
    opacity: 0;
    transform: scale(1.05);
  }
  67% {
    opacity: 1;
    transform: scale(1);
  }
  97% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.05);
  }
}

@media all and (max-width: 1199px) {
.inhalt{width:96%;margin-left:auto;margin-right:auto;}
.d_navi_i{width:96%;margin-left:auto;margin-right:auto;}
}

@media all and (max-width: 900px) {
.m_mobil{display:block;width:100%;background:#ffffff;height:40px;text-align:left;padding-left:10px;padding-top:5px;}
.d_navi{display:none;}
}

@media all and (max-width: 600px) {
.wrapper{display:none;}
.bild_oben_mobil{display:block;}
.slogan{font-size:2em;}
.inhalt_b{position:relative;top:0px;}
.seite_gesamt{width:100%;height:1px;position:relative;}
.h-border h2.m_linie:before,
.h-border h2.m_linie:after {
    width: 5%;
}
.h-border h1.m_linie:before,
.h-border h1.m_linie:after {
    width: 5%;
}
.u_rund{width:300px;}
   .u_rund_i{padding:20px;text-align:center;}
   .bild_rund{width:260px;height:260px;overflow:hidden;}
}