/* cmsms stylesheet: Hey eigene css modified: 30.05.2025 07:55:13 */
/* Cataloger */
div.hey_catalog_item {
  background-color: #ffe;
  border: 1px solid #ddb;
  padding: 6px;
  margin: 6px;
  width: 1050px;
  float: left;
}

div.hey_catalog_item2 {
  background-color: #ffe;
  border: 1px solid #ddb;
  padding: 3px;
  margin: 3px;
  width: 1050px;
  float: left;
}

div.category_items {
  width: 1080px;
}

div.item_attribute_name {
  padding: 6px;
  width: 60px;
  float: left;
}

div.item_attribute_name span.item_attribute_val, 
div.item_text span.item_attribute_val, 
div.item_rand_text span.item_attribute_val {
  font-weight: 800;
}

div.item_images {
  float: left;
  width: 272px;
}

div.item_images_2 {
  float: left;
  width: 272px;
  padding: 3px;
}


div.item_text {
  float: left;
  padding: 6px;
  width: 490px;
}

div.item_text2 {
  float: left;
  padding: 6px;
  width: 410px;
}


div.item_rand_text {
  float: left;
  padding: 6px;
  width: 400px;
}

div.item_category_text {
  float: left;
  padding: 6px;
  width: 400px;
  font-size: 1.1em;
  font-weight: 600;
  color:#004;
}

/* The Modal (background) */
.fhmodal {
  /*display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,22,0,0.3); /* Black w/ opacity */
    display: flex; 
    justify-content: center; 
    align-items: center;
}

span.modpic {
  color: #006;
  cursor: pointer;
}

/* universal /*
div.clearboth {
  clear: both;
  width: 98%;
}

/* Tabelle */

table.fh {
	border: 1px solid gray;
	border-collapse: collapse;
}

tr.fh th, tr.fh td {
	border: 1px solid gray;
	padding:5px;
	margin:1px;
}

/* Katalogeinträge im Formbuilder */
input:checked ~ div.hey_catalog_item2 {
  background-color: #cfc;
}

input.cat_radio {
  visibility: hidden;
}

/* Formbuilder */
div.formseiten {
  padding: 6px;
  margin: 6px;
  background-color: #ccc;
}

span.fbr_helptext {
 font-size: 0.81em;
 font-weight: 300;
}

div.fhfb_name {
 float: left;
 font-size: 1.1em;
 font-weight: 700;
 padding-top: 2px;
 margin-top: 2px;
 margin-left: 20px;
 padding-bottom: 6px;
}

div.fh_input div.fhfb_name {
  width: 300px;
}

div.fh_input div.fh_radio {
  padding: 3px;
}

div.fh_entry {
 float: left;
 margin-top: 20px;
 padding-top: 2px;
 width: 960px;
}

span.fh_error_message, div.fh_error_message  {
  color: red;
}

label.xfldlbl {
  font-size: 1.2em;
  font-weight: 500;
  color:#004;
}

label.xfldlbl::before {
  content: "+  ";
  font-size: 1.2em;
  font-weight: 900;
  color:#006;
}

label.xfldlbl.open {
  font-size: 1.25em;
  font-weight: 700;
  color:#005;
}

label.xfldlbl.open::before {
  content: "-  ";
}

div.xflddiv {
  display: none;
}

/* von gst */
div.block1 {
	width: 510px;
	float: left;
  	padding: 3px;
  	margin: 3px;
	border: 2px solid #ddb;
}

div.block1 h3 { 
	margin: 3px;
}

div.block99 {
	clear: both;
	float: left;
	width: 99%;
	min-width: 520px;
  	padding: 0px;
  	margin: 0px;
}

/* Farbtabellen */
div.f500 {
	background-color: #eaeaea;
	float: left; 
	padding: 6px;
	margin: 10px;
	width: 480px;	
}

div.f200 {
	float: left; 
	width: 250px;	
}

div.f800 {
	float: left; 
	width: 800px;	
}

div.clear {
	clear:both;
	float: left;
}

div.farbzeile {
	background-color: #eee;
	float: left; 
	padding: 0px;
	margin-left: -18px;
	width: 1124px;
	height: 590px;
}

div.farbe {
	background-color: #eaeaea;
	float: left; 
	padding: 2px;
	margin: 2px;
	width: 94px;
	height: 180px;
	font-size: 0.71em;
	font-family: verdana, arial, sans-serif;
}

div.farbfeld {
	float: left; 
	padding: 2px;
	margin: 2px;
	width: 86px;
	height: 40px;
}

div.flot {
	background-color: #fafafa;
	float: left;
	clear: both; 
	padding: 0px;
	margin: 0px;
	width: 1118px;
	height: 400px;
}

input.rgbspin {
	width: 56px;
}

p.red {
  color: red;
  font-size: 1.2em;
}

@media screen {
  div.pf {
    display: none;
  }
}

/* Bildeffekte */

div.bilde {
  position: relative;
}

img.bildo {
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;
}

img.bildo:hover {
  opacity: 0.3; 
}

img.bildu {
  position: relative;
  z-index: 1;
  top: 0px;
  left: 0px;
}

div.t3s table {
  width: 100%;
  background-color: #ffe;
}

div.t3s td {
  width: 33%;
}