/* Feste Schriftgröße im body, um die anderen Schriftgrößen darauf aufzubauen */
body {
  font-size: 14px !important;
}


/* Linktext allgemein ohne Unterstrich, hover unterstrichen */
a {
  text-decoration: none !important;
}

a:hover {
  text-decoration: underline !important;
}

select {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
  margin-bottom: 5px;
  max-width: 100%;
}


input[type="submit"] {
  border: none !important;
  border-radius: 3px;
  background: #008c95;
  cursor: pointer;
  padding: 8px 20px !important;
  color: #fff;
  font-size: 1em;
}

input[type="submit"]:hover {
  background: #595959;
}

/* horizontale Linie */
hr {
  background-color: #ddd !important;
  height: 1px !important;
  border: none !important;
}

/* Optimierungen der Hauptnavigation inkl. aufklappbarem Submenü */
div.cnt0-menutop {
  border-bottom: 3px solid #008c95;
  top: 130px;
}

nav ul.lMenu {
  height: 45px !important;
  margin-left: 0 !important;
}

nav ul.lMenu>li {
  text-transform: none !important;
  border-right: 1px solid #494949;
}

nav ul.lMenu>li:first-child {
  border-left: 1px solid #494949;
}

nav ul.lMenu>li>div {
  background-color: #fff !important;
  border: none !important;
  border-top: 3px solid #008c95 !important;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2) !important;
  max-width: 1190px;
  /*967*/
  width: 1190px !important;
  left: 50% !important;
  margin-left: -604px;
  /* Breite des Elements + Padding */

}

nav ul.lMenu>li>div.littledd {
  left: auto !important;
  width: 250px !important;
  margin-left: 0 !important;
}

nav ul.lMenu>li>a {
  margin-right: 0px !important;
  padding: 0 30px !important;
}

nav ul.lMenu>li>div>div {
  width: 220px;
  min-height: 200px !important;
}

nav ul.lMenu>li>div>div.lim14 {
  min-height: 330px !important;
}

nav ul.lMenu>li>div>div strong.h {
  font-size: 0.8em !important;
  padding-bottom: 5px !important;
  border-bottom: 1px solid #ddd !important;
}

nav ul.lMenu>li>div>div ul {
  margin-left: 0px !important;
  margin-top: 5px !important;
}

nav ul.lMenu>li>div>div li a {
  font-size: 12px !important;
  color: #333 !important;
  line-height: normal !important;
  height: auto;
  padding: 3px 0;
}

nav ul.lMenu>li>div>div a:hover {
  text-decoration: underline !important;
  text-shadow: none !important;
}

nav ul.lMenu>li>div>div strong.h a {
  text-shadow: none !important;
  line-height: normal !important;
  font-size: 14px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  color: #008c95 !important;
}

nav ul.lMenu>li:hover {
  background: #008c95 !important;
}


nav ul.lMenu>li:hover>a {
  color: #fff !important;
}


nav ul.lMenu>li.bycss:hover>div {
  display: inline !important;
}


nav.cnt2-menutop {
  padding: 0 !important;
}

nav.cnt2-menutop a {
  font-size: 1em !important;
  color: #fff !important;
  text-decoration: none !important;
  line-height: 45px !important;
  font-weight: normal;
}

nav.cnt2-menutop a.shopcart {
  display: none !important;
}

nav.cnt2-menutop ul li {
  text-shadow: none !important;
}

nav.cnt2-menutop ul.menuright li {
  color: #fff !important;
  line-height: 45px !important;
  font-size: 1em !important;
  font-weight: bold;
  text-align: center;
  padding: 0 10px !important;
  padding-left: 30px !important;
}

nav.cnt2-menutop ul.menuright li::before {
  content: "\E0CD";
  font-family: 'Material Icons';
  vertical-align: middle;
  font-size: 26px;
  margin-right: 10px;
}

nav.cnt2-menutop ul.menuright li:first-of-type {
  display: none;
}


/* Kleine Optimierung am Header */
header {
  margin-bottom: 0px !important;
  height: 178px !important;
}

header>div {
  height: 100px !important;
  padding: 0 !important;
}

.areamid>form>div {
  margin-top: 30px;
}

.areamid>form>div>img {
  display: none !important;
}

#eKomiSeal {
  margin-top: 13px;
  margin-right: 20px;
}

/* Top-Bar */

header div.arearight {
  width: 300px !important;
  height: 100px;
}

header div.areamid {
  width: 400px !important;
  height: 100px;
  margin-right: 0px !important;
}

#top-bar {
  width: 100%;
  height: 30px !important;
  background: #f2f2f2;
  padding: 0 !important;
}

#top-bar>div {
  width: 1210px;
  margin: 0 auto;
  font-size: 0.85em;
  line-height: 30px;
}

#top-bar>div>span {
  color: #ff0000;
}

div#top-bar div.flags {
  height: 30px !important;
  border-left: 1px solid #fff !important;
  border-right: 1px solid #fff !important;
  padding: 0 5px;
  float: right;
}

div#top-bar div.flags::before {
  content: "Sprache / Language";
  white-space: pre;
  margin-right: 5px;
}

div.flags>a {
  width: 20px !important;
  height: 15px !important;
  padding: 0 !important;
  margin: 0 !important;
  margin-right: 10px !important;
  float: right !important;
  margin-top: 3px !important;
}

div.flags:hover>a {
  display: inline;
}

.flags img {
  width: 20px !important;
  height: 15px !important;
}



/* Suchbox zur besseren Usability vergrößert und optimiert */
div.search>div {
  height: 36px !important;
  padding: 0 !important;
  box-shadow: none !important;
  border-radius: 3px !important;
}

div.search>div>input {
  height: 36px !important;
  line-height: 36px !important;
  width: 240px !important;
  padding-left: 5px !important;
  background-color: #fafafa !important;
}

