html, body {
margin: 0 0 0 0;
padding: 0;
text-align: center;
background: #fff;
width: 100%; float: left;
height: 100%;
}

#wrap {float: left; width: 100%; margin: 0; padding: 0; position: relative; min-height: 100%; min-width: 960px; overflow: hidden;  }
#wrap2 {float: left; width: 100%; margin: 0; padding:0; background: #fff; min-width: 960px; z-index: 10;}

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

header {
max-width: 1260px; width: 100%;
margin: 0 auto;  padding: 0;
position: relative;
text-align: center;
z-index:11;
}


.zc {
    width: 100%; margin: 0 auto; max-width: 1260px; text-align: left;
}


#logocontainer {
display:inline-block;
margin:20px 2% 30px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s; text-align: center;
font-weight: 400; font-size: 50px;
}
#logocontainer a {
     color: #000;
}

#navcontainer {
float: right;
margin: 0;
padding: 0;
width: 100%;  position: relative;
border-bottom: 1px solid #505050;
background: #fff; z-index: 10;
}

#bilder {float: left; width: 100%; position: relative; margin:0;
background-color: #fff;  background-position: center center;
text-align: left; background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover; text-align: center;
z-index: 5;
}

#bilder > img {
    width: 100%; height: auto; float: left;
}

#footbild {
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
text-align: center; background-position: center center;background-repeat: no-repeat;
background-attachment: fixed;
}



@media only screen and (min-width: 960px)
{
#wrap2.fixiert { height: auto; margin-bottom: 30px;}
.fixiert #navcontainer {margin: 0; position: fixed; top: 0; left: 0; z-index: 10;}
#bilder {margin: 0;}

}

.animationsinfos {position: absolute; bottom: -25px; left: 0; margin: 0; width: 60%; height: 100px; overflow: hidden; }


#content {
width: 100%;
text-align: left;
padding: 0;
min-height: 400px;
float: left; position: relative;   background: #fff
}
.contentelement {float: left; width: 100%; padding: 0; margin: 0;}

#content_2 { float: left; width: 100%; padding:0; background: #fff; border-top: 1px solid #ccc;}

#pfadnav {
float: left; width: 100%;
padding: 15px 0 20px;
text-align: left;
font-size: 0.9em; text-align: left;
}
#pfadnav a {
    color: #575756;
}


#inhalt {
margin: 0 auto;
width: 100%;
max-width: 1260px;
padding: 0;
margin-bottom: 20px;
position: relative;
}

#textfeld {
float: right;
padding: 0 3%;
margin: 0 0 40px 0;
width: 94%;
min-height: 400px;
}
.artikelansicht #textfeld {
    width: 94%;
}

aside {
  display: none;  float: left; width: 20%; padding: 0 2%; border-right: 1px solid #F3F3F3; box-sizing: border-box; margin: 10px 0; min-height:300px;
}

#footinhalt {float: left; width: 100%; margin: 0; padding: 0; background: #E6E7E8; }
#aktheadline {background: #fff; padding: 10px 0; margin: 0; float: left; width: 100%;}
#footinhalt h1 { margin: 0 auto; width: 1100px; }
#footinhalt div#aktuelles {margin: 0 auto; width: 1160px; padding: 20px 0; }
#aktcontainer {float: left; width: 100%;}

footer {
float: left;
width: 100%;
padding: 30px 0 50px;
position: relative;
min-width: 960px;
background: radial-gradient(circle at 18% 20%, rgba(243,212,138,.10) 0%, rgba(255,255,255,0) 45%), radial-gradient(circle at 24% 36%, rgba(201,154,59,.14) 0%, rgba(255,255,255,0) 50%), radial-gradient(circle at 78% 22%, rgba(122,164,255,.14) 0%, rgba(255,255,255,0) 55%);
text-align: left;
}
#footcontent {max-width: 1260px; margin: 0 auto; width: 100%;}
.footcontainer {
    float: left; width: 60.66%; margin: 10px 3%;
}

 p.copy {
     float: left; width: 100%; text-align: center; margin: 0; padding: 20px 0; font-size: 0.9em;
 }

#adresse {float: left; width: 21%;padding: 10px 2%; margin: 0 0 10px 0; }
address {
    font-style: normal;
}

