/**************************************************/
/* Global *****************************************/

html {
	min-height: 101%;
}
body {
	background: #586135;
	color: #222;
	font: 12px/1.5 Verdana, sans-serif;
	margin: 0;
}	

/* Überschriften */

h1, h2, h3, h4, h5, h6 {
	line-height: 1.25;
	margin: 0 0 0.5em 0;
}
h1 {
	font-size: 2em;
	font-weight: normal;
	color: #025;
	font-family: 'Bell Gothic W01 Black 691900', Arial, san-serif ; 
}
h2 {
	font-size: 1.75em;
	font-weight: normal;
	font-family: 'Bell Gothic W01 Black 691900', Arial, san-serif ; 
}
h3 {
	font-size: 1.4em;
	font-weight: 600;
}
h4,
h5 {
	font-size: 1.25em;
	font-weight: 600;
}
h6 {
	font-size: 1em;
	font-weight: 600;
}
.notbold
{
	font-weight: normal;
	font-size: 14px;
}

/* Absätze */

p {
	margin: 0 0 1em 0;
}
p.lead {
	font-size: 1.25em;
	font-weight: 600;	
}
p.overview {	
	margin: 0 auto 1em auto;
	text-align: center;
	width: 30%;
}
p.byline {
	color: #888;
}
p.byline img {
	width: 5em;
	float: left;
}
p.byline strong {
	display: block;
}
p.byline a {
	color: #444;
}
p:last-child {
	margin-bottom: 0;
}
hr {	
	border: none;
	border-bottom: thin solid #DDD;
	clear: both;
	display: block;
	height: 1px;
	margin: 0 0 2em;
	padding: 2em 0 0;
}

/* Listen */

ul {
	margin: 0;
	padding: 0;	
}
dl {
	margin: 0 0 1em;
	padding: 0;
}
dt {
	float: left;
	margin: 0 5% 0.5em 0;
	width: 25%;
}
dd {
	margin: 0 0 0.5em 30%;
}

/* Hyperlinks */