div.search>div>input.btnsearch {
  width: 43px !important;
  padding: 0 !important;
  border-left: 1px solid #ddd !important;
  background-position: center !important;
  background-color: #fff !important;
  border-radius: 0px !important;
}

div.search>div>input.btnsearch:hover {
  border: none !important;
  border-left: 1px solid #ccc !important;
  box-shadow: none !important;
}

/* Hauptcontainer optimiert */
div.cntmain0 {
  background-color: #fff !important;
}

div.cntmain0 div.cntmain1 {
  padding-left: 0 !important;
}

div.cntmain0 div.cntmain2,
div.cntmain1>aside>nav {
  box-shadow: none !important;
  margin: 10px 0;
}

.banner a {
  border: 1px solid #aaa !important;
}

div.cntmain2 {
  margin: 10px 0 !important;
  border-right: 1px solid #ddd !important;
  padding-bottom: 30px !important;
}


/* rechte Aside optimiert */
div.cntmain1>aside>nav>h4 {
  background: none !important;
  color: #008c95 !important;
  border-bottom: 1px solid #ddd !important;
}

div.cntmain2>aside {
  padding: 0 !important;
}


/* Breadcrumb-Leiste etwas unscheinbarer gestaltet (war zu dominant) */
div.cnt4-breadcrumb {
  border-bottom: none !important;
  background: none !important;
  padding: 0 !important;
  padding-bottom: 5px !important;
  border-bottom: 1px solid #ddd !important;
  margin-right: 10px !important;
  margin-bottom: 10px;
}

div.cnt4-breadcrumb>* {
  font-size: 0.85em !important;
}


/* Linkes Menü optimiert */
aside.cntmenuleft strong.h,
aside.cntmenuleft h4 {
  border: none !important;
  border-bottom: 1px solid #ddd !important;
  color: #000 !important;
  text-align: left !important;
  font-size: 1.15em !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  padding: 10px !important;
  background: #ddd !important;
  border: 1px solid #ccc !important;
  hyphens: auto;
}



aside.cntmenuleft>nav,
aside.cntmenuleft>div,
aside.cntmenuleft>form>div {
  margin-bottom: 15px !important;
  padding-left: 10px !important;
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  padding-left: 0px !important;
  background: #f2f2f2 !important;
  border: 1px solid #ccc !important;
  border-top: 1px solid #fff !important;
}

aside.cntmenuleft>form>div,
aside.cntmenuleft>div {
  padding: 10px !important;
}

aside.cntmenuleft>nav:hover,
aside.cntmenuleft>div:hover,
div.cnt3-menuleft>form>div:hover {
  background: #f2f2f2 !important;
}

aside.cntmenuleft a {
  padding: 8px 0 !important;
  font-size: 100% !important;
  border-top: none !important;
  color: #000 !important;
  padding: 10px 0 !important;
}

aside.cntmenuleft h4>a,
aside.cntmenuleft strong.h>a,
aside.cntmenuleft div.login>div {
  color: #000 !important;
  font-size: 100% !important;
  border-bottom: none !important;
  padding: 0 !important;
}

aside.cntmenuleft h4>a:hover,
aside.cntmenuleft strong.h>a:hover {
  text-decoration: none !important;
}

aside.cntmenuleft div strong {
  padding: 8px 0 !important;
  border-top: none !important;
  display: block !important;
  padding: 10px 0 !important;
}

aside.cntmenuleft div strong a.hstreset {
  border: 1px solid #ccc;
}

/* Warenkorb/Merkzettel im linken Menü */
div.cnt4-warenkorb>a {
  font-size: 100% !important;
  height: auto !important;
  margin-bottom: 0 !important;
}

/* Footer über gesamte Breite */
footer {
  font-size: 100% !important;
  line-height: 20px !important;
}

body>footer.ftrup>div {
  width: 1210px !important;
  margin: 0 auto !important;
}

footer.ftrup strong.h {
  font-style: normal !important;
  font-size: 1.15em !important;
}

footer.ftrup nav {
  width: 25% !important;
}

footer.ftrup>div {
  padding-right: 0 !important;
}

footer.ftrup>div>div {
  background: none !important;
  box-shadow: none !important;
}

footer.ftrlo {
  height: 30px;
  line-height: 30px !important;
}

footer.ftrlo a:hover {
  text-decoration: none !important;
  color: #fff;
  background: #008c95;
}

footer.ftrlo a {
  font-weight: normal !important;
  padding: 5px 15px;
  border-radius: 3px;
}

footer>div>div>* {
  margin-left: 0 !important;
}

footer div.login input {
  width: 200px !important;
}


/* Allgemeine Optimierungen im Hauptbereich */
main {
  margin-top: 0px !important;
}

main p {
  font-size: 1em !important;
}

main h1 {
  font-size: 1.6em !important;
}

main h1.product {
  margin-bottom: 10px;
  line-height: 1.25em;
  width: 850px;
}

main h2 {
  font-style: normal !important;
  font-weight: bold !important;
  clear: left;
}

main>div {
  font-size: 100% !important;
  line-height: 20px !important;
  margin-left: 0 !important;
}

div.contenttext h2 {
  font-size: 1.4em !important;
}


/*Verfügbarkeitsanzeige/Lieferzeitanzeige */

td.liefzeit,
div.liefzeit {
  border-radius: 3px;
  font-weight: normal !important;
  padding: 5px 10px !important;
  color: #fff;
}

div.liefzeit {
  font-size: 1em !important;
  display: inline-block;
}

.liefzeit.yellow {
  background: #f2cd00;
  color: #000;
}

.liefzeit.green {
  background: #008932;
}

.liefzeit.blue {
  background: #005caa;
}

