/* roboto-regular - latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v30-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-v30-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v30-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v30-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v30-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v30-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* raleway-regular - latin */
@font-face {
  font-family: 'Raleway';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/raleway-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/raleway-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/raleway-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/raleway-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/raleway-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/raleway-v28-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
}
/* zen-maru-gothic-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Zen Maru Gothic';
  font-style: normal;
  font-weight: 300;
  src: url('fonts/zen-maru-gothic-v16-latin-300.eot'); /* IE9 Compat Modes */
  src: url('fonts/zen-maru-gothic-v16-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/zen-maru-gothic-v16-latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('fonts/zen-maru-gothic-v16-latin-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */
       url('fonts/zen-maru-gothic-v16-latin-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('fonts/zen-maru-gothic-v16-latin-300.svg#ZenMaruGothic') format('svg'); /* Legacy iOS */
}

body {font-family:'Roboto', sans-serif;font-size:1em;line-height:1.2;background:#ffffff;width:100%;text-align:center;color:#03452a;}
.seite_unten{color:#03452a;width:100%;padding:20px 0px 20px 0px;text-align:center;border-top:5px solid #03452a;}
.seite_oben{text-align:left;position:relative;background:rgba(255,255,255,1);border-bottom:#c4ac59;}
.seite_oben_i{margin-left: auto; margin-right: auto;max-width:1200px;height:50px;}
.seite{margin-left: auto; margin-right: auto;max-width:1200px;padding-top:60px;padding-bottom:40px;position:relative;}
.seite_u{margin-left: auto; margin-right: auto;max-width:1200px;padding-top:30px;padding-bottom:30px;position:relative;line-height:1.5;}
.d_navi{text-align:left;position:sticky;top:0px;left:0px;background:rgba(255,255,255,1);z-index:9999;letter-spacing:2px;border-bottom:#03452a;}
.d_navi_i{padding-top:0px;margin-left: auto; margin-right: auto;max-width:1050px;}
.d_oben{float:right;text-align:center;padding-right:30px;padding-top:20px;padding-bottom:10px;position:relative;text-align:center;}
.d_oben_r{float:right;text-align:center;padding-right:0px;padding-top:20px;padding-bottom:10px;position:relative;text-align:center;}
.d_oben_l{float:left;text-align:center;padding-right:30px;padding-top:20px;padding-bottom:10px;position:relative;text-align:center;}
.slogan{font-size:1.6em;color:#03452a;letter-spacing:2px;padding-top:15px;}
.clear{clear:both;}
.d_text{width:800px;margin-left:auto;margin-right:auto;line-height:2;padding-top:20px;padding-bottom:40px;}
.d_text_s{width:800px;margin-left:auto;margin-right:auto;line-height:2;padding-top:0px;padding-bottom:30px;}
#gallery{letter-spacing:2px;}
.bild_gross{width:100%;position:relative;}
.b_slogan_s{width:600px;margin-left:auto;margin-right:auto;color:#f8ae00;}
.slogan_g1{font-family:'Zen Maru Gothic',sans-serif;font-size:3em;}
.slogan_g2{font-size:2em;font-weight:bold;}
.slogan_g3{font-size:5em;background:rgba(0,0,0,0.2);width:800px;padding-right:50px;float:right;font-family:'Zen Maru Gothic',sans-serif; }
.d_oeffnungszeiten{position:absolute;right:0px;bottom:-60px;background:#fec800;text-align:left;font-size:1.5em;line-height:1.5;border-radius:20px 0px 0px 20px;}
.d_i{padding:30px;}
.d_katalog{width:250px;padding:15px;}
.d_flexbox{display:flex; flex-wrap:wrap; justify-content:center;}
.abstand_gross{height:80px;}
.d_ansprechpartner{width:300px;height:300px;overflow:hidden;background:#eeeeee;margin:20px;position:relative;}
.d_ansprechpartner_1{width:300px;height:200px;background:#eeeeee;margin:20px;position:relative;}
.d_ansprech_k{position:absolute;bottom:-30px;left:0px;width:100%;background:rgba(255,255,255,0.8);}
.d_ansprech_i{line-height:1.5;padding-top:10px;padding-bottom:10px;}
.c_submit{background:#03452a;color:#ffffff;font-size:1.2em;padding:5px 10px 5px 10px;}
.c_abbruch{background:#eeeeee;font-size:1.2em;padding:5px 10px 5px 10px;border:0px;}
.text_l{text-align:left;}
.d_50{width:48%;}
.d_50_g{width:45%;text-align:left;background:#eeeeee;margin-left:10px;margin-right:10px;}
.d_50_i{padding:20px;}
.inhalt_d{background:url("Bilder/hg_dunkel.jpg");color:#ffffff;position:relative;}
.d_video{position:absolute;top:-77px;left:50px;}
.d_shop{position:fixed;top:130px;right:0px;width:250px;z-index:9999;}
.d_shop_k{display:none;}
.f_rot{font-size:1.5em;color:red;}
.img_3{width:220px;margin-left:auto;margin-right:auto;}
.d_navi_m{display:none;}
.d_logo_modern{width:300px;margin-left:auto;margin-right:auto;}
.d_katalog{width:400px;margin-left:auto;margin-right:auto;}
.button_gruen{background:#03452a;color:#ffffff;padding:5px;}

.zp-logo-block {
    position: fixed;
    top: 5px;
	left: 50%;
    transform: translate(-50%, 0);
    z-index: 19999;
}

.parallax_section{
  	background-repeat: no-repeat;
  	background-attachment: fixed;
  	background-size: cover;
  	background-position: center top;
	position:relative;
}
.parallax_image_first{
	 background-image: url("Bilder/hg_baumbehang_aus_holz.jpg");
}
.parallax_image_second{
	 background-image: url("Bilder/pyramide_kind.jpg");
}
.parallax_image_third{
	 background-image: url("Bilder/Tietze-Lichterbogen1.jpg");
}
.inhalt_box3{padding-top:150px;padding-bottom:150px;display:flex; flex-wrap:wrap; justify-content:center;max-width:1200px;margin-left:auto;margin-right:auto;}
.inhalt_box2{padding-top:450px;padding-bottom:50px;text-align:right;color:#ffffff;padding-right:0px;}
.box-1 {
color:#ffffff;
width: 30%;
text-align:center;
float:left;
margin-right:30px;
}

h1 {font-size:3.5em;font-family:'Zen Maru Gothic',sans-serif;font-weight:normal;}
h2 {font-size:3em;font-family:'Zen Maru Gothic',sans-serif;font-weight:normal;padding-top:0px;margin-top:0px;}
h3 {font-size:1.5em;font-weight:bold;}
h4 {color:#ffffff;font-size:2.5em;font-family:'Zen Maru Gothic',sans-serif;font-weight:normal;}

#handarbeit h3{font-size:3em;font-family:'Zen Maru Gothic',sans-serif;font-weight:normal;padding-top:0px;margin-top:0px;color:#03452a;}

a {color:#c4ac59; text-decoration: none; font-weight:normal; font-size:1em;}
a:hover {color: #03452a;}
a.l_unten {color:#03452a; text-decoration: none; font-weight:normal; font-size:1em;}
a.l_unten:hover {color: #03452a; text-decoration: underline; }
a.l_oben {color:#03452a; text-decoration: none; font-weight:normal; font-size:1em;}
a.l_oben:hover {color: #03452a; text-decoration: underline; }
a.b_gelb {color:#03452a;background:#f8ae00; text-decoration: none; font-weight:normal; font-size:1em;padding:6px 15px 6px 15px;border-radius:15px;}
a.b_gelb:hover {color: #990033; text-decoration: none;}


@media all and (max-width: 1199px) {
 .seite{margin-left: auto; margin-right: auto;max-width:96%;padding-top:60px;padding-bottom:40px;}
 .seite_oben_i{margin-left: auto; margin-right: auto;max-width:96%;}
 .seite_u{margin-left: auto; margin-right: auto;width:92%;}
}

@media all and (max-width: 1000px) {
.d_navi{display:none;}
.seite_oben{display:none;}
.d_navi_m{display:block;position:fixed;top:0px;left:0px;z-index:9999;background:#ffffff;border-bottom:1px solid #eeeeee;width:100%;}
.d_shop_k{display:block;position:fixed;top:5px;right:0px;width:50px;z-index:9999;}
.d_shop{display:none;}
h1 {font-size:2.5em;}
h2 {font-size:1.5em;}
h3 {font-size:1.5em;}
h4 {font-size:1.5em;}
.slogan_g3{font-size:2.5em;padding-right:40px;width:400px;}
.bild_gross{padding-top:40px;}
.seite_u{padding-top:0px;}
.inhalt_box3{width:100%;padding-top:50px;padding-bottom:50px;}
}

@media all and (max-width: 830px) {
.d_text{width:96%;margin-left:auto;margin-right:auto;padding-top:20px;padding-bottom:20px;}
.d_text_s{width:96%;margin-left:auto;margin-right:auto;}
.slogan_g3{font-size:2.5em;width:80%;padding-right:20px;}
.d_50_g{width:96%;text-align:left;background:#eeeeee;margin-left:auto;margin-right:auto;margin-bottom:20px;}
}

@media all and (max-width: 599px) {
.b_slogan_s{width:100%;}
.seite_unten{display:none;}
.d_logo_modern{width:200px;}
.img_3{width:160px;margin-left:auto;margin-right:auto;}
}

@media all and (max-width: 500px) {
.slogan{font-size:1.2em;}
.slogan_g3{font-size:2em;width:100%;padding-right:20px;}
.slogan_g1{font-size:2em;}
.slogan_g2{font-size:1.2em;}

.inhalt_box2{padding-top:150px;padding-bottom:50px;}
.d_50{width:90%;margin-left:auto;margin-right:auto;}
.parallax_section{
	
  	background-repeat: no-repeat;
  	background-attachment: scroll;
  	background-size: cover;
  	background-position: center top;
	position:relative;
}
}