#colorbox, #cboxOverlay, #cboxWrapper {
	position:absolute;
	top:0;
	left:0;
	z-index:9999;
	overflow:hidden;
}
#cboxOverlay {
	position:fixed;
	width:100%;
	height:100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
	clear:left;
}
#cboxContent {
	position:relative;
	overflow:visible;
}
#cboxLoadedContent {
	overflow:hidden;
}
#cboxLoadedContent iframe {
	display:block;
	width:100%;
	height:100%;
	border:0;
}
#cboxTitle {
	margin:0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor:pointer;
}
#cboxOverlay {
	background:#000000;
}
#colorBox {
}
#cboxContent {
	background:#ffffff;
}
#cboxLoadedContent {
	background:#ffffff;
	padding:8px;
	margin-bottom:30px;
}
#cboxLoadingGraphic {
	background:url('grafiken/ajax.gif') center center no-repeat;
}
#cboxLoadingOverlay {
	background:#ffffff;
}
#cboxTitle {
	position:absolute;
	bottom:3px;
	left:0;
	text-align:center;
	width:100%;
	color:#000000;
}
#cboxCurrent {
	position:absolute;
	bottom:3px;
	left:200px;
	color:#000000;
}
#cboxSlideshow {
	position:absolute;
	bottom:3px;
	right:42px;
	color:#000000;
}
#cboxPrevious {
	position:absolute;
	bottom:3px;
	left:10px;
	color:#000000;
}
#cboxNext {
	position:absolute;
	bottom:3px;
	left:63px;
	color:#000000;
}
#cboxClose {
	position:absolute;
	bottom:3px;
	right:20px;
	display:block;
	color:#000000;
}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

img#stern4_1 { display:inline; }
img#stern4_2 { display:inline; }
img#stern4_3 { display:inline; }
img#stern4_4 { display:inline; }
img#stern4_5 { display:inline; }

#bestellung_senden_formular {
	border:solid 1px #BCB600;
	background-color:#FFFDBA;
	padding:8px;
}

.galerieansicht {
  border-bottom:1px solid #eeeeee;
  margin-bottom:8px;
  padding-top:10px;
  height:770px;
  background-color: #eeeeee;
  border: 4px solid #ffffff;
  border-bottom: 2px solid #ffffff;
}

fieldset {
  padding:8px;
}

fieldset label legend {
  width:auto;
  text-align:left;
}

.logobg {
  background-color:#fff;
}

@media screen and (min-width:769px) {
    .logobg {
      background-color:#fff;
      /* background-image:url('../abbildungen/ctd_oben-hintergrund.jpg'); */
	  padding:0.3em;
    }
}

@media screen and (max-width:768px) {
    .logobg {
      background-color:#fff;
      background-image:none;
    }
}

#oben {

}

#toplogo.s-12 {
  text-align:center;
}

.sektion_oben {
  padding-top:8px;
  padding-bottom:8px;
  
  border-top: 1px solid #eeeeee;
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  
  background-color:#fafafa;
}

.sektion_mitte {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  padding:8px;
}

.sektion_unten {
  border-left: 1px solid #eeeeee;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  margin-bottom: 20px;
}

.gross
{
  font-weight:bold;
}
.gross a:link, a:visited, a:hover, a:active
{
  text-decoration:none !important;
}

#zeile2container2 {
	text-align:right;	
}


@media screen and (min-width:900px) {
  #topinfo1 {
    display:block;
    visibility:visibile;
  }

  #topinfo2 {
    font-size:85%;
    color:#fff;
    text-align:right;
    display:block;
    visibility:visibile;
  }

  #zeile2container1 {
    display:block;
    visibility:visibile;
  }  
  
  #zeile2container2 {
	position: relative;
    top: -60px;
	text-align:right;
  } 
  
}

@media screen and (max-width:899px) {
  #topinfo1 {
    display:block;
    visibility:visibile;
  }

  #topinfo2 {
    font-size:85%;
    color:#fff;
    text-align:right;
    display:none;
    visibility:hidden;
  }

  #zeile2container1 {
    display:block;
    visibility:visibile;
  }

  #zeile2container2 {
	  text-align:right;
  } 
  
}