a {
	color: #711;
	text-decoration: none;
	transition: background-color 0.5s, color 0.3s;
	-o-transition: background-color 0.5s, color 0.3s;
	-ms-transition: background-color 0.5s, color 0.3s;
	-moz-transition: background-color 0.5s, color 0.3s;
	-webkit-transition: background-color 0.5s, color 0.3s;
}
a:focus,
a:active {
	outline: none;
}
a:hover {
	outline: none;
	text-decoration: underline;
}
a.push {
	padding: 0.5em 1em;
	display: inline-block;
	border: thin solid #6B7640;
	background: #6B7640;
	background-repeat: no-repeat;
	background-image: linear-gradient(#889165, #616B3B);
	color: #FFF;
}
a.push:hover {
	border: thin solid #A76800;
	background-color: #A76800;
	background-image: linear-gradient(#B88632, #A76800);
	text-decoration: none;
	color: #FFF;
}
a.ahead:before {
	content: "\00bb\00a0";
}
a.behind:before {
	content: "\00ab\00a0";
}
a.external:after,
a[rel=external]:after {
	content: "\00a0\2197";
}

/* Textauszeichnung */

strong {
    font-weight: 600;
}
em {
	font-style: normal;
	color: #444;
}
abbr[title] {
    text-decoration: none;
	cursor: help;
}
sup, sub {
	font-size: 0.7em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.3em;
}
sub {
    bottom: -0.3em;
}
small {
	font-size: 0.875em;
	color: #999;
	font-weight: normal;
}
small a {
	color: #666;
}
small a:hover {
	color: #333;
}
address {
	font-style: normal;
	margin-bottom: 1em;
}
dfn,
samp {
	color: #999;
	font: inherit;	
}
dfn {
	display: block;
	margin-left: 25%;
	padding-top: 0.5em;
}
samp {
	padding-left: 1em;
	vertical-align: baseline;
}
mark {
	background: #FFC;
	color: inherit;
	padding: 0 0.25em;
}
pre,
kbd,
code {
	font: 0.9em "Courier New", Courier, monospace;
	color: #000;
	background: #DDD;
	padding: 0.1em 0.25em;
	vertical-align: middle;
}
del {
	color: #C00;
}
ins {
	text-decoration: none;
	font-weight: 400;
}
blockquote {
	margin: 0 2em 1em 2em;
	font-style: italic;
}
dialog {
}
kbd {
	border: thin solid #999;
	border-radius: 0.25em;
}
time {
}
q  {
}
cite {
}
span[itemprop=author],
span[itemprop=creator] {
	padding-right: 1em;
}

/* Abbildungen */

figure {
	background: #FFF;
	margin: 0 0 1em 0;
	padding: 1em;
	text-align: right;
}
figure.thumb {
	width: 8em;
}
figcaption {
	color: #666;
	font-size: 0.9em;
	margin-top: 1em;
}
img {
	display: block;
    border: none;
	max-width: 100%;
	height: auto;
}
img.inline {
	display: inline;
	margin: 0 0.5em;
	vertical-align: middle;
}
figure img {
	margin: 0 auto;
}
iframe {
	border: none;
	margin-bottom: 1em;
	max-width: 100%;
	width: 100%;
}
div.video {
	height: 0;	
	margin-bottom: 1em;
	padding-bottom: 56.25%;
	position: relative;
}
div.video iframe {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
}

/* Icons */

i {
	display: inline-block;
	font-style: normal;
}

.icon {
	display: inline-block;
	fill: #666;
	width: 2rem;
	height: 2rem;
	vertical-align: middle;
}
.icon.is-tiny {
	width: 0.75rem;
	height: 0.75rem;
}
.icon.is-small {
	width: 1.25rem;
	height: 1.25rem;
}

.icon.is-medium {
	width: 2rem;
	height: 2rem;
}

.icon.is-large {	
	width: 3rem;
	height: 3rem;
}
.icon.is-extended {		
	width: 5rem;
	height: 5rem;
}

/* Social Media */

i.social {
	width: 2em;
	height: 2em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
i.twitter {
	background-image: url(../images/swyn/swyn_twitter.gif);
}
i.facebook {
	background-image: url(../images/swyn/swyn_facebook.gif);
}
i.googleplus {
	background-image: url(../images/swyn/swyn_googleplus.gif);
}
i.xing {
	background-image: url(../images/swyn/swyn_xing.gif);
}
i.linkedin {
	background-image: url(../images/swyn/swyn_linkedin.gif);
}
i.pinterest {
	background-image: url(../images/swyn/swyn_pinterest.gif);
}
i.instagram {
	background-image: url(../images/swyn/swyn_instagram.gif);
}
i.youtube {
	background-image: url(../images/swyn/swyn_youtube.gif);
}
i.tumblr {
	background-image: url(../images/swyn/swyn_tumblr.gif);
}
i.delicious {
	background-image: url(../images/swyn/swyn_delicious.gif);
}
i.foursquare {
	background-image: url(../images/swyn/swyn_foursquare.gif);
}
i.flickr {
	background-image: url(../images/swyn/swyn_flickr.gif);
}
i.aboutme {
	background-image: url(../images/swyn/swyn_aboutme.gif);
}

/* Navigation */

i.navigation {	
	border-top: medium solid #FFF;
	position: relative;
	width: 1.5em;
}
i.navigation:before,
i.navigation:after {
	border-top: medium solid #FFF;
	content: '';
	display: block;
	margin-top: 0.3em;
	width: 100%;	
}

/* Tabellen */

table {
    border-collapse: collapse;
    border-spacing: 0;
	border-style: none;
	table-layout: fixed;
}
caption {
	font-size: 1.25em;
	font-weight: 600;
	margin-bottom: 1em;
	text-align: left;	
}
thead {
	//background: #FFF;
	border-bottom: 1px solid #999;
}
tfoot {
	border-top: 1px solid #CCC;
}
tbody tr {
	transition: background 0.5s;
	border-bottom: 1px solid #DDD;
}
tbody tr:last-of-type {
	border-bottom: none;
}
tbody tr:nth-of-type(2n+1) {
	//background: #EADEB5; 
}
tbody tr:hover {
	//background: #EEE;
}
th {
	padding: 0.25em;
	text-align: left;	
}
td {
	padding: 0.5em 0.25em;
	vertical-align: top;
	/*word-wrap: break-word;*/	
}
th.center,
td.center {
	text-align: center;
}
th.right,
td.right {
	text-align: right;
}
td .closed
{
	color: #586135;
	padding-right: 1em;

}

/* Spaltenbreiten */

col.title {
	width: 50%;
}
col.address {
	width: 30%;
}
col.month {
	width: 45%;
}
col.product {
	width: 60%;
}
col.date,
col.price,
col.filesize {
	width: 20%;
}
col.variant,
col.available {
	width: 15%;
}
col.weekday {
	width: 14.2857%;
}
col.unit,
col.total,
col.image,
col.amount,
col.filetype {
	width: 10%;
}
col.image {
	width: 5%;
}
col.action {
	width: 5%;
}
col.cart {
	width: 20%;
}

/* Formulare */

form {
	margin: 0;
	padding: 0;
}
form br {
	clear: left;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0.5em 0 1em;	
}
fieldset.button {
	padding-left: 25%;
}
legend {
	color: #999;
	font-weight: bold;
	font-size: 1.3em;
	margin: 0;
	padding: 0;
}

/* Feldbezeichner */

label {
	padding-right: 2%;
	vertical-align: middle;
}
label.before {
	display: block;
	float: left;
	line-height: 2;
	width: 23%;
}
label.between {
	padding-left: 2%;
}
label.after,
label.check {
	display: block;
	float: left;
	margin: 0.25em 0;
}
label.after {
	width: 65%;
}
label.check {
	width: 90%;
}
label.none {
	float: left;
	line-height: 2;
	padding-right: 0;
	width: 0;
	white-space: nowrap;
}
label.required {
	cursor: help;
}
label.required:after {
	content: "\00a0\002a";
	color: #C00;
}
label.error {
	color: #C00;
}

/* Eingabefelder */

input,
select,
textarea {
	border: thin solid #999;
	font: inherit;
	margin: 0 0 0.25em 0;
	padding: 0.25em;
	vertical-align: middle;
}
input[type=date],
input[type=time],
input[type=number] {
	width: 20%;
}
input.short,

input[type=password],
input[type=email].short {
	width: 35%;
}
input.standard,
input[type=url],
input[type=email],
textarea {
	width: 70%;
}
input.error,
select.error,
textarea.error {
	border-color: #C00;
}
input[type=checkbox], 
input[type=radio] {
	border: 0;
	height: 1em; 
	margin: 0.55em 0.5em 0.45em 0;
	padding: 0;
	width: 1em;
}
input[readonly],
input[readonly]:focus {
	background: #FFF;
	border: 1px solid #999;
	color: #666;
}
input.vertical {
	float: left;
	margin-left: 25%;
}
input.check {
	float: left;
	margin-right: 1%;
}
select {
	padding: 0.2em 0.25em 0.2em 0.05em;
}
option {
	margin: 0;
}
optgroup {
	font-style: normal;
	padding: 0 0.5em 1em;
}
textarea {
	overflow: auto;
}
input:hover,
select:hover,
textarea:hover {
	border-color: #777;
}
select:focus,
textarea:focus,
input:focus {
	border-color: #980;
	background: #FFFBCF;
}


/* Schaltflächen */

button {
	background: #BBB;
	background: -o-linear-gradient(top, #CCC 0%,#AAA 100%);
	background: -ms-linear-gradient(top, #CCC 0%, #AAA 100%);
	background: -webkit-linear-gradient(top, #CCC 0%, #AAA 100%);
	background: linear-gradient(to bottom, #CCC 0%, #AAA 100%);
	border: thin solid #BBB;
	box-shadow:  inset 0 0 0 1px rgba(255,255,255,0.2), 0 7px 5px -5px #DDD;
	color: #FFF;
	cursor: pointer;
	font: inherit;
	margin: 0 0 0.25em;
	padding: 0.5em 1em;
	vertical-align: middle;
}
button:hover {
	background: #AAA;
	background: -o-linear-gradient(top, #BBB 0%,#999 100%);
	background: -ms-linear-gradient(top, #BBB 0%, #999 100%);
	background: -webkit-linear-gradient(top, #BBB 0%, #999 100%);
	background: linear-gradient(to bottom, #BBB 0%, #999 100%);
}
button.cancel {
	background: #C00;
	background: -o-linear-gradient(top, #E00 0%,#C00 100%);
	background: -ms-linear-gradient(top, #E00 0%, #C00 100%);
	background: -webkit-linear-gradient(top, #E00 0%, #C00 100%);
	background: linear-gradient(to bottom, #E00 0%, #C00 100%);
}
button.cancel:hover {
	background: #A00;
	background: -o-linear-gradient(top, #E00 0%,#A00 100%);
	background: -ms-linear-gradient(top, #E00 0%, #A00 100%);
	background: -webkit-linear-gradient(top, #E00 0%, #A00 100%);
	background: linear-gradient(to bottom, #E00 0%, #A00 100%);
}
button.event {
	background: #C90;
	background: -o-linear-gradient(top, #DA0 0%,#C90 100%);
	background: -ms-linear-gradient(top, #DA0 0%, #C90 100%);
	background: -webkit-linear-gradient(top, #DA0 0%, #C90 100%);
	background: linear-gradient(to bottom, #DA0 0%, #C90 100%);
}
button.event:hover {
	background: #B80;
	background: -o-linear-gradient(top, #EA0 0%,#B80 100%);
	background: -ms-linear-gradient(top, #EA0 0%, #B80 100%);
	background: -webkit-linear-gradient(top, #EA0 0%, #B80 100%);
	background: linear-gradient(to bottom, #EA0 0%, #B80 100%);
}
button.okay {
	border-color: #980;
	background: #980;
	background: -o-linear-gradient(top, #BB0 0%,#870 100%);
	background: -ms-linear-gradient(top, #BB0 0%, #870 100%);
	background: -webkit-linear-gradient(top, #BB0 0%, #870 100%);
	background: linear-gradient(to bottom, #BB0 0%, #870 100%);
	box-shadow: none;
}
button.okay:hover {
	border-color: #AA0;
	background: #990;
	background: -o-linear-gradient(top, #CC0 0%,#990 100%);
	background: -ms-linear-gradient(top, #CC0 0%, #990 100%);
	background: -webkit-linear-gradient(top, #CC0 0%, #990 100%);
	background: linear-gradient(to bottom, #CC0 0%, #990 100%);
}
button.execute {
	border-color: #6B3;
	background: #6B3;
	background: -o-linear-gradient(top, #8C4 0%,#6B3 100%);
	background: -ms-linear-gradient(top, #8C4 0%, #6B3 100%);
	background: -webkit-linear-gradient(top, #8C4 0%, #6B3 100%);
	background: linear-gradient(to bottom, #8C4 0%, #6B3 100%);
}
button.execute:hover {
	background: #5A2;
	background: -o-linear-gradient(top, #7B3 0%,#5A2 100%);
	background: -ms-linear-gradient(top, #7B3 0%, #5A23 100%);
	background: -webkit-linear-gradient(top, #7B3 0%, #5A23 100%);
	background: linear-gradient(to bottom, #7B3 0%, #5A23 100%);
}


/* A.10 Allgemeine Klassen */

/* Global */

.scope {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 1em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

.group:after {
    content: "";
    display: table;
    clear: both;
}
.previous {
	float: left;
}
.next {
	float: right;
}
.back:before,
.more:after {
	font-size: 1.5em;
	line-height: 1;
	vertical-align: text-bottom
}
.back:before {
	content: "\2039\00a0";
}
.more:after {
	content: "\00a0\203a";
}
.anterior {
	float: left;	
	margin: 0 5% 1em 0;
	width: 30%;
}
.interior {
	margin: inherit auto;
}
.posterior {
	float: right;		
	margin: 0 0 1em 5%;
	width: 30%;
}
.sponsored {
	background: #FFF;
	border: thin solid #999;
	border-radius: 0.25em;
	float: right;
	padding: 0.05em 0.5em;
}

/* Sternchenbewertung */

div.rating {
	cursor: default;
	direction: rtl;
	display: inline-block;
	padding-right: 1em;
	unicode-bidi: bidi-override;
}
div.rating span {
	direction: ltr;
	display: inline-block;
	font-weight: normal;
	padding-left: 1em;
}
div.rating input {
	display: none;
}
div.rating label {
	cursor: pointer;
	font-size: 2em;
	line-height: 0.75;
	padding-right: 0;
}
div.rating i:before {
	color: #999;
	content: "\2606";
}
div.rating i.checked:before,
div.rating label:hover i:before,
div.rating label:hover ~ label i:before,
div.rating input:checked ~ label i:before,
div.rating input:checked + label:hover i:before {	
	color: #C90;
	content: "\2605";
}


/**************************************************/
/* B. Container ***********************************/

#root {
}
#page {
	border-top: 10px solid #9C8F00;
	text-align: left;
	margin: 0 auto;
	position: relative;
}


/* --------------- */
/* B.1 Kopfbereich */

header {
	background: #FFF;
	padding: 30px 0 0;
	border-bottom: 1px solid #9C8F00;
}
header ul {
	list-style: none;
}
header li {
	float: left;
	
}

/* B.1.1 Titel */

#title {
	float: left;
	padding-bottom: 2em;
}
#title a {
	color: #000;
}

/* B.1.2 Servicenavigation */

#service {
	display: inline-block;
	position: absolute;
	right: 1em;
	top: -2em;
	top: -30px;
}
#service ul {
}
#service li {
	margin-left: 1.5em;
}
#service li p {
	padding-top: 0.25em;
	padding-right: 0.5em;
	color: #666;
}
#service li a.current {
	color: #999;
}


/* B.1.3 Social Media Profile */

#social {
	float: left;
	width: 23.5%;
	margin-left: 2%;
}
#social ul {
	float: right;
	height: 2em;
}
#social li {
	margin: 0 0 0 0.5em;
	padding: 0;
}

/* B.1.4 Suche  */

#search {
	float: left;
	width: 23.5%;
	background: #CCC;
	margin-left: 2%;
	margin-top: 1em;
}
#search input {
	width: 96%;
	height: 1.5em;
	border: 0;
	padding: 0.25em 2%;
	margin: 0;
}

/*Lieferadresse Suche*/
.searchadress
{
	position: relative;
}
.fakeinput
{
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0;
	background-color: #fff;
	border: thin solid #777;
}
.fakeinput div
{
	float: right;
	padding-right: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
.searchadress input
{
	width: 90%;
	margin: 0;
	border-style: none;
}
.suggestion
{
	box-sizing: border-box;
	z-index: 1000;
	display: block;
	border: thin solid #777;
	overflow-y: scroll;
	background-color: #fef1e0;
	width: 100%;
	position: absolute;
}
.suggestion ul a li
{
	list-style-type: none;
}
.suggestion ul a
{
	color: #000;
}

/*Lieferadresse ändern*/
li .choose {
	width:95%;
	display: inline-block;
	border: thin solid #6B7640;
	background: #6B7640;
	background-image: linear-gradient(#889165, #616B3B);
	color: #FFF;
	box-shadow:  inset 0 0 0 1px rgba(255,255,255,0.2), 0 7px 5px -5px #DDD;
	cursor: pointer;
	font: inherit;
	margin: 1em 0 0 0.25em;
	padding: 0.5em 1em;
	vertical-align: middle;
	box-sizing: border-box;
}

#list .choose:hover {
	border: thin solid #A76800;
	background-color: #A76800;
	background-image: linear-gradient(#B88632, #A76800);
	text-decoration: none;
	color: #FFF;
}
li .edit {
	width:95%;
	display: inline-block;
	border: thin solid #F09819;
	background: #F09819;
	background-repeat: no-repeat;
	background-image: linear-gradient(#F09819 ,#FF8008);
	color: #FFF;
	box-shadow:  inset 0 0 0 1px rgba(255,255,255,0.2), 0 7px 5px -5px #DDD;
	cursor: pointer;
	font: inherit;
	margin: 1em 0 0 0.25em;
	padding: 0.5em 1em;
	vertical-align: middle;
	box-sizing: border-box;
}

#list .edit:hover {
	border: thin solid #F09819;
	background-color: #F09819;
	background-image: linear-gradient(#F09819 ,#EDDE5D);
	text-decoration: none;
	color: #FFF;
}

li .delete {
	width:95%;
	display: inline-block;
	border: thin solid #e43a15;
	background: #e43a15;
	background-repeat: no-repeat;
	background-image: linear-gradient(#e43a15 ,#e65245);
	color: #FFF;
}
li .delete:hover {
	border: thin solid #fd746c;
	background-color: #fd746c;
	background-image: linear-gradient(#fd746c, #ff9068);
	text-decoration: none;
	color: #FFF;
}
#content a.delete, a.edit:hover {
	color: #FFF;
}
.button .Hiding {
	display:none;
}
.button .delete {
	display: inline-block;
	border: thin solid #e43a15;
	background: #e43a15;
	background-repeat: no-repeat;
	background-image: linear-gradient(#e43a15 ,#e65245);
	color: #FFF;
	float:right;
}
.button .delete:hover {
	border: thin solid #fd746c;
	background-color: #fd746c;
	background-image: linear-gradient(#fd746c, #ff9068);
	text-decoration: none;
	color: #FFF;
}
#error .delete {
	display: inline-block;
	border: thin solid #e43a15;
	background: #e43a15;
	background-repeat: no-repeat;
	background-image: linear-gradient(#e43a15 ,#e65245);
	color: #FFF;
}
#error .delete:hover {
	border: thin solid #fd746c;
	background-color: #fd746c;
	background-image: linear-gradient(#fd746c, #ff9068);
	text-decoration: none;
	color: #FFF;
}
#error .edit, .button .edit {
	display: inline-block;
	border: thin solid #aaa9a9;
	background: #aaa9a9;
	background-repeat: no-repeat;
	background-image: linear-gradient(#d4d4d4 ,#aaa9a9);
	color: #FFF;
}
.button .edit:hover {
	border: thin solid #7d7d7d;
	background-color: #7d7d7d;
	background-image: linear-gradient(#aaa9a9, #7d7d7d);
	text-decoration: none;
	color: #FFF;
}
#error .edit:hover {
	border: thin solid #7d7d7d;
	background-color: #7d7d7d;
	background-image: linear-gradient(#aaa9a9, #7d7d7d);
	text-decoration: none;
	color: #FFF;
}

.note
{
	color: #6B7640;
	padding-top: 0.5em;
	padding-bottom: 2em;
}
/* B.1.5 Status */

#status {
	float: right;
	border: 1px solid #11a6de;
	margin: 1em 0 0 2%;
	padding: 0.5em 1em 0.5em 4em;
	line-height: 1.8;
	text-align: left;
	background-color: #1197C8;
	background-image: url(../images/icon/icon_warenkob.png), linear-gradient(#66C5E9, #1197C8);
	background-repeat: no-repeat;
	background-position: left center;
	box-shadow: inset 0	0 0 1px rgba(255,255,255,0.4), 0 7px 5px -3px #DDD;
	color: #FFF;
}
#status a {
	color: #FFF;
}
#status a:hover {
	text-decoration: underline;
} 

/* Telefon */

#phone {
	float: right;
	border: 1px solid #999;
	margin: 1em 0 0 2%;
	padding: 0.5em 1.5em 0.5em 3.5em;
	line-height: 1.6;
	text-align: left;
	background-color: #1197C8;
	background-image: url(../images/icon/icon_telefon.png), linear-gradient(#BBB, #999);
	background-repeat: no-repeat;
	background-position: left center;
	box-shadow: inset 0	0 0 1px rgba(255,255,255,0.4), 0 7px 5px -3px #DDD;
	color: #FFF;
}
#phone strong {
	display: block;
	font-size: 1.2em;
}

/* B.1.6 Navigationsleiste */

nav {
	clear: both;	
	height: 2.5em;
	line-height: 2.5;
	position: relative;
	bottom: -1px;
}
nav ul {
	border: 1px solid #6B7640;
	border-bottom: none;
	background: #CCC;
	background-color: #6B7640;;
	background-repeat: no-repeat;
	background-image: linear-gradient(#889165, #616B3B);
}
nav ul ul {
	display: none;
	position: absolute;
	z-index: 100;
	background: #EEE;
}
nav li:hover ul {
	display: block;
}
nav li li {
	float: none;
}
nav a {
	color: #FFF;
	white-space: nowrap;
	display: block;
	padding: 0.1em 2em;
	margin: -1px 0 0 -1px;
	border: 1px solid transparent;
	border-bottom: none;
}
nav a:hover {
	border: 1px solid #A76800;
	border-bottom: none;
	background-color: #A76800;
	background-repeat: no-repeat;
	background-image: linear-gradient(#B88632, #A76800);

	color: #FFF;
	text-shadow: 0 1px 1px #4b5620;
	text-decoration: none;
}
nav a.current {
	border: 1px solid #9C8F00;
	border-bottom: none;
	text-shadow: 0 1px 1px #4b5620; 
	color: #FFF;
	background-color: #9C8F01;
	background-repeat: no-repeat;
	background-image: linear-gradient(#BAB04C, #9C8F01);
}
nav label {
	background: #636D3D;
	text-align: center;
	cursor: pointer;
	display: none;
}
nav input {
	display: none;
}

/* ---------------- */
/* B.2 Hauptbereich */

main,
#main {
	border-top: 1px solid #FFF;
	clear: left;
	background-color: #fef1e0;
	background-repeat: no-repeat;
	background-image: linear-gradient(#fef1e0, #FFF 300px);
	overflow: hidden;
	hyphens: auto;
	-o-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	padding-top: 1em;
	padding-bottom: 2em;
}
#main section.author img.anterior {
	width: 15%;
}

/* Absatzformate */

#main p.previous {
	color: #999;
}
#main p.next {
	color: #999;
}

/* Vorschaubilder */

#main figure ul {
	margin: 1em 0;
	list-style: none;
	overflow: hidden;
}
#main figure li {
	float: left;
	margin: 0 0 0 2%;
	padding: 0;
	width: 15%;
}
#main figure li:first-child {
	margin-left: 0;
}


/* Listen */

#main li {
	margin-bottom: 0.5em;
	margin-top: 0;
}
#main ul.row {
	list-style: none;
	margin: 0;
}
#main ul.row li {
	display: inline-block;
	margin-right: 0.5em;
	line-height: 1;
}

/* Tabellen */

#main table {
	width: 100%;
	margin: 1em 0 2em;
}
#main tbody th.caption {
	vertical-align: top;
}
#main td.action {
	padding: 1em;
}


/* Zahlungsarten */

#main label.amazonpayments {
	background: url(../images/logo/payment/logo_amazon-payments.png);
}
#main label.barzahlung {
	background: url(../images/logo/payment/logo_barzahlung.png);
}
#main label.billpay {
	background: url(../images/logo/payment/logo_billpay.png);	
}
#main label.billsafe {
	background: url(../images/logo/payment/logo_billsafe.png);	
}
#main label.clickandbuy {
	background: url(../images/logo/payment/logo_clickandbuy.png);
}
#main label.giropay {
	background: url(../images/logo/payment/logo_giropay.png);
}
#main label.klarna {
	background: url(../images/logo/payment/logo_klarna.png);	
}
#main label.kreditkarte {
	background: url(../images/logo/payment/logo_kreditkarte.png);
}
#main label.lastschrift {
	background: url(../images/logo/payment/logo_lastschrift.png);
}
#main label.nachnahme {
	background: url(../images/logo/payment/logo_nachnahme.png);
}
#main label.paypal {
	background: url(../images/logo/payment/logo_paypal.png);
}
#main label.rechnung {
	background: url(../images/logo/payment/logo_rechnung.png);
}
#main label.sofortueberweisung {
	background: url(../images/logo/payment/logo_sofortueberweisung.png);
}
#main label.vorkasse {
	background: url(../images/logo/payment/logo_vorkasse.png);
}
#main input.payment + label {
	display: block;
	float: left;
	width: 21em;
	padding: 0.75em 0.25em 0.75em 0.5em;
	margin: -0.5em 0em 1em;
	background-repeat: no-repeat;
	background-position: right center;
	background-origin: content-box;
}
#main input.payment + label:hover {
	background-color: #DDD;
}
#main input.payment:checked + label {
	background-color: #FFF;
}


/* Eingabefelder */

#main .payment label {
	float: left;
	margin-left: 11em;
	margin-right: 0.5em;
}



/* B.2.1 Ganzseite */

#master {
	clear: both;
	background: #CCC;
	margin-bottom: 1em;
	padding: 1em;
	text-align: center;
}




/* Lightbox */
/* Magnific Popup */

.mfp-bg {
    background: #111;
    filter: alpha(opacity=80);
    opacity: 0.8;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 502;
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 503;
    position: fixed;
    outline: 0 !important;
    -webkit-backface-visibility: hidden;
}
.mfp-container {
    height: 100%;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 0.5em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
    display: none;
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 505;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}
.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
    cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}
.mfp-loading.mfp-figure {
    display: none;
}
.mfp-hide {
    display: none !important;
}
.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 0.5em;
    right: 0.5em;
    z-index: 504;
}
.mfp-preloader a {
    color: #CCC;
}
.mfp-preloader a:hover {
    color: #FFF;
}
.mfp-s-ready .mfp-preloader {
    display: none;
}
.mfp-s-error .mfp-content {
    display: none;
}
button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    padding: 0;
    z-index: 506;
    box-shadow: none;
}
button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.mfp-close {
    width: 2.75em;
    height: 2.75em;
    line-height: 2.75em;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 2em 0.75em;
    color: #FFF;
    font-style: normal;
    font-size: 1.5em;
}
.mfp-close:hover,
.mfp-close:focus {
    opacity: 1;
}
.mfp-close:active {
    top: 0.1em;
}
.mfp-close-btn-in .mfp-close {
    color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -0.5em;
    text-align: right;
    padding-right: 0.5em;
    width: 100%;
}
.mfp-title {
	color: #CCC;
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 1em;
    line-height: 1.5;
}
button.mfp-arrow {
    position: absolute;
    top: 0;
    margin: 0;
    top: 50%;
    margin-top: -4em;
    padding: 0;
    width: 5em;
    height: 5em;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background: #CCC;
    transition: none;
    color: #000;
    border-radius: 0;
}
.mfp-arrow:active {
    margin-top: -4em;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
    background: #FFF;
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
   content: '';
    display: block;
    width: 1em;
    height: 1.25em;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 2em;
    line-height: 1;
    margin-top: 0.75em;
    margin-left: 0.75em;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
}
.mfp-arrow-left {
    left: 0;
    
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    content: '‹';
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
}
.mfp-arrow-right {
    right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    content: '›';
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
}
.mfp-iframe-holder {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 55em;
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
    position: absolute;
    top: -3px;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 0.5em rgba(0,0,0,.6);
    background: #000;
}
.mfp-iframe-holder .mfp-close {
    top: -2.5em;
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3em 0 2.5em;
    margin: auto;
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 3em;
    bottom: 2.5em;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 0.5em rgba(0,0,0,.6);
}
.mfp-figure {
    line-height: 0;
}
.mfp-bottom-bar {
    margin-top: -2.25em;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}
.mfp-title {
    text-align: left;
    line-height: 1.25em;
    color: #EEE;
}
.mfp-figure small {
    color: #BBB;
    display: block;
    font-size: 0.75em;
    line-height: 0.8em;
}
.mfp-image-holder .mfp-content {
    max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

.mfp-ie7 .mfp-img {
    padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
    padding: 0;
}
.mfp-ie7 .mfp-content {
    padding-top: 44px;
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}


/* B.2.3 Menü */

#menu {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 23.5%;
	float: left;
	padding:  1em;
	margin: 0 2% 1em 0;
}
#menu h4 {
	box-shadow: inset -4px 0 4px -4px rgba(0,0,0,0.3);
	margin: 0;
	line-height: 2;
	padding: 0 0.75em;
}
#menu ul {
	margin: 0 0 1em;
	list-style: none;
	border-bottom: 1px solid #FFF;
}
#menu li {
	line-height: 2.5;
	margin: 0;
	padding: 0;
}
#menu li a {
	display: block;
	color: #6b7640;
	padding: 0 0.75em;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #FFF;
	box-shadow: inset -4px 0 4px -4px rgba(0,0,0,0.3);
}
#menu li:first-child a {
	border-top: none;
}
#menu li a:hover {
	background: #E5EBE5;
	color: #003673;
	background: transparent;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: linear-gradient(to right, rgba(255,255,255,0), #E5EBE5 30px);

	text-decoration: none;
}
#menu li a.current {
	color: #9C8F00;
	background: transparent;
	background-color: transparent;
	background-repeat: no-repeat;
	background-image: linear-gradient(to right, rgba(255,255,255,0), #EADEB5 30px);
	position: relative;
}
#menu li a.current:after {
	content: '';
	display: block;
	position: absolute;
	right: -7px;
	top: 50%;
	margin-top: -7px;
	border: 7px solid #EADEB5 ;
	border-right: none;
	border-top: 7px solid  transparent;
	border-bottom: 7px solid  transparent;
}
#menu li a.current:hover {

}
#menu li a.disabled {
	color: #666;
	cursor: default;
}
#menu li a.disabled:hover {
	background: #999;
}
#menu ul ul {
	padding-bottom: 1em;
	background: #FFF;
	margin-bottom: 0;
}
#menu li li {
	font-size: 0.9em;
	line-height: 2;
}
#menu li li a {
	color: #666;
	font-weight: normal;
	padding-left: 2em;
	background: #FFF;
}
#menu li li a:hover {
	color: #000;
	background: none;
}
#menu li li a.current {
	font-weight: bold;
}


