/* MachHTML ANFANG */
/* Shopdesign (C) Copyright 2020 MachHTML - www.machhtml.de - Dieser Hinweis darf nicht entfernt werden. Alle Rechte vorbehalten. Dieser Hinweis darf nicht entfernt werden. Das Kopieren im Ganzen oder in Teilen ohne unsere vorherige ausdrückliche schriftliche Zustimmung ist untersagt. */
body, div, p, ul, li, span, td { font-size:1em; line-height:normal; }
body * { font-size:inherit; line-height:inherit; }
#bg-mh { margin:0; padding:2em 0.5em; text-align:center; font-family:'Times New Roman',serif; font-size:100%; color:#333; background:#fff; min-height:1000px; }
.b1-mh, .b2-mh { text-align:center; margin:0; padding:0; }
.b1-mh img, .b2-mh img { margin:0 auto; border:0; }
.b1-mh { background:#333; }
.b2-mh { background:#f4f4f4; }
#vorlage-mh { position:relative; margin:0 auto; padding:0; text-align:left; word-wrap:break-word; background:#fff; }
.clear-mh { clear:both; height:0; line-height:0; margin:0; padding:0; }
#vorlage-mh h1 { margin:50px 0 5px; padding:5px 0; font-family:'Times New Roman',serif; font-size:28px; color:#333; font-weight:bold; line-height:1.5; text-align:left; }
#vorlage-mh h3 { margin:5px 0; padding:5px 0; font-family:'Times New Roman',serif; font-size:28px; color:#333; font-weight:bold; line-height:1.5; text-align:center; }
#vorlage-mh p { font-family:'Times New Roman',serif; font-size:22px; color:#333; margin:0; padding:0 0 15px; text-align:left; }
#vorlage-mh li { font-family:'Times New Roman',serif; font-size:22px; color:#333; text-align:left; }
#vorlage-mh span { font-family:'Times New Roman',serif; font-size:22px; color:#333; }
.inhalt-mh { position:relative; margin:0 auto; padding:0; }
.kurz-mh { margin:0; padding:0 0 60px; text-align:left; }
.kurz-mh p { text-align:left; }
.beschreibung-mh { margin:0; padding:10px 20px 5px; }
.o-mh { position:relative; margin:0; padding:0; }
.oi-mh { margin:0; padding:10px 10px 0; }
.o-mh img { position:relative; width:100%; max-width:970px; height:auto; display:block; }
.box1-mh, .box2-mh, .box4-mh { display:flex; margin:0 0 20px; padding:0; align-items:center; justify-content:center; }
.box1-mh, .box4-mh { flex-direction:row; }
.box4-mh { align-items:flex-start; flex-grow:1; }
.box2-mh { flex-direction:row-reverse; }
.box1-i-mh, .box2-i-mh { margin:0; padding:10px; }
.box3-mh { margin:0 0 20px; padding:0; }
.box3-i-mh { margin:0; padding:10px; }
.box1-mh img { position:relative; width:100%; max-width:460px; height:auto; margin:0 20px 10px 0; }
.box2-mh img { position:relative; width:100%; max-width:460px; height:auto; margin:0 0 10px 20px; }
.txt-mh { width:48%; margin:0 auto; padding:0; text-align:center; }
.boxtxt-mh { width:50%; margin:0; padding:0 20px; text-align:left; }
#vorlage-mh .txt-mh p { margin:0 auto; text-align:center; }
.boxtitel-mh { margin:0 0 20px; padding:5px 15px; font-family:'Times New Roman',serif; font-size:22px; color:#fff; font-weight:bold; line-height:1.5; text-align:left; background:#323232; }
.box3-mh ul { width:28%; float:left; margin-top:2px; padding-top:2px; }
#vorlage-mh .box3-mh li { font-family:'Times New Roman',serif; color:#333; list-style-type:square; }
.linie-mh { border-bottom:2px solid #8d8a88; margin:0; padding:0; }
.copy-mh { font-family:'Times New Roman',serif; font-size:1.0em; color:#8d8a88; margin:5px 0 15px; padding:0; text-align:left; }
.banner1-h24 { display:block; margin:0 0 10px; }
.banner2-h24 { display:block; margin:0 0 10px; }
#vorlage-mh {  }
#gal-mh .clear-mh { clear:both; }
#gal-mh .sliderElements, #gal-mh .sliderElements div, #gal-mh .sliderControls { margin:0; padding:0; }
#gal-mh { position:relative; width:100%; max-width:500px; overflow:hidden; border:1px solid #ddd; margin:20px; padding:0; }
#gal-mh .sliderElements { list-style:none; position:relative; left:0; width:800%; margin:0; padding:0; -webkit-transition:left .8s ease-in-out; -moz-transition:left .8s ease-in-out; -o-transition:left .8s ease-in-out; transition:left .8s ease-in-out; overflow:hidden; }
#gal-mh .sliderElements li { float:left !important; width:12.5% !important; clear:none !important; position:relative; width:auto; float:none; clear:both; }
#gal-mh #bild02:checked ~ .sliderElements { left:-100%; }
#gal-mh #bild03:checked ~ .sliderElements { left:-200%; }
#gal-mh #bild04:checked ~ .sliderElements { left:-300%; }
#gal-mh #bild05:checked ~ .sliderElements { left:-400%; }
#gal-mh #bild06:checked ~ .sliderElements { left:-500%; }
#gal-mh #bild07:checked ~ .sliderElements { left:-600%; }
#gal-mh #bild08:checked ~ .sliderElements { left:-700%; }
#gal-mh input { position:absolute; left:-99999px; }
#gal-mh .sliderControls { display:flex; text-align:center; justify-content:center; flex-wrap:wrap; align-items:flex-start; flex-grow:1; }
#gal-mh .sliderControls div { max-width:110px; min-width:110px; padding:0; text-align:center; }
#gal-mh .sliderControls label { max-width:110px; max-height:110px; line-height:110px; text-align:center; vertical-align:middle; display:block; cursor:pointer; margin:10px; }
#gal-mh .sliderControls label { border:1px solid #d2b48c; }
#gal-mh .sliderControls div:hover label { border:1px solid #000; }
#gal-mh #bild01:checked ~ .sliderControls .li_bild01 label { border:1px solid #806040; }
#gal-mh #bild02:checked ~ .sliderControls .li_bild02 label { border:1px solid #806040; }
#gal-mh #bild03:checked ~ .sliderControls .li_bild03 label { border:1px solid #806040; }
#gal-mh #bild04:checked ~ .sliderControls .li_bild04 label { border:1px solid #806040; }
#gal-mh #bild05:checked ~ .sliderControls .li_bild05 label { border:1px solid #806040; }
#gal-mh #bild06:checked ~ .sliderControls .li_bild06 label { border:1px solid #806040; }
#gal-mh #bild07:checked ~ .sliderControls .li_bild07 label { border:1px solid #806040; }
#gal-mh #bild08:checked ~ .sliderControls .li_bild08 label { border:1px solid #806040; }
#gal-mh .sliderElements img { width:100% !important; width:auto; height:auto; max-width:500px; max-height:500px; vertical-align:bottom; }
#gal-mh .sliderControls img { width:100% !important; width:auto; height:auto; display:block; }
.nav-mh { margin:0 auto; padding:15px 0px; width:100%; }
.nav-mh ul { margin:0; padding:0 10px; display:flex; flex-direction:row; border:1px inset #666; background-image: linear-gradient(to top,#666,#999); border-radius:8px; }
.nav-mh li { margin:0; padding:0; list-style-type:none; }
.nav-mh a:link { display:block; font-family:'Arial',sans-serif; font-size:14px; line-height:1.5; font-weight:bold; color:#fff; margin:0; padding:10px 15px; text-decoration:none; }
.nav-mh a:active { display:block; font-family:'Arial',sans-serif; font-size:14px; line-height:1.5; font-weight:bold; color:#fff; margin:0; padding:10px 15px; text-decoration:none; }
.nav-mh a:visited { display:block; font-family:'Arial',sans-serif; font-size:14px; line-height:1.5; font-weight:bold; color:#fff; margin:0; padding:10px 15px; text-decoration:none; }
.nav-mh a:hover { display:block; font-family:'Arial',sans-serif; font-size:14px; line-height:1.5; font-weight:bold; color:#fff; margin:0; padding:10px 15px; text-decoration:none; background-image: linear-gradient(to top,#444,#888); }
.video-mh { text-align:center; }
@media (min-width:1025px) {
  #vorlage-mh {  }
}
@media (max-width:1024px) {
  #vorlage-mh { width:100%; }
  .box1-mh img {  }
  #vorlage-mh p, #vorlage-mh li, #vorlage-mh span { font-size:22px; }
}
@media (max-width:768px) {
  #vorlage-mh { width:100%; }
  .box1-mh, .box2-mh { display:block; }
  .box1-mh img, .box2-mh img { max-width:100%; margin:0 auto; }
  .txt-mh { width:auto; display:block; padding:20px 0; }
  .box3-mh ul { width:auto; float:none; display:block; clear:both; }
  .box1-mh, .box2-mh, .box4-mh { display:block; }
  .boxtxt-mh { width:100%; padding:0; }
  #gal-mh { margin:10px auto; }
}
@media (max-width:600px) {
  #gal-mh { max-width:100%; }
  .video-mh video { width:100%; height:auto; }
}
@media (max-width:480px) {
  #vorlage-mh h1 { font-size:22px; }
  #gal-mh .sliderControls div { max-width:80px; min-width:80px; padding:0; }
  #gal-mh .sliderControls label { max-width:80px; max-height:80px; line-height:80px; margin:5px; }
}
/* MachHTML ENDE */