@media screen and (max-width:768px) {
  #topinfo1 {
    display:none;
    visibility:hidden;
  }

  #topinfo2 {
    font-size:80%;
    color:#fff;
    text-align:right;
    display:none;
    visibility:hidden;
  }
  
  #zeile2container1 {
    display:none;
    visibility:hidden;
  } 
  
  #zeile2container2 {
	  text-align:center;
  } 
  
}

.kleinresponsiv {
  font-size:80%;
}

    font-weight: bold;
    color: #0E4F81;
}

#slogan2 {
    font-size: 120%;
}

.topiconcontainer {
	margin-top:20px;
}

.topicon {
	margin:1em;
	text-align:center;
	float:right;
	max-width:100px;
}

#unterhalb {
	background-color:#f4f4f4;
}

.detailtext {
	margin: 0.2em 0 0.2em 0;
	background-color:#e8e8e8;
	font-weight: normal;
	padding:5px;	
}

.detailueberschrift {
	background-color:#ffffff;
	padding:5px;
}

#volltextsuchekopf {
	text-align:right;
	margin-top: 15px;
}

#ajaxautocomplete_kopfoben {
  height: 31px;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  vertical-align: middle;
}

#Artikeldetails {
  background-color:#ECF6F1;
  padding:1em;
}

#obenzeile2 {
	padding-top:0.25em !important;
	padding-bottom:0.25em !important;
	color:#888;
	/* background-color: #F0F0F0; */
}

#zeile2container1 {
	font-size:90%;
	font-weight:bold;
	font-style:italic;
}

.top-nav {
	/* background-color:#006400; */
	/* background-color:#008000; */
	/* border-bottom:8px solid #fff; */
	margin-bottom: 1rem;
	border-bottom: 1px solid silver;
	padding-bottom: 0.4rem;
}

/* --------------------------------------------- */
/*  Text Scroller                                */
/* --------------------------------------------- */
.holder { 
  background-color:#eee;
  /* width:300px; */
  /* height:250px; */
  overflow:hidden;
  padding:10px;
  /* font-family:Helvetica; */
  max-height:214px;
}
.holder .mask {
  position: relative;
  left: 0px;
  top: 10px;
  width:300px;
  height:240px;
  overflow: hidden;
}
.holder ul {
  list-style:none;
  margin:0;
  padding:0;
  position: relative;
}
.holder ul li {
  padding:10px 0px;
}
.holder ul li a {
  /* color:darkred; */
  font-weight:bold;
  text-decoration:none;
}
/* --------------------------------------------- */

.artikelauswahl_artikelnummer {
	font-size:75%;
}
.artikelauswahl_lieferzeit {
	font-size:75%;
}
.artikelauswahl_mwstversandhinweis {
	font-size:75%;
}

.artikeluebersicht_bestellbutton {
	margin-top:10px;
	margin-bottom:10px;
}

.buttonoben {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	border:1px solid #999;
	padding:2px;
	padding-left:8px;
	padding-right:8px;
	margin:4px;
	border-radius:6px;
	display:inline-block;
}

.buttonoben:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f6f6+0,e1e1e1+49,f1f1f1+50,ffffff+100 */
	background: rgb(246,246,246); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(246,246,246,1) 0%, rgba(225,225,225,1) 49%, rgba(241,241,241,1) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(246,246,246,1) 0%,rgba(225,225,225,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(246,246,246,1) 0%,rgba(225,225,225,1) 49%,rgba(241,241,241,1) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

#ajaxautocomplete_kopfoben {
	border-radius:6px;
}

.toplogoslogan {
	line-height:36px;
}

/* --------------------------------------------- */
/*  Neuer Warenkorb                              */
/* --------------------------------------------- */
hr.warenkorb-hr {
    margin: 20px 0px;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border:0px solid #cccccc;
    border-top: 2px dotted #cccccc;
    background-color:transparent;      
}

.warenkorb-container {
    
}

.artikel-container {
    margin-top:10px;
}

.artikel-bild {
    float:left;
    text-align:center;
    width:20%;          
}

.artikel-bezeichnung {
    float:left;
    width:25%;
}

.artikel-einzelpreis {
    float:left;
    text-align:center;
    width:15%;
}

.artikel-menge {
    float:left;
    text-align:center;
    width:15%;
}

.artikel-loeschen {
    float:left;
    text-align:center;
    width:10%;
}

.artikel-gesamtpreis {
    float:left;
    text-align:right;
    width:15%;
}

.artikel-absenden-bild {
    float:left;
    text-align:center;
    width:20%;          
}

