body {
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		12px;
	line-height:	1.5em;
}
body.max-940 #wrapper {
	max-width:	918px;
}

blockquote, q {
	quotes:			"\201E" "\201C" "\201A" "\2018";
}
blockquote:before,
q:before {
	content:		open-quote;
	quotes:			"\201E" "\201C" "\201A" "\2018";
}
blockquote:after,
q:after {
	content:		close-quote;
	quotes:			"\201E" "\201C" "\201A" "\2018";
}

a {
	color:			#555;
	font-weight:	inherit;
	text-decoration:	underline;
}
a:focus,
a:visited {
	text-decoration:	underline;
}
big {
	font-size:		1.5em;
}
p, h1, h2, h3, h4, h5, h6 {
	font-weight:	normal;
	margin:			0;
}
p {
	margin-bottom:	1em;
	orphans:		3;
}

h2 {
	font-size:		24px;
	line-height:	1.2em;
	margin-bottom:	0.6em;
}
h3 {
	line-height:	1.2em;
	margin-bottom:	0.6em;
}
h4 {
	line-height:	1.2em;
	margin-bottom:	0.6em;
}
h5 {
	font-size:		1.1em;
	font-weight:	bold;
	line-height:	1.2em;
	margin-bottom:	0.5em;
}
h6 {
	font-size:		1.1em;
	font-weight:	bold;
	line-height:	1.2em;
	margin-bottom:	0.2em;
	color:			#EE7F00;
}
img {
	vertical-align:	top;
}

table,
tr,
th,
td {
	padding:		0;
	border:			0;
}
table form {
	margin:			0;
}

.admin {
	display:		none;
}

.symbol {
    display: inline-block;
    background-image:		url('/media/hofa-symbol.svgz');
	background-size:		100% 100%;
	background-repeat:		no-repeat;
	background-position:	center;
    width: 1.18em;
    height: 1.18em;
	margin-right: 0.2em;
    vertical-align: text-bottom;
}

.content-after {
	clear:	both;
}

.alignnone,
a img.alignnone {
	margin:			0;
}

.br {
	margin-top:		1em;
}
div.br {
	padding-top:	1em;
	margin-top:		0;
}

div.short {
	padding:		0 20%;
}

ol.br,
ul.br {
	margin-top:		0;
}
ol.br > li,
ul.br > li {
	padding-top:	1em;
}

ol.br li.br,
ul.br li.br {
	margin-top:		2em;
}

.caption {
	margin-bottom:	0.5em;
}
.disabled {
	color:			#999 !important;
}
.em,
em * {
	font-style:		italic;
}
a.em {
	font-style:		normal;
}
a.em:before {
	content:		">> ";
/*	display:		inline-block;*/
	white-space:	pre;
}

.cart-add,
.cart-add:hover,
.cart-add:active {
	color:			#EE7F00;
	text-decoration:	none;
}
.cart-add:before {
	content:		url(/media/empty-cart.png);
}

.hofa,
.hofa:hover {
	color:			#EE7F00 !important;
	font-weight:	bold;
}

div.hofa *,
span.hofa * {
	color:			#EE7F00;
}

.store,
.store:hover,
.store *,
.store *:hover {
	color:			#EE7F00;
	font-weight:	bold;
}

a.to-top:after {	content:	"\2934";	}
a.to-top {
	display:		block;
	float:			right;
	text-align:		center;
	font-size:		1.5em;
	text-decoration:	none;
	border:			1px solid #000;
	background:		#FFF;
	width:			30px;
	height:			30px;
	padding:		0;
	padding-top:	3px;
	margin:			-5px 10px 15px 10px;
}
a.to-top:hover {
	background-color:	#EEE;
}

.h-auto,
.h-center {
	margin-left:	auto;
	margin-right:	auto;
}
.v-auto,
.v-center {
	margin-top:		auto;
	margin-bottom:	auto;
}

.height-auto {
	height:			auto;
}

.top {
	vertical-align:	top;
}
.bottom {
	vertical-align:	bottom;
}

.inline {
	display:		inline;
}
.block {
	display:		block;
}

.bold,
.bold * {
	font-weight:	bold !important;;
}
.light,
.light:hover,
.light *,
.light *:hover {
	font-weight:	normal;
}

.line {
	text-decoration:	underline;
}

.mono {
	font-family:	monospace;
}
.note.big {
	font-size:		1.5em;
}
.no-deco {
	text-decoration:	none;
}
.no-deco * {
	text-decoration:	none;
}

.no-wrap {
	white-space:		nowrap;
}

.separate > * {
	border-right:	1px solid #000;
}
.separate > *:last-child {
	border-right:	none;
}

