html { padding: 0; }
body { font: normal 16px Arial, Helvetica, sans-serif; color: black; background-color: #EEEEEE; margin: 0; padding: 0; overflow-y: scroll; }
    body.edit { color: black; background-color: #FFFFFF; margin: 20px; padding: 0; min-width: 800px; }
    body.explorer { font-family: Arial,Helvetica; /*font-size: 9pt;*/ color: #000000; text-decoration: none; margin: 20px; background-color: #dddddd; }

/* ***** Farben ***** */
/* Gerstaecker: Rot: #E3010F, Hellgrau: #DEDEDE, Mittelgrau: #959595, Dunkelgrau: #605D5C */


/* Grundgerüst */
#wrapper { background-color: White; text-align: left; margin: auto; padding: 0px; position: relative; }
#header {
  background-color: White;
  min-height: 100px; /*border-bottom: 1px solid #CCCCCC;*/
  position: relative;
}
#main { /*background: url('images/main.gif') repeat-y;*/
  background-color: White;
  position: relative;
  min-height: 300px;
}
#navi { /*width: 25%; float: left;*/ position: relative; margin: 0; /*padding: 20px 5px 10px 0px */}
#content { /*float: left;*/ position: relative; margin: 0; /*padding: 20px 20px 20px 20px; width: 70%;*/ }
#footer {
  background-color: White;
  font-size: 8pt;
  color: #666666;
/*  height: 20px;
*/  border-top: 1px solid #CCCCCC;
  position: relative;
  clear: both;
/*  padding: 5px 10px 0 10px;
*/}
#HL_Logo img{ max-width:250px; width:100%;}
.Bild {
  margin: 0 15px 15px 0;
  padding: 0px;
  float: left;
  max-width: 50%;
}
    .Bild img { width: 100%; }
.d_Artikeldaten {  }
/* 250px breit */
#WrapperSearch { /*margin-top: 10px; padding: 10px 0px 10px 0px; */  }
#div_Search { border: 1px solid #000; margin: 5px 5px 5px 5px; overflow: hidden;  }
#IB_Suchen{margin-top:5px;}
#T_Suchen { font-size: 1.5em; padding: 10px; width: 250px; border: none; }
#divWarenkor_b {
  margin-top: 25px;
  float: left;
  width: 15%;
}
#divMerklist_e, #divMerklisteK {
  margin-top: 25px;
  float: left;
  width: 13%;
}
#bildWarenkorb{margin-right:10px;}
/* 530px breit */
#logo { margin: 0; /*float: left; width: 25%; */}
/* 200px breit */