.liefzeit.grey {
  background: #818181;
}

.liefzeit.red {
  background: #d40000;
}


/* Aussehen der Buttons vereinheitlicht */
div.vbuttons>a,
div.hbuttons>a,
div.buttons>a,
div.hbuttons>input[type="button"],
div.hbuttons>input[type="submit"] {
  background-color: #008c95 !important;
  text-shadow: none !important;
  font-weight: normal !important;
  border-radius: 3px !important;
  padding: 8px 20px;
}

div.vbuttons>a:hover,
div.hbuttons>a:hover,
div.buttons>a:hover,
div.hbuttons>input[type="button"]:hover,
div.hbuttons>input[type="submit"]:hover {
  background-color: #595959 !important;
  text-decoration: none !important;
}

div.pfunctions a {
  background-color: #fff !important;
  color: #008c95;
  padding: 0;
  margin: 0;
  font-size: 0.85em;
  width: 120px;
  float: left;
  text-align: left;
}

div.pfunctions a:hover {
  color: #000;
  background-color: #fff !important;
}

div.pfunctions a.bprint::before,
div.pfunctions a.bleaflet::before,
div.pfunctions a.breq::before,
div.pfunctions a.bsuggest::before,
.wfragen a.breq::before {
  vertical-align: middle;
  font-size: 18px;
  font-family: 'Material Icons';
  margin-right: 3px;
}

a.bprint::before {
  content: '\E8AD';
}

a.bleaflet::before {
  content: '\E87D';
}

a.breq::before {
  content: '\E8AF';
}

a.bsuggest::before {
  content: '\E8E3';
}

div.pfunctions div.rating {
  text-align: left;
}


/* eKomi Widget */
a#eKomiGate_widget {
  background: none !important;
  border: none;
}


/* Produktliste optimiert */
div.productlistw {
  margin-bottom: 10px;
}

div.productlistw>div {
  background: none !important;
  border: none !important;
}

div.productlistw>table {
  border-left: 2px solid #fff !important;
  border-right: 2px solid #fff !important;
  border-top: 1px solid #ddd !important;
  padding: 10px 0;
}

div.productlistw>table:hover {
  border-color: #ddd #008c95 #fff #008c95 !important;
}

div.productlistw>table td.descr {
  font-size: 100% !important;
}

div.productlistw>table td.descr strong.h {
  font-size: 1.1em !important;
}

div.productlistw>table td.descr strong.h a {
  color: #000;
}

div.productlistw>table td.descr strong.h a:hover {
  color: #008c95;
  text-decoration: none;
}

div.productlistw>table td.anz input[type="text"],
table.sc-artikel div.artanz input {
  border-radius: 3px;
  border: 1px solid #aaa;
  padding: 5px 0;
  text-align: center;
}

.cnt4-orderby {
  font-size: 0.85em;
}

.view-btn {
  float: right;
}

.view-btn a {
  font-size: 1.25em;
}

div.productlistw>table td.descr>img {
  margin-bottom: 10px;
}

/* Kategorien Auflistung */
div.cnt4-catlist>a {
  border: 1px solid transparent !important;
  border-bottom: 2px solid transparent !important;
}

div.cnt4-catlist>a:hover {
  text-decoration: none !important;
  border-bottom: 2px solid #008c95 !important;
}

div.cnt4-catlist>a>h3 {
  font-size: 1em;
}

div.sccat {
  font-size: 100% !important;
}

div.productlistw>table td.price {
  width: 170px !important;
  text-align: right;
}

div.productlistw>table td.price>div {
  font-size: 1.5em;
}

.cnt4-bottomtxt {
  clear: both;
  padding-top: 10px;
}

/* Animation in Kategorieliste */
div.cnt4-catlist a {
  transition: transform 300ms ease-in-out;
  border: none !important;
}

div.cnt4-catlist a:hover {
  border: none !important;
}

div.cnt4-catlist a img {
  transition: transform 300ms;
}

div.cnt4-catlist a:hover img {
  transform: scale(1.5);
}


/* Produktliste Gitter */

div.productlistw.grid {
  clear: both;
}

div.productlistw.grid>table {
  clear: none;
  height: 300px;
  width: 250px;
  float: left;
  border-top: 1px solid #ccc !important;
}

div.productlistw.grid>table:hover {
  border-left: 2px solid #fff !important;
  border-right: 2px solid #fff !important;
}

div.productlistw.grid>table td.img {
  width: auto;
  height: 120px;
  text-align: left;
  margin: 0 auto;
}

div.productlistw.grid>table td.img a img {
  max-height: 120px;
  height: auto;
  width: auto;
}



div.productlistw.grid>table td.price {
  width: 100% !important;
  height: 90px;
}


div.productlistw.grid>table td.price>div {
  font-size: 1.5em;
  text-align: left;
}

div.productlistw.grid td.price .streichpreis {
  text-align: left;
  display: inline !important;
  white-space: pre;
}

div.productlistw.grid>table td.descr {
  max-height: 67px;
  overflow: hidden;
  line-height: 18px;
  max-width: 240px;
}

div.productlistw.grid>table td.descr>img {
  margin-bottom: 0;
  position: absolute;
  margin-top: -39px;
}

div.productlistw.grid>table td.descr strong.h {
  font-size: 1.1em !important;
  margin-bottom: 0px;
}

div.productlistw.grid>table td.descr strong.h a {
  color: #333 !important;
}

div.productlistw.grid>h2 {
  clear: left;
  display: none;
}


div.productlistw.grid>table td {
  display: block;
}





/* Seitenblättern optimiert */
div.pagina {
  margin: 10px 0 !important;
  line-height: 30px !important;
}

div.pagina a {
  padding: 10px 15px !important;
  color: #000 !important;
  font-weight: bold !important;
  border-radius: 3px;
}

