/*
**********************************************
***      created by Boris Schmakowski      ***
***          www.schmakowski.de            ***
**********************************************
*/

header, nav, section, footer {
    display: block;
}
aside {
    display: inline-block;
}

#wrapper-a,
#wrapper-b,
#wrapper-c,
#wrapper-d,
#foot_container {
    max-width: 1000px;
    margin: 0 auto;
}

#container {
	text-align:left;
	padding: 0;
	margin:auto;
}

#leftcolumn {
	width: 21%;
	float: left;
	margin: 0;
	padding: 0;
}
#rightcolumn {
    width: 21%;
	float: right;
	margin: 0;
	padding: 0;
}

#content_out {
	margin: 0;
	padding: 0 0 100px 0;
}
#content_outleft {
	float:right;
	width: 78%;
}
#content_outmiddle {
	float:left;
	width: 56%;
	margin: 0 1%;
}
#content_outright {
	float:left;
	width: 78%;
}

#maincontent {
	/*float:left;
	width: 100%;
	padding: 0;
	margin: 0;
	min-height: 200px;*/
}

.cols-1	{
        display: block;
        float: none;
        margin: 0;
}

.cols-2 .column-1 {
        width:44%;
        float:left;
}
.cols-2 .column-2 {
        width:44%;
        float:right;
        margin:0
}

.cols-3 .column-1 {
        float:left;
        width:27%;
        margin-right:3%
}
.cols-3 .column-2 {
        float:left;
        width:27%;
        margin-left:0;
}
.cols-3 .column-3 {
        float:right;
        width:27%;
}
.items-leading, .items-row {
        overflow:hidden;
}
.items-row, .leading-0, .leading-1, .leading-2, .leading-3, .leading-4, .leading-5 {
        margin-bottom:25px;
}
.column-2 {
        width:55%;
        margin-left:40%;
}
.column-3 {
        width:30%
}

div#system-message {
	font-weight:bold;
	font-size:15px;
}
div#system-message .alert {
	color: red;
	background-color: #fff;
	border: 1px solid;
	padding: 5px 30px;
	margin: 0 0 10px 0;
}


/*---- ----*/

div.pagination {
	text-align: center;
	padding: 4% 0 0 0;
}
div.pagination ul {
	list-style: none;
}
div.pagination ul li {
	display: inline-block;
	padding: 0 1% 0 1%;
	font-size: 1.1em;
}
div.pagination ul li span {
	font-weight: normal;
	text-decoration: none;
	border-bottom: 1px solid #000000;
}
div.pagination ul li.pagination-start span,
div.pagination ul li.pagination-prev span,
div.pagination ul li.pagination-next span,
div.pagination ul li.pagination-end span {
	font-weight: normal;
	text-decoration: none;
	border-bottom: 0px solid #000000;
}


/*---- fixe elemente ----*/

div#background {
    background: url("../images/erzgeb/eg-backs.jpg") repeat fixed left top transparent;
    bottom: 0;
    height: 100%;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: -99999
}


/*---- Logo ----*/

/*header {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}*/

div#headtop6 {
	text-align: right;
	padding: 15px 2% 15px 2%;
}
div#headtop6 a {
	display: inline-block;
}
div#headtop6 img {
	height: auto;
    /*max-width: 300px;
    min-width: 180px;
    width: 35%;*/
    width: 300px;
}

/*---- Footer rot und Inhalt ----*/