.cell {
	display:	table-cell;
}

*[class*="grid-"] > * {
	float:			left;
	box-sizing:		border-box;
}

/*** GRID + PAD ***/
[class*="grid-"][class*="pad-"] {
	padding:	0;
}
[class*="grid-"].pad-10 > * {	padding: 10px;	}
[class*="grid-"].pad-20 > * {	padding: 20px;	}
[class*="grid-"].pad-30 > * {	padding: 30px;	}
[class*="grid-"].pad-40 > * {	padding: 40px;	}
[class*="grid-"].pad-50 > * {	padding: 50px;	}
[class*="grid-"].pad-100 > * {	padding: 100px;	}
[class*="grid-"].pad-150 > * {	padding: 150px;	}

[class*="grid-"].vpad-10 > * {	padding-top: 10px;	padding-bottom: 10px;	}
[class*="grid-"].vpad-20 > * {	padding-top: 20px;	padding-bottom: 20px;	}
[class*="grid-"].vpad-30 > * {	padding-top: 30px;	padding-bottom: 30px;	}
[class*="grid-"].vpad-40 > * {	padding-top: 40px;	padding-bottom: 40px;	}
[class*="grid-"].vpad-50 > * {	padding-top: 50px;	padding-bottom: 50px;	}
[class*="grid-"].vpad-100 > * {	padding-top: 100px;	padding-bottom: 100px;	}
[class*="grid-"].vpad-150 > * {	padding-top: 150px;	padding-bottom: 150px;	}

[class*="grid-"].fill > *:first-child,
.table.fill>*:first-child {
	padding-left:	0;
}
[class*="grid-"].fill > *:last-child,
.table.fill>*:last-child {
	padding-right:	0;
}

.table.pad-10 > * {	padding: 10px;	}
.table.pad-20 > * {	padding: 20px;	}
.table.pad-30 > * {	padding: 30px;	}
.table.pad-40 > * {	padding: 40px;	}
.table.pad-50 > * {	padding: 50px;	}
.table.pad-100 > * {	padding: 100px;	}
.table.pad-150 > * {	padding: 150px;	}

.table {
    display: table;
	table-layout: fixed;
}

.table > * {
    display: table-cell;
}

[class*="grid-"].table>* {
	float: none;
}

.grid-2 > * {width:		50%;}
.grid-3 > * {width:		33.3%;}
.grid-4 > * {width:		25%;}
.grid-5 > * {width:		20%;}

.pad-10 {	padding:		10px;	}
.pad-20 {	padding:		20px;	}
.pad-30 {	padding:		30px;	}
.pad-40 {	padding:		40px;	}
.pad-50 {	padding:		50px;	}
.pad-100 {	padding:		100px;	}
.pad-150 {	padding:		150px;	}

.hpad-10 {	padding-left:	10px;	padding-right:	10px;	}
.hpad-20 {	padding-left:	20px;	padding-right:	20px;	}
.hpad-30 {	padding-left:	30px;	padding-right:	30px;	}
.hpad-40 {	padding-left:	40px;	padding-right:	40px;	}
.hpad-50 {	padding-left:	50px;	padding-right:	50px;	}
.hpad-100 {	padding-left:	100px;	padding-right:	100px;	}
.hpad-150 {	padding-left:	150px;	padding-right:	150px;	}

.vpad-10 {	padding-top:	10px;	padding-bottom:	10px;	}
.vpad-20 {	padding-top:	20px;	padding-bottom:	20px;	}
.vpad-30 {	padding-top:	30px;	padding-bottom:	30px;	}
.vpad-40 {	padding-top:	40px;	padding-bottom:	40px;	}
.vpad-50 {	padding-top:	50px;	padding-bottom:	50px;	}
.vpad-100 {	padding-top:	100px;	padding-bottom:	100px;	}
.vpad-150 {	padding-top:	150px;	padding-bottom:	150px;	}

.lpad-10 {	padding-left:	10px;	}
.lpad-20 {	padding-left:	20px;	}
.lpad-30 {	padding-left:	30px;	}
.lpad-40 {	padding-left:	40px;	}
.lpad-50 {	padding-left:	50px;	}
.lpad-100 {	padding-left:	100px;	}
.lpad-150 {	padding-left:	150px;	}

.rpad-10 {	padding-right:	10px;	}
.rpad-20 {	padding-right:	20px;	}
.rpad-30 {	padding-right:	30px;	}
.rpad-40 {	padding-right:	40px;	}
.rpad-50 {	padding-right:	50px;	}
.rpad-100 {	padding-right:	100px;	}
.rpad-150 {	padding-right:	150px;	}