div.pagina a:hover {
  background: #008c95 !important;
  color: #fff !important;
  text-decoration: none !important;
}

div.pagina span.pagecurrent {
  padding: 10px 15px !important;
  background: #ddd !important;
  font-size: 100% !important;
  border-radius: 3px;
}



/* Warenkorb und Bestellprozess optimiert (unvollständig!) style_nomenu.css überschreibt vieles! Optimierung hier nicht immer möglich */
table.orderprogress {
  border-radius: 5px !important;
}

table.orderprogress td {
  border: none !important;
  height: 30px !important;
  text-align: center !important;
  font-size: 1em !important;
}

table.orderprogress td.opcurrent {
  background-color: #008c95 !important;
}

table.orderprogress td.opcurrent * {
  text-shadow: none !important;
}

table.orderprogress td.op {
  color: #000 !important;
}

table.orderprogress td.opdone * {
  color: #fff !important;
  text-shadow: none !important;
}

table.orderprogress td.opdone {
  color: #fff !important;
  text-shadow: none !important;
  background-image: none !important;
  background: #008c95 !important;
}

table.orderprogress td h3 {
  padding-bottom: 0 !important;
  line-height: 30px !important;
}

table.orderprogress td h3 a {
  display: block !important;
  font-weight: bold !important;
}

table.orderprogress td h3 a:hover {}


table.sc-artikel th {
  background: none !important;
  color: #000 !important;
  border-bottom: 1px solid #ddd !important;
}

table.sc-artikel td {
  background: none !important;
}

table.sc-artikel tr.sum td {
  border-top: 4px double #ddd !important;
}

table.sc-artikel div.zinfo b {
  border-bottom: 1px solid #dd0000;
}

table.blogin {
  border-radius: 5px !important;
  border: 1px solid #ddd !important;
}

table.blogin th {
  color: #000 !important;
}

main.bestellprozess table th,
table.bestell-settings th {
  font-size: 1em !important;
  background: #eee !important;
  padding: 10px !important;
}

table.bestell-settings input,
table.bestell-settings select,
table.login input,
.kdeingabe input,
.kdeingabe textarea,
table.blogin input,
main .ui-autocomplete-input {
  padding: 6px !important;
  border: 1px solid #aaa !important;
  border-radius: 3px !important;
  margin-bottom: 5px !important;
}

table.bestell-settings input[type="submit"],
table.login input[type="submit"],
table.blogin input[type="submit"] {
  padding: 8px 20px !important;
  border: none !important;
  width: auto !important;
  transition: color .3s, background .3s;
}


table.bestell-settings input[name="bestellung[gutschein]"] {
  float: left;
  width: 200px;
  margin-right: 10px;
  border: 1px solid #aaa !important;
}


table.bestell-settings td {
  background: none !important;
}

body#bestellung div.cntmain2 {
  margin: 0 auto !important;
  border-right: none !important;
  width: 100% !important;
}

body#bestellung>div.cntmain0>div {
  width: 800px !important;
  margin-bottom: 50px !important;
  border-radius: 5px !important;
  border: 1px solid #ddd !important;
}

body#bestellung .arearight {
  display: none !important;
}

body#bestellung div.logo {
  width: 194px !important;
  min-width: 194px !important;
}

body#bestellung a.logo {
  width: 194px !important;
}

body#bestellung img.logo {
  margin: 0 auto !important;
  width: 194px !important;
  margin-top: 5px !important
}

body#bestellung header {
  height: 100px !important;
}

body#bestellung {
  background: #fff !important;
}

div.rladdr>div {
  border: 1px solid #ddd !important;
  background: #fff !important;
  margin-right: 10px !important;
}

div.rladdr>div>a {
  padding: 5px !important;
  background-color: #eee !important;
  color: #000 !important;
}

body#bestellung #zahlungsinfo {
  width: 550px !important;
}

body#bestellung footer.ftrlo nav {
  width: 800px !important;
}

/* Input Buttons; style_nomenu.css überschreibt vieles! Optimierung hier nicht immer möglich */

td.warenkorbput input.button {
  width: 240px !important;
  height: 40px;
  background: #008c95 !important;
  font-weight: bold !important;
  font-size: 1.15em !important;
  transition: color .3s, background .3s;
  border-radius: 3px;
}

td.warenkorbput input.button:hover {
  background: #595959 !important;
}

td.warenkorbput span.ui-spinner {
  height: 38px;
  margin-right: 10px;
}

td.warenkorbput span.ui-spinner input {
  height: 30px;
}

input.button {
  font-size: 100% !important;
  font-weight: normal !important;
  text-shadow: none !important;
  border: none !important;
  color: #fff !important;
  background: #008c95 !important;
}

input.button:hover {
  background: #595959 !important;
}

/* Produktdetailseite Optimierungen */

div.rating {
  text-align: left;
  padding: 0;
  height: 30px;
}

div.product div.pfunctions {
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 8px 0;
  margin-right: 0 !important;
}

div.pdata {
  margin-right: 0 !important;
  width: 485px;
  max-width: 485px !important;
  border: none !important;
  background: none !important;
  padding: 0 !important;
  float: right;
}

div.pdata i.material-icons {
  vertical-align: middle;
  font-size: 18px;
}

div.pdata table {
  width: 100%;
}

div.pdata th {
  width: 30%
}

div.pdata td,
div.pdata th {
  font-size: 100% !important;
}

div.pdata table.staffeln th:first-child {
  width: 30%;
}

div.pdata table.staffeln th:last-child {
  width: auto;
}

table.staffeln th,
table.staffeln td {
  font-size: 100% !important;
}

div.pdata div.price {
  font-size: 2em;
  color: #000;
}