.fc {
    float: left; width: 100%;
}
.fc p {
    float: left; width: 94%; padding: 10px 3%;
}

.teaserbox_r p {margin: 5px 0; color: #fff; font-size: 100%;}

ul.sitemap {
    float: left;
}

ul.sitemap li {
margin: 5px 0 10px;
list-style-image: url('images/pfeilr2.png');
font-weight: normal;
font-size: 1.3em;
}


ul.sitemap_unterpunkt {
list-style-type: square;
}

ul.sitemap_unterpunkt li {
margin: 5px 0;
list-style-image: none;
font-weight: 300;
font-size: 0.8em;
}

.bildrahmen {
padding: 5px 5px 4px 5px;
text-align: center;
font-size: 0.9em;
color: #000;
position: relative;max-width: 45%;
}

.bildrahmen img { width: 100%; box-sizing: border-box; }

.floatrechts {
margin: 0 0 10px 10px;
float: right;
}

.floatlinks {
margin: 0 10px 10px 0;
float: left;
}

.galerie {
float: left;
margin: 10px 0 10px -1%;
width: 102%;
}

.galerie dl {
float: left;
height: 200px;
margin: 2px 1% 2px;
font-size: 11px;
text-align: center;
background: #fff;
width: 23%;
}

.galerie dd {
margin: 0;
padding: 0;
}


img.gal {
padding: 0;
}


.kontaktformular {
width: 100%; padding:0; max-width: 500px;
}
.formfeld {
    float: left; width: 100%; margin: 1px 0;
}

.kontaktformular p {
width: 100%;
float: left;
}

legend {
display: none;
}
fieldset {border: none;}

.kontaktformular label {
float: left;
width: 30%;
margin: 3px 0;
font-size: 100%;
}

.kontaktformular input {
float: left;
width: 70%;
box-sizing: border-box;
padding: 5px;
}

.kontaktformular select {
float: left;
width: 70%;;
margin: 1px 0;
font-weight: bold;
padding: 4px;
}

div.formclear {
float: left;
width: 100%;
}

input#Ort, input#re_ort, input#rb_ort {
width: 49%;
margin-left:1%;
}
input#PLZ, input#re_plz, input#rb_plz {
width: 20%;
}
input#captcha {
width: 130px;
}

.kontaktformular textarea {
width: 100%;
max-width: 500px;
height: 90px;
margin-bottom: 10px;
box-sizing: border-box;
padding: 5px;
}


div.formfehler {
width: 70%;
float: right;
color: #f00;
text-align: center;
font-size: 0.9em;
}

input.fehlerfeld {
background: #fcc;
border: 1px solid #f00;
}

form {
margin: 0;
}

input.button {
background: #000000;
color: #fff;
padding: 10px 20px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance:none;
appearance:none; font-family: 'Oswald', sans-serif;
border: 0;
}



a.backlink:link, a.backlink:visited, a.pfeillink:link, a.pfeillink:visited {
display: inline-block;
text-decoration: none;
color: #fff; background: #505050; padding: 5px 20px 5px 40px; text-transform: uppercase;
margin: 10px 0; position: relative; border-radius: 30px;
}

a.backlink:before {
  display: inline-block; padding: 0 10px;
  font-family: 'fontello'; position: absolute; top: 6px; left: 0;
  text-decoration: none;
  speak: none; font-size:1.5em;
  content: "\e80b";
}


a.weiterlink:link, a.weiterlink:visited  {
display: inline-block;
text-decoration: none;
color: #fff; background: #505050; padding: 10px 20px;
margin: 10px 0 0; border-radius: 30px;
font-weight: bold;
}

a.backlink:hover, a.pfeillink:hover {
text-decoration: none; background: #4a4a49;
}

a.weiterlink:hover {
color: #fff; background: #4a4a49;
text-decoration: none;
}

ul.liste {
list-style-type: none;
}
ul.liste li {
font-weight: bold;
font-size: 100%;
padding-left: 20px;
background: url('images/pfeilr2.gif') 0 6px no-repeat;
margin-bottom: 10px;
}


ul.nliste {
list-style-type: none;
}
ul.nliste li {
font-size: 85%;
padding-left: 20px;
background: url('images/pfeilr2.gif') 0 6px no-repeat;
margin-bottom: 10px;
}