/* B.2.4 Wrapper */

#wrapper {
	float: left;
	width: 74.5%;
}


/* B.2.5 Breadcrumb */

#breadcrumb {
	font-size: 0.8em;
	margin-bottom: 1em;
	padding: 0.2em 0;
	color: #999;
}
#breadcrumb ul.row li {
	margin-right: 0;
} 
#breadcrumb li:after {
	content: "\00a0\003e";
	padding-left: 0em;
}
#breadcrumb li:last-child:after {
	content: "";
}
#breadcrumb a {
	color: #999;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
#breadcrumb a.edit {
	background: #C00;	
	border-radius: 1.25em;
	color: #FFF;
	display: inline-block;
	float: right;
	font-weight: bold;
	padding: 0.125em 0.75em;
}
#breadcrumb a.edit:hover {
	background: #A00;
}


/* B.2.6 Inhalte */

#content {
	clear: both;
	overflow: hidden;
	margin-bottom: 1em;
}
#content a:hover {
	text-decoration: none;
	color: #003673;
	color: #08B;
	color: #C00;
}
#content a.push:hover {
	color: #FFF;
}
#journal {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	width: 65.7718%;
	margin-bottom: 1em;
}
#content ul,
#journal ul {
	margin: 1em 0 1em 2em;
}