div.pdata .price span,
div.productlistw .price span,
div.productlistw .price span i {
  vertical-align: middle;
}

div.productlistw .price span.avL,
div.productlistw .price span.avN,
div.productlistw .price span.avV {
  font-size: 12px !important;
  font-weight: normal !important;
}

div.pdata .price.red {
  /*color: #c00;*/
}

div.productlistw td.price.red>div {
  /*color: #c00;*/
}

div.pdata .price.red .rabatt,
div.productlistw .price.red .rabatt {
  font-size: 0.6em;
  color: #fff;
  padding: 3px;
  border-radius: 5px;
  background: #c00;
}


div.pdata .price.red .rabatt.u5p::before,
div.productlistw .price.red .rabatt.u5p::before {
  font-family: 'Material Icons';
  content: '\e54e';
  vertical-align: middle;
  color: #c00;
  margin-right: 5px;

}

div.pdata .price.red .rabatt.u5p::before,
div.productlistw .price.red .rabatt.u5p::before {
  font-size: 1.5em;
}

div.pdata .price.red .rabatt.u5p,
div.productlistw .price.red .rabatt.u5p {
  background: none !important;
  padding: 0;
}

div.pdata .price .streichpreis,
div.productlistw td.price .streichpreis {
  text-decoration: line-through;
  font-weight: normal;
  color: #bbb;
  font-size: .7em;
  margin-left: 5px;
}

div.productlistw td.price .streichpreis {
  display: block;
}

div.product .datasheet {
  border-bottom: 1px solid #ddd;
  margin: 20px 0;
  padding: 20px 0;

}

div.product .datasheet>strong {
  display: block;
  font-size: 1.25em;
  color: #008c95;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;

}

div.wfragen {
  border-bottom: 1px solid #ddd;
  margin: 20px 0;
  padding: 20px 0;
}

.wfragen h2 {
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.wfragen h3 {
  font-size: 1em;
}

a.breq {
  display: inline-block;
  border: 1px solid #008c95;
  font-weight: bold;
  font-size: 0.85em;
  border-radius: 3px;
  padding: 5px 10px;
}

a.breq:hover {
  text-decoration: none !important;
  background: #008c95;
  color: #fff;
}


.product .hstthb {
  float: right;
  margin-top: 5px;
  margin-right: 20px;
}

.verf .avL,
.verf .avV,
.verf .avN {
  font-weight: bold;
  padding: 5px 0;
  border-radius: 5px;
  font-size: 1.25em;
  line-height: 24px;
  vertical-align: middle;
}

.verf {
  height: 30px;
  vertical-align: middle;
}

table.verf_info em {
  font-size: 40px;
}

table.verf_info td {
  vertical-align: middle;
}

.verf i {
  font-size: 24px !important;
  margin-left: 5px;
}

.verf .avL::before,
.verf .avV::before,
.verf .avN::before {
  font-family: 'Material Icons';
  vertical-align: middle;
  font-size: 1.5em;
  font-weight: normal;
  padding-right: 5px;
  /*content: '\e061';*/
  position: absolute;
  margin-left: -25px;
}

.avL {
  color: #009900;
  /*font-size: 1.25em !important;*/
}

.avV {
  color: #ff9000;
}

.avN {
  color: #cc0000;
}

div.product div.staffeln {
  border-top: 1px solid #ddd;
  padding-top: 5px;
}

.MagicZoom>img,
.mz-figure>img {
  margin: 0 auto !important;
  display: block;
}

/* Produktbild-Thumbnails auch ohne initialisiertes MagicScroll vertikal darstellen */
div.product .imgscroll .MagicScroll>a {
  display: block;
  margin-bottom: 8px;
}

div.product .imgscroll .MagicScroll>a:last-child {
  margin-bottom: 0;
}

/* Login cleaner gestaltet */
div.login input[type="text"],
div.login input[type="password"] {
  padding: 5px !important;
  border-color: #ddd !important;
  box-shadow: none !important;
}

table.login {
  border: none !important;
  background: none !important;
}

table.login input {
  padding: 5px !important;
}

table.login th {
  background: #eee !important;
  border-bottom: 1px solid #ddd !important;
  padding: 10px !important;
}

#artzusatzinfo {
  width: 940px;
  height: 92px;
  background-image: url(https://imgcdn.industry-electronics.net/shopimg/disclaimer-de.gif);
  background-position: left top;
  background-repeat: no-repeat;
}


div.orderrow>input[type="button"] {
  background-color: #fff;
  background-image: url(/media/shopimg/warenkorb2.gif);
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 38px;
  width: 41px;
  border: 1px solid #ccc;
  margin-top: 10px;
  cursor: pointer;
  border-radius: 3px;

  border: 1px solid #b6b6b6;
  border-bottom-color: #999;
  border-radius: 3px;


}

div.orderrow>input[type="button"]:hover {
  background-color: #fff;
  border-color: #008c95;
}

/* Warenkorb im Header */

header div.wk a.wk {
  min-width: 40px !important;
}

div.wk {
  margin-top: 20px;
}

div.wk>div {
  height: 60px !important;
  float: right !important;
  min-width: 40px !important;
  margin-right: 20px !important;
}

/*
 Ist in style.css ueberfuehrt 
  div.wk img {
    height: 28px !important;
    width: auto !important;
    display:block;
    margin: 0 auto;
    float: none;
  }
  
  
  a.wk > span {
    clear: left !important;
    border: 1px solid #ccc !important;
    color: #000 !important;
    font-weight: normal !important;
    padding: 3px 6px !important;
    border-radius: 3px !important;
  }
*/

div.hasitems a.wk span,
div.user-loggedin a.wk span {
  background: #008c95 !important;
  border: 1px solid #008c95 !important;
  color: #fff !important;
}


/* body#bestellung, body#bestellung header, body#bestellung div.cntmain0 {
	background: #f2f2f2 !important;
}*/
/* "Weitere" Links*/

.productlinks {
  overflow: hidden;
  margin-top: 20px;
}

.productlinks a {
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px;
  width: 30%;
  margin: 10px;
  margin-left: 0;
  display: block;
  float: left;
}

.productlinks a:hover {
  text-decoration: none !important;
  background: #f2f2f2;
}

h2.product {
  clear: left;
  margin-top: 10px;
}

/* Hintbox */

div.hintbox {
  border: none;
  border-radius: 3px;
  font-size: 1em;
  margin: 20px 0 !important;
  padding: 10px;
}

div.hintbox>div {
  padding: 10px;
}

div.hintbox>div.first {
  padding: 0 !important;
}

/* Herstellerliste */

.hstliste li {
  /*display: inline-block;*/
  display: table;
  border: 1px solid #ccc;
  padding: 10px;
  border-radius: 3px;
  margin-right: 10px;
  width: 160px;
  height: 95px;
  margin-bottom: 10px;
  float: left;
  text-align: center;
  hyphens: auto;
}

.hstliste li a {
  /*display: block;*/
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}

.hstliste li a img {
  display: block;
  margin: 0 auto;
  margin-bottom: 5px;
}

div.pagina {
  clear: left;
  margin-top: 10px;
}


/* Listenartikel */

div.plstaffeln {
  margin-top: 5px;
}

div.plstaffeln table {
  position: absolute;
  border: 1px solid #f2f2f2;
  background-color: #fff;
  z-index: 1;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, .2)
}