footer {
	position: fixed;
	z-index: 99999;
	bottom: 0;
    width: 100%;
    height: 85px;
    padding: 0;
    background-color: #BB141A;
		
	background: rgb(187,20,26); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(187,20,26,1) 0%, rgba(187,20,26,1) 50%, rgba(160,17,22,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(187,20,26,1)), color-stop(50%,rgba(187,20,26,1)), color-stop(100%,rgba(160,17,22,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(187,20,26,1) 0%,rgba(187,20,26,1) 50%,rgba(160,17,22,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(187,20,26,1) 0%,rgba(187,20,26,1) 50%,rgba(160,17,22,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(187,20,26,1) 0%,rgba(187,20,26,1) 50%,rgba(160,17,22,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(187,20,26,1) 0%,rgba(187,20,26,1) 50%,rgba(160,17,22,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb141a', endColorstr='#a01116',GradientType=0 ); /* IE6-9 */

    border-top: 3px solid #680000;
    box-shadow: 0px -3px 8px 2px rgba(103,106,110,0.8);  
}
@media screen and (max-width: 40em) {
	footer {
		position: relative;
		height: auto;
	}
	#content_out {
		padding: 0 0 50px 0;
	}
}

div#foot_container {
	padding: 10px 0 0 0;
}
div#foot6out {
	padding: 0 2% 0 2%;
}

div.socialicons {
	display: inline-block;
	width: 13%;
	padding: 0 2% 0 0;
	vertical-align: bottom;
}
div.subnavi {
	display: inline-block;
	width: 80%;
	color: #d1d5d9;
	padding: 10px 0 3px 2%;
	vertical-align: bottom;
}
div.subnavi a {
	color: #FFF1B0;
}
div.subnavi a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 520px) {
	footer {
		height: auto;
	}
	div#foot_container {
		padding: 15px 0 0 0;
		font-size: 11px;
	}
	div.subnavi {
		padding: 0px 0 3px 2%;
	}
}

div.subnavi table {
	width: 100%;
}
div.subnavi table td:first-child {
	text-align: left;
}
div.subnavi table td:last-child {
	text-align: right;
}

/*---- große Figuren rechts unten ----*/

div#foot45 {
	position: absolute;
	z-index: 999999;
	bottom: 0;
    right: 0;
    width: 25%;
    max-width: 280px;
    min-width: 160px;
    height: auto;
    line-height: 0;
    font-size: 0;
}
div#foot45 div.custom {
	background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
}
div#foot45 img {
    height: auto;
    width: 100%;
}
@media screen and (max-width: 40em) {
	div#foot45 {
		display: none;
	}
}

/*---- menu ----*/

nav {
	position: absolute;
	top: 100px;
	z-index: 9999;
	width: 100%;
	padding: 5px 0;
	margin: 5px 0 5px 0;

	background-color: rgba(255,255,255,0.9);
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

	/*border-top: 1px solid #818589;*/  /* 818589 #BB141A */
	box-shadow: 0px -6px 5px 0px rgba(161,165,169,0.8);
	/*box-shadow: 0px -6px 5px 0px rgba(187, 20, 26,0.8);*/
}

@media screen and (max-width: 50em) {
	nav { background-color: rgba(255,255,255,0.9); }
}

body.navfixed nav {
	position: fixed;
	top: 0;
}
#wrapper-a {
	padding-bottom: 62px;
}

div#wrapper-b {
}

#dropmenu {
	padding: 0 2% 0 2%;
}

#dropmenu ul {
	padding: 0;
	margin: 0;
	list-style: none outset;
}


#dropmenu ul > li {
	display: inline-block;
	margin: 0;
	padding: 10px 15px 8px 0px;
}
#dropmenu ul > li > a {
	color: #000000;
	font-weight: normal;
	/*font-family: "grafolita-script";*/ /*,"kremlin-pro-web-expanded"*/
	font-family: times,serif;
	font-size: 22px;
	line-height: 22px;
	letter-spacing: 0.05em;
	text-decoration: none;
}
#dropmenu ul > li > a:hover {
	color: #BB141A;
}
#dropmenu ul > li > a:active {
	color: #999999 !important;
}
#dropmenu ul > li.active > a {
	color: #BB141A;
}



#dropmenu ul > li > ul {
	display: none;
	position: absolute;
}
#dropmenu ul > li:hover > ul {
	display: block;
}

#dropmenu ul > li > ul > li {
}

#dropmenu ul > li > ul > li > a {
}

/*! responsive-nav.js 1.0.32 by @viljamis */

/*.nav-collapse ul {
  margin: 0;
  padding: 0;
  width: 100%;
  display: block;
  list-style: none;
}*/

/*.nav-collapse li {
  width: 100%;
  display: block;
}*/

.js .nav-collapse {
  /*clip: rect(0 0 0 0);*/
  max-height: 0;
  /*position: absolute;*/
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}

.disable-pointer-events {
  pointer-events: none !important;
}

.nav-toggle {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  text-decoration: none !important;
  font-size: 1.7em;
  display: block;
  padding: 1% 2%;
  /*position: relative;
  top: -32px;*/
}