p.captchafehler {
border: 1px solid #c00;
color: #f00;
margin: 10px 0;
padding: 10px;
background: #ffc;
}

.meldung { color: red }

#werbeportal {float: left; margin: 10px 0; width: 100%; text-align: center; font-size: 0.9em; }

img { max-width: 100%; height: auto;}
iframe { max-width: 100%; }

.balken {background: #F3F3F3; margin: 50px 0; padding: 40px 0 40px; position: relative; }
.balken::after {
    background: #F3F3F3;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    z-index: 1;
}

.balken::before {
    background:#F3F3F3;
    content: "";
    display: block;
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}

/*Shop-------------------------------------*/

#hpz {
    float: right; background: #505050; color: #fff; font-size: 2.0em; padding: 5px 10px; font-family: 'Oswald', sans-serif; margin: 0 3%;  max-width:90px;
}
#hpz a, #hpz img { display: block; float: left; width: 100%; margin: 0; padding: 0;}

#wkvorschau {
    float: right; width: 180px; margin: 0 20px 20px;
    position: fixed; bottom: 0; right:0; background: #fff;
    padding: 20px; z-index: 1000; box-shadow: 0 26px 70px rgba(18,22,35,.10); border-radius: 20px;
    font-size: 0.9em;
}

#wkvorschau h3 {
    font-size: 1.0em; margin: 5px 0;
}
#wkvorschau p {
    margin: 5px 0;
}
#wkvorschau:before {
display: block; float: right; padding: 0 0 0 10px;
  font-family: 'fontello';
  text-decoration: none;
  speak: none; font-size:2.5em; margin-top: -15px;
  content: "\e801"; color: #505050;
}
#navcontainer div.zc { position: relative; }

#sfnav {
    position: absolute; top: 0; right: 2%;
}
#sfnav a {
    float: left; display: block; font-family: fontello; font-size: 1.8em; padding: 8px; color: #505050;
}
#sfnav a:hover {
    color: #505050;
}
#sfnav a.aktiv {
    color: #505050;
}

#klogin {
    position: absolute; top: 50px; right: 2%; z-index: 200; width: 280px; background: #fff; background: rgba(255,255,255,0.8); padding: 10px;
    box-shadow: 0px 0px 3px 0px #333; -moz-box-shadow: 0px 0px 3px 0px #333; -webkit-box-shadow: 0px 0px 3px 0px #333;
}
#klogin input {
    width: 100%; margin: 2px 0; font-family: 'Oswald', sans-serif;
}

#ssuche {
    position: absolute; top: 50px; right: 2%; z-index: 200; width: 280px; background: #fff; background: rgba(255,255,255,0.8); padding: 10px;
    box-shadow: 0px 0px 3px 0px #333; -moz-box-shadow: 0px 0px 3px 0px #333; -webkit-box-shadow: 0px 0px 3px 0px #333;
}
#ssuche input {
 float: left; width: 70%; height: 40px; font-family: 'Oswald', sans-serif;
}
#ssuche input[type=submit] {
     width: 30%; padding: 6px;
}