.artikel-absenden-bezeichnung {
    float:left;
    width:40%;
}

.artikel-absenden-einzelpreis {
    float:left;
    text-align:center;
    width:15%;
}

.artikel-absenden-menge {
    float:left;
    text-align:center;
    width:10%;
}

.artikel-absenden-gesamtpreis {
    float:left;
    text-align:right;
    width:15%;
}

.artikel-bilddatei {
    max-height:150px;
}

.artikel-preis {
    font-size:140%;
    font-weight:normal;
}

.artikel-preis-fett {
    font-size:140%;
    font-weight:bold;
}

.warenkorb-endsumme {
    font-size:140%;
    font-weight:bold;
}

.warenkorb-container:before, .spalten-bezeichnung:before, .artikel-container:before, 
.warenkorb-container:after, .spalten-bezeichnung:after, .artikel-container:after,
.warenkorb-textzeile:after {
    content: '';
    display: table;
}

.warenkorb-container:after, .spalten-bezeichnung:after, .artikel-container:after, .warenkorb-textzeile:after {
    clear: both;
}

.warenkorb-container, .spalten-bezeichnung, .artikel-container {
    zoom: 1;
}

.spalten-bezeichnung {
    background-color:#eeeeee;
}

.spalten-bezeichnung label {
    text-align:center;
    padding-bottom: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.warenkorb-textzeile {
  margin-top:10px;
}

.warenkorb-textzeile-links-l {
    width:80%;
    float:left;
    padding-left:10px;
    padding-right:10px;
}

.warenkorb-textzeile-links-r {
    width:80%;
    float:left;
    text-align:right;
}

.warenkorb-textzeile-links-m {
    width:80%;
    float:left;
    text-align:center;
}

.warenkorb-textzeile-rechts-l {
    width:20%;
    float:left;
}

.warenkorb-textzeile-rechts-r {
    width:20%;
    float:left;
    text-align:right;
}

.warenkorb-textzeile-rechts-m {
    width:20%;
    float:left;
    text-align:center;
}

.artikel-menge-aktualisieren-bild, .artikel-loeschen-bild {
width:18px;
vertical-align:middle;
}

@media screen and (max-width: 769px) {
  .warenkorb-container {
    margin: 0;
    padding-top: 20px;
    border-top: 1px solid #eee;
  }

  .artikel-bild {
    float: right;
    width: auto;
  }
  .artikel-bild img {
    margin: 0 0 10px 10px;
  }

  .artikel-bezeichnung {
    float: none;
    margin-bottom: 10px;
    width: auto;
  }

  .artikel-einzelpreis {
    clear: both;
    width: 120px;
  }

  .artikel-menge {
    width: 120px;
  }
  
  .artikel-menge input {
    margin-left: 20px;
  }
      
  .artikel-loeschen {
    width: 60px;
  }

  .artikel-gesamtpreis {
    float: right;
    width: auto;
  }

  .artikel-absenden-bild {
    float: right;
    width: auto;
  }
  .artikel-absenden-bild img {
    margin: 0 0 10px 10px;
  }

  .artikel-absenden-bezeichnung {
    float: none;
    margin-bottom: 10px;
    width: auto;
  }

  .artikel-absenden-einzelpreis {
    clear: both;
    width: 120px;
  }

  .artikel-absenden-menge {
    width: 120px;
  }
  .artikel-absenden-menge input {
    margin-left: 20px;
  }
      
  .artikel-absenden-gesamtpreis {
    float: right;
    width: auto;
  }
  
  .warenkorb-textzeile-links-l {
      width:70%;
      float:left;
      padding-left:10px;
      padding-right:10px;
  }
  
  .warenkorb-textzeile-links-r {
      width:70%;
      float:left;
      text-align:right;
  }
  
  .warenkorb-textzeile-links-m {
      width:70%;
      float:left;
      text-align:center;
  }
  
  .warenkorb-textzeile-rechts-l {
      width:30%;
      float:left;
  }
  
  .warenkorb-textzeile-rechts-r {
      width:30%;
      float:left;
      text-align:right;
  }
  
  .warenkorb-textzeile-rechts-m {
      width:30%;
      float:left;
      text-align:center;
  }
          
}

@media screen and (max-width: 480px) {
    .artikel-einzelpreis-hinweis {
        font-size:80%;
    }
	
	.artikel-preis {
		font-size:100%;
		font-weight:normal;
	}

	.artikel-preis-fett {
		font-size:100%;
		font-weight:bold;
	}
	
	.artikel-bilddatei {
		max-height:100px;
	}
	
  .warenkorb-textzeile-links-l {
      width:50%;
      float:left;
      padding-left:10px;
      padding-right:10px;
  }
  
  .warenkorb-textzeile-links-r {
      width:50%;
      float:left;
      text-align:right;
  }
  
  .warenkorb-textzeile-links-m {
      width:50%;
      float:left;
      text-align:center;
  }
  
  .warenkorb-textzeile-rechts-l {
      width:50%;
      float:left;
  }
  
  .warenkorb-textzeile-rechts-r {
      width:50%;
      float:left;
      text-align:right;
  }
  
  .warenkorb-textzeile-rechts-m {
      width:50%;
      float:left;
      text-align:center;
  }
                
}

.count-number {
	display:none;
	visibility:hidden;
}

.zoom {
	cursor: -moz-zoom-in; 
	cursor: -webkit-zoom-in; 
	cursor: zoom-in;	
	transition: transform .2s; /* Animation */
}

.zoom:hover {
	z-index:-1000;
	cursor: -moz-zoom-in; 
	cursor: -webkit-zoom-in; 
	cursor: zoom-in;	
	transform: scale(4.0); /* (400% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.etzeile {
	background-color:#ededed;
}

.etzeile:hover {
	background-color:#DEDEDE;
}




#volltextsuchekopfmobil {
	text-align:center;
}

#ajaxautocomplete_kopfobenmobil {
  height: 31px;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  vertical-align: middle;
  width: initial;
}

@media screen and (min-width: 481px) {
	#suchemobil {
		display:none;
		visibility:hidden;
	}
}

@media screen and (max-width: 480px) {
	#suchemobil {
		display:block;
		visibility:visibile;
	}
}

#km623 > a:hover {
	background-color:#F3CC79 !important;
}

#km391 > a:hover {
	background-color:#999 !important;
}

#km500 > a:hover {
	background-color:#999 !important;
}

#km326 > a:hover {
	background-color:#971A28 !important;
}

#km325 > a:hover {
	background-color:#008000 !important;
}

/*
li#km326.show-aside-ul > a{
	background-color:#971A28 !important;
}
*/ 

#km326 > a:hover {
	background-color:#971A28 !important;
}

#km225 > a:hover {
	background-color:#A374FF !important;
}