@media screen and (max-width: 52em) {
	#dropmenu ul > li {
	    display: block !important;
	    margin: 0;
	    padding: 10px 20px 8px 0;
	 }
	 #dropmenu ul > li:last-child {
	    display: none !important;
	}
	#dropmenu ul > li:first-child {
	    display: none !important;
	}
}
@media screen and (min-width: 52em) {
	.js .nav-collapse {
		/*position: absolute;*/
	}
	.js .nav-collapse.closed {
		max-height: none;
	}
	.nav-toggle {
		display: none;
	}
}

body.start a.nav-toggle {
	display: none !important;
	visibility: hidden;
}


/*---- submenü produkte ----*/

div#contop6out {
	padding: 2% 2% 0 2%;
}

div#contop6 {
}

ul#produktmenu {
	list-style: none;
	margin: 0;
	padding: 0;
	/*text-align: center;*/
}

ul#produktmenu li {
	display: inline-block;
	padding: 0 2% 1% 0;
	font-size: 19px;
	line-height: 18px;
	font-family: times,serif;
	/*font-family: "grafolita-script";*/
	letter-spacing: 0.05em;
}

ul#produktmenu li a {
	color: #000000;
}

ul#produktmenu li a:hover {
	text-decoration: underline;
	color: #a82222;
}

ul#produktmenu li.active a {
	color: #a82222;
	text-decoration: none;
}

/*---- Menüpunkt Suche ---*/

#dropmenu ul > li:last-child {
	float: right;
	padding: 0; 
}
a.menusearch {
}
a.menusearch img {
	padding: 4px 0 0 0;
	height: 25px;
	width: auto;
}


fieldset.word {
	border: 1px solid #dddddd;
	border-radius: 10px;
	box-shadow: 0px -2px 5px 0px rgba(161,165,169,0.8);
	padding: 3% 0 3% 4%;
	margin: 2% 0 0 0;
}
fieldset.word label {
	padding: 0 10px 0 0;
	vertical-align: middle;
}
fieldset.word input {
	width: 30%;
	padding: 8px 5px 8px 10px;
	border-radius: 5px;
	border: 1px solid #aaaaaa;
	font-family: courier, monospace;
	font-size: 16px;
	color: #A41217;
	vertical-align: middle;
}
fieldset.word button {
	padding: 6px 5px 7px 5px;
	margin-left: 10px;
	border-radius: 5px;
	border: 1px solid #aaaaaa;
	font-size: 14px;
	color: #A41217;
	background-color: #f0f0f0;
	cursor: pointer;
	vertical-align: middle;
}
fieldset.word button:hover {
	background-color: #A41217;
	color: #f0f0f0;
}

div#search-results {
	padding: 2% 0 0 0;
}
div.result-url {
	padding: 0;
	margin: 0;
	box-shadow: none;
	border: 0px solid transparent;
	font-size: 0em;
}
ul.search-results {
	list-style: circle outside none;
}
ul.search-results li {
	padding-bottom: 2%;
}
div#search-result-empty {
	padding: 4% 0 0 0;
}

/*---- pager einzelbeiträge ----*/


ul.pager::before {
	content: '';
	height: 0;
	font-size: 0;
	clear: both;
	display: block;
}

ul.pager {
	list-style: none;
	text-align: center;
	padding: 0;
	margin: 1% 0;
}
ul.pager li {
	list-style: outside none none;
	display: inline-block;
	margin: 1% 4%;
}
ul.pager li.previous {
	
}
ul.pager li.previous a {
	
}
ul.pager li.previous a i.icon-chevron-left:before {
	content: "«";
}
ul.pager li.next {
	
}
ul.pager li.next a {
	
}
ul.pager li.next a i.icon-chevron-right:after {
	content: "»";
}

/*---- j-tooltipp wech ----*/

body div.easy-tooltip-wrapper { display: none !important; }
body div.tooltip.fade.top { display: none !important; }


/*---- jce mediabox overwrite ----*/

#jcemediabox-popup-page {
    z-index: 100000;
}


/*
**********************************************
***      created by Boris Schmakowski      ***
***          www.schmakowski.de            ***
**********************************************
*/


/*----------- some basics -----------*/

body {
    font-family: Verdana,Arial,Helvetica,Sans-Serif;
    font-size: 14px;
    line-height: 1.5em;
    height: 100%;
    margin:0;
	padding:0;
    overflow-y:scroll;
   	color: #333333;
	background-color: #ffffff;
}


p       { padding: 0 0 8px 0; margin: 0;  }
td      { margin: 0; padding: 0; }
table   { border-collapse: collapse; }

.clr, .clearfix {
	clear:both;
}


