.cs-topPages .cs-informationsHeader, .cs-mobileCategorys .cs-mobileCategorysHeader, .cs-compareHeader {font-weight: 300;font-size: 1.1rem;color: #000;background: #fff;border: 1px solid #000;}   /* MenuKategorie Hintergrundfarbe */
.cs-box {max-width: 120em;}
.cs-kb {font-weight: 300;color: #111;margin-bottom: 10px;}


.cs-topBar {position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;}
body {padding-top: 120px;}

html body .cs-miniwk span {font-size: 12px !important;}

html body ul.cs-artikelproperties {list-style: none;margin: 0;padding: 0;font-weight: 300;}
html body ul.cs-artikelproperties li {display: none;font-weight: 300;color: #262626;font-size: 0.8rem;}
html body .cs-propNew ul.cs-artikelproperties li:last-of-type {display: block;}
html body .cs-articleRightBox > ul.cs-artikelproperties li:first-of-type {display: block;}
html body .cs-propNew {margin-top: 0px;font-weight: 300;}/*VE text Detailseite*/
html body .cs-mobileCategorys ul li svg {rotate: -90deg;}
html body .cs-mobileCategorys ul li.cs-backMenu svg {rotate: 0deg;}
html body .cs-mobileCategorys > ul.cs-categories1 > li,
html body .cs-mobileCategorys ul li .cs-menuItem {max-width: 100%;}

html body.esl-hinterstecker-2-6-zoll-htm .cs-articleDetail .cs-executionBox {margin: 2em 0;width: 170%;}
html body.galgen-eckig-htm .cs-articleDetail .cs-executionBox {margin: 2em 0;width: 170%;} /*Auswahlbox breiter*/


html body {font-family: 'Poppins', sans-serif;font-weight: 400;color: #000000;font-size: 0.875rem;line-height: 1.5;letter-spacing: -.01em;}



/* cosmoshop - category defined styles - pw 
html body.obst-gemuese .cs-topBar {background: #F5F5F5;}
html body.obst-gemuese .cs-categoriesBox {background: #50b374;}*/

/*In Vusion Rubrikbild anderer Rubriktexte als im Menu*/

html body.esl-vusion---elektr--preisauszeichung .ac-nf[title="Halterungen Aufsteller"]::after {
    content: " - Vusion 9.7 / 12.2"; /* Fügt den neuen Text hinzu */
    visibility: visible;} /* Macht den neuen Text sichtbar */

html body.esl-vusion---elektr--preisauszeichung .ac-nf[title="Bedientheke"]::after {
    content: " - Vusion"; 
    visibility: visible;} 

html body.esl-vusion---elektr--preisauszeichung .ac-nf[title="Basics Zubehör"]::after {
    content: " - Vusion"; 
    visibility: visible;} 

html body.esl-vusion---elektr--preisauszeichung .ac-nf[title="Werbemittel"]::after {
    content: " - Vusion"; 
    visibility: visible;} 

html body.esl-vusion---elektr--preisauszeichung .ac-nf[title="Getränke"]::after {
    content: " - Vusion 7.4 Zoll"; 
    visibility: visible;} 

html body.esl-vusion---elektr--preisauszeichung .ac-nf[title="Obst & Gemüse"]::after {
    content: " - Vusion 4.2 Zoll"; 
    visibility: visible;} 

/*In Hanshow Rubrikbild anderer Rubriktexte als im Menu*/

html body.esl-hanshow---elektr--preisauszeichung .ac-nf[title="Halterungen Aufsteller"]::after {
    content: " - Polaris-Nebular"; /* Fügt den neuen Text hinzu */
    visibility: visible;} /* Macht den neuen Text sichtbar */

html body.esl-hanshow---elektr--preisauszeichung .ac-nf[title="Obst & Gemüse"]::after {
    content: " - Polaris-Nebular 4.2 Zoll"; 
    visibility: visible;} 

html body.esl-hanshow---elektr--preisauszeichung .ac-nf[title="Getränke"]::after {
    content: " - Polaris-Nebular 7.5 Zoll"; 
    visibility: visible;}

html body.esl-hanshow---elektr--preisauszeichung .ac-nf[title="Bedientheke"]::after {
    content: " - Polaris-Nebular"; 
    visibility: visible;}

html body.esl-hanshow---elektr--preisauszeichung .ac-nf[title="Basics Zubehör"]::after {
    content: " - Polaris-Nebular"; 
    visibility: visible;} 

html body.esl-hanshow---elektr--preisauszeichung .ac-nf[title="Werbemittel"]::after {
    content: " - Polaris-Nebular"; 
    visibility: visible;} 


/*In SOLUM Rubrikbild anderer Rubriktexte als im Menu*/

html body.esl-solum---elektr--preisauszeichung .ac-nf[title="Halterungen Aufsteller"]::after {
    content: " - SoluM"; /* Fügt den neuen Text hinzu */
    visibility: visible;} /* Macht den neuen Text sichtbar */

html body.esl-solum---elektr--preisauszeichung .ac-nf[title="Obst & Gemüse"]::after {
    content: " - SoluM 4.2 Zoll"; 
    visibility: visible;} 

html body.esl-solum---elektr--preisauszeichung .ac-nf[title="Getränke"]::after {
    content: " - SoluM 7.5 Zoll"; 
    visibility: visible;}

html body.esl-solum---elektr--preisauszeichung .ac-nf[title="Bedientheke"]::after {
    content: " - SoluM"; 
    visibility: visible;}

html body.esl-solum---elektr--preisauszeichung .ac-nf[title="Basics Zubehör"]::after {
    content: " - SoluM"; 
    visibility: visible;} 

html body.esl-solum---elektr--preisauszeichung .ac-nf[title="Werbemittel"]::after {
    content: " - SoluM"; 
    visibility: visible;} 


html body.cs-body .cs-button1 {font-size: 0.8rem;font-weight: 600;color: #fff;padding: 18px 20px;}/* in den Warenkorb Button*/

#staffelrechner_summe {font-size: 0.8rem;font-weight: 600;color: #262626;}


footer .cs-footerRow.top {background: #f5f5f5;}


/*Navigation startseite unterer Block*/

/* Tabelle */
.bereiche_tabelle_1 {
  width: 871px;
  margin: 0 auto;
  margin-left: 220px;   
  margin-right: auto;
  border-collapse: separate;
  border-spacing: 16px 0;
  font-family: Poppins, sans-serif;
  color: #262626;
}

/* Spalten */
.marktbereiche_1,
.preisauszeichnung_1 {
  background: #ffffff;
  padding: 16px;
  vertical-align: top;
}

/* Überschriften */
.marktbereiche_head_1,
.preisauszeichnung_head_1 {
  font-size: 0,85rem;
  font-weight: 300;
  color: #8f8a8a;
  margin-bottom: 6px;
}

/* Links – MARKTBEREICHE */
.marktbereiche_link_1 {
  display: block;
  font-size: 1.0rem;
  font-weight: 600;
  color: #262626;
  text-decoration: none;
  margin-bottom: 15px;
  line-height: 1.05;
}

/* Links – PREISAUSZEICHNUNG */
.preisauszeichnung_link_1 {
  display: block;
  font-size: 1.0rem;
  font-weight: 600;
  color: #262626;
  text-decoration: none;
  margin-bottom: 15px;
  line-height: 1.05;
}

/* letzter Link ohne Abstand */
.marktbereiche_link_1:last-child,
.preisauszeichnung_link_1:last-child {
  margin-bottom: 0;
}


/* Standardmäßiger Stil für Links in der Tabelle */
.marktbereiche_link_1, .preisauszeichnung_link_1 {
    color: #000; /*Text */
    text-decoration: none; /* Unterstreichung */
    padding: 5px 10px; /*  Abstand um den Text */
    transition: background-color 0.3s ease; /* Sanfte Übergänge */
}

/* Hover-Effekt für Links in der linken Spalte (Marktbereiche) */
.marktbereiche_link_1:hover {
    background-color: #aed6eb; 
}

/* Hover-Effekt für Links in der rechten Spalte (Preisauszeichnung) */
.preisauszeichnung_link_1:hover {
    background-color: #f0f0f0; 
}