@charset "utf-8";
/* CSS Document */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../bilder/fonts/open-sans-v34-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/fonts/open-sans-v34-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/fonts/open-sans-v34-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../bilder/fonts/open-sans-v34-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/fonts/open-sans-v34-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../bilder/fonts/open-sans-v34-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/fonts/open-sans-v34-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/fonts/open-sans-v34-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../bilder/fonts/open-sans-v34-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/fonts/open-sans-v34-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../bilder/fonts/open-sans-v34-latin-600.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/fonts/open-sans-v34-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/open-sans-v34-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/fonts/open-sans-v34-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../bilder/fonts/open-sans-v34-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/fonts/open-sans-v34-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../bilder/fonts/open-sans-v34-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../bilder/fonts/open-sans-v34-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../bilder/fonts/open-sans-v34-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../bilder/fonts/open-sans-v34-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../bilder/fonts/open-sans-v34-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../bilder/fonts/open-sans-v34-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open sans: Designed by Steve Matteson */


.h1 {font-family: "Times New Roman", Times, serif; margin-top:10px; font-size: 38px; color: #e3a45b; text-align:left; font-style: normal; font-weight: normal; line-height:1.5; }
@media only screen and (max-width:1200px) {.h1 {font-family: "Times New Roman", Times, serif; margin-top:10px; font-size: 48px; color: #e3a45b; text-align:left; font-weight: normal ; font-style:normal; line-height:1.5;}	}
@media only screen and (max-width:1080px) {.h1 {font-family: "Times New Roman", Times, serif; margin-top:10px; font-size: 52px; color: #e3a45b; text-align:left; font-weight: normal; font-style:normal; line-height:1.5;}	}

.h2 {font-family: "Times New Roman", Times, serif; margin-top:10px; font-size: 32px; color: #e3a45b; text-align:left; font-weight: normal;  line-height:1.5; }
@media only screen and (max-width:1200px) {.h2 {font-family: "Times New Roman", Times, serif; margin-top:10px; font-size:42px; color: #e3a45b; text-align:left; font-weight: bold; line-height:1.5;}	}
@media only screen and (max-width:1080px) {.h2 {font-family: "Times New Roman", Times, serif; margin-top:10px; font-size: 52px; color: #e3a45b; text-align:left; font-weight: bold; line-height:1.5;}	}


.p {font-family: 'Open Sans', sans-serif; margin-top:0px; font-size: 18px; color: #583b29; text-align:left; line-height: 1.5; font-weight:300;  }
@media only screen and (max-width:1200px) {.p {font-family: 'Open Sans', sans-serif; margin-top:0px; font-size: 32px; color: #583b29; text-align:left; line-height: 1.5; font-weight:300;  }	}
@media only screen and (max-width:1080px) {.p {font-family: 'Open Sans', sans-serif; margin-top:0px; font-size: 36px; color: #583b29; text-align:left; line-height: 1.5; font-weight:300;  }	}

.hinweis {font-family: 'Open Sans', sans-serif; margin-top:0px; font-size: 18px; color: #F60; text-align:left; line-height: 1.5; font-weight:300;  }
@media only screen and (max-width:1200px) {.hinweis {font-family: 'Open Sans', sans-serif; margin-top:0px; font-size: 36px; color: #F60; text-align:left; line-height: 1.5; font-weight:300;  }	}


body { font-family: 'Open Sans', sans-serif; color: #333; background-color:FFF; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px;}
@media only screen and (max-width:1200px) {body { font-family: 'Open Sans', sans-serif; color: #333; background-color:FFF; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;   }}
@media only screen and (max-width:1080px) {body { font-family: 'Open Sans', sans-serif; color: #333; background-color:FFF; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;   }}
@media only screen and (max-width:860px) {body { font-family: 'Open Sans', sans-serif; color: #333; background-color:FFF; margin-top: 0px; margin-bottom:0px; margin-left:0px; margin-right:0px; -webkit-text-size-adjust: none !important; text-size-adjust: none !important; -moz-text-size-adjust: none !important;   }}

#wrapper { width:100%; min-width:1200px; max-width:2000px; margin-right:0px; margin-left:0px; position:absolute; top:800px; z-index:500;}
@media only screen and (max-width:1366px) {#wrapper { width:100%; min-width:1200px; max-width:2000px; margin-right:0px; margin-left:0px; position:absolute; top:600px; z-index:500;}}
@media only screen and (max-width:1200px) {#wrapper { width:100%; min-width:860px; max-width:1200px; margin-right:0px; margin-left:0px; position:absolute; top:720px; z-index:500;}}
@media only screen and (max-width:860px) {#wrapper { width:860px; min-width:860px; max-width:860px; margin-right:0px; margin-left:0px; position:absolute; top:720px; z-index:500;}}
#wrapperhome { width:100%; min-width:1200px; max-width:2000px; margin-right:0px; margin-left:0px; position:absolute; top:800px; z-index:500;}
@media only screen and (max-width:1366px) {#wrapperhome { width:100%; min-width:1200px; max-width:2000px; margin-right:0px; margin-left:0px; position:absolute; top:600px; z-index:500;}}
@media only screen and (max-width:1200px) {#wrapperhome { width:100%; min-width:860px; max-width:1200px; margin-right:0px; margin-left:0px; position:absolute; top:980px; z-index:500;}}
@media only screen and (max-width:860px) {#wrapperhome { width:860px; min-width:860px; max-width:860px; margin-right:0px; margin-left:0px; position:absolute; top:900px; z-index:500;}}

a:link {text-decoration: none; color: #e3a45b; } a:visited {text-decoration: none; color: #e3a45b;} a:hover {text-decoration: none; color: #e3a45b;} a:active {text-decoration: none;color: #e3a45b;}

#bannerbild { width:100%; z-index:100; position:absolute; margin-left:0px; margin-top:0px; margin-right:0px;}
@media only screen and (max-width:1200px) {#bannerbild { width:100%; z-index:100; position:absolute; margin-left:0px; margin-top:0px; margin-right:0px;}}
@media only screen and (max-width:860px) {#bannerbild { width:860px; z-index:100; position:absolute; margin-left:0px; margin-top:0px; margin-right:0px;}}
#bannergrafik { width:100%; height:520px; z-index:200; position:absolute; margin-left:0px; top:410px; margin-right:0px; background-image:url(../bilder/naturbettenhaus-ziegler-herbrechtingen-bg-hdh.png); background-repeat:no-repeat; background-position:center; background-position:top; }
@media only screen and (max-width:1366px) {#bannergrafik { width:100%; height:430px; z-index:200; position:absolute; margin-left:0px; top:220px; margin-right:0px; background-image:url(../bilder/naturbettenhaus-ziegler-herbrechtingen-bg-hdh.png); background-repeat:no-repeat; background-position:center; background-position:top; }}
@media only screen and (max-width:1200px) {#bannergrafik { width:100%; height:460px; z-index:200; position:absolute; margin-left:0px; top:280px; margin-right:0px; background-image: none;}}
@media only screen and (max-width:860px) {#bannergrafik { width:860px; height:460px; z-index:200; position:absolute; margin-left:0px; top:280px; margin-right:0px; background-image: none;}}
#bannergrafikhome { width:100%; height:520px; z-index:200; position:absolute; margin-left:0px; top:410px; margin-right:0px; background-image:url(../bilder/naturbettenhaus-ziegler-herbrechtingen-bg-hdh.png); background-repeat:no-repeat; background-position:center; background-position:top; }
@media only screen and (max-width:1366px) {#bannergrafikhome { width:100%; height:430px; z-index:200; position:absolute; margin-left:0px; top:220px; margin-right:0px; background-image:url(../bilder/naturbettenhaus-ziegler-herbrechtingen-bg-hdh.png); background-repeat:no-repeat; background-position:center; background-position:top; }}
@media only screen and (max-width:1200px) {#bannergrafikhome { width:100%; height:800px; z-index:200; position:absolute; margin-left:0px; top:280px; margin-right:0px; background-image: none;}}
@media only screen and (max-width:860px) {#bannergrafikhome { width:860px; height:900px; z-index:200; position:absolute; margin-left:0px; top:280px; margin-right:0px; background-image: none;}}
#grafik { width:1200px; height:460px; margin-left:auto; margin-right:auto; background-image:url(../bilder/naturbettenhaus-ziegler-herbrechtingen-hdh.png); background-repeat:no-repeat; background-position:center;  background-position:top;}
@media only screen and (max-width:1366px) {#grafik { width:1200px; height:460px; margin-left:auto; margin-right:auto; background-image:url(../bilder/naturbettenhaus-ziegler-herbrechtingen-hdh.png); background-repeat:no-repeat; background-position:center;  background-position:top;}}
@media only screen and (max-width:1200px) {#grafik { width:100%; height:520px; margin-left:0px; margin-right:0px; background-image:url(../bilder/naturbettenhaus-ziegler-herbrechtingen.png); background-repeat:no-repeat; background-position:center;  background-position:top;}}
@media only screen and (max-width:860px) {#grafik { width:860px; height:520px; margin-left:0px; margin-right:0px; background-image:url(../bilder/naturbettenhaus-ziegler-herbrechtingen.png); background-repeat:no-repeat; background-position:center;  background-position:top;}}
#grafikhome { width:1200px; height:460px; margin-left:auto; margin-right:auto; background-image:url(../bilder/naturbettenhaus-ziegler-herbrechtingen-hdh.png); background-repeat:no-repeat; background-position:center;  background-position:top;}
@media only screen and (max-width:1366px) {#grafikhome { width:1200px; height:460px; margin-left:auto; margin-right:auto; background-image:url(../bilder/naturbettenhaus-ziegler-herbrechtingen-hdh.png); background-repeat:no-repeat; background-position:center;  background-position:top;}}
@media only screen and (max-width:1200px) {#grafikhome { width:100%; height:800px; margin-left:0px; margin-right:0px; background-image:url(../bilder/naturbettenhaus-ziegler-herbrechtingen.png); background-repeat:no-repeat; background-position:center;  background-position:top;}}
@media only screen and (max-width:860px) {#grafikhome { width:860px; height:900px; margin-left:0px; margin-right:0px; background-image:url(../bilder/naturbettenhaus-ziegler-herbrechtingen.png); background-repeat:no-repeat; background-position:center;  background-position:top;}}

#logo { width:430px; float:right; margin-right:110px; margin-top:140px;}
@media only screen and (max-width:1200px) {#logo { width:700px; float:right; margin-right:10px; margin-top:150px;}}
@media only screen and (max-width:860px) {#logo { width:700px; float:right; margin-right:10px; margin-top:150px;}}

#link-produkte { width:200px; float:left; margin-left:70px; margin-top:200px; text-align:left; padding-top:0px; box-shadow: 0px 0px 5px #cda06b;}
@media only screen and (max-width:1200px) {#link-produkte { visibility:hidden; display:none;}}
@media only screen and (max-width:860px) {#link-produkte { visibility:hidden; display:none;}}

#gesundschlafen { width:370px; float:left; margin-left:70px; margin-top:190px; text-align:left; padding-top:0px; background-color:transparent;}
@media only screen and (max-width:1200px) {#gesundschlafen { width:600px; float:left; margin-left:20px; margin-top:100px; text-align:left; padding-top:10px; background-color:transparent;}}
@media only screen and (max-width:860px) {#gesundschlafen { width:460px; float:left; margin-left:20px; margin-top:100px; text-align:left; padding-top:10px; background-color:transparent;}}

#content { width:1070px; margin-right:auto; margin-left:auto; background-color:#FFF; padding-left:5px; padding-right:5px; margin-top:10px; }
@media only screen and (max-width:1200px) {#content { width:94%; margin-right:0px; margin-left:0px; padding-left:3%; padding-right:3%; background-color:#FFF; padding-top:80px;}}
@media only screen and (max-width:860px) {#content { width:800px; margin-right:auto; margin-left:auto; padding-left:20px; padding-right:20px; background-color:#FFF;  padding-top:80px;}}


#naturprodukt { width:100%; margin-top:30px; box-shadow: 0px 0px 5px #999999;}
#produktbild { width:50%; float:left;}
@media only screen and (max-width:1200px) {#produktbild { width:100%; float:left;}}
#preis { width:80%; float:left; padding-left:10%; padding-right:10px; }
@media only screen and (max-width:1200px) {#preis { width:94%; float:left; padding-left:3%; padding-left:3%; }}
.preis { font-family: "Times New Roman", Times, serif; font-size: 28px; color: #e3a45b; text-align:left; line-height:1.0;}
@media only screen and (max-width:1200px) {.preis { font-family: "Times New Roman", Times, serif; font-size: 46px; color: #e3a45b; text-align:left;}}
#beschreibung { width:44%; float:right; padding-left:3%; padding-right:3%}
@media only screen and (max-width:1200px) {#beschreibung { width:93%; float:left; padding-left:3%; padding-right:3%;}}
#produkttitel { width:44%; float:right; padding-left:3%; padding-right:3%; padding-top:40px;}
@media only screen and (max-width:1200px) {#produkttitel { width:93%; float:left; padding-left:3%; padding-right:3%; padding-top:40px;}}
#icon { width:100%; padding-top:5px; padding-bottom:5px; }

#qualitaetsinfo { width:100%; float:left;}
#siegelbild { width:10%; float:left; }
#siegeltext { width:70%; float:left; padding-left:5%; padding-top:20px; }
@media only screen and (max-width:1200px) {#siegelbild { width:15%; float:left; }
#siegeltext { width:80%; float:left; padding-left:5%; padding-top:0px;}}

#bildbuttons { width:1080px; margin-right:auto; margin-left:auto; background-color:#FFF; margin-top:30px;}
@media only screen and (max-width:1200px) {#bildbuttons { width:100%; margin-right:0px; margin-left:0px; background-color:#FFF;}}
@media only screen and (max-width:860px) {#bildbuttons { width:840px; margin-right:10px; margin-left:10px; background-color:#FFF;}}
#bildbutton { width:30%; margin-right:1%; margin-left:1%; box-shadow: 0px 0px 5px #CCC; float:left; margin-bottom:20px; background-image:url(../bilder/pics/bgcolor.jpg); background-repeat:repeat; }
@media only screen and (max-width:1200px) {#bildbutton { width:31%; margin-right:1%; margin-left:1%; box-shadow: 0px 0px 5px #CCC; float:left; margin-bottom:20px; background-image:url(../bilder/pics/bgcolor.jpg); background-repeat:repeat; }}
@media only screen and (max-width:1080px) {#bildbutton { width:48%; margin-right:1%; margin-left:1%; box-shadow: 0px 0px 5px #CCC; float:left; margin-bottom:20px; background-image:url(../bilder/pics/bgcolor.jpg); background-repeat:repeat; }}
#bildbutton2 { width:30%; margin-right:33%; margin-left:33%; box-shadow: 0px 0px 5px #CCC; margin-bottom:20px; background-image:url(../bilder/pics/bgcolor.jpg); background-repeat:repeat; float: left; }
@media only screen and (max-width:1200px) {#bildbutton2 { width:31%; margin-right:34%; margin-left:34%; box-shadow: 0px 0px 5px #CCC; float:left; margin-bottom:20px; background-image:url(../bilder/pics/bgcolor.jpg); background-repeat:repeat; }}
@media only screen and (max-width:1080px) {#bildbutton2 { width:48%; margin-right:1%; margin-left:1%; box-shadow: 0px 0px 5px #CCC; float:left; margin-bottom:20px; background-image:url(../bilder/pics/bgcolor.jpg); background-repeat:repeat; }}
#bildbuttonpic { margin-right:0px; margin-left:0px; }

#top-navigation-bg { width:100%; height:80px; background-color: #FFF; box-shadow: 0px 0px 5px #666666; position:absolute; z-index:600; top:0px; margin-top:0px; margin-left:0px; margin-right:0px;}
@media only screen and (max-width:1200px) {#top-navigation-bg { width:100%; height:120px; background-image: none; background-color:transparent; box-shadow: none; position:absolute; z-index:600; top:540px; margin-top:0px; margin-left:0px; margin-right:0px;}}
@media only screen and (max-width:860px) {#top-navigation-bg { width:860px; height:120px; background-image: none; background-color:transparent; box-shadow: none; position:absolute; z-index:600; top:540px; margin-top:0px; margin-left:0px; margin-right:0px;}}
#top-navigation { width:1080px; height:80px; background-color: #FFF; top:0px; margin-top:0px; margin-left: auto; margin-right: auto;}
@media only screen and (max-width:1200px) {#top-navigation { width:100%; height:120px; background-image: none; background-color:transparent; margin-left: 0px; margin-right: 0px;}}
@media only screen and (max-width:860px) {#top-navigation { width:860px; height:120px; background-image: none; background-color:transparent; margin-left: 0px; margin-right: 0px;}}

.navigation {margin-top:0px; height:100px; width:1080px; z-index:700; position:absolute; }
@media only screen and (max-width:1200px) {.navigation {margin-top:0px; height:120px; width:100%; margin-right:0px; margin-left:0px; padding-left:0px; z-index:700; background-image:url(../bilder/hg3.jpg); background-repeat:repeat-x; position:inherit;}}
@media only screen and (max-width:860px) {.navigation {margin-top:0px; height:120px; width:860px; margin-right:0px; margin-left:0px; padding-left:0px; z-index:700; background-image:url(../bilder/hg3.jpg); background-repeat:repeat-x; position:inherit;}}

nav.topmenu-1 { margin-top:0px; height: 70px; width:1080px;  padding-top:30px; padding-bottom:0px; text-align:left; margin-right:auto; margin-left:auto; }  
nav.topmenu-1 ul li a { color: #542f1f; text-decoration:none; display:inline-block; font-family:"Open Sans", sans-serif; font-weight:300; line-height:1.0; padding-top:4px; padding-bottom:4px; min-width:60px; text-align:center;float:left; padding-left:10px; padding-right:15px;  }
nav.topmenu-1 ul li { list-style: none; display:inline-block;  }
a.navigation-ziegler-link1 { color: #542f1f; font-size:20px; float:left; display:inline-block; margin-top:3px;  }
.navigation-ziegler-link1 { color: #542f1f; font-size:20px; float:left; display:inline-block;  }
a:hover.navigation-ziegler-link1 { color: #e6b475; }
a.link-al2 { color: #542f1f; font-size:20px; float:left; }
a:hover.link-al2 { color: #e6b475; }
#navi, #navi ul { list-style-type:none; margin-top:3px;  float:left; padding-left:0px; display:block;} 
#navi ul ul { list-style-type:none; margin-top:0px;  float:left;}

@media only screen and (max-width:1200px) {
nav.topmenu-1 { margin-top:0px; height: auto; max-height:0px; width:100%; margin-right:0px; margin-left:0px; overflow: hidden; transition: all 0.5s; padding-top:40px; padding-bottom:0px; background-color: transparent; float:left; }  
nav.topmenu-1 ul li a { color: #542f1f; text-decoration:none; display:block; font-family:"Open Sans", sans-serif; font-weight:300; line-height:1.0; padding-top:20px; padding-bottom:12px; padding-left:160px; width:700px; text-align:left; list-style-type: none; margin-left:auto; margin-right:auto; }
nav.topmenu-1 ul li { list-style-type: none; }
a.navigation-ziegler-link1 { color: #542f1f; font-size:46px; margin-top:0px;  }
a:hover.navigation-ziegler-link1 { color: #e6b475; }
a.link-al2 { color: #542f1f; font-size:36px;  }
a:hover.link-al2 { color: #e6b475; }
#navi, #navi ul { list-style-type:none; margin-top:10px;  float:left; padding-left:0px;} 
#navi ul ul { list-style-type:none; margin-top:0px;  float:left;} }

@media only screen and (max-width:860px) {
nav.topmenu-1 { margin-top:0px; height: auto; max-height:0px; width:860px; margin-right:0px; margin-left:0px; overflow: hidden; transition: all 0.5s; padding-top:40px; padding-bottom:0px; background-color: transparent; float:left; }  
nav.topmenu-1 ul li a { color: #542f1f; text-decoration:none; display:block; font-family:"Open Sans", sans-serif; font-weight:300; line-height:1.0; padding-top:20px; padding-bottom:12px; padding-left:160px; width:700px; text-align:left; list-style-type: none; margin-left:auto; margin-right:auto; }
nav.topmenu-1 ul li { list-style-type: none; }
a.navigation-ziegler-link1 { color: #542f1f; font-size:46px; margin-top:0px;  }
a:hover.navigation-ziegler-link1 { color: #e6b475; }
a.link-al2 { color: #542f1f; font-size:36px;  }
a:hover.link-al2 { color: #e6b475; }
#navi, #navi ul { list-style-type:none; margin-top:10px;  float:left; padding-left:0px;} 
#navi ul ul { list-style-type:none; margin-top:0px;  float:left;} }

label.menu {display: none; }
input#menu {display:none}

@media only screen and (max-width:1200px) {
	label.menu {display: block; background: #fff5d2; box-shadow: 0px 0px 7px silver; width: 120px; height: 120px; margin-left: 20px; border-radius: 1px; margin-top:0px; margin-bottom:0px: }
	input#menu {display:none}
	.line {margin-left:34px;  height: 5px; width: 48px;   background: #542f1f; border-radius: 2px;   display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line:nth-child(1) { margin-top: 36px; }
	.line:nth-child(2) { margin-top: 54px; }
	.line:nth-child(3) { margin-top: 72px; }
	#menu:checked + .menu .line:nth-child(1){   transform: translateY(18px) rotate(-45deg);}
	#menu:checked + .menu .line:nth-child(2){   opacity:0;}
	#menu:checked + .menu .line:nth-child(3){   transform: translateY(-18px) rotate(45deg);}
	#menu:checked + .menu  + nav.topmenu-1 {   max-height: 2000px; width:100%; background-color:#fff5d2; padding-bottom:100px; }
	
		.line1 {margin-left:300px;  height: 5px; width: 80px;   background: #FFFFFF; border-radius: 2px;   display: block;   transition: 0.5s;   transform-origin: center;}
.linie { height: 1px; width: 100%;   background: #fff; border-radius: 2px;   display: block;   transition: 0.5s;   transform-origin: center; }}

@media only screen and (max-width:860px) {
	label.menu {display: block; background: #fff5d2; box-shadow: 0px 0px 7px silver; width: 120px; height: 120px; margin-left: 20px; border-radius: 1px; margin-top:0px; margin-bottom:0px: }
	input#menu {display:none}
	.line {margin-left:34px;  height: 5px; width: 48px;   background: #542f1f; border-radius: 2px;   display: block;   transition: 0.5s;   transform-origin: center; position: absolute;  }
	.line:nth-child(1) { margin-top: 36px; }
	.line:nth-child(2) { margin-top: 54px; }
	.line:nth-child(3) { margin-top: 72px; }
	#menu:checked + .menu .line:nth-child(1){   transform: translateY(18px) rotate(-45deg);}
	#menu:checked + .menu .line:nth-child(2){   opacity:0;}
	#menu:checked + .menu .line:nth-child(3){   transform: translateY(-18px) rotate(45deg);}
	#menu:checked + .menu  + nav.topmenu-1 {   max-height: 2000px; width:860px; background-color:#fff5d2; padding-bottom:100px; }
	
		.line1 {margin-left:300px;  height: 5px; width: 80px;   background: #FFFFFF; border-radius: 2px;   display: block;   transition: 0.5s;   transform-origin: center;}
.linie { height: 1px; width: 100%;   background: #fff; border-radius: 2px;   display: block;   transition: 0.5s;   transform-origin: center; }}

input.produkte {display: none;}
nav.produkte {margin-top:32px; height: auto; max-height:0; width:auto; max-width:0; overflow: hidden; transition: all 0.2s; margin-left:0px; padding-left:0px; padding-top:22px; padding-bottom:10px; position:absolute; z-index:500; background-color: transparent; }
label.produkt { color: #542f1f; font-size:20px; font-family:"Open Sans", sans-serif; font-weight:300; line-height:1.0; float:left; padding-right:10px; padding-left:8px; margin-top:10px; padding-top:0px; padding-bottom:0px; }
a.produkt { color: #542f1f; font-size:20px; display:block; list-style-type: none; float:left; }
a:hover.produkt { color: #e6b475; }
label.produkt::before {content:""; background-image:url(../bilder/pics/open.png); background-repeat:no-repeat; padding-left:20px; }
input.produkt:checked ~ nav.produkte {display:block; list-style-type: none; max-height: 1500px; min-width:280px; background-color:#FFF; box-shadow: 0px 5px 5px #CCC; margin-left:154px; position:absolute; z-index:900; padding-left:20px; padding-right:20px;}
input.produkt:checked ~ label.produkt::before {content:""; background-image:url(../bilder/pics/close.png); background-repeat:no-repeat; padding-left:20px;}
a.navigation-ziegler-link2 { color: #542f1f; font-size:20px; line-height:1.0; margin-left:20px;  }
a:hover.navigation-ziegler-link2 { color: #e6b475; }
nav.produkte li a { list-style-type: none; display:block; list-style-type: none; float:left;}

@media only screen and (max-width:1200px) {
	input.produkte {display: none; }
nav.produkte {display:none; margin-top:0px; padding-top:0px;}
	label.produkt { color: #542f1f; text-decoration:none; display:block; font-family:"Open Sans", sans-serif; font-weight:300; line-height:1.0; margin-top:0px; padding-top:0px; padding-bottom:0px; padding-right:0px; padding-left:160px; width:700px; text-align:left; font-size:46px; }
	a.produkt { color: #542f1f; text-decoration:none; display:block; font-family:"Open Sans", sans-serif; font-weight:300; line-height:1.0; padding-top:20px; padding-bottom:0px; padding-left:160px; width:700px; text-align:left;font-size:46px;  }
	a:hover.produkt { color: #e6b475; }
label.produkt::before {content:""; background-image:url(../bilder/pics/open-m.png); background-repeat:no-repeat; padding-left:60px; }
input.produkt:checked ~ nav.produkte {display:inline; min-width:100%; max-width:100%; padding-bottom:20px; position:inherit; box-shadow: none; margin-left:0px; background-color:#fff5d2; float:left; }
input.produkt:checked ~ label.produkt::before {content:""; background-image:url(../bilder/pics/close-m.png); background-repeat:no-repeat; padding-left:60px;}
a.navigation-ziegler-link2 { color: #542f1f; font-size:46px; padding-left:0px; margin-left:0px; }
a:hover.navigation-ziegler-link2 { color: #e6b475; }
nav.produkte ul li { list-style-type: none; }
}

@media only screen and (max-width:860px) {
	input.produkte {display: none; }
nav.produkte {display:none; margin-top:0px; padding-top:0px;}
	label.produkt { color: #542f1f; text-decoration:none; display:block; font-family:"Open Sans", sans-serif; font-weight:300; line-height:1.0; margin-top:0px; padding-top:0px; padding-bottom:0px; padding-right:0px; padding-left:160px; width:700px; text-align:left; font-size:46px; }
	a.produkt { color: #542f1f; text-decoration:none; display:block; font-family:"Open Sans", sans-serif; font-weight:300; line-height:1.0; padding-top:20px; padding-bottom:0px; padding-left:160px; width:700px; text-align:left;font-size:46px;  }
	a:hover.produkt { color: #e6b475; }
label.produkt::before {content:""; background-image:url(../bilder/pics/open-m.png); background-repeat:no-repeat; padding-left:60px; }
input.produkt:checked ~ nav.produkte {display:inline; min-width:860px; max-width:860px; padding-bottom:20px; position:inherit; box-shadow: none; margin-left:0px; background-color:#fff5d2; float:left; }
input.produkt:checked ~ label.produkt::before {content:""; background-image:url(../bilder/pics/close-m.png); background-repeat:no-repeat; padding-left:60px;}
a.navigation-ziegler-link2 { color: #542f1f; font-size:46px; padding-left:0px; margin-left:0px; }
a:hover.navigation-ziegler-link2 { color: #e6b475; }
nav.produkte ul li { list-style-type: none; }
}





#footer {padding-top: 30px; padding-left: 0px; width:100%; margin-top:40px; margin-left:0px; margin-right:0px; background-image:url(../bilder/pics/naturbettenhaus-footer-bg.png); background-repeat: no-repeat; text-align:left; float:left; padding-bottom:40px; background-position:center; background-position:top; }
@media only screen and (max-width:1200px) {#footer {padding-top: 0px; padding-left: 0px; width:100%; margin-left:0px; margin-right:0px; background-image:url(../bilder/pics/bgcolor.jpg); background-repeat:repeat; text-align:left; float:left;padding-bottom:40px; background-position:left;}	}
@media only screen and (max-width:860px) {#footer {padding-top: 0px; padding-left: 0px; width:860px; margin-left:0px; margin-right:0px; background-image:url(../bilder/pics/bgcolor.jpg); background-repeat:repeat; text-align:left; float:left;padding-bottom:40px; background-position:left;}	}

#navigation-footer { min-height: 100px; width:1080px; margin-left:auto; margin-right:auto;  }
@media only screen and (max-width:1200px) {	#navigation-footer { min-height: 200px; width:100%; margin-left:0px; margin-right:0px; padding-left:0px; padding-top:10px;}  }
@media only screen and (max-width:860px) {	#navigation-footer { min-height: 200px; width:860px; margin-left:0px; margin-right:0px; padding-left:0px; padding-top:10px;}  }
a.button-footer { display: block; min-width: 60px; height: 20px; padding-top: 12px; padding-left: 0px; padding-right:30px; text-decoration: none; font-size: 18px; font-weight:300; color: #583b29; margin-bottom: 0px; font-family:"Open Sans", sans-serif; font-weight:300; line-height: 1.2; margin-bottom:0px; text-align:left; float:left;}
@media only screen and (max-width:1200px) {	a.button-footer { display: block; width: 100%; height: 70px; padding-top: 20px; padding-left: 0px; text-decoration: none; font-size: 46px; font-weight:300; color: #583b29; margin-bottom: 0px; font-family:"Open Sans", sans-serif; font-weight:300; line-height: 1.2; margin-bottom:0px; text-align:center; padding-right:0px;}  }
@media only screen and (max-width:860px) {	a.button-footer { display: block; width: 860px; height: 70px; padding-top: 20px; padding-left: 0px; text-decoration: none; font-size: 46px; font-weight:300; color: #583b29; margin-bottom: 0px; font-family:"Open Sans", sans-serif; font-weight:300; line-height: 1.2; margin-bottom:0px; text-align:center; padding-right:0px;}  }
a:hover.button-footer { color: #333333;}

#footer-label {width:1200px; margin-top:5px;  margin-left:auto; margin-right:auto;  }
@media only screen and (max-width:1200px) {#footer-label {width:100%; margin-top:5px;  margin-left:0px; margin-right:0px;  }	}
@media only screen and (max-width:860px) {#footer-label {width:860px; margin-top:5px;  margin-left:0px; margin-right:0px;  }	}
#label {width:19%; margin-top:10px; padding-right:1%; float: left;}
@media only screen and (max-width:1200px) {#label {width:19%; margin-top:20px; padding-right:1%; float: left; margin-bottom:20px;}	}
@media only screen and (max-width:8600px) {#label {width:18%; margin-top:20px; padding-right:0%; padding-left:1%; float: left; margin-bottom:20px;}	}
#copyrightwebsite {width:1080px; margin-top:5px;  margin-left:auto; margin-right:auto;  }
@media only screen and (max-width:1200px) {#copyrightwebsite {width:100%; margin-top:25px;  margin-left:0px; margin-right:0px;  }	}
@media only screen and (max-width:860px) {#copyrightwebsite {width:860px; margin-top:5px;  margin-left:0px; margin-right:0px;  }	}
.footer { font-family: 'Open Sans', sans-serif; margin-top:0px; font-size: 14px; color: #583b29; text-align:left; line-height: 1.5; font-weight:300; }
@media only screen and (max-width:1200px) {.footer { font-family: 'Open Sans', sans-serif; margin-top:0px; font-size: 28px; color: #583b29; text-align:left; line-height: 1.5; font-weight:300; }	}