.tpad-10 {	padding-top:	10px;	}
.tpad-20 {	padding-top:	20px;	}
.tpad-30 {	padding-top:	30px;	}
.tpad-40 {	padding-top:	40px;	}
.tpad-50 {	padding-top:	50px;	}
.tpad-100 {	padding-top:	100px;	}
.tpad-150 {	padding-top:	150px;	}
.tpad-200 {	padding-top:	200px;	}

.bpad-10 {	padding-bottom:	10px;	}
.bpad-20 {	padding-bottom:	20px;	}
.bpad-30 {	padding-bottom:	30px;	}
.bpad-40 {	padding-bottom:	40px;	}
.bpad-50 {	padding-bottom:	50px;	}
.bpad-100 {	padding-bottom:	100px;	}
.bpad-150 {	padding-bottom:	150px;	}
.bpad-200 {	padding-bottom:	200px;	}


/* PADS FÜR BESTIMMTE ELEMENTE ANPASSEN */


img.pad-10 {		padding:		0;	margin:	10px;	}
img.pad-20 {		padding:		0;	margin:	20px;	}
img.pad-30 {		padding:		0;	margin:	30px;	}
img.pad-40 {		padding:		0;	margin:	40px;	}
img.pad-50 {		padding:		0;	margin:	50px;	}
img.pad-100 {	padding:		0;	margin:	100px;	}
img.pad-150 {	padding:		0;	margin:	150px;	}
img.pad-200 {	padding:		0;	margin:	200px;	}

img.hpad-20 {	padding-left:	0;	padding-right:	0;	margin-left:	20px;	margin-right:	20px;	}
img.hpad-30 {	padding-left:	0;	padding-right:	0;	margin-left:	30px;	margin-right:	30px;	}
img.hpad-40 {	padding-left:	0;	padding-right:	0;	margin-left:	40px;	margin-right:	40px;	}
img.hpad-50 {	padding-left:	0;	padding-right:	0;	margin-left:	50px;	margin-right:	50px;	}
img.hpad-100 {	padding-left:	0;	padding-right:	0;	margin-left:	100px;	margin-right:	100px;	}
img.hpad-150 {	padding-left:	0;	padding-right:	0;	margin-left:	150px;	margin-right:	150px;	}
img.hpad-200 {	padding-left:	0;	padding-right:	0;	margin-left:	200px;	margin-right:	200px;	}

img.vpad-20 {	padding-top:	0;	padding-bottom:	0;	margin-top:		20px;	margin-bottom:	20px;	}
img.vpad-30 {	padding-top:	0;	padding-bottom:	0;	margin-top:		30px;	margin-bottom:	30px;	}
img.vpad-40 {	padding-top:	0;	padding-bottom:	0;	margin-top:		40px;	margin-bottom:	40px;	}
img.vpad-50 {	padding-top:	0;	padding-bottom:	0;	margin-top:		50px;	margin-bottom:	50px;	}
img.vpad-100 {	padding-top:	0;	padding-bottom:	0;	margin-top:		100px;	margin-bottom:	100px;	}
img.vpad-150 {	padding-top:	0;	padding-bottom:	0;	margin-top:		150px;	margin-bottom:	150px;	}
img.vpad-200 {	padding-top:	0;	padding-bottom:	0;	margin-top:		200px;	margin-bottom:	200px;	}

img.lpad-20 {	padding-left:	0;	margin-left:	20px;	}
img.lpad-30 {	padding-left:	0;	margin-left:	30px;	}
img.lpad-40 {	padding-left:	0;	margin-left:	40px;	}
img.lpad-50 {	padding-left:	0;	margin-left:	50px;	}
img.lpad-100 {	padding-left:	0;	margin-left:	100px;	}
img.lpad-150 {	padding-left:	0;	margin-left:	150px;	}
img.lpad-200 {	padding-left:	0;	margin-left:	200px;	}

img.rpad-20 {	padding-right:	0;	margin-right:	20px;	}
img.rpad-30 {	padding-right:	0;	margin-right:	30px;	}
img.rpad-40 {	padding-right:	0;	margin-right:	40px;	}
img.rpad-50 {	padding-right:	0;	margin-right:	50px;	}
img.rpad-100 {	padding-right:	0;	margin-right:	100px;	}
img.rpad-150 {	padding-right:	0;	margin-right:	150px;	}
img.rpad-200 {	padding-right:	0;	margin-right:	200px;	}

