/* Cassiopeia Standard-Farben (color-primary) ändern */
:root {
  --cassiopeia-color-primary: #dddddd;
  --cassiopeia-color-hover: #797979;
  --cassiopeia-color-link: #009999;  
}


.container-header {
	background-color: #009999;
	background-image: none;
}
.container-header .mod-menu a {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  padding: 3px 15px;
  color: #009999;
}
.container-header .mod-menu a:hover {
  background-color: #eee;
  color: #009999;
}


.container-footer {
	background-color: #009999;
	background-image: none;
	color:white;
}
/* eigenes Modul im Footer zentriert */
.mod-footer {
	margin: 0 auto;
}
/* Startseitenbilder nebeneinander anzeigen */
figure {
 margin:10px;
 padding:10px;
 background:rgba(100,100,100,.9);
}

figure img {
 width:100%;
 display:block;
}

figcaption {
 padding-top:10px;
 text-align:center;
 color:#fff;
}

.flex {
 display:flex;
}

.spalte_50  { 
flex-basis:50.000%;padding:10px; 
}

/* Startseitenbilder nebeneinander anzeigen ENDE */


h1 {
   color: 009999;
   font-size: clamp(.8em, 2em, 2.1em); 
}
h2 {
  color: 009999;
  font-size: clamp(.7em, 1.8em, 1.9em);
}

h3 {
  font-size: clamp(.6em, 1.4em, 1.7em);
  color: #555;
   line-height: 23px;
  color: #009999;
}
h2 a {
	text-decoration: none;
}
h2,
.moduletable h3,
.items-leading h2 {
	border-bottom: solid 1px #ddd;
}

h4 {
  font-size: 1.1em;
  line-height: 1.4;
}
h5 {
  font-size: .5em;
  line-height: 1.4;
}
h6 {
  font-size: .5em;
  line-height: 16px;
}

.startseite-tabellen-nebeneinander {
	    text-align: center;  
		display: inline;  
/*    display: inline-table; */
	margin: 0 auto; 
	width: 100%;
}

.startseite-tab-1 {
	float: left;
	 width:45%;
	 margin:0 auto;
	 border-spacing: 2px;
}
.startseite-tab-1 th {
	color: white;
    margin: 0.5px;
	border: 1px solid black;	
	font-weight: 400;
	background-color: #009999;
		font-size: 1.2em;
	}

.startseite-tab-1 tr:nth-child(even) {
   background-color: #e0e0e0;
   color: black;
}
.startseite-tab-1 tr:nth-child(odd) {
   background-color: #ffffff;
   color: black;
}
.startseite-tab-1 td a {
	color: #000000;
}
	
.startseite-tab-2 {
	float: right;
	width:45%;
	margin:0 auto;
	border-spacing: 2px;
}
.startseite-tab-2 th {
	color: white;
	border: 1px solid black;
    margin: 0,5px;	
	font-weight: 400;
	background-color: #009999;
	font-size: 1.2em;
	}

.startseite-tab-2 tr:nth-child(even) {
   background-color: #e0e0e0;
}
.startseite-tab-2 tr:nth-child(odd) {
   background-color: #ffffff;
}
.startseite-tab-2 td a {
	color: #000000;
}
.Startseiten-SEO-Einschub {
/*	border: 1px solid #009999; */
}
.Startseite-SEO-Einschub-1 {
	float: left;
	margin: 2px;
	width: 60%;
	text-align:center;
}
/*.Startseite-SEO-Einschub-2 {
	float: right;
	margin: 2px;
	width: 30%;
} */

/* Tabellen responsive 230622 */
table {
      border-spacing: 2px;
	  font-size: 1em;
      }
table, th, td {
      border: 1px solid #2C2C2C;
      border-collapse: collapse;
	 cellpadding: 5px;
      }
th {
	margin: 0,5px;	
	font-weight: 400;
	background-color: #009999;
	color: #ffffff;
	}
tr:nth-child(even) {
   background-color: #e0e0e0;
}
tr:nth-child(odd) {
   background-color: #ffffff;
}
/* Tabellen responsive 230622 ENDE*/

/* zm Farbe Moduletable auf türkis */
.moduletable h3 {
	color: #009999;
}

/*
.items-row h2 {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd; */

/* JCE-Popup START*/

/* JCE Popup ENDE */