/* B.2.8 Zusatzspalte */

aside {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	width: 31.5615%;
	padding: 1em;
	margin: 0 0 1em 2.6667%;
}
aside ul {
	list-style: none;
	margin: 1em 0 1em 1em;
}
aside li:before {
	content: "\2192";
	margin-left: -1em;
	padding-right: 0.5em;
}


/* B.2.9 Seitenleiste */

#sidebar {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 23.5%;
	margin: 0 0 1em 2%;
	float: right;
	padding: 1em;
}	


/* Sidebar Boxes */

.box {
	border: 1px solid #CDE;
	padding: 1em;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-image: linear-gradient(#DEF, #CDE);
	box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
	color: #037;
}
.box + .box {
	margin-top: 2em;
}
.box h5 {
	font-family: 'Bell Gothic W01 Black 691900', Arial, san-serif;
	font-size: 1.5em;
	font-weight: normal;
}

.box a.push {
	display: block;
	border: thin solid #1197C8;
	background: #1197C8;;
	background-image: linear-gradient(#66C5E9, #1197C8);
}
.box a.push:hover {
	border: thin solid #1197C8;
	background-color: #08A;
	background-image: linear-gradient(#55b5d9, #0077A8);
}




/* B.2.10 Teaserboxen */

#teaser {
	clear: left;
	overflow: hidden;
	margin-bottom: 1em;
}
#teaser article {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #CCC;
	float: left;
	margin-left: 2%;
	padding: 1em;
	width: 23.5%;
}
#teaser article:first-child {
	margin-left: 0;
}
#teaser img {
	margin: 0 0 1em;
}