img.tpad-20 {	padding-top:	0;	margin-top:		20px;	}
img.tpad-30 {	padding-top:	0;	margin-top:		30px;	}
img.tpad-40 {	padding-top:	0;	margin-top:		40px;	}
img.tpad-50 {	padding-top:	0;	margin-top:		50px;	}
img.tpad-100 {	padding-top:	0;	margin-top:		100px;	}
img.tpad-150 {	padding-top:	0;	margin-top:		150px;	}
img.tpad-200 {	padding-top:	0;	margin-top:		200px;	}

img.bpad-20 {	padding-bottom:	0;	margin-bottom:	20px;	}
img.bpad-30 {	padding-bottom:	0;	margin-bottom:	30px;	}
img.bpad-40 {	padding-bottom:	0;	margin-bottom:	40px;	}
img.bpad-50 {	padding-bottom:	0;	margin-bottom:	50px;	}
img.bpad-100 {	padding-bottom:	0;	margin-bottom:	100px;	}
img.bpad-150 {	padding-bottom:	0;	margin-bottom:	150px;	}
img.bpad-200 {	padding-bottom:	0;	margin-bottom:	200px;	}

.lpad-50 li,
.lpad-100 li,
.lpad-150 li {	margin-left:	-25px;	}


/* NEGATIVE MARGIN */
.tpad--20 {	margin-top:		-20px;	}
.tpad--30 {	margin-top:		-30px;	}
.tpad--40 {	margin-top:		-40px;	}
.tpad--50 {	margin-top:		-50px;	}
.tpad--100 {	margin-top:		-100px;	}
.tpad--150 {	margin-top:		-150px;	}
.tpad--200 {	margin-top:		-200px;	}

img.center {
	display:		block;
	margin-left:	auto;
	margin-right:	auto;
}

.child-br > * {
	margin-top:	2em;
}

*[class*="split-"] {
	box-sizing:	border-box;
}
.split-2 {	width:	50%;	}
.split-3-1 {	width:	33.3%;	}
.split-3-2 {	width:	66.6%;	}
.split-4-1 {	width:	25%;	}
.split-4-3 {	width:	75%;	}

.lborder {
	border-left:	1px solid #000;
}
.rborder {
	border-right:	1px solid #000;
}

.inline {
	display:		inline;
}

.mid {
	display: inline-block;
	vertical-align: middle;
	margin-right: -5px;
}
.middle {
	vertical-align:	middle;
}

.nofloat-480,
.nofloat-650 {
	float:			left;
}

.no-50-col-650 {
	width:			45%;
	padding-right:	5%;
}
.button.small {
	font-weight:	normal;
	letter-spacing:	-1px;
	padding:		0 2px;
}
p.left {
	text-align:		left;
	float:			none;
}
p.right {
	text-align:		right;
	float:			none;
}

.lside {
	float:			left;
	margin-left:	-150px;
}

.rside {
	float:			right;
	margin-right:	-150px;
}

.float,
.lfloat {
	float:	left;
}
.rfloat {
	float:	right;
}

.clear {
	clear:	both;
}

.scale-200,
.scale-200 img {
	width:	200px;
}

.sidebar-200 {
	float:			right;
	width:			200px;
	margin-left:	20px;
}

[class*="max-"] {
	margin-left:	auto;
	margin-right:	auto;
}
.max-100 {max-width:		100px;}
.max-200 {max-width:		200px;}
.max-300 {max-width:		300px;}
.max-400 {max-width:		400px;}
.max-500 {max-width:		500px;}
.max-600 {max-width:		600px;}
.max-640 {max-width:		640px;}
.max-650 {max-width:		650px;}

small,
.small {
	font-size:		0.8em !important;
	letter-spacing:	-1px;
}

ol.no-item,
ul.no-item {
	list-style-type:	none;
	padding-left:	0;
}
ol.no-item li:before,
ul.no-item li:before {
	content:		"" !important;
	margin-left:	0 !important;
	margin-right:	0 !important;
}

.copyright a {
	text-decoration:	none;
}

.title_info {
	color:			#EE7F00;
	font-weight:	bold;
	margin-bottom:	0.4em;
}

form.register {
	float:			left;
}
form.register label {
	display:		block;
	text-align:		right;
}
form.register label input {
	margin-left:	5px;
}
form.register label input[type="radio"],
form.register label input[type="checkbox"] {
	margin-left:	0;
	margin-right:	5px;
}
hr {
	background-color:	transparent;
	text-align:			center;
	background-image:	url("/media/splitter.png");
	height:				50px;
	display:			block;
	background-repeat:	no-repeat;
	width:				100%;
	background-position:	center center;
	clear:				both;
	background-size:	80% 1px;
}
hr.mini {
	margin-top:		0;
	margin-bottom:	0;
	height:			20px;
}