a:link, 
a:visited {
	color: #009999;
  	text-decoration: underline;
}
a:hover,
a:active,
a:focus {
	text-decoration: underline;
}
/* Größe der Schrift von Ask a Question */
a.ask-a-question {
	font-size: 1.5rem;
	color: #000;
	{
		
.Kasten {
  text-align: center;   
  background-color: #dfdbd8;
  border: .2em solid #0099cc;
  padding: 1em;
  margin: 1em;
  font-style: italic;
}
/* Kasten für Messeankündigung u.a. */
.news {
  font-size: clamp(.7em, 1.em, 1.4em);
  text-align: center;   
  background-color: #dddddd;
  border: .2em solid red;
  padding: 1em;
  margin: 0 auto;
  font-weight: bold;
  width: 100%;
  display: inline-block;
}
.news a {
	color:red;
}
.logoheader {
	text-decoration: none;
	padding: 0px 10px;
	margin: 0;
	display: inline-block;
	margin: 0 0 0;
	padding: 12px 15px;
	position: relative;
	border-right: 1px solid #ddd;
	box-shadow: 1px 0px 0px #f5f5f5;
}

.button,
button,
p.readmore a,
#header input.button,
.pagenav a:link,
.pagenav a:visited,
#advanced-search-toggle,
.profile-edit a:link,
.profile-edit a:visited,
h3.js_heading,
.article-info {
	background-color: #ddd;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff,endColorstr=#dddddd);
	background-image: -khtml-gradient(linear,left top,left bottom,from(#ffffff),to(#dddddd));
	background-image: -moz-linear-gradient(top,#ffffff,#dddddd);
	background-image: -ms-linear-gradient(top,#ffffff,#dddddd);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ffffff),color-stop(100%,#dddddd));
	background-image: -webkit-linear-gradient(top,#ffffff,#dddddd);
	background-image: -o-linear-gradient(top,#ffffff,#dddddd);
	background-image: linear-gradient(#ffffff,#dddddd);
	border-color: #b2b2b2 #b2b2b2 #9f9f9f;
	text-shadow: 0 1px 1px rgba(255,255,255,0.49);
	-webkit-font-smoothing: antialiased;
	box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset, 0 1px 2px rgba(0,0,0,0.05);
	color: #009999;
	border: solid 1px #ddd;
}
.article-info {
	color: #555;
}
table {
	border: solid 1px #ddd;
}
table th a:link,
table th a:visited {
	color: #fff;
}
tr.odd,
tr.cat-list-row1 {
	background: #f8f8f8;
}
table  tr:hover td {
	background: #FEFDE2;
}
.button:hover,
.button:active,
.button:focus,
button:hover,
p.readmore a:hover,
#header ul.menu a:hover,
#header ul.menu a:active,
#header ul.menu a:focus,
.pagenav a:hover,
.pagenav a:active,
.pagenav a:focus,
#advanced-search-toggle:hover,
#advanced-search-toggle:active,
#advanced-search-toggle:focus,
.profile-edit a:hover,
.profile-edit a:active,
.profile-edit a:focus,
#fontsize a:hover,
#fontsize a:active,
#fontsize a:focus,
#mobile_select h2 a,
table th,
.logoheader {
	border-color: #009999;
  color: #019292;
	-webkit-font-smoothing: antialiased;
}


input:focus,
textarea:focus {
	box-shadow: 0 1px 1px #ddd inset, 0 0 8px #00B9B9;
	outline: 0 none;
}
.pagination span,
.pagination span  a:hover {
	color: #999999;
	background-color: #f5f5f5;
}
span.pagenav {
	background: #009999;
	color: #fff;
}
.pagination-start span.pagenav,
.pagination-prev  span.pagenav,
.pagination-end span.pagenav,
.pagination-next span.pagenav {
	background-color: #f5f5f5;
	color: #444;
}
ul.menu a:link,
ul.menu a:visited {
	color: #444;
}
.moduletable_menu {
	border: solid 1px #ddd;
	background: #f9f9f9;
}
#header ul.menu {
	border: solid 1px #D5D5D5;
	box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0,0,0,0.1);
}
#header ul.menu a {
	box-shadow: none;
	border-bottom: 0;
}
ul.menu a:hover,
ul.menu a:active,
ul.menu a:focus {
	background-color: #F5F5F5;
	background-image: -moz-linear-gradient(center top,#FFFFFF,#E6E6E6);
	background-repeat: repeat-x;
	background: url(../images/arrow.png) no-repeat right center;
	color: #009999;
}
ul.menu li.active a,
ul.menu  li.active ul li.active a,
ul.menu  li.active ul li.active  ul li.active a,
ul.menu  li.active ul li.active  ul li.active ul li.active  a,
ul.menu  li.active ul li.active  ul li.active ul li.active ul li.active a {
	font-weight: bold;
}
ul.menu  li.active ul li a,
ul.menu  li.active ul li.active  ul li a,
ul.menu  li.active ul li.active  ul li.active ul li  a,
ul.menu  li.active ul li.active  ul li.active ul li.active ul li a {
	font-weight: normal;
}
ul.menu a {
	box-shadow: 0 1px 0 #fff;
	border-bottom: solid 1px #ddd;
	text-shadow: 0 1px 0 #fff;
}
ul.menu ul a {
	background: #e5e5e5;
	margin-bottom: 1px;
}
ul.menu ul ul ul a {
	background: #f5f5f5 url(../images/arrow.png) no-repeat 24px center;
}
ul.menu ul ul ul ul a {
	background: #fff;
}
.panel h3.pane-toggler a {
	background: url(../images/slider_plus.png) right top no-repeat;
	color: #333;
}
.panel h3.pane-toggler-down a {
	background: url(../images/slider_minus.png) right top no-repeat;
	border-bottom: solid 1px #ddd;
	color: #333;
}
ul.tabs li,
dl.tabs dt h3 a:link,
dl.tabs dt h3 a:visited {
	background: #f5f5f5 url(../images/nature/box.png) repeat-x;
}
ul.tabs li a:link,
ul.tabs li a:visited,
dl.tabs dt a {
	color: #333;
	border: solid 1px #ddd;
	border-bottom: 0;
}
ul.tabs li a:hover,
ul.tabs li a:active,
ul.tabs li a:focus {
	color: #000;
}
.tabcontent,
div.current {
	background: #fff;
	color: #000;
	border: solid 1px #ddd;
}
.tabcontent .linkclosed {
	color: #000;
	border-bottom: solid 1px #e5e5e5;
}
ul.tabs li a.linkopen,
dl.tabs dt.open  h3 a:link,
dl.tabs dt.open  h3 a:visited {
	background: #fff;
	color: #333;
	border-radius: 5px 5px 0px 0px;
}
ul.tabs li a.linkclosed:hover,
ul.tabs li a.linkclosed:active,
ul.tabs li a.linkclosed:focus,
ul.tabs li a.linkopen:hover,
ul.tabs li a.linkopen:active,
ul.tabs li a.linkopen:focus {
/*	background: #555; */
	color: #fff;
}
	
#bottom a {
	background: none;
}
.box1 {
	border-right: solid 1px #ccc;
}
.box3 {
	border-left: solid 1px #ccc;
}
#bottom  ul li a {
	background-image: none;
	padding-left: 0;
}
#mobile_select h2 {
	border: 0;
	margin: -17px 0 0 0;
	padding: 0;
	background: #009999;
	text-align: right;
}
#mobile_select h2 a {
	display: inline-block;
	font-size: 0.8em;
	border-radius: 4px 4px 0 0;
	padding: 6px;
	font-size: 0.75em;
	margin-right: 5px;
}
@media only screen and (max-width: 480px) {
	img {
		max-width: 100%;
		height: auto;
		border: 0;
		-ms-interpolation-mode: bicubic;
	}
	#fontsize {
		display: none;
	}
	#nav,
	#wrapper2,
	#wrapper,
	.cols-3 .column-1,
	.cols-3 .column-2,
	.cols-3 .column-3,
	#right,
	.box,
	#header form {
		float: none;
		width: 100%;
	}
	#header {
		padding-top: 3em;
	}
	#header form {
		margin: 0;
	}
	.logoheader {
		background: #009999;
		min-height: 100px;
		margin: 0;
	}
	.box {
		border-left: 0 !important;
		border-bottom: solid 1px #ddd;
	}
	#line {
		text-align: center;
		top: 0;
		right: auto;
		max-width: 100%;
		min-width: 100%;
		margin: 0 0px;
		background: #00B9B9;
	}
	#header form input {
		float: none;
		margin-bottom: 4px;
	}
	#menuwrapper {
		margin-top: 10px;
	}
	#header ul.menu {
		position: relative;
		top: 0;
		left: 20px;
		right: 20px;
		margin: 0;
		width: 90%;
		border-radius: 4px;
	}
	#header ul.menu li:first-child a {
		border-radius: 4px 4px 0 0;
	}
	#header ul.menu li:last-child a {
		border-radius: 0 0 4px 4px;
	}
	#header ul.menu li a:link,
	#header ul.menu li a:visited {
		display: block;
		padding: 6px 10px;
		border-bottom: solid 1px #ccc;
	}
}
/* JCE linksbündig */
#tinymce { 
    text-align: left; 
}  



/* Virtuemart */
/* alle Hersteller auf einer Seite */
.vm-cat-title {
	font-size: 1em;
}

.text-center {
	text-align: left !important;
}

.ask-a-question-view input.counter,.ask-a-question-view input#name,.ask-a-question-view input#email,.ask-a-question-view input#phone,.ask-a-question-view input#plzort,.ask-a-question-view input#strhsnr,.ask-a-question-view input#betreff{
  background: #e8e8e8 url(../images/vmgeneral/backgrounds.png) top repeat-x;
  border: solid #ccc 1px;
  border-radius: 4px;
  color: #777;
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 5px 5px 4px;
}