.anzeigeauswahl {
    float: left; width: 94%; background: #F3F3F3; position: relative; padding: 0 3%;}
.anzeigeauswahl::after {
    background: #F3F3F3;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    z-index: 1;
}

.anzeigeauswahl::before {
    background: #F3F3F3;
    content: "";
    display: block;
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.anzeigeauswahl form {
    float: right; margin: 0; padding: 0;
}

.anzeigeauswahl select {
    border: 0; background: #F3F3F3; padding: 10px; font-size: 1.1em;
}
.anzeigeauswahl span {
    padding: 0 10px 0 0; float: left;
}

.textfeld_shop {
    float: left; width: 100%;
}
.teaserbox_shop {
    float: left; width: 31.33%; margin: 20px 1%;
}
.teaserbox_shop h3 {
    font-size: 1.0em;
    text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden; text-align: center;
}

.teaserbox_shop h3 a {
    color: #505050;;
}

p.teaserpreis {
    background: #F3F3F3; color: #505050; text-align: center; font-weight: 400; padding: 5px 0;
}
.teaserpreis span.tpreis {
    font-size: 1.1em;
}
.anzeigelink {
    display: none;
}

.bildrahmen_shop {
    width: 66.66%;  margin: 0; text-align: center;
}
.bildrahmen_shop div.galerie a {
    display: inline-block; width: 14.2%; padding: 10px 0; border: 2px solid #fff; box-sizing: border-box;
}
.bildrahmen_shop div.galerie a:hover {

}

.bildrahmen_shop div.galerie img {
   max-height: 120px;
}

.produktdaten {
    float: left; width: 94%; background: #fff; padding: 20px 3%; margin-bottom: 30px; display: flex; justify-content: center;background: linear-gradient(180deg, rgba(255,255,255,.96), rgba(246,248,252,.96));
}
.produktdaten .tbi {
    width: 350px; max-width: 100%;
}

.preisbox {
    float: left; width: 100%; margin: 0 0 10px 0;
}
#bruttoartikelpreis {
    float: left; width: 100%; display: inline-block; font-size: 2.8em; margin: 5px 0; font-weight: 400;
}

.uvp {
   text-decoration: line-through; display: inline-block; margin: 0 10px;
}
.sonderpreis {
    color: red;
}

.produktdaten form.wkform {
    float: left; width: 100%; margin: 0; padding: 0;
}
.produktdaten form.wkform .wkformelement { float: left; width: 100%; margin: 2px 0; }
.produktdaten form.wkform label {
    float: left; padding: 5px;
}
.produktdaten form.wkform input {
    box-sizing: border-box;
}
.produktdaten form.wkform input.button {
    border: 0;
}

.produktinfo {
    float: left; width: 100%;
}

.produktinfo h2 { float: left; width: 100%; padding: 15px 0; background: #bebeb8;color: #fff; font-weight: bold; font-size: 1.4em; position: relative; }
.produktinfo h2::after {
    background: #bebeb8;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -100%;
    top: 0;
    width: 100%;
    z-index: 1;
}

.produktinfo h2::before {
    background: #bebeb8;
    content: "";
    display: block;
    height: 100%;
    left: -100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
}
.produktinfo table {
    border-collapse: collapse;
}

#bestellung_s1 h4 {
    float: left; width:92%; padding: 10px 3% 10px 5%; font-weight: normal; background: #bebeb8; color: #fff; margin: 10px 0; cursor: pointer;position: relative;
}
#bestellung_s1 h4:before {
  position: absolute; top: 7px; left:2%;
  text-decoration: none;
  speak: none; font-size: 3.5em;
  content: "\2022";
  line-height:0.5em;
}
#kundenlogin,#passwortvergessen {
    float: left; width: 50%;
}
#bestellformfeld #kundenlogin {
    float: left; width: 100%;
}
#kundenformular {
    float: left; width: 100%;
}

.bestellformc {
    float: left; width: 50%;
}

#bestellformfeld table {
    border: 0; width: 100%;
}
#bestellformfeld table tr {  width: 100%; }
#bestellformfeld table tr td { padding: 0; }

#bestellformfeld table tr td:first-child {
width: 150px;
}

#bestellformfeld label {
    width: 150px; float: left; padding: 10px 0;
}
#bestellformfeld input {
    width: 280px; box-sizing: border-box;
}
#bestellformfeld textarea {
    width: 430px; box-sizing: border-box; height: 100px;
}
#bestellformfeld input#PLZ, #bestellformfeld input#LPLZ {
    width: 97px; margin-right: 3px;
}
#bestellformfeld input#Ort, #bestellformfeld input#Lort {
    width: 180px; margin: 0;
}
#bestellformfeld div.formfehler {width: 100%;float: left; text-align: left;}

input[type=submit] {
background: #0f172a;
color: #fff;
padding: 10px 20px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance:none;
appearance:none;  font-family: 'Open Sans', sans-serif;
border: 0; border-radius: 30px;
}
#bestellformfeld input[type=submit] {
    width: 200px; margin: 10px 0;
}


#zahlungsarten {
    float: left; width: 100%;
}
#versandarten {
    float: left; width: 100%; margin: 0 0 20px;
}
.zahlungsartc {
    float: left; width: 100%; border-bottom: 1px solid #ccc; margin: 10px 0; padding: 10px 0; position: relative;
}
.zahlungsartc.aktiv {  background: #E8E8E8; }
.zahlungsartc input { float: left; margin: 5px 10px;}
.zahlungsartc label {
    float: left; width:auto;
}

#lsdatenfeld {
    float: left; width: 94%; padding: 0 3%;
}