div.plstaffeln table td {
  background-color: #fff;
}

div.plstaffeln table th {
  background-color: #f2f2f2;
  color: #000;
}

div.plstaffeln th>a {
  color: #000;
}

div.plstaffeln th>a:hover {
  text-decoration: none !important;
}

table.suche {
  border: none;
  background: #f2f2f2;
  border-radius: 3px;
}

table.konfigurator td {
  text-align: center;
  padding-bottom: 20px;
}

table.konfigurator td a {
  width: 150px;
  margin: 0 auto;
}

.pdata .vskfrei {
  color: #009900;
  font-weight: bold;
  font-size: 0.85em;
}

.pdata .vsk {
  color: #000;
  font-size: 0.85em;
}


div.productlistw>table td.price>div.vsk,
div.productlistw>table td.price>div.vskfrei {
  font-size: 0.85em;
  font-weight: normal;
}

div.productlistw>table td.price>div.vsk a {
  font-size: 1em;
  font-weight: normal;
}

div.productlistw>table td.price>div.vsk::before,
div.productlistw>table td.price>div.vskfrei::before {
  content: "\E558";
  font-family: 'Material Icons';
  vertical-align: middle;
  font-size: 20px;
  margin-right: 10px;
}

div.productlistw>table td.price>div.vskfrei {
  color: #009900;
  font-weight: bold;
}

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

  .no-mobile {
    display: none;
  }

  img,
  video {
    max-width: 100% !important;
    height: auto !important;
  }

  body>div>nav {
    width: 100% !important;
  }

  body>div.cntmain0>*,
  body>header>*,
  body>footer>* {
    min-width: 200px !important;
  }

  div.shadows>*,
  .shadow {
    box-shadow: none !important;
    margin-top: 0 !important;
  }

  div.shadows a,
  .shadow {
    margin-right: 0 !important;
    margin-bottom: 10px !important;
    border: 1px solid #ddd !important;
  }

  div.shadows img {
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
  }

  a.shadow img {
    width: 100% !important;
    max-width: 100% !important;
  }

  .logo>img {
    width: 330px !important;
    margin-top: 10px !important;
  }

  .logo .flags {
    display: none !important;
  }

  .logo .wk {
    min-width: auto !important;
  }

  div.wk {
    margin-top: 20px !important;
    width: 170px !important;
  }

  div.wk>div {
    height: auto !important;
    float: none !important;
    margin-right: 0 !important;
  }

  header div.wk a.wk {
    float: left !important;
    margin-left: 10px !important;
    min-width: auto !important;
  }

  a.wk>img {
    width: 31px !important;
    height: 28px !important;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 3px;
  }

  a.wk span {
    display: none !important;
  }

  header {
    height: 143px !important;
    margin-bottom: 0 !important;
  }

  body#bestellung header {
    height: 80px !important;
  }

  header>div {
    padding: 0 !important;
    width: 100% !important;
  }


  #seekonlycat,
  .search label {
    display: none !important;
  }

  header div.arearight {
    width: 100% !important;
    float: none !important;
    height: 85px !important;
    padding-top: 0px !important;
    margin-right: 10px !important;
  }

  header div.areamid {
    margin-top: 10px !important;
    float: none !important;
    margin-right: 0 !important;
    width: 100% !important;
    background: #333 !important;
    height: 60px !important;
    display: none;
  }

  header div.areamid form>div {
    float: none !important;
    text-align: center !important;
    padding: 10px !important;
  }

  .areamid>form>div>img {
    display: none !important;
  }

  a.logo {
    float: none !important;
    position: absolute !important;
    top: 0px !important;
    left: 10px !important;
    width: 140px !important;
    height: 80px !important;
    overflow: hidden !important;
  }

  body#bestellung a.logo {
    height: 90px !important;
    position: relative !important;
  }

  body#bestellung div.logo {
    width: 160px !important;
    min-width: 160px !important;
    height: 80px !important;
  }

  body#bestellung img.logo {
    width: 160px !important;
  }

  a.logo img {
    max-width: none !important;
  }

  #eKomiSeal {
    display: none !important;
  }

  /*
  nav.cnt2-menutop {
    padding: 0 !important;
    display: none !important;
  }
  */

  body>div.cntmain0>div {
    width: 100% !important;
  }


  footer.ftrup,
  div.cntmain1>aside {
    display: none !important;
  }

  footer.ftrlo {
    position: relative !important;
    text-align: center !important;
    height: 100%;
  }

  body>footer.ftrlo>* {
    width: 100% !important;
  }

  footer.ftrlo nav {
    padding: 10px 0 !important;
  }

  footer.ftrlo a {
    display: block;
  }

  body>footer>* {
    min-width: 300px !important;
  }

  div.cntmain0 {
    background-color: #fff !important;
    padding: 10px !important;
    padding-top: 0 !important;
  }

  div.cntmain0 div.cntmain1 {
    padding: 0 !important;
  }

  div.cntmain2 {
    width: 100% !important;
    box-shadow: none !important;
    background-color: transparent !important;
    border-right: none !important;
  }

  div.cntmain2>main {
    width: 100% !important;
    min-width: 200px !important;
    margin-bottom: 20px !important;
  }

  div.cntmain2>aside {

    float: left !important;
    width: 100% !important;
  }

  main {
    margin-top: 0 !important;
  }

  main>div {
    margin: 10px !important;
  }

  div.cnt4-breadcrumb {
    background: none !important;
    padding: 0 !important;
    border-bottom: 1px solid #ddd !important;
    padding-bottom: 5px !important;
  }

  div.row>* {
    float: none !important;
  }

  .imgscroll {
    display: none !important;
  }

  main h1.product {
    width: 100%
  }

  div.images {
    width: 100% !important;
  }

  div.pdata {
    width: 100% !important;
    margin-bottom: 10px !important;
    border: none !important;
  }


  div.product>div.row>div {
    margin-right: 0 !important;
  }


  div.products div.pfunctions {
    float: none !important;
  }

  div.pfunctions a {
    width: 95% !important;
    padding: 0 !important;
    height: 50px !important;
    line-height: 50px !important;
    font-size: 1.3em !important;
  }

  td.warenkorbput input.button {
    width: 100% !important;
    padding: 0 !important;
    text-shadow: none !important;
    font-size: 1.5em !important;
    margin-top: 20px !important;
  }

  td.warenkorbput span.ui-spinner,
  td.warenkorbput input.button {
    height: 50px !important;
    line-height: 50px !important;
  }

  #eKomiGate_widget,
  .rating {
    /*display: none !important;*/
  }

  /* Warenkorb */

  #bestellung td,
  #bestellung th:first-child {
    display: block !important;
  }


  div.rladdr {
    overflow: initial !important;
  }

  div.rladdr>div {
    width: 100% !important;
    border: none !important;
  }

  .sc-artikel .pic {
    margin: 0 auto !important;
  }

  .sc-artikel>tbody>tr>th {
    display: none !important;
  }

  table.bestell-settings input,
  table.bestell-settings select,
  body#bestellung #zahlungsinfo,
  .sc-artikel th,
  .sc-artikel textarea,
  body#bestellung footer.ftrlo nav {
    width: 95% !important;
  }

  .kdeingabe textarea {
    width: 100%;
  }

  img#productrate {
    margin: 10px 0;
  }

  table.bestell-settings input.checkbox,
  table.bestell-settings input.info {
    width: 30px !important;
    height: 30px !important;
  }

  table.bestell-settings td {
    display: block;
  }

  body#bestellung table.orderprogress {
    width: 100%;
  }

  body#bestellung table.orderprogress td {
    width: 100%;
  }

  body#bestellung>div.cntmain0>div {
    width: 90% !important;
  }

  body#bestellung div.cntmain2 {}

  body#bestellung div.cntmain2>main {
    width: 95% !important;
  }

  body#bestellung #artlisthead th {
    display: none !important;
  }

  body#bestellung #artlisthead th:first-child {
    display: block !important;
  }

  table.sc-artikel td.num::before {
    content: attr(basket-label);
    display: block;
    font-weight: bold;
  }


  table td.addresslist a,
  div.lieferadressen>a {
    width: auto;
  }

  table.blogin {
    width: 100%;
  }

  div.productlistw>table td {
    display: block !important;
  }

  div.productlistw>table td.price>div,
  div.productlistw>table td.price>div *,
  div.productlistw>table td.img {
    text-align: left !important;
  }


  .contenttext table td {
    display: block !important;
    width: 100% !important;
  }

  table.konfigurator td {
    border-bottom: 1px solid #ddd;
  }


  .contenttext table {
    width: 100% !important;
    border-spacing: 0px;
    border-collapse: separate;
  }

  .contenttext iframe {
    width: 100% !important;
    border: none;
  }

  .two-col .col-1,
  .two-col .col-2 {
    width: 100% !important;
  }

  div.dlgbox {
    width: 100% !important;
    margin-left: 0 !important;
    left: 0 !important;
  }

  #wowslider-container1 .ws-title {
    font: 1em Arial !important;
  }

  div.search {
    width: 100% !important;
    border-radius: 3px !important;
  }

  div.search>div {
    margin-bottom: 0 !important;
  }

  div.search>div>input {
    width: 80% !important;
  }

  div.search>div>input.btnsearch {
    width: 18% !important;
  }

  /* Mobile Menü */

  div.cnt0-menutop {
    min-width: 320px !important;
    top: 80px;
  }

  nav.cnt2-menutop div {
    overflow: initial;
    padding: 0;
    float: none;
  }

  nav.cnt2-menutop>ul.mobile {
    margin: 0;
    height: 60px;
  }


  nav.cnt2-menutop>ul.mobile a {
    padding-left: 15px;
    color: #000 !important;
  }

  nav.cnt2-menutop>ul.mobile>li {
    position: absolute !important;
    width: 100% !important;
    background: #333 !important;
  }

  nav.cnt2-menutop>ul.mobile>li>a {
    background: #333;
    color: #fff !important;
    padding: 10px;
    width: 35px;
    height: 40px;
    display: block;
    text-align: center;
  }


  nav.cnt2-menutop>ul>li>ul>li {
    border-bottom: 1px solid #ccc;
  }

  nav.cnt2-menutop>ul.mobile>li>ul>li>a {
    display: block !important;
    background: #fff;
    text-transform: uppercase;
  }


  nav.cnt2-menutop>ul.mobile>li>ul {
    margin: 0;
    background-color: #fafafa;
    box-shadow: 0px 5px 10px 0px rgba(170, 170, 170, 1) !important;
  }

  nav.cnt2-menutop>ul.mobile>li.suche {
    width: 80% !important;
    padding-left: 10px;
    padding-top: 11px;
    margin-left: 50px !important;
  }


  nav.cnt2-menutop ul.menuright {
    display: none;
  }


  nav.cnt2-menutop>ul.mobile>li>ul>li>ul {
    font-size: 1em;
    margin: 0;
  }

  nav.cnt2-menutop>ul.mobile>li>ul>li>ul>li {
    padding: 0;
  }

  nav.cnt2-menutop>ul.mobile>li>ul>li>ul>li>a {
    color: #000 !important;
    font-weight: normal;
    padding: 7px 0;
    padding-left: 20px;
    display: block;
    border-top: 1px solid #ccc;
  }

  form[name=prodlist] {
    overflow-x: scroll;
  }

  td.num {
    text-align: left;
  }

  div.cnt4-catlist>a {
    border-bottom: 1px solid #ddd !important;
    float: none !important;
    width: 100% !important;
  }

  div.cnt4-catlist>a:hover {
    border-bottom: 1px solid #ddd !important;
  }


  #artzusatzinfo {
    width: 100%;
    height: 250px;
    max-width: 375px;
    max-height: 250px;
    background-image: url(https://imgcdn.industry-electronics.net/shopimg/disclaimer-de-sm.gif);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }

  .product-description .syn_container td {
    display: block;
  }

  form[name="prodlist"]>table>tbody>tr:first-child {
    display: none;
  }

  form[name="prodlist"] table.styled td {
    display: block;
  }

  .responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    /* Default for 1600x900 videos 16:9 ratio*/
    padding-top: 0px;
    height: 0;
    overflow: hidden;
  }

  #top-bar {
    display: none;
  }

  div.linkindex div.row>div {
    width: 100%;
  }

  table.login {
    width: 100%;
  }

  table.login input {
    width: 90% !important;
  }

  table.login input[type="submit"] {
    width: 100% !important;
    padding: 12px 20px !important;
  }

  table.login .checkbox {
    width: auto !important;
  }

  table.login td {
    display: block;
    text-align: left !important;
  }

  .productlinks a {
    width: 89%;
    margin-right: 0;
    margin-top: 0;
  }

  .hstliste li {
    width: 90%;
  }



}