#km373 > a:hover {
	background-color:#19FFFF !important;
}

#km327 > a:hover {
	background-color:#FFCF00 !important;
}


#km532 > a:hover {
	background-color:#145EFF !important;
	background-color:#0000FF !important;
}

#km546 > a:hover {
	color: #000000 !important;
	background-color:#FCFCFC !important;
}

#km580 > a:hover {
	color: #000000 !important;
	background-color:#dfcea1 !important;
}

.aside-submenu > a:hover > h6 {
	color:#111;
}

#Varianten {
  margin:0.625em;
  background-color:#e8e8e8;
}

#Artikeldetailtext {
  margin:0.625em;
}




#logo > a > img {
	border: 0;
    height: 4rem;
    max-width: 100%;
    width: auto;
}

.topheader {
	display: grid;
	grid-template-columns: 1fr 3fr 2fr;
	gap: 0.5rem;
}

.headercolumnleft {
	padding: 0.5rem;
	text-align: left;
}

.headercolumncenter {
	padding: 0.5rem;
	text-align: center;
}

.headercolumnright {
	padding: 0.5rem;
	text-align: right;
	margin-top: auto;
    margin-bottom: auto;
}

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

	#logo > a > img {
		border: 0;
		height: auto;
		max-width: 100%;
		width: auto;
	}

	.maincontainer {
		width:100%; 
	}

	.topheader {
		display: grid;
		grid-template-columns: unset;
		grid-template-rows: 1 1 1;
		gap: 0.5rem;
	}
	
	.headercolumnleft {
		text-align: center;
	}

	.headercolumncenter {
		text-align: center;
	}

	.headercolumnright {
		text-align: center;
	}
	
	#volltextsuchekopf {
		text-align:center;
	}
	
	#ajaxautocomplete_kopfoben {
		width: 80% !important;
	}
}