.merch.height-auto > * {
	height:			auto;
}
.merch.height-auto .content {
	padding-bottom:	1.5em;
}
.merch .no-image .title-image {
	display:	none;
}

#merch-wrapper {
	margin:		0 -20px;
	overflow:	hidden;
	background-color:	#eee;
	border-top:			2px solid #ee7f00;
    border-bottom:		2px solid #ee7f00;
}
#merch-wrapper #merch {
	margin:				0 auto;
	line-height:		1.5em;
}
#merch-wrapper #merch .post {
	font-size:	11px;
	border:		0;
	color:		#333;
	max-width:	238px;
	height:		32em;
	padding:	0 16px;
	margin:		1em auto;
	box-sizing:	border-box;
	background-color:	transparent;
}
#merch-wrapper #merch .right,
#merch-wrapper #merch *[style *= "text-align: right"] {
	right:	16px;
}

.merch-title {
	margin:	30px 0 20px;
}
#merch p {
	font-weight:	inherit;
}

.post-edit {
	display:	none;
}
.admin-bar .post-edit {
	display:	block;
}

#wrapper ol.parenthesis {
	list-style-type:	none;
	counter-reset:		list;
}
#wrapper ol.parenthesis > li:before{
	counter-increment:	list;
	content:			counter(list) ") ";
	margin-left:		-1.42em;
}

#wrapper ol.em,
#wrapper ul.em {
	font-style:		normal;
	list-style-type:	none;
	padding:		0;
}
#wrapper ol.em > li:before,
#wrapper ul.em > li:before {
	content:		"> ";
	color:			#EE7F00;
}

#wrapper ul {
	list-style-type:	none;
}

#wrapper ul > li:before {
	content:		"\25CF";
	color:			#EE7F00;
	margin-left:	-1em;
	margin-right:	0.42em;
}


#header {
	position:		relative;
	z-index:		99;
}

#logo {
	position:		relative;
	background-color:	#000;
	background-repeat:	no-repeat;
	background-position:	right top;
	background-size:	100% auto;
	float:			left;
	width:			100%;
	min-height:		30px;
	text-align:		left !important;
}
#logo img {
	width:			30%;
}

.menu a {
	font-weight:	200;
	line-height:	24px;
	height:			26px;
	padding:	0 0.8em;
}

#login-icon {
	float:			right;
	top:			-38px;
	position:		relative;
	width:			45px;
	height:			0px;
	cursor:			pointer;
	display:		none;
}

#login-widget {
	background-color:	rgb(255, 255, 255);
	display:		none;
	position:		absolute;
	z-index:		2000;
	top:			-20px;
	right:			20px;
	-webkit-box-shadow:	0px 0px 16px #000000; -moz-box-shadow: 0px 0px 16px #000000; box-shadow: 0px 0px 16px #000000;
}

.blog.title {
	font-size:		1.6em;
	font-weight:	bold;
	margin-bottom:	0.5em;
}
.blog.head .wp-post-image {
	float:			right;
	width:			200px;
	margin-right:	20px;
}

.home h2 {
	margin-bottom:	0;
}

.breadcrumb-list {
	display:	none;
}

.copyright {
	padding-left:	10px;
	box-sizing:		border-box;
}

#footer {
	position:		relative;
}
#footer .scroll-top a {
	font-size:		1.2em;
	text-decoration:	none;
}
#footer-wrapper:before {
	content:	" ";
	position:	absolute;
	left:		-90px;
	bottom:		20px;
	width:		130px;
	height:		100px;
	background:	url("/media/iso_9001_black_de.svg");
	background-size:		contain;
	background-repeat:		no-repeat;
	background-position:	right bottom;
}
[lang="en-US"] #footer-wrapper:before {
	background-image:	url("/media/iso_9001_black_en.svg");
}

.tooltip {
	display:	none;
	position:	absolute;
	background:	#fff;
	padding:	0.5em;
	border:		1px solid #999;
	border-radius:	3px;
	z-index:	999;
}
.tooltip.left	{	left:	0.5em;	}
.tooltip.right	{	right:	0.5em;	}
.tooltip.top	{	top:	0.5em;	}
.tooltip.bottom	{	bottom:	0.5em;	}

.tooltip:hover,
.tipclick:hover + .tooltip,
.tipclick:active + .tooltip,
.tipclick:focus + .tooltip {
	display:	block;
}

