.sw2color
{
  /* made with js */
}

.sw2color
{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}


.sw2color:hover
{
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  z-index: 1000;
  position: relative;
}

.produktinfo
{
  
}


.produktinfo:hover 
{
  
}

.hintergrundblau
{
  background: #0097a8;
  color: white;
  padding: 15px;
}

.hintergrundblau a
{
  color: white;
}

.floattable{}

.floattable>tbody>tr>td {
  /*float: left;*/
  display: inline-block;
}

.floattablecenter{}

.floattablecenter>tbody>tr {
  text-align: center;
}

.floattablecenter>tbody>tr>td {
  display: inline-block;
}

.mobile_break {}

.mobile_break_expand {}

.mobile_break_expand td
{
  /* hier fuer editor und desktop ansicht. da soll der container zusammen gehalten werden */
  /* in der mobilen ansicht kann (soll) der container angebrochen werden, dort wird dann display: block; gesetzt */
  display: inline-block;
}

.mobile_hide {}

.mobile_show {}

.mobile_readmore {}

/* desktop, tablet, mobile */
.empty_div_container {

  /* width: 100%; */
  /* border: 2px dashed blue; */
  display: inline-block;
}

/* desktop, tablet, mobile */
.empty_div_wide_container
{

  width: 100%;
  /* white-space: nowrap; */
  display: inline-block;
  /* border: 2px dashed lime; */
}

/* desktop, tablet, mobile */
.dynamic_two_columns_layout
{
  /* -moz- Firefox, -webkit- Safari and Chrome -o- for Opera -ms- for Internet Explorer */
  -webkit-columns: 2 30em;
     -moz-columns: 2 30em;
       -o-columns: 2 30em;
          columns: 2 30em;

  -webkit-column-gap: 4em;
     -moz-column-gap: 4em;
       -o-column-gap: 4em;
          column-gap: 4em;

  -webkit-column-rule: 1px dotted #ddd;
     -moz-column-rule: 1px dotted #ddd;
       -o-column-rule: 1px dotted #ddd;
          column-rule: 1px dotted #ddd;
}

.image_overlay_container {
	/* box-sizing: border-box; */
	cursor: pointer;
	position: relative;
	border: 1px solid rgba(0, 151, 168, 0.2);
}

.image_overlay {
	bottom: 0;
	position: absolute; 
	color: #f1f1f1; 
	width: 100%;
	color: white;
	font-size: 20px;
	text-align: center;
	padding: 15px 0px 15px 0px;
	background: rgba(0, 151, 168, 0.9);
}

body.mce-content-body .mobile_break {
	border: 1px dashed gray;
	background: url(../images/mobile_break_pattern.png);
}

body.mce-content-body .mobile_break_expand {
	border: 1px dashed gray;
	background: url(../images/mobile_break_pattern.png);
}

body.mce-content-body .mobile_hide {
	border: 1px dashed red;
	background: url(../images/mobile_hide_pattern.png);
}

body.mce-content-body .mobile_show {
	border: 1px dashed green;
	background: url(../images/mobile_show_pattern.png);
}

body.mce-content-body .mobile_readmore {
	border: 1px dashed yellow;
	background: url(../images/mobile_readmore_pattern.png);
}

body.mce-content-body .empty_div_container {
	border: 2px dashed blue;
}

body.mce-content-body .empty_div_wide_container {
	border: 2px dashed lime;
}

body.mce-content-body .dynamic_two_columns_layout {
	border: 2px dashed grey;
}

/* multistyleselector */