a, a:link, a:visited, a:active, a:focus {
	color: #a82222;
    outline : none;
	text-decoration : none;
}
a:hover {
	text-decoration : underline;
}
a:active {
	color: #a1a5a9 !important;
}

hr {
	border:none;
	border-top: 1px solid #a1a5a9;
	margin: 2% 0 2% 0;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0 0 8px 0;
	text-rendering: optimizeLegibility;
	letter-spacing: 0.05em;
}
h1 {font-size: 1.2em;}
h2 {font-size: 1.3em;font-weight: normal;color:#a82222}
h3 {font-size: 1em;}
h4 {font-size: 1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}

ul, ol {
	padding-left:20px;
}

object, img, a {
	outline:none;
}
img {
	border:0;
}


/*---- content ----*/

div.classicpage {
	border-radius: 5px;
	box-shadow: 0 -3px 5px 0 rgba(161, 165, 169, 0.8);
	overflow: hidden;
	/*background-color: rgba(255,255,255,1);*/
	padding: 5%;
	margin: 4% 1% 0 1%;
	
	background-color: rgba(255,255,255,0.5);
	background: -moz-linear-gradient(left,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.9)), color-stop(50%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

/*---- produkte Übersicht ----*/

div.katalog {
	
}
div.katalog div {
	display: inline-block;
	width: 24.5%;
	min-width: 135px;
	padding: 0% 0% 4% 0%;
	text-align: center;
	vertical-align: top;

}
div.katalog div a {
	font-size: 12px;
    line-height: 1.5em;
}
div.katalog div img {
	width: 90%;
	height: auto;
	border-radius: 10px;
    box-shadow: 0 -2px 5px 0 rgba(161, 165, 169, 0.8);
}

div.katalog div:first-child,
div.katalog div:last-child	{
	display: none;
	visibility: hidden;
}

/*---- historietblog img ----*/

div.historietblog img,
div.extrablog img {
	width: 22%;
	height: auto;
	min-width: 150px;
	float: left;
	margin: 0 5% 0 0;
	border-radius: 10px;
	box-shadow: 0px -2px 5px 0px rgba(161,165,169,0.8);
}
div.historietblog h2,
div.extrablog h2 {
	margin-bottom: 20px;
}

div.historietblog img.wf_file_icon,
div.extrablog img.wf_file_icon  {
	width: inherit;
	height: inherit;
	min-width: inherit;
	float: none !important;
	margin: 0;
	border-radius: none;
	box-shadow: none;
}


/*---- livecam img ----*/

div.livecam {
	padding: 0;
}
div.livecam span.wf_caption {
	margin-right: 30px;
	float: left;
	display: inherit;
	width: 40%;
	min-width: 150px;
	max-width: 360px;
}
div.livecam img {
    border-radius: 10px;
    box-shadow: 0 -2px 5px 0 rgba(161, 165, 169, 0.8);
    height: auto;
    width: 100%;
    max-width: 360px;
}

/*---- anfahrt google map ----*/

div.anfahrt {
	border-radius: 5px;
	box-shadow: 0 -3px 5px 0 #a1a5a9;
	overflow: hidden;
	background-color: rgba(255,255,255,0.5);
	background: -moz-linear-gradient(left,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.9)), color-stop(50%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	padding: 5% 5% 4% 5%;
	margin: 4% 1% 0 1%;
}
div.anfahrt p {
	text-align: center;
}
div.anfahrt p:last-child {
	font-size: 1.1em;
}
div.anfahrt iframe {
	border-radius: 5px;
}

/*---- kontakt ----*/

div.contactleft {
	display: inline-block;
	width: 35%;
	padding: 3px 0 0 0;
}
div.contactright {
	display: inline-block;
	width: 65%;
	float: right;
}
div.oeffnung {
	padding: 5% 0;
}
table.oeffnung td {
	text-align: left;
	vertical-align: top;
}
table.oeffnung td:first-child {
	padding: 0 10px 0 0;
}
div.vcfcard {
	padding: 5% 0 5px 7%;
	text-align: left;
}
@media screen and (max-width: 45em) {
	div.contactleft, div.contactright {
		display: block;
		width: auto;
		float: none;
	}
}

/*---- Über uns ----*/

div.etikett1out {
	max-width: 705px;
	margin: -250px 0 0 0;
}
div.etikett1 {
	-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
}
div.etikett1top {
	height: 417px;
	background: url('../images/erzgeb/etikett1-top.png') no-repeat scroll left bottom / 100% auto transparent;
}
div.etikett1mid {
	background: url('../images/erzgeb/etikett1-mid.png') repeat-y scroll left top / 100% auto transparent;
	padding: 5% 7% 1% 7%;
}
div.etikett1bot {
	height: 37px;
	background: url('../images/erzgeb/etikett1-bot.png') no-repeat scroll left top / 100% auto transparent;
}

div.ueberunsleft {
	display: inline-block;
	width: 49%;
	vertical-align: top;
	padding: 35px 0 0 0;
}
div.ueberunsleft img {
	width: 100%;
	height: auto;
	box-shadow: 1px -3px 5px 0px rgba(161,165,169,0.8);
}
div.ueberunsleft span.wf_caption span {
	padding-top: 5px;
	font-size: 0.9em;
}
div.ueberunsright {
	display: inline-block;
	width: 44%;
	vertical-align: top;
	padding: 0 0 0 5%;
}

@media screen and (max-width: 40em) {
	div.etikett1out { 
		margin: -370px 0 0  0px;
		/*max-width: 280px;*/
		width: 85%;
	}
	div.ueberunsleft, div.ueberunsright {
		display: block;
		width: 100%;
		padding-bottom: 10px;
	}
	div.ueberunsright {
		padding-left: 0;
	}
	div.etikett1 {
	-ms-transform: rotate(-4deg); /* IE 9 */
    -webkit-transform: rotate(-4deg); /* Chrome, Safari, Opera */
    transform: rotate(-4deg);
}
}


/*---- Etikett 2 ----*/

div.etikett2out {
	max-width: 705px;
	margin: -100px 0 0 60px;
}
div.etikett2 {
	-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Chrome, Safari, Opera */
    transform: rotate(-10deg);
}
div.etikett2top {
	height: 242px;
	background: url('../images/erzgeb/etikett2-top.png') no-repeat scroll left bottom / 100% auto transparent;
}
div.etikett2mid {
	background: url('../images/erzgeb/etikett2-mid.png') repeat-y scroll left top / 100% auto transparent;
	padding: 5% 7% 1% 7%;
	text-align: justify;
}
div.etikett2bot {
	height: 37px;
	background: url('../images/erzgeb/etikett2-bot.png') no-repeat scroll left bottom / 100% auto transparent;
}

/*---- etikett für startanimation ----*/

div.etikettAout {
	max-width: 705px;
	margin: -180px 0 0 50px;
}
@media screen and (max-width: 40em) {
	div.etikettAout { 
		margin: -230px 0 0  0px;
		width: 90%;
	}
}
div.etikettA {
	-ms-transform: rotate(-8deg);
    -webkit-transform: rotate(-8deg);
    transform: rotate(-8deg);
}
div.etikettAtop {
	height: 242px;
	background: url('../images/erzgeb/etikett2-top.png') no-repeat scroll left bottom / 100% auto transparent;
}
div.etikettAmid {
	background: url('../images/erzgeb/etikett2-mid.png') repeat-y scroll left top / 100% auto transparent;
	padding: 3% 7% 0 7%;
}
div.etikettAbot {
	height: 37px;
	background: url('../images/erzgeb/etikett2-bot.png') no-repeat scroll left top / 100% auto transparent;
}
div.flow-wrapper{
	 width: 1px;
	 height: 380px !important;
}

/* ---- switch startanmia desktop-animation mobile-image static ----*/

div.animastatic img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 760px) {
	div.nomobile {
		display: none;
	}
}
@media screen and (min-width: 760px) {
	div.nodesktop {
		display: none;
	}
	div.etikettAout { /* special für safari 8 */
		position: relative;
		z-index:-1;
	}
}


/* ---- startimg eigenanimation ---- */

div.animastatic img {
	width: 100%;
	max-width: 607px;
	/*height: 400px;*/
	height: auto;
	transform: scale(1);	opacity: 1;
	-webkit-transform-origin: center center;
	-moz-transform-origin: center center;
	-ms-transform-origin: center center;
	-o-transform-origin: center center;
	transform-origin: center center;

  	-webkit-animation:	grow 30s 0s infinite ease-out ;
  	-moz-animation:		grow 30s 0s infinite ease-out ;
  	-ms-animation:		grow 30s 0s infinite ease-out ;
  	-o-animation:		grow 30s 0s infinite ease-out ;
  	animation:			grow 30s 0s infinite ease-out ;
}

@-webkit-keyframes grow {
  0%	{-webkit-transform: scale(0); opacity: 0; }
  10% 	{-webkit-transform: scale(1); opacity: 1; }
  97% 	{-webkit-transform: scale(1); opacity: 1; }
  100% 	{-webkit-transform: scale(1); opacity: 0; }
}
@-moz-keyframes grow {
  0% 	{transform: scale(0); opacity: 0; }
  10% 	{transform: scale(1); opacity: 1; }
  97% 	{transform: scale(1); opacity: 1; }
  100% 	{transform: scale(1); opacity: 0; }
}
@-ms-keyframes grow {
  0% 	{transform: scale(0); opacity: 0; }
  10% 	{transform: scale(1); opacity: 1; }
  97% 	{transform: scale(1); opacity: 1; }
  100% 	{transform: scale(1); opacity: 0; }
}
@-o-keyframes grow {
  0% 	{transform: scale(0); opacity: 0; }
  10% 	{transform: scale(1); opacity: 1; }
  97% 	{transform: scale(1); opacity: 1; }
  100% 	{transform: scale(1); opacity: 0; }
}
@keyframes grow {
  0% 	{transform: scale(0); opacity: 0; }
  10% 	{transform: scale(1); opacity: 1; }
  97% 	{transform: scale(1); opacity: 1; }
  100% 	{transform: scale(1); opacity: 0; }
}


/*---- produkte blog ----*/

div.clrprod {
	clear: both;
	font-size: 0;
	line-height: 0;
}

div.produktblog {
}

div.produktblog div.items-row, div.item-page.produktblog,
div.extrablog div.items-row, div.item-page.extrablog,
div.historietblog div.items-row, div.item-page.historietblog,
div.category-desc {
	background-color: rgba(255,255,255,0.5); 
	background: -moz-linear-gradient(left,  rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.9)), color-stop(50%,rgba(255,255,255,0.9)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(255,255,255,0.9) 0%,rgba(255,255,255,0.9) 50%,rgba(255,255,255,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
	
	box-shadow: 0px -3px 5px 0px rgba(161,165,169,0.8);
	border-radius: 5px;
	
	padding: 5% 5% 4% 5% ;
	margin: 4% 1% 0 1%;
	position: relative;
}

div.produktblog div.page-header {
	display: inline-block;
	float: right;
	width: 70%;
	position: relative;
	z-index: 2;
}
div.produktblog h2.item-title {
	display: inline-block;
	float: right;
	width: 70%;
	position: relative;
	z-index: 2;
}

div.produktblog .prod-bild {
	display: inline-block;
	float: left;
	width: 25%;
	min-width: 135px;
}
div.produktblog .prod-bild img {
	width: 90%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0px -2px 5px 0px rgba(161,165,169,0.8);
	font-size: 16px;
}
/*div.produktblog .prod-bild img:hover {
	box-shadow: 0px -2px 5px 0px rgba(161,165,169,0.8);
}*/

div.produktblog .prod-descrip {
	display: inline-block;
	float: right;
	width: 70%;
}

div.produktblog .prod-text {
	position: relative;
	z-index: 2;
	min-height: 84px;
}
div.produktblog .prod-preis {
/*	position: absolute;
	right: 3%;
	bottom: 8%;*/
	float: right;
	z-index: 1;
	width: 100%;
	height: 75px;
	background-color: #ffffff;
	background: url('../images/erzgeb/etikett-preis.png') top right scroll no-repeat transparent;
	background-size: 415px 90px;
	padding: 15px 15px 0 0;
	text-align: right;
}
div.produktblog .prod-preis p {
	font-family: Monaco, monospace;
	display: inline-block;
	-ms-transform: rotate(1.6deg);
    -webkit-transform: rotate(1.6deg);
    transform: rotate(1.6deg);
    padding: 0;
    margin: 0;
    min-width: 100px;
    text-align: center;
}

div.historietblog::after {
	content: '';
	font-size: 0;
	height: 0;
	display: block;
	clear: both;
}


@media screen and (max-width: 40em) {
	div.produktblog div.page-header {
	    display: block;
	    float: none;
	    width: 100%;
	}
	div.produktblog .prod-bild {
	    display: block;
	    float: none;
	    width: 55%;
	}
	div.produktblog .prod-descrip {
	    display: block;
	    float: none;
	    width: 100%;
	}
	
	div.historietblog a.jcepopup,
	div.extrablog a.jcepopup {
		display: block;
	}
	div.historietblog img,
	div.extrablog img {
		float: none;
		margin-bottom: 10px;
	}
	div.extrablog img {
		display: block;
		float: none !important;
	}
	
	div.livecam span.wf_caption {
		display: block;
		width: 100%;
		float: none;
	}
	
	div.produktblog , div.historietblog, div.extrablog {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	}
}

/*---- detailbilder im beitrag ----*/

span.detail5 {
	display: inline-block;
	padding: 1.5% 1.5% 0 0;
	margin: 0;
	width: 18.5%;
	min-width: 70px;
}
span.detail5 img {
	width: 100%;
	height: auto;
	border-radius: 10px;
	box-shadow: 0px -2px 5px 0px rgba(161,165,169,0.6);
	font-size: 16px;
	line-height: 16px;
	min-width: 50px;
}

/*---- hersteller logos ----*/

table.hersteller {
	width: 100%;
}
table.hersteller td {
	text-align: left;
	vertical-align: bottom;
	padding: 1% 0 1% 0;
}
table.hersteller td:first-child {
	width: 20%;
	padding-right: 10px;
}
table.hersteller img {
	width: 100%;
	height: auto;
	float: none;
	max-width: 130px;
	border-radius: 10px;
	box-shadow: 0px -2px 5px 0px rgba(161,165,169,0.8);
}

/*---- produkte preishinweis ----*/

div#conbtm6out {
	padding: 20px 0 0 0;
	font-size: 11px;
	text-align: center;
}


/*---- weiterlesen ----*/

p.readmore {
	text-align: right;
}


/*---- search  result-url  ----*/

div.result-url {
	padding: 0;
	margin: 0;
	box-shadow: none;
	border: 0px solid transparent;
	font-size: 0em;
}





/*
**********************************************
***      created by Boris Schmakowski      ***
***          www.schmakowski.de            ***
**********************************************
*/


.kontaktdiv {							/* Container im Beitrag */
	width: 100%;
/* 	max-width: 800px; */
	margin: 0 auto 0 auto;
	border: 1px solid #eeeeee;
}

.convertforms .cf-field-hp {			/* Honey */
    display: none !important;
    position: absolute !important;
    left: -9000px !important;
}

div.cf-control-group {
	margin: 0 0 2vh 0;
	padding: 0;
}
label.cf-label {
	font-size: 16px;
	color: #4c4c4c;
}
span.cf-required-label {
	color: #e30613;
}
input.cf-input,
textarea.cf-input {
	width: 100%;
	border: 0.5px solid #00528c;
	border-radius: 3px;
	font-family: courier, monospace;
	font-size: 20px;
	color: #000000;
	padding: 0.75em;
	-webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
input.cf-input:focus,
textarea.cf-input:focus {
	border: 0.5px solid #e30613;
}

.convertforms .cf-checkbox-group .cf-label,
.convertforms .cf-radio-group .cf-label		{
	color: #000000;
	padding: 0 0 0 1em;
}


button.cf-btn {
	width: 100%;
	background-color: #a82222;
	border: 1px solid #a82222;
	border-radius: 3px !important;
	padding: 0.5em !important;
	margin: 0; 
	color: #ffffff;
	border: none;
	border-radius: 5px;
	font-size: 22px !important;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0.02em;
	cursor: pointer;
	-webkit-transition: all 0.2s ease 0s;
       -moz-transition: all 0.2s ease 0s;
        -ms-transition: all 0.2s ease 0s;
         -o-transition: all 0.2s ease 0s;
            transition: all 0.2s ease 0s;
}
button.cf-btn:hover {
	background-color: #FFF1B0;
	color: #000000;

}
span.cf-btn-text {
	color: #ffffff;
	font-size: 1em;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 0.02em;
}
button.cf-btn:hover  span.cf-btn-text {
	color: #000000;
}

.cf-control-input {
	font-size: 18px;
	color: #4c4c4c;
	line-height: 1.3em;
}


.cf-response:empty {
	display: none;
	visibility: none;
}
.cf-response {
	background-color: #eef7f9;
	color: #000000;
	padding: 1em 0;
	text-align: center;
}
.cf-response p:last-child {
	padding: 0;
}

div.cf-success div.cf-fields {
	display: none;
}