#busy {
	display:	none;
	position:	fixed;
	width:		12vw;
	height:		12vh;
	left:		44vw;
	top:		44vh;
	background-color:		transparent;
	background-size:		contain;
	background-image:		url("/media/busy-small.gif");
	background-repeat:		no-repeat;
	background-position:	center center;
	opacity:	1;
	filter:		alpha(opacity=50);
	-moz-opacity:	0.5;
	-khtml-opacity:	0.5;
	z-index:	10000;
}
#busy.modal {
	position:	fixed;
	top:		0;
	left:		0;
	width:		100%;
	height:		100%;
	opacity:	0.5;
	background-color:	#FFF;
	background-size:	auto;
	background-image:	url("images/busy.gif");
}

/*ANKERMENÜ*/

.anchor-menu {
	background:		#eee;
	border-radius:	5px;
	padding:		1em;
	margin-bottom:	2em;
	text-align:		center;
}
.anchor-menu .item {
	display:	inline-block;
	padding:	1em;
	box-sizing:	border-box;
	vertical-align:	top;
}

/***SHOP API***/

.shoppingcart-add {
	cursor:		pointer;
}
.shoppingcart-show,
.shoppingcart-show a {
	cursor:		pointer;
}
.shoppingcart-icon {
	display:	inline-block;
	width:		24px;
	height:		24px;
	margin:		3px 4px 3px 0;
	opacity:	0.7;
	background-image:	url("https://hofa-shop.com/erp/owweb/icons/cart.svg");
	background-size:	cover;
	vertical-align:		middle;
}
.shoppingcart-total {
	display:		inline-block;
	margin-left:	8px;
	vertical-align:	middle;
	height:			18px;
	line-height:	18px;
	background:		#777;
	white-space:	nowrap;
	color:			#fff;
	padding:		1px 10px;
	text-shadow:	#333;
	border-radius:	15px;
}
.shopping-cart-input.quantity {
	width:			33px;
	margin-right:	5px;
}
.product select {
	margin:			0.5em 0;
}
select.product {
	padding:		0.3em 0.4em 0.15em;
	vertical-align:	baseline;
}

#shoppingcartTableItems th.proz {
	text-align:	center;
}
#shoppingcartTableItems .nummer {
	display:	none;
}
#shoppingcartTableItems .pos .mge,
#shoppingcartTableItems .pos .preis {
	text-align:	center;
}
#shoppingcartTableItems .proz,
#shoppingcartTableItems .pwert {
	text-align:	right;
}

#shoppingcartTableItems.EUR .preis span:after,
#shoppingcartTableItems.EUR .pwert:after {
	content:		" \20AC";
	white-space:	nowrap;
}
#shoppingcartTableItems .proz:after {
	content: " %";
	white-space: nowrap;
}
#shoppingcartTableItems th:before,
#shoppingcartTableItems th:after,
#shoppingcartTableItems .empty:before,
#shoppingcartTableItems .empty:after,
#shoppingcartTableItems .empty *:before,
#shoppingcartTableItems .empty *:after {
    content: "" !important;
}

/***ENDE SHOP API***/

.scrollable .viewport .overview {
	max-width:		100%;
}

/***AKTIONEN***/
.xmas #formular.note {
	text-align:		center;
}
.xmas form.register {
	float:			none;
	max-width:		100%;
/*	width:			500px;*/
	margin:			0 auto;
}
.xmas form.register .field {
	text-align:		right;
}
.xmas form.register label {
	display:		inline;
	padding:		5px 10px;
	margin:			5px;
	box-sizing:		border-box;
	border-radius:	5px;
}
.xmas form.register .field.radio,
.xmas form.register .field.checkbox,
.xmas form.register .field.file {
	text-align:		left;
}
.xmas form.register .next {
	float:			right;
}
.xmas form.register .submit {
	float:			right;
}
.xmas form.register .optional {
	background:		#eee;
	border-radius:	15px;
	padding:		10px;
}
.xmas .error {
	font-weight:	bold;
	border-radius:	5px;
}
.xmas .note {
	border-radius:	5px;
}
.xmas .summary table {
	max-width:		100%;
	width:			350px;
}
/***ENDE AKTIONEN***/

.hide {
	display:	none !important;
}

@media screen and (max-width: 1200px) {
	#footer-wrapper:before {
		display:		none;
	}
}