/* B.2.11 Meldungen */

#error,
#warning,
#confirm,
#mandate {
	border: thin solid;
	margin-bottom: 2em;
	padding: 1em;
	overflow: auto;
}
#error p,
#warning p,
#confirm p {
	font-weight: 600;
}
#error img,
#warning img,
#confirm img {
	float: left;
	width: 11em;
	margin: 0 2em 0 0;
}
#error button,
#warning button,
#confirm button {
	float: right;
	margin-left: 0.5em;
}
#error {
	background: #FEE;
	border-color: #C00;
	color: #C00;
}
#warning {
	background: #FFD;
	border-color: #C90;
	color: #C90;
}
#confirm {
	background: transparent;
	background: #EFD;
	border-color: #563;
	color: #563;
}
#mandate {
	background: #FFF;
	border-color: #999;
	color: #444;
}


/* B.2.12 Tabs */

#tabs ul {
	margin: 0;
}
#tabs ul li {
	display: block;
	float: left;
	margin: 0 1px 0 0;
}
#tabs ul a {
	display: block;
	color: #000;
	padding: 0.5em 1em;
	background: #DDD;
}
#tabs ul a:hover {
	background: #EEE;
}
#tabs ul a.current {
	background: #FFF;
	color: #000;
}
#cards {
	padding: 1em;
	background: #FFF;
}