#lsdatenfeld label {
    float: left; width: 120px; padding: 5px 0;
}
#lsdatenfeld input {
    width: 200px; margin: 0;
}

#bestellung_s3 { float: left; width: 100%; }

#zfrechadr {float: left; width: 30.33%; height: 280px; margin:5px 2% 5px 0; box-sizing: border-box; border: 1px solid #bebeb8; }

#zflieferadr { float: left; width: 30.33%; margin:5px 2.5%;  height: 280px; box-sizing: border-box; border: 1px solid #bebeb8; }

#zfzahlung {float: left; width: 30.33%; height:280px; margin:5px 0 5px 2%;box-sizing: border-box; border: 1px solid #bebeb8; }

.zfdatencontainer p {padding: 0 5%;}
.zfdatencontainer h3 {padding: 10px 5%; font-weight: normal; background:#bebeb8; color: #fff; margin: 0 0 10px; }

.wktabelle { min-width: 700px; }

.wktabelle thead tr td {  background:#bebeb8; color: #fff; font-size: 1.1em; }

#zfanmerkung { float: left; width: 100%; margin: 10px 0;}
#zfanmerkung input.button {
    float: right;
}

.button2 { text-transform: uppercase; margin: 10px 0; }


input.button3 {
background: #fa82a0;
color:#fff;
font-weight: bold;
font-size: 150%;
width: 190px;
padding: 7px 10px;
margin: 5px 0;
}

.lolink { float: left; width: 100%; display: block; padding: 10px 0; text-align: center;}
ul.konotnav { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; }
ul.konotnav li { float: left; width: 100%; margin: 0; padding: 0; }
ul.konotnav li a { display: block; float: left; width: 94%; padding: 10px 3%; border-bottom: 1px dotted #575756; }
ul.konotnav li a:hover { background: #f3f3f3; }


.ajcontent {
    text-align: left; padding: 10px;
}
.kontotabelle {
 border-collapse: collapse;
}
.kontotabelle th {
    background: #bebeb8; color: #fff;
}

#shopbrowser {float: left; width: 100%; margin: 20px 0; text-align: center;}
#shopbrowser a { display: inline-block; padding: 5px; font-weight: bold;}

.aktionsangebotcontainer h2 { float: left; width: 100%; padding: 0 0 15px 0; font-weight: bold; font-size: 1.4em; position: relative; text-align: center;
text-transform: uppercase; }


#produktbewertung {
    float: left; width: 100%; background: #F3F3F3; margin: 20px 0; padding: 10px; box-sizing: border-box;
}

#bewertungscontainer {float: left; width: 50%;}
form#gbeintrag {float: left; width: 50%;}
#gbeintrag p {float: left; width: 100%; margin: 0; padding: 5px 0;}
#gbeintrag label {float: left; width: 30%;}
#gbeintrag input {float: left; width: 70%;}
#gbeintrag textarea {float: left; width: 70%; height: 90px;}
.gb {float: left; width: 85%; padding: 10px 3%; margin: 5px 0; background: #F0DEE1; border: 1px solid #231F20; }
.gb p {margin: 0 0 15px 0;}

#sterncontainer { display: block; float: left; width: 200px; background-image: url('images/sterne.png'); background-repeat: no-repeat; margin: 0;}
#sterncontainer a {display: block; width: 25px; height: 25px; overflow: hidden; float: left; margin: 0 1px; text-indent: -2000px;}
span.sterne0 { display: block; float: right; width: 128px; height: 25px; margin: 0 5px; background: url('images/sterne.png') no-repeat;}
span.sterne1 { display: block; float: right; width: 128px; height: 25px; margin: 0 5px; background: url('images/sterne.png') 0 -29px no-repeat;}
span.sterne2 { display: block; float: right; width: 128px; height: 25px; margin: 0 5px; background: url('images/sterne.png') 0 -55px no-repeat;}
span.sterne3 { display: block; float: right; width: 128px; height: 25px; margin: 0 5px; background: url('images/sterne.png') 0 -81px no-repeat;}
span.sterne4 { display: block; float: right; width: 128px; height: 25px; margin: 0 5px; background: url('images/sterne.png') 0 -107px no-repeat;}
span.sterne5 { display: block; float: right; width: 128px; height: 25px; margin: 0 5px; background: url('images/sterne.png') 0 -133px no-repeat;}


#passende_angebote {
    float: left; width: 100%;
}

.lager {float: left; width: 100%; padding: 0 0 0 20px; box-sizing: border-box; margin: 20px 0; font-size: 0.9em;}
#nichtlieferbar {background: url('images/lieferampel.png') left 5px no-repeat; color: #E10016;}
#eingeschraenkt {background: url('images/lieferampel.png') left -27px no-repeat; color: #EBB000;}
#lieferbar {background: url('images/lieferampel.png') left -63px no-repeat; color: #00A516;}

.loader {
    float: left; width: 100%; margin: 0; padding: 20px 0; text-align: center;
}
.mobiltabelle { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch;}


#datenschutzfeld {
float: left; width: 98%; margin: 10px 0; background:#e8e8e8; padding: 10px 1%;
}
#datenschutzfeld input {
    float: left; width: 6%; margin: 20px 0; padding: 0;
}
#datenschutzfeld label {
    float: right; width: 93%; font-size: 0.9em;
}
#datenschutz {
float: left; width: 98%; margin: 10px 0; background:#e8e8e8; padding: 10px 1%;
}
#datenschutz input {
    float: left; width: 6%; margin: 10px 0; padding: 0;
}
#datenschutz label {
    float: right; width: 93%; font-size: 0.9em;
}
#datenschutz div.formfehler {
    width: 100%;
}