/* @media print {
  
  body {
  	width: 19cm;
  	padding: 0;
  }
  
  body > div, header, footer { width: 90%; margin: 0 auto; }
  
  * {
  font-size: 12pt !important;
  line-height: 14pt;
  margin: 0;
  padding: 0;
  }
  
  a {
    color: #000;
  }
  
  
  body > div.cntmain0 > div, body > div > nav, body > footer.ftrlo > *, div.cntmain2, #artzusatzinfo, footer.ftrup nav, body > footer.ftrup > div {
    width: 100% !important;
  }

  #top-bar, .arearight, .areamid, .ftrlo, .cnt0-menutop, div.cntmain1 > aside, .cnt4-breadcrumb, .productlinks, .pfunctions, div.pdata table tr:last-child, .pdata img, footer.ftrup nav, footer.ftrup strong.h {
    display: none;
  }
  
  
    a.logo {
    width: 200px;
    overflow: hidden;
  }
  
  header {
    height: 100px !important;
  }
  
  main h1, main h2 {
    color: #000;
    line-height: 1.2em;
  }
  
  footer a[href]:after {
  content:" <https://industry-electronics.de"attr(href)">";
  background-color: inherit;
  color: #369;
  font-style: italic;
  }

  
  div.cntmain2 {
    border-right: none !important;
  }
  
  div.images, div.pdata {
    width: 50%;
    max-width: 100% !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
  }
  
  div.pdata div.price span {
    font-size: 1.2em !important;
  }
  
  div.pdata td {
    max-width: 100%;
  }
  
  div.pdata table {
    width: 100%;
  }
  
  .brutprice::after {
    content: " zzgl. Versandkosten";
  }
  
  div.product > div.row > div {
    margin-right: 0;
  }
  
  #artzusatzinfo {
    background-image: none;
  }
  
  #artzusatzinfo::before {
    content: "!";
    color: #f00;
    font-size: 40pt;
    float: left;
    margin-right: 10px;
    font-weight: bold;
    line-height: 40pt;
  }
  
  #artzusatzinfo::after {
    content: "Bitte beachten Sie, dass wir ausschließlich an gewerbliche Kunden, Wiederverkäufer und öffentliche Einrichtungen liefern. Unser Angebot ist nicht für Privatpersonen bestimmt! Die genannten Preise verstehen sich zzgl. der gesetzlichen MwSt. und zzgl. Versandkosten!";
  }
  
    footer.ftrup  {
   background: none;
      padding: 0;
  }
  
  
  footer.ftrup nav:first-child {
   display: inline-block !important;
  }
  
  footer.ftrup strong.h::before {
    content: "Weiterführende Links";
    display: inline-block;
  }
  


  }*/