/* B.2.13 Dialoge */ 

div.dialog {
	display: none;
    z-index: 10000;
    background-color: #FFF;
    min-width: 36em;
    min-height: 10em;
    padding: 1em;
    border-radius: 0.25em;
}
a.close {
	position: absolute;
	top: -1em;
	right: -1em;
	width: 1.8em;
	height: 1.8em;
	font-weight: bold;
	color: #FFF;
	cursor: pointer;
	background: #666 url(../images/elem/elem_close.png) center center no-repeat;
	background-position: center center;
	border: 2px solid #CCC;
	border-radius: 50%;
	box-shadow: 1px 1px 4px #000;
}
a.close:hover {
	background-color: #900;
}

/*Grid System*/

.set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -2rem;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: clac(102%);
}
.set >  {
  padding-left: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding-bottom: 2rem;
}
.set > .set,
.set > .columns,
.set > .featured,
.set > .teaser,
.set > .list {
  margin-left: 0;
  padding-left: 0;
}
.set.reduced >  {
  padding-bottom: 0;
}
.set > .grow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -2rem;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: clac(102%);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.columns > * {
  padding-left: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding-bottom: 2rem;
}
.columns > .set,
.columns > .columns,
.columns > .featured,
.columns > .teaser,
.columns > .list {
  margin-left: 0;
  padding-left: 0;
}
.columns.reduced > * {
  padding-bottom: 0;
}
.columns > .grow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.columns > * {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}
.featured {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -2rem;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: clac(102%);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.featured > * {
  padding-left: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding-bottom: 2rem;
}
.featured > .set,
.featured > .columns,
.featured > .featured,
.featured > .teaser,
.featured > .list {
  margin-left: 0;
  padding-left: 0;
}
.featured.reduced > * {
  padding-bottom: 0;
}
.featured > .grow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.featured > * {
  -ms-flex-preferred-size: 33.3%;
  flex-basis: 33.3%;
  max-width: 33.3%;
}
.teaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -2rem;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: clac(102%);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.teaser > * {
  padding-left: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding-bottom: 2rem;
}
.teaser > .set,
.teaser > .columns,
.teaser > .featured,
.teaser > .teaser,
.teaser > .list {
  margin-left: 0;
  padding-left: 0;
}
.teaser.reduced > * {
  padding-bottom: 0;
}
.teaser > .grow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.teaser > * {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}
.list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -2rem;
  border: 1px solid transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: clac(102%);
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.list > * {
  padding-left: 2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding-bottom: 2rem;
}
.list > .set,
.list > .columns,
.list > .featured,
.list > .teaser,
.list > .list {
  margin-left: 0;
  padding-left: 0;
}
.list.reduced > * {
  padding-bottom: 0;
}
.list > .grow {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
.list > * {
  -ms-flex-preferred-size: 20%;
  flex-basis: 20%;
  max-width: 20%;
}
.wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.end {
  -ms-flex-item-align: end;
  align-self: flex-end;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .columns img,
  .related img,
  .teaser img,
  .list img {
    width: 100%;
  }
}
@media only screen and (max-width: 800px) {
  .columns >  {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .related >  {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .teaser >  {
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%;
    max-width: 33.3%;
  }
  .list >  {
    -ms-flex-preferred-size: 33.3%;
    flex-basis: 33.3%;
    max-width: 33.3%;
  }
}
@media only screen and (max-width: 640px) {
  .featured >  {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .teaser >  {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media only screen and (max-width: 480px) {
  .teaser >  {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .list >  {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
}


/* Social Plugins */

#share {
	background: #DDD;
	clear: left;
	padding: 1em;
	height: 2em;
	margin: 2em 0;
}
#share li {
	padding-top: 0.25em;
	}
#share li.like { 
	width: 12em;
	padding-top: 0;
}
#share li.tweet { 
	width: 8em;
}
#share li.plusone { 
	width: 6em;
}
#share li.xing {
	width: 8em;
}
#share li.pinit {
	width: 6em;
}

/* Verwandt */

#related ul {
	list-style: none;
	margin: 1em 0 2em 0;
}
#related li {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	background: #DDD;
	float: left;
	margin-left: 2%;
	padding: 1em;
	width: 32%;
}
#related li:first-child {
	margin-left: 0;
}
#related img {
	margin: 0 0 1em;
}

/* Kommentare */

#comments ol {
	margin-top: 2em;
}	
#comments li {
	margin: 0 0 3em;
	list-style: decimal outside;
	font-weight: bold;
}
#comments blockquote {
	background: #DDD;
	font-style: normal;
	margin: 1.5em 2em 0 0;
	padding: 1em;
	font-weight: normal;
	position: relative;
	border-radius: 0.25em;
}
#comments blockquote:before {
      content: "";
	  position: absolute;
	  border: 1em solid;
      border-color: transparent transparent #DDD transparent;
	  top: -1.75em;
	  left: 1em;
}
#comments li.reply {
	margin-left: 2em;
	font-weight: normal;
}
#comments li.reply blockquote {
	background: #FFF;
}
#comments li.reply blockquote:before {
	border-color: transparent transparent #FFF transparent
}


/* Listendarstellung */

#list small,
#list strong {
	display: block;
}
#list img {
	display: block;
	margin: auto;
}
#list img.landscape {
	max-width: 80%;
	padding: 20% 10%;
}
#list img.portrait {
	max-width: 60%;
	padding: 10% 20%;
}
#list img.square {
	max-width: 80%;
	padding: 10%;
}
#list button {
	margin-top: 1em;
}

/* gerastert */