.weiss { color: #FFFFFF; }

.button { background-color: #DEDEDE; color: #000000; }

h1 {
  font-size: 1.6rem;
  margin: 0.7rem 0 0.7rem 0;
  font-weight: bold;
}
h2 {
  font-size: 1.4rem;
  margin: 0.7rem 0 0.7rem 0;
  font-weight: bold;
}

h3 {
  font-size: 1.1rem;
  margin: 0.7rem 0 0.7rem 0;
  font-weight: bold;
}


p { margin: 7px 0 7px 0; line-height:1.2rem;
}
ul {
  margin: 0 0 0 1.2rem;
  padding: 0;
}
li { margin: 0; padding-bottom: 5px; }

div.navi0 { font: /*normal 9pt*/ Helvetica, Arial, sans-serif; color: black; margin: 5px 5px 0 10px; }
div.navi1 { font: /*normal 9pt*/ Helvetica, Arial, sans-serif; color: black; margin: 0px 5px 0 10px; }
div.hierarchie { font: /*normal 9pt*/ Helvetica, Arial, sans-serif; color: black; margin: 0px 5px 0 0; }
div.navi3 { font: /*normal 8pt */Helvetica, Arial, sans-serif; color: black; margin: 0px 5px 0 10px; }

table.tabelle { background-color: #CCCCCC; width: 100%; }
/* Artikelliste */
tr.zeile0 { background-color: #605D5C; }
/* Tabellenüberschriften */
tr.zeile1 { background-color: #DEDEDE }
/* Datenzeilen */
td.zelle0 { font: bold /*9pt*/ Helvetica, Arial, sans-serif; color: white; }
/* Tabellenüberschriften */
td.zelle1 { background-color: #FFFFFF }
/* weiße Zelle für Bilder */
td.zelle2 { background-color: #DEDEDE }
/* farbige Zelle für Bilder */

span.titel { font-weight: bold; color: #E3010F; }
span.titel2 { font-weight: bold; color: #ffffff; }

.navi li { padding: 2px 0; margin: 0 0 0 10px; list-style-type: none; }
    .navi li.aktiv a { color: #000; text-decoration: none; }
    .navi li a { color: #666; text-decoration: none; }
        .navi li a:hover { color: #000; text-decoration: underline; }
input.suche { text-align: left; /*font-size: 9pt;*/ width: 100px; }

a.normal { font-family: Arial,Helvetica; /*font-size: 9pt;*/ font-weight: normal; color: #000000; text-decoration: underline; }
    a.normal:visited { font-family: Arial,Helvetica; /*font-size: 9pt;*/ font-weight: normal; color: #000000; text-decoration: underline; }
    a.normal:active { font-family: Arial,Helvetica; /*font-size: 9pt;*/ font-weight: normal; color: #000000; text-decoration: underline; }
    a.normal:hover { font-family: Arial,Helvetica; /*font-size: 9pt;*/ font-weight: normal; color: #000000; text-decoration: underline; }
    a.normal:link { font-family: Arial,Helvetica; /*font-size: 9pt;*/ font-weight: normal; color: #000000; text-decoration: underline; }

a.active { font-family: Arial,Helvetica; /*font-size: 8pt;*/ font-weight: bold; color: #E3010F; text-decoration: underline; }
    a.active:visited { font-family: Arial,Helvetica; /*font-size: 9pt;*/ font-weight: bold; color: #E3010F; text-decoration: underline; }
    a.active:active { font-family: Arial,Helvetica; /*font-size: 9pt;*/ font-weight: bold; color: #E3010F; text-decoration: underline; }
    a.active:hover { font-family: Arial,Helvetica; /*font-size: 9pt;*/ font-weight: bold; color: #E3010F; text-decoration: underline; }
    a.active:link { font-family: Arial,Helvetica; /*font-size: 9pt;*/ font-weight: bold; color: #E3010F; text-decoration: underline; }

a.klein { font-family: Arial,Helvetica; /*font-size: 8pt;*/ font-weight: normal; color: #000000; text-decoration: underline; }
    a.klein:visited { font-family: Arial,Helvetica; /*font-size: 8pt;*/ font-weight: normal; color: #000000; text-decoration: underline; }
    a.klein:active { font-family: Arial,Helvetica; /*font-size: 8pt;*/ font-weight: normal; color: #000000; text-decoration: underline; }
    a.klein:hover { font-family: Arial,Helvetica; /*font-size: 8pt;*/ font-weight: normal; color: #000000; text-decoration: underline; }
    a.klein:link { font-family: Arial,Helvetica; /*font-size: 8pt;*/ font-weight: normal; color: #000000; text-decoration: underline; }

#footer a,
#footer a:visited,
#footer a:active,
#footer a:hover,
#footer a:link {/* font-size: 8pt;*/ color: #666666; }


.teaser-list { width: 180px; margin-bottom: 15px; margin-right: 23px; float: left; min-height: 370px; }
.list-description { width: 185px; }

.ArtikelTeaser { /*min-width: 250px; width: 30%;*/ min-height: 220px; /*float: left; padding: 5px; margin: 8px; border: 1px solid gray*/ }
    .ArtikelTeaser img { width: 90%; margin: 5%; }
  .ArtikelTeaser h2, .ArtikelTeaser h3 {
    width: 90%;
    margin: 0 5%;
  }

    .ArtikelTeaser a { text-decoration: none; color: black; }
#ArtikellisteDetails { clear: both; width: 100%; }

#divfeatures { background-color: #9a9a9a; padding: 6px; margin: 10px 0; color: white; overflow: hidden; }
    #divfeatures select { padding: 5px;width:100%; margin-top:5px; }
    #divfeatures .Filerbox { width: 22%; float: left; padding: 5px; margin: 5px; border: solid 1px #fff; overflow: hidden; }
.clear { clear: both; margin-top:20px; }
.w100 { width: 100%; }
.w25 { width: 25%; }
.w50 { width: 50%; }
.w75 { width: 75%; }
.fl { float: left; }
.tar { text-align: right; }
.PagingDiv {clear:both; /*height: 20px;*/ background-color: #9a9a9a; padding: 6px; margin: 10px 0; color: white; overflow:hidden;}
    .PagingDiv a { color: white; }

.detailsartikelnummer { display:inline-block; border-bottom: 1px gray dotted; position:relative; width:100%; }
  .detailsartikelnummer p { /*float:left;*/
    margin: 22px 0 0 0;
  }
  .detailsartikelnummer img { /*float:left;*/
    margin: 22px 0;
  }
    .detailsartikelnummer .Artikel{ width:70%; float:left;}
    .detailsartikelnummer .Preis { width: 30%; float: left; }
    .detailsartikelnummer .Preis p { min-width: 140px; float: left; margin-right:10px; text-align:right;}
        .detailsartikelnummer input.mengeDetails { width: 40px; margin-top: 18px; float:left; }
    .detailsartikelnummer input.image { margin-top: 15px; float:left;}
    .detailsartikelnummer image { width: 40px; float:left; margin:10px;}
.pPreis { font-weight: bold; text-align: right; }
.d_az_menge { margin-top: -3px; text-align: right; position:relative; }

a.WarenkorbLink { font-family: Arial,Helvetica; /*font-size: 9pt;*/ font-weight: normal; color: #000000; text-decoration: none; }
    a.WarenkorbLink:visited { font-family: Arial,Helvetica; /*font-size: 9pt;*/ font-weight: normal; color: #000000; text-decoration: none; }
    a.WarenkorbLink:active { font-family: Arial,Helvetica; /*font-size: 9pt;*/ font-weight: normal; color: #000000; text-decoration: none; }
    a.WarenkorbLink:hover { font-family: Arial,Helvetica; /*font-size: 9pt;*/ font-weight: normal; color: #000000; text-decoration: none; }
    a.WarenkorbLink:link { font-family: Arial,Helvetica; /*font-size: 9pt;*/ font-weight: normal; color: #000000; text-decoration: none; }
#breadcrumb { margin: 0px 0px 20px 0; /*border-bottom: 1px solid #9a9a9a;*/ padding-bottom:10px;}

.MerklilsteTeaser {
/*  width: 100%;
  display: inline-block;
  border: 1px gray solid;
  margin: 0 0.5% 1% 0;
*/}

  .MerklilsteTeaser input.mengeWarenkorb {
    width: 80px;
    padding: 5px;
    margin-top: 1px;
    float: left;
  }


.warenkorbTeaser{
    /*width:100%;*/
    display:inline-block;
    /*border:1px gray solid;*/
    margin-bottom:10px;
}
  .warenkorbTeaser input.mengeWarenkorb, .mengeDetails {
    width: 80px;
    padding: 5px;
    margin-top: 1px;
    float: left;
  }

.warenkorbBild{
    /*margin:10px;*/
}
.warenkorbArtikelangaben {
  /*margin: 10px 10px 10px 170px;*/
}
.warenkorbArtikelangaben p { margin-bottom: 8px; }
#P_Lieferadresse p{margin-top:10px; }
#P_Lieferadresse input { width: 300px; }
#P_Lieferadresse #TB_Ort { width: 245px; }
#P_Lieferadresse #TB_PLZ { width: 40px; }
.ErrorMessage{color:red; margin:5px;}
.ErrorMessage::before{content:"\A"; white-space:pre;}
input.textbox { padding: 3px; margin-top: 5px; }
.DetailLink { font-size: 1.2em; font-weight: bold; margin: 20px 0 10px; }
    .DetailLink a { text-decoration: none; color: black; }
.PreisWarenkorb{font-size:1.2em; line-height:2rem;}
.MengeWarenkorb { display:inline-block; margin-bottom:7px;}

/*Adminbereich*/
.bt{width:115px; margin:10px 0 0 0; }
.bt_upload { border: 1px solid #fff; width: 100%; }
#div_AdminMenue { background-color: #a3a3a3; display: inline-block; width: 1200px; }

#div_AdminMenue ul{list-style:none;}
    #div_AdminMenue ul li { float:left; margin:10px; }
        #div_AdminMenue ul li a { display: block; color: #fff; text-decoration: none; }
        #div_AdminMenue ul li a:active { display: block; color: #fff; text-decoration: underline; }

#div_AdminWrapper {
  width: 1178px;
  border: 1px solid #a3a3a3;
  padding: 10px;
  min-height: 500px;
  display: flow-root;
}
    #div_AdminWrapper select, #div_AdminWrapper input[type="text"] { padding: 5px; }
    #div_AdminWrapper .feldbezeichnung { width: 250px; float: left; margin-top:15px; }
    #div_AdminWrapper .feldeingabe { width: 400px; float: left; margin-top: 10px; }
    #div_AdminWrapper .bt { width: 115px; padding:4px; margin: 10px 0 0 0; font-size: 12px; }
    #div_AdminWrapper .bt:hover { color:#9a9a9a; }
    #div_AdminWrapper #div_EditBenutzer{ width: 575px; margin:0 28px; float: left; border-right:dashed 1px #9a9a9a; }
    #div_AdminWrapper #div_ImportBenutzer { width: 475px; float: left; }

.imageIBW {
  padding: 1px 8px 0 8px;
  height: 34px;
}
.imagemerkliste {
  height: 34px;
}
.div_rEV{
}

.rEV {
  color: red;
}

.btn {
  padding: 5px;
}
.btn:hover {
  cursor:pointer;
}

.btn-primary {
  --bs-btn-color: #000;
  --bs-btn-bg: #DEDEDE;
  --bs-btn-border-color: #DEDEDE;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #E2010E;
  --bs-btn-hover-border-color: #E2010E;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
  .d-none {
  display: none;
}

input:focus {
  outline: none;
  border: none;
}

/*.rEV::before {
  content: "\A";
  white-space: pre;
}*/