#cookie-bar {background:#333; height:auto; color:#fff; text-align:center; padding:10px 0; z-index: 200; position: relative;
box-shadow: 0px 0px 5px 0px #000000; -moz-box-shadow: 0px 0px 5px 0px #000000; -webkit-box-shadow: 0px 0px 5px 0px #000000; font-size: 0.85em; }
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#8D8F8F;}
#cookie-bar .cb-enable:hover {background:#fff;  color: #666;}
#cookie-bar .cb-disable {background:#8D8F8F; color: #fff;}
#cookie-bar .cb-disable:hover {background:#fff; color: #666;}
#cookie-bar .cb-policy {background:#fff;  color: #666;}
#cookie-bar .cb-policy:hover {background:#8D8F8F; color: #fff;}

#newsletterabo {
    max-width: 600px; width: 100%; padding: 20px 0;
}
#newsletterabo legend {
    display: none;
}

div.formfeldnl {float: left; width: 100%; margin: 5px 0;}
div.formfeldnl input {float: left; width: 10%; margin: 10px 0;}
div.formfeldnl label {float: right; width: 88%; }
div.formfeld.ta label { width: 100%;}
.datenschutzhw {
    font-size: 0.85em;
}

#konfigcont {
    position: absolute; top:130px; left: 2%; width: 96%; box-sizing: border-box; padding: 0 10px 10px; background: rgba(255,255,255,0.95); box-shadow: 0px 0px 20px 0px #000000;
-moz-box-shadow: 0px 0px 20px 0px #000000;
-webkit-box-shadow: 0px 0px 20px 0px #000000;
}
#konfigcont a.close { position: absolute; top: 5px; right: 5px;}
#konfigcont div.packageartikel { float: left; width: 50%; margin: 10px 0; border-bottom: 1px solid #ccc; padding: 10px 0; }
#konfigcont div.packageartikel div.artbildrahmen {
    float: left; width: 25%; max-width: 150px;
}
#konfigcont .wkformelement {
    float: left; width: 70%; margin: 5px 2%;
}
a.konfiglink {
display: inline-block; text-decoration: none;
color: #fff; background: #505050; padding: 10px 20px;
margin: 10px 0 0;
font-weight: bold;
}

a.konfiglink:hover {
color: #fff; background: #4a4a49;
text-decoration: none;
}



@media only screen and (max-width: 1160px)
{
header {width: 100%; float: left;}


#footinhalt h1 { margin: 0 auto; width: 95%; }
#textfeld img {max-width: 100%;}

#footbild {background-attachment: scroll;}
}

@media only screen and (max-width: 960px)
{
#wrap {min-width: 680px;}
#navcontainer {margin: 0; width: 100%; }
#navcontainer div.zc {
padding-top: 45px;
}