#list ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#list li {
	text-align: center;
	float: left;
	width: 23.5%;
	padding: 1em 0;
	margin: 0 0 2em 1% ;
	transition: background 0.5s;
	border: 1px solid #DDD;
}
#list li:nth-child(4n+1) {
	margin-left: 0;
	clear: left;
}
#list li:hover {
	background: #FFF;
}
#list li h3 {
	font-size: 1em;
	margin: 0.25em 1em;
}
#list li h3 a {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* tabellarisch */

#list td {
	border-bottom: 0.2em solid #DDD;
	padding: 1em;	
}
#list td.price {
	text-align: right;
	vertical-align: bottom;
}
#list td:first-child {
	padding-left: 0;
}
#list td.action {
	padding: 1em;
}

/* Schlagwörter */

#tags li {
	padding-right: 1em;
}
#tags li.plenty {
	font-size: 1.5em;
}
#tags li.average {
	font-size: 1.25em;
}
#tags li a {
	white-space: nowrap;
}
#tags li span {
	margin-left: 0.25em;
}
#tags li span:before {
	content: "(";
}
#tags li span:after{
	content: ")";
}

/* Paginierung */

#paging {
	margin-bottom: 1em;
}
#paging ol, 
#paging ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#paging ol {
	float: left;
}
#paging ul {
	float: right;
}
#paging li {
	float: left;
	margin: 0 1px 0 0;
	white-space: nowrap;
	line-height: 2.5;
}
#paging ul li:first-child {
	margin: 0 1em 0 0;
}
#paging ul li:last-child {
	margin: 0 0 0 1em;
}
#paging li span {
	margin: 0 0.5em;
}
#paging li i {
	font-size: 1.5em;
	line-height: 1;
	font-style: normal;
}
#paging a {
	display: block;
	text-align: center;
	width: 2.5em;
	font-weight: 600;
	color: #003673;
	background: #E5EbE5;
}
#paging a:hover {
	background: #EADEB5;
	color: #000;
}
#paging a.current {
	background: #6B7640;
	color: #FFF;
}
#paging a.disabled {
	cursor: default;
	background: transparent;
	color: #999;
}


/* Warenkorb */

#cart {
	position: relative;
}
#cart fieldset.sticky {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1200;
	
	background-color: #6B7640;;
	background-repeat: no-repeat;
	background-image: linear-gradient(#889165, #616B3B);
	background: #E5EBE5;
}
#cart fieldset.sticky button {
	display: block;
	margin: 0.25em auto 0;
	box-shadow: none;
} 

#cart .unit,
#cart .total,
#cart .sum {
	text-align: right;
}
#cart tbody tr.selected {
	background: #E5EBE5;
	color: #003673;
	border-bottom: 1px solid #DDD;
}
#cart tbody td {
	padding:  0.5em;
}
/*#cart tbody td.variant,
#cart tbody td.amount,
#cart tbody td.available,
#cart tbody td.unit,
#cart tbody td.total {
	vertical-align: bottom;
}*/
#cart .unit em {
	color: #666;
	font-style: italic;
}
#cart tbody td.amount input {
	width: 3em;
}
#cart tfoot th {
	font-weight: normal;
}
#cart tfoot tr:first-child td,
#cart tfoot tr:first-child th {
	padding-top: 1em;
}
#cart tfoot .vat {
	font-size: 0.9em;
	color: #666;
}
#cart tfoot .payable {
	font-size: 1.2em;
	font-weight: 600;
	padding-top: 0.5em;
}



/* Kalender */

#calendar th,
#calendar td {
	text-align: center;
}
#calendar a {
	display: block;
	font-weight: bold;
}

/* Kopf */

#calendar thead {
	border: thin solid #666;
}
#calendar thead th {
	border-style: none;
}
#calendar thead td {
	font-size: 0.75em;
	color: #333;
	border: thin solid #666;
}
#calendar thead td:last-child {
	background: #DDD;
	font-weight: bold;
}
#calendar thead a {
	width: 100%;
	float: none;
}

/* Körper */

#calendar tbody td {	
	border: thin solid #666;
	line-height: 3;
	padding: 0;
}
#calendar tbody td a {
	background: #DEE;
}
#calendar tbody td a:hover {
	color: #FFF;
	background: #069;
}
#calendar tbody td.today {
	background: #FFD;
	color: #C90;
	padding: 0px;
	font-weight: bold;
}
#calendar tbody td.today a {
	color: #C90;
	background: #FFD;
	border: 2px solid #C90;
	margin: -2px;
}
#calendar tbody td:last-child {
	background-color: #BBB;
}
#calendar tbody td.other {
	color: #999;
}

/* Jahreskalender */

#calendar table.year tbody td {
	line-height: 6;
}





/* Akkordeon */

#accordion section p {
	display: none;
}
#accordion section:target {
	margin-bottom: 1em;
}
#accordion section:target p {
	display: block;
}







/* -------------- */
/* B.3 Fußbereich */

footer {
	clear: both;
	background: #565F34 url(../images/back/back_footer.png) repeat-x;
	overflow: hidden;
	color: #FFF;
	padding: 6em 0 3em;
}
footer a {
	color: #DCA;
}
footer a:hover {
}
footer li {
	list-style: none;
	font-size: 0.9em;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;	
	margin-left: 8%;
	margin-bottom: 1em;
	padding: 1em;
	width: 24%;
}
footer li.first {
	margin-left: 0;
	width: 16%;
}
footer li.third {
	width: 20%;
}
footer li.fourth {
	width: 15%;
}
footer ul ul {
	float: none;
	margin-top: 0.5em;
}
footer li li {
	float: none;	
	margin: 0;
	padding: 0;
	width: auto;
}
footer h4 {
	font-family: 'Bell Gothic W01 Black 691900', Arial, san-serif;
	font-weight: normal;
	font-size: 1.5em;
}

#icons li {
	float: left;
	padding-right: 1em;
}
.newsletter {
	padding-bottom: 1em;
}
.newsletter input,
.newsletter button {
	width: 100%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

/* B.3.2. Fußzeile */

#footnote {	
	background: #CCC;
	clear: left;
	text-align: center;
}
#footnote li {
	display: inline;
	line-height: 2.5;
	margin-right: 1em;
	
}

/* Zum Seitenanfang */

#totop {
	background: #980;
	bottom: 2em;
	height: 4em;
	opacity: 0;
	position: fixed;
	right: 2em;
	text-align: center;
	transition: all 0.5s;
	visibility: hidden;
	width: 4em;
	z-index: 1100;
}
#totop.show {
	opacity: 0.5;
	visibility: visible;
}
#totop:hover {
	opacity: 1;
}
#totop i {
	color: #FFF;
	font-size: 2em;
	line-height: 1.75;
}

/* Cookie Hinweise */

#cookieChoiceInfo {
	background: #19C !important;
	/*top: auto !important;
	bottom: 0;*/
	padding: 0.25em 0 !important;
	color: #FFF;
	line-height: 1.5;
}
#cookieChoiceInfo a {
	color: #FFF;
	text-decoration: underline;
}
#cookieChoiceInfo a + a {
	color: #FFF;
	background: #911;
	display: inline-block;
	text-decoration: none;
	padding: 0.25em 0.5em;
}
#cookieChoiceInfo a + a:hover {
	background: #600;
}

/**************************************************/
/* C. Responsive **********************************/