@media screen and (max-width: 980px) {
	.hide-980 {
		display: none;
	}
	.show-980 {
		display: block;
	}
	.zero-980 {
		min-height:	initial !important;
		background:	none !important;
	}
	
	.grid-5 > *	{	width:	33.3%;	}
	.grid-4  > *	{	width:	33.3%;	}
	.grid-3 > *	{	width:	50%;	}
	.grid-2 > *	{	width:	100%;	}
	
	.grid-2[class*="pad-"] > * {	padding:	10px;	}
	
	.tiles.grid-5 {	margin:	0 -3px;		}
	.tiles.grid-5 > div {
		margin:	3px;
		width:	calc(33.3% - 6px);
	}
	
	.tiles.grid-4 {	margin:	0 -3px;		}
	.tiles.grid-4 > div {
		margin:	3px;
		width:	calc(33.3% - 6px);
	}
	
	.tiles.grid-3 {	margin:	0 -10px;	}
	.tiles.grid-3 > div {
		margin:	10px;
		width:	calc(50% - 20px);
	}
	
	img.pad-10 {		padding:	0;	 margin:	10px;	}
	img.pad-20 {		padding:	0;	 margin:	20px;	}
	img.pad-30 {		padding:	0;	 margin:	30px;	}
	img.pad-40 {		padding:	0;	 margin:	40px;	}
	img.pad-50 {		padding:	0;	 margin:	50px;	}
	img.pad-100 {	padding:	0;	 margin:	100px;	}
	img.pad-150 {	padding:	0;	 margin:	150px;	}
	
	img.lpad-100,
	img.lpad-150 {	padding-left:	0;	margin-left:	50px;	}
	
	img.rpad-100,
	img.rpad-150 {	padding-right:	0;	margin-right:	50px;	}
	
	img.tpad-100,
	img.tpad-150 {	padding-top:	0;	margin-top:		50px;	}
	
	img.bpad-100,
	img.bpad-150 {	padding-bottom:	0;	margin-bottom:	50px;	}
	
	.lside {
		float:			none;
		margin-left:	0;
	}
}

@media screen and (max-width: 800px) {
	.hide-800 {
		display: none;
	}
	.show-800 {
		display: block;
	}
	
	.nofloat-800 {
		float:	none;
	}
	
	.center-800 {
		text-align:	center;
	}
	img.center-800 {
		display:		block;
		margin-left:	auto;
		margin-right:	auto;
	}
	
	.grid-2 > *{	width:	100% !important;	}
	
	[class*="grid-"][class*="pad-"].fill > *  {	padding: 0;}
	
	.split-4-1 {		width:	33.3%;	}
	.split-4-3 {		width:	66.6%;	}
	
	.split-3-1,
	.split-3-2 {
		width:	100%;
	}
	
	.tiles.grid-2 > div {
		display:	block;
		width:		100%;
		min-height:	0;
		margin:		20px 0 0;
	}
	
	.table.grid-2 > * {
		display: block;
	}
}