#wrap2 {min-width: 680px; position: relative;}
#inhalt {min-height: 300px;}
#logocontainer { margin: 10px 2%; font-size: 30px; }
footer {min-width: 680px;}
#bilder {
-webkit-background-size: auto 100%;
-moz-background-size: auto 100%;
-o-background-size: auto 100%;
background-size: auto 100%; background-attachment: scroll;
}
.galerie dl {height: 170px;}


#textfeld {
float: left;
padding: 0 3%;
width: 94%;
}

aside {width: 94%; padding: 0 3%; border-right: 0; border-top: 1px solid #F3F3F3; min-height:50px;}

#wkvorschau {  width: 180px; }
#hpz {font-size:1.0em; padding: 5px 10px; margin: 0 2%;  max-width:50px;}
#footlogo { float: left; width: 90%; margin: 10px 5% 0;}
#footlogo img {width: 25%;}
#adresse {float: left; width: 40%; padding: 10px 5%;}

.footcontainer { width: 90%; margin: 10px 5%;}
.teaserbox_shop {width: 31.33%; }
.bestellformc { width: 100%;}

#zfrechadr,#zflieferadr,#zfzahlung {width: 100%; height: auto; margin:5px 0; }

#bruttoartikelpreis { font-size: 1.8em; }

.gb { width: 94%; padding: 10px 3%; }


}

@media only screen and (max-width: 680px)
{
#wrap {min-width: 320px;}
#logocontainer { font-size: 20px; float: left; display: block;}
header {width: 100%; min-width: 320px;}
header h1 {float: left; width: 95%; margin: 10px 0 10px 5px;}
#wrap2 {min-width: 320px; width: 100%; }


#content {min-width: 320px; width: 100%; min-height: 350px;}
#inhalt {min-width: 315px; width: 100%;}
#navcontainer {width: 100%;  }
.suchteaserbox {width: 100%;}
.floatrechts {margin: 5px 0; }
.floatlinks {margin: 5px 0;}
footer {min-width: 300px;}
header span.tel {top: 10px;  font-size: 0.9em;}
.teaserbox_shop {width:48%; }
#bestellung_s1 h4 {width:90%; padding: 10px 0 10px 10%;}
#kundenlogin,#passwortvergessen {width: 100%; margin: 20px 0;}
#hpz {padding: 5px; margin: 0 1%;  max-width:40px;}

#bewertungscontainer { width: 100%;}
form#gbeintrag { width: 100%;}

#konfigcont div.packageartikel { width: 100%;  }
}

@media only screen and (max-width: 550px) {

.bildrahmen_shop { width: 100%;  margin: 0; }
.produktdaten { width: 94%; padding: 20px 3%;}

#bestellformfeld table tr td:first-child {
width: 120px;
}

#bestellformfeld label {
    width: 120px; float: left; padding: 10px 0;
}
#bestellformfeld input {
    width: 200px; box-sizing: border-box;
}
#bestellformfeld textarea {
    width: 320px; box-sizing: border-box; height: 100px;
}
#bestellformfeld input#PLZ, #bestellformfeld input#LPLZ {
    width: 77px;
}
#bestellformfeld input#Ort, #bestellformfeld input#Lort {
    width: 120px; margin: 0;
}
#lsdatenfeld input {  width: 130px;}


.anzeigeauswahl { width: 100%; padding: 0;}
.anzeigeauswahl span {padding: 0 5px 0 0; font-size: 0.9em; }
.anzeigeauswahl select { padding: 5px; font-size: 0.9em;}
}


@media only screen and (max-width: 460px)
{
.kontaktformular label {width: 100%;}
div.formfehler {width: 100%;}
.kontaktformular input , .kontaktformular select {width: 100%;}
input#Ort, input#re_ort, input#rb_ort {width: 69%;}
input#PLZ, input#re_plz, input#rb_plz {width: 30%;}

.galerie dl {
margin: 2px 2% 2px;
width: 46%;
}

#wkvorschau { width: 130px; font-size: 0.8em; }
#hpz {display: none; }
#footlogo img {width: 40%;}
.teaserbox_shop {width:96%; margin: 20px 2%; }

#adresse {width: 90%;}
}