@media only screen and (max-width: 1024px) {
	
	body {
		font-size: 14px;
	}

}

@media only screen and (max-width: 800px) {
	
	#service {
	}
	#social {
		display: none;
	}
	#menu {
		display: block;
		float: none;
		width: 100%;
	}
	#wrapper{
		width: 100%;
		float: none;
	}
	#journal, aside, #sidebar {
		width: 48%;
	}
	aside, #sidebar {
		margin-left: 4%;
	}
	#teaser article {
		width: 48%;
		margin: 0 0 2em 4%;
	}
	#teaser article:nth-child(odd) {
		margin-left: 0;
	}

	#list li,
	#list li:nth-child(4n+1) {
		width: 30%;
		margin-left: 4%;
		clear: none;
	}
	#list li:nth-child(3n+1) {
		margin-left: 0;
		clear: left;
	}

	/* Lightbox */

    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }
    .mfp-container {
        padding-left: 0.4em;
        padding-right: 0.4em;
    }

    footer li,
    footer li.first,
    footer li.third,
    footer li.fourth {
    	float: none;
    	margin: 0;
    	width: 100%;
    }
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }
    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 0.2em 0.4em;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0;
    }
    .mfp-img-mobile .mfp-counter {
        right: 0.4em;
        top: 0.2em;
    }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 2em;
        height: 2em;
        line-height: 2em;
        background: rgba(0,0,0,0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 0.3em;
    }
}

@media only screen and (max-width: 640px) {
	
	#title,  #search {
		width: 49%;
	}
	#status {
		width: 30%;
		background-image: none;
		margin-top: -0.5em;
		padding-left: 1em;
	}
	#service {
		top: -40px;
	}
	#service p {
		display: none;
	}
	#phone {
		display: none;
	}

	#share li.xing,
	#share li.pinit {
		visibility: hidden;
	}
}

@media only screen and (max-width: 480px) {
	
	dfn {
		margin-left: 0;
	}
	samp {
		display: block;
		padding-left: 0;
	}

	dl {
	margin: 0 0 1em;
	padding: 0;
	}
	dt {
		float: none;
		margin: 0;
		width: 100%;
		font-weight: bold;
	}
	dd {
		margin: 0 0 0.5em 0;
	}
		
	/* Tabellen */

	table,
	tbody,
	caption,
	tr,
	td {
		box-sizing: border-box;
		display: block;
		width: 100%;
	}
	col {
		width: 100% !important;
	}
	thead,
	th,
	td.blind{
		display: none;
	}
	th.caption,
	td.action  {
		display: block;
	}
	td.amount {
		float: left;
		width: 35%;
	}
	td.image {
		display: none;
	}
	td.image img {
		width: 100%;
	}
	td.product {
		float: left;
		width: 100%;
	}
	td.variant {
		clear: both;
		float: right;
		width: 65%;
	}
	td.available,
	td.sum,
	td.unit {
		clear: both;
	}
	td.sum:before,
	td.unit:before,
	td.total:before {
		content: attr(title);
		float: left;
	}
	td.entry {
		text-align: right;
	}
	td.entry:before {
		content: attr(title);
		float: left;
		line-height: 2;
	}
	td.entry input,
	td.entry select,
	td.entry button {
		width: 50%;
	}
	td.address:before {
		content: attr(title);
		display: block;
		float: none;
		font-weight: bold;
		padding: 0.5em 0;
	}
	
	/* Formulare */
	
	fieldset.button {
		padding-left: 0;
	}
	label.after,
	label.check {
		width: 90%;
	}
	label.none {
		margin-bottom: 0.5em;
	}
	input,
	select,
	textarea,
	button {
		box-sizing: border-box;
	}
	input.vertical,
	input.payment {
		clear: left;
		margin-left: 0;
	}
	input.short,
	input.standard,
	input[type=url],
	input[type=email],
	input[type=password],
	textarea {
		width: 100%;
	}
	input[type=date],
	input[type=time],
	input[type=number] {
		width: 35%;
	}
	input.payment + label {
		width: 16.75em;
		margin-left: -0.5em;
	}
	label.before {
		float: none;
		width: 100%;
	}
	
	
	.anterior,
	.posterior {
		float: none;
		margin: 0 0 1em 0;
		width: auto;
	}
	#root {
	}

	header {
		height: auto;
		padding-top: 1em;
	}
	#title {
		width: 85%;
		padding-bottom: 0;
		float: none;
	}
	#search, #social {
		display: none;
	}
	#service {
		top: -25px;
	}
	#status {
		float: none;
		width: 87%;
		clear: left;
		margin-top: 1em;
	}
	
	/* Navigationsleiste */
	
	nav {
		line-height: 3;
		padding-top: 1em;
		height: auto;
	}
	nav ul {
		height: 0;
		overflow: hidden;
		transition: ease-in-out height 0.5s;
		-o-transition: ease-in-out height 0.5s;
		-ms-transition: ease-in-out height 0.5s;
		-moz-transition: ease-in-out height 0.5s;
		-webkit-transition: ease-in-out height 0.5s;		
	}
	nav li {
		width: 50%;
		text-align: center;
	}
	nav label {
		display: inline-block;
		padding: 0.75em 0.5em;
		line-height: 1;
		float: right;
		margin-top: -10.5em;
	}
	nav label:hover {
		background: #663;
	}
	nav input {
		display: none;
	}
	nav input:checked + ul {
		height: 16em;
	}

	/* Slideshow */
	
	#slideshow .slick-prev, 
	#slideshow .slick-next {
		top: 3.5em;
	}
	#slideshow a.more {
		float: none;
		text-align: center;
	}
	#slideshow article div {
		box-sizing: border-box;
		overflow: auto;
		position: relative;		
		right: 0;
		top: 0;
		width: 100%;
	}

	
	#journal,
	aside {
		width: 100%;
	}
	aside {
		margin-left: 0;
	}
	#sidebar {
		display: none;
	}
	#teaser article {
		width: 100%;
		margin-left: 0;
	}
	#list li,
	#list li:nth-child(3n+1),
	#list li:nth-child(4n+1) {
		width: 45%;
		margin-left: 4%;
		clear: none;
	}
	#list li:nth-child(2n+1) {
		margin-left: 0;
		clear: left;
	}
	
	/* Warenkorb */

	#cart table {
		width: 100%;
	}
	
	#cart col.action {
		width: 100%;
	}
	#cart tr {
		margin-bottom: 1em;
	}
	#cart tbody {
		display: table-row-group;
	}
	#cart tbody td {
		padding: 0.5em;
	}
	#cart tbody td.variant select,
	#cart tbody td.amount input {
		margin: 0;
		padding: 0.25em;
		width: 100%;
	}
	#cart tfoot {
	}
	#cart tfoot tr {
		margin: 0;
	}
	#cart fieldset {
		padding: 0;
	}
	#cart fieldset.next {
		float: none;
		margin-top: 2em;
	}
	#cart fieldset button {
		width: 100%;
		margin-bottom: 1em;
	}
	#cart button.cancel {
		display: none;
	}

	/* Fußbereich */
	 	
	#share,
	#sitemap {
		display: none;
	}
	#footnote {
		height: auto;
		overflow: hidden;
	}
	#footnote li {
		display: block;
		float: left;
		font-size: 0.875em;
		margin-right: 0;
		width: 50%;
	}
}