@media screen and (max-width: 650px) {
	.hide-650 {
		display: none !important;
	}
	.show-650 {
		display: block !important;
	}
	.nofloat-650 {
		float:	none;
	}
	.no-50-col-650 {
		width: 100%;
		padding-right:0%;
		margin-bottom: 1.5em;
	}
	.static-650 {
		position:	static !important;
	}
	.zero-650 {
		min-height:	initial !important;
		background:	none !important;
	}
	.full-650 {
		width:	100% !important;
	}
	.half,
	.split-2 {
		width:	100%;
	}
	
	.split-4-1,
	.split-4-3 {
		width:	100%;
	}
	
	.cell {
		display:	block;
	}
	
	.no-wrap {
		white-space:		normal;
	}
	
	.grid-5 > * {	width:	33.3%;	}
	.grid-4  > * {	width:	50%;	}
	.grid-3 > *,
	.grid-2 > * {	width:	100%;	}
	
	.grid-3[class*="pad-"] > * {	padding:	10px;	}
	
		.tiles.grid-5 {	margin: 0 -3px;	}
	.tiles.grid-5 > div {
		margin:	3px;
		width:	calc(33.3% - 6px);
	}
	.tiles.grid-4 {	margin: 0 -3px;	}
	.tiles.grid-4 > div {
		margin:	3px;
		width:	calc(50% - 6px);
	}
	
	.tiles.grid-3 {	margin: 0 -3px;	}
	.tiles.grid-3 > div {
		margin:	3px;
		width:	calc(50% - 6px);
	}
	
	.pad-10,
	.pad-20,
	.pad-30,
	.pad-40,
	.pad-50,
	.pad-100,
	.pad-150 {	padding:		10px;	}
	
	.hpad-20,
	.hpad-30,
	.hpad-40,
	.hpad-50,
	.hpad-100,
	.hpad-150 {	padding-left:	10px;	padding-right:	10px;	}
	
	.vpad-20,
	.vpad-30,
	.vpad-40,
	.vpad-50,
	.vpad-100,
	.vpad-150 {	padding-top:	10px;	padding-bottom:	10px;	}

	.lpad-20,
	.lpad-30,
	.lpad-40,
	.lpad-50,
	.lpad-100,
	.lpad-150 {	padding-left:	10px;	}
	
	.rpad-20,
	.rpad-30,
	.rpad-40,
	.rpad-50,
	.rpad-100,
	.rpad-150 {	padding-right:	10px;	}
	
	.tpad-20,
	.tpad-30,
	.tpad-40,
	.tpad-50,
	.tpad-100,
	.tpad-150 {	padding-top:	10px;	}
	.bpad-20,
	.bpad-30,
	.bpad-40,
	.bpad-50,
	.bpad-100,
	.bpad-150 {	padding-bottom:	10px;	}
	
	.tpad--20,
	.tpad--30,
	.tpad--40,
	.tpad--50,
	.tpad--100,
	.tpad--150 {	margin-top:		10px;	}
	
	/* PADS FÜR BESTIMMTE ELEMENTE ANPASSEN */
	
	img.pad-10,
	img.pad-20,
	img.pad-30,
	img.pad-40,
	img.pad-50,
	img.pad-100,
	img.pad-150 {	padding:	0;	margin:	10px;	}
	
	img.hpad-20,
	img.hpad-30,
	img.hpad-40,
	img.hpad-50,
	img.hpad-100,
	img.hpad-150 {	padding-left:	0;	padding-right:	0;	margin-left:	10px;	margin-right:	10px;	}
	
	img.vpad-20,
	img.vpad-30,
	img.vpad-40,
	img.vpad-50,
	img.vpad-100,
	img.vpad-150 {	padding-top:	0;	padding-bottom:	0;	margin-top:		10px;	margin-bottom:	10px;	}

	img.lpad-50,
	img.lpad-100,
	img.lpad-150 {	padding-left:	0;	margin-left:	10px;	}
	
	img.rpad-50,
	img.rpad-100,
	img.rpad-150 {	padding-right:	0;	margin-right:	10px;	}
	
	img.tpad-50,
	img.tpad-100,
	img.tpad-150 {	padding-top:	0;	margin-top:		10px;	}
	
	img.bpad-50,
	img.bpad-100,
	img.bpad-150 {	padding-bottom:	0;	margin-bottom:	10px;	}
	
	.center-650 {
		text-align:	center;
	}
	img.center-650 {
		display:		block;
		margin-left:	auto;
		margin-right:	auto;
	}
}

@media screen and (max-width: 480px) {
	.hide-480 {
		display: none;
	}
	.show-480 {
		display: block;
	}
	.hide-480 {
		display: none;
	}

	.show-480 {
		display: block;
	}

	.nofloat-480 {
		float: none;
	}
	
	.grid,
	.grid-right {
		float: none;
	}
	
	.grid-5 > * {	width:	50%;	}
	.grid-4  > *,
	.grid-3 > *,
	.grid-2 > * {	width:	100%;	}
	
	.grid-4[class*="pad-"] > * {	padding:	10px;	}
	
	.tiles.grid-5 {	margin:	0 -3px;	}
	.tiles.grid-5 > div {
		margin:	3px;
		width:	calc(50% - 6px);
	}
	
	.tiles.grid-4 {	margin: 0;	}
	.tiles.grid-4 > div {
		margin:	3px 0;
		width:	100%;
		height: auto;
		padding-bottom: 2em;
	}
	
	.tiles.grid-3 {	margin: 0;	}
	.tiles.grid-3 > div {
		margin:	3px 0;
		width:	100%;
	}
	
	#merch-wrapper #merch .post {
		float:	none;
		height:	auto;
		margin-bottom:	3em;
		padding-bottom:	1.5em;
	}
}

@media screen and (max-width: 400px) {
	h1 {font-size:	1.8em}
	h2 {font-size:	1.5em}
	h3 {font-size:	1.3em}
	h1.big {font-size:	2.5em}
	
	.hide-400 {
		display: none;
	}
	.show-400 {
		display: block;
	}
	
	.grid-5 > * {	width:	100%;	}
	
	[class*="grid-"][class*="pad-"] > * {	padding:	10px;	}
	
	.tiles.grid-5 {	margin:	0;	}
	.tiles.grid-5 > div {
		margin:	3px 0;
		width:	100%;
	}
}

@media screen and (max-width: 320px) {
	.hide-320 {
		display: none;
	}
	.show-320 {
		display: block;
	}
	.hide-320 {
		display: none;
	}

	.show-320 {
		display: block;
	}
}

@media screen and (max-width: 240px) {
	.hide-240 {
		display: none;
	}
	.show-240 {
		display: block;
	}
	.hide-240 {
		display: none;
	}
	.show-240 {
		display: block;
	}
}

.mobile.desktop {
	display:	block !important;
}