/**************************************************/
/* Schriften **************************************/

/* fira-sans-regular - latin */
@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/fira-sans-v8-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Fira Sans Regular'), local('FiraSans-Regular'),
	url('../fonts/fira-sans-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/fira-sans-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/fira-sans-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/fira-sans-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/fira-sans-v8-latin-regular.svg#FiraSans') format('svg'); /* Legacy iOS */
}

/* fira-sans-700 - latin */
@font-face {
	font-family: 'Fira Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/fira-sans-v8-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Fira Sans Bold'), local('FiraSans-Bold'),
	url('../fonts/fira-sans-v8-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/fira-sans-v8-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/fira-sans-v8-latin-700.woff') format('woff'), /* Modern Browsers */
	url('../fonts/fira-sans-v8-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/fira-sans-v8-latin-700.svg#FiraSans') format('svg'); /* Legacy iOS */
}

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

html {
	min-height: 101%;
}
body {
	background: #ECECEC;
	color: #434F4F;
	font: 14px/1.5 "Fira Sans", Arial, Helvetica, sans-serif;
	margin: 0;
}

/* Überschriften */

h1, h2, h3, h4, h5, h6 {
	line-height: 1.25;
	margin: 0 0 0.5em 0;
}
h1 {
	font-size: 1.5em;
	//font-size: 1em;
	font-weight: 700;
}
h2 {
	font-size: 1.3em;
	//font-size: 1em;
	font-weight: 700;
}
h3 {
	font-size: 1.2em;
	font-weight: 700;
}
h4,
h5 {
	font-size: 1.25em;
	font-weight: 400;
}
h6 {
	font-size: 1em;
	font-weight: 700;
}

/* Absätze */

p {
	margin: 0 0 1em 0;
}

p.text-right {
	text-align: right;
}

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 #0DA535;
	clear: both;
	display: block;
	height: 1px;
	margin: 0 0 3em;
	padding: 2em 0 0;
}

hr.mb0 { margin-bottom: 0; }
hr.mt0 { margin-top: 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: #0DA535;
	text-decoration: none;
	transition: background-color 0.5s, color 0.5s;
	-o-transition: background-color 0.5s, color 0.5s;
	-ms-transition: background-color 0.5s, color 0.5s;
	-moz-transition: background-color 0.5s, color 0.5s;
	-webkit-transition: background-color 0.5s, color 0.5s;
}
a:focus,
a:active {
	outline: none;
}
a:hover {
	color: #434F4F;
	outline: none;
	text-decoration: underline;
}
a.cancel {
	color: #C00;
}
a.cancel:hover {
	color: #E00;
}
a.cancel:before {
	content: "\00d7\00a0";
}
a.push {
	padding: 0.75em 1em;
	display: block;
	background: #0DA535;
	color: #FFF;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
a.push:hover {
	color: #FFF;
	text-decoration: underline;
}
a.ahead:before {
	content: "\00bb\00a0";
}
a.behind:before {
	content: "\00ab\00a0";
}
a.external:after,
a[rel=external]:after {
	content: "\00a0\2197";
}
a[href$=".pdf"] {
	padding-right: 1.3em;
	background: url(../images/icon/icon_pdf.gif) no-repeat right top;
}

/* Textauszeichnung */

strong {
	font-weight: 600;
}
em {
	//color: #444;
}
abbr[title] {
	border-bottom: thin dotted;
	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 1.75em;
}
figure.thumb {
	width: 8em;
}
figcaption {
	padding: 0.75em 1em;
	display: block;
	background: #0DA535;
	color: #FFF;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
figcaption a {
	color: #FFF;
}
figcaption a:hover {
	color: #FFF;
}
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;
}
p > a > img.left {
	float: left;
	margin: 0 5% 1em 0;
}
p > img.right, h2 > img.right {
	float: right;
	margin: 0 0 1em 5%;
}

/* Icons */

i {
	display: inline-block;
	font-style: normal;
}
i.help {
	background: #FFF;
	border: 0.15em solid #0DA535;
	border-radius: 50%;
	color: #0DA535;
	cursor: default;
	font-weight: 700;
	height: 1em;
	line-height: 1.25;
	margin: 0 0 0 0.5em;
	text-align: center;
	width: 1em;
}

/* 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: 2px solid #FFF;
	position: relative;
	width: 1em;
	/*margin-top: 0.2em*/
}
i.navigation:before,
i.navigation:after {
	border-top: 2px solid #FFF;
	content: '';
	display: block;
	margin-top: 3px;
	width: 100%;
}

svg.icon {
	display: inline-block;
	fill: #222;
	height: 2em;
	width: 2em;
	
}

/* 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 #999;
	//background: #BBB;
}
tbody tr {
	transition: background 0.5s;
}
tbody tr:hover {
	background: #FFF;
}
th {
	padding: 0.25em;
	text-align: left;
}
td {
	padding: 0.25em;
	vertical-align: top;
}
th.center,
td.center {
	text-align: center;
}
th.right,
td.right {
	text-align: right;
}

/* Spaltenbreiten */

col.title {
	width: 50%;
}
col.address {
	width: 30%;
}
col.month,
col.product {
	width: 25%;
}
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.action {
	width: 5%;
}

/* Formulare */

form {
	margin: 0;
	padding: 0;
}
form br {
	clear: left;
}
fieldset {
	border: none;
	margin: 0;
	padding: 1em 0 2em;
}
fieldset.button {
	padding-left: 25%;
}
legend {
	color: #666;
	font-weight: bold;
	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 #DDD;
	font: inherit;
	margin: 0 0 0.25em 0;
	padding: 0.25em;
	vertical-align: middle;
}
input.triple {
	width: 3em;
}
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.vertical {
	float: left;
	margin-left: 25%;
}
input.check {
	float: left;
	margin-right: 1%;
}
select {
	padding-left: 0.05em;
}
option {
	margin: 0;
}
optgroup {
	font-style: normal;
	padding: 0 0.5em 1em;
}
textarea {
	overflow: auto;
	resize: vertical;
}
input:hover,
select:hover,
textarea:hover {
	border-color: #AAA;
}
select:focus,
textarea:focus,
input:focus {
	border-color: #0DA535;
}
input[type=checkbox]:focus,
input[type=radio]:focus {
	box-shadow: none;
}

/* Schaltflächen */

button {
	background: #0DA535;
	border: none;
	color: #FFF;
	cursor: pointer;
	font: inherit;
	/*font-size: 16px;*/
	/*font-weight: 600;*/
	margin: 0 0 0.25em;
	padding: 0.25em 1em;
	vertical-align: middle;
}
button:hover {
	background-image: -o-linear-gradient(top, rgba(255,255,255,0.2),rgba(255,255,255,0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0) 100%);
	background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to bottom, rgba(255,255,255,0.2), rgba(255,255,255,0) 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 {
	background: #690;
	background: -o-linear-gradient(top, #7A0 0%,#690 100%);
	background: -ms-linear-gradient(top, #7A0 0%, #690 100%);
	background: -webkit-linear-gradient(top, #7A0 0%, #690 100%);
	background: linear-gradient(to bottom, #7A0 0%, #690 100%);
}
button.okay:hover {
	background: #580;
	background: -o-linear-gradient(top, #7A0 0%,#580 100%);
	background: -ms-linear-gradient(top, #7A0 0%, #580 100%);
	background: -webkit-linear-gradient(top, #7A0 0%, #580 100%);
	background: linear-gradient(to bottom, #7A0 0%, #580 100%);
}
button.execute {
	/*background: #069;
	background: -o-linear-gradient(top, #07A 0%,#069 100%);
	background: -ms-linear-gradient(top, #07A 0%, #069 100%);
	background: -webkit-linear-gradient(top, #07A 0%, #069 100%);
	background: linear-gradient(to bottom, #07A 0%, #069 100%);*/
}
button.execute:hover {
	/*background: #058;
	background: -o-linear-gradient(top, #07A 0%,#058 100%);
	background: -ms-linear-gradient(top, #07A 0%, #058 100%);
	background: -webkit-linear-gradient(top, #07A 0%, #058 100%);
	background: linear-gradient(to bottom, #07A 0%, #058 100%);*/
}

/* Zahlungsarten */

fieldset.payment label {
	float: left;
	margin: 0 5% 2em 0;
	padding: 0;
	position: relative;
	text-align: center;
	width: 20%;
}
fieldset.payment label img {
	background: #DDD;
	border: thin solid #999;
	border-radius: 0.25em;
	margin: 0 auto 0.5em auto;
}
fieldset.payment label input {
	float: left;
	margin: 0 -0.5em 0 0;
	position: absolute;
	right: 0.55em;
	top: 0.2em;
}
fieldset.payment label:hover img {
	background-color: #EEE;
	cursor: pointer;
}
fieldset.payment input:checked + img {
	background-color: #FFF;
}


/* Generelle Klassen */

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

.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";
}
.done:after {
	content: "\00a0\2713";
}
.anterior {
	float: left;
/*	clear: left;*/
	margin: 0 5% 1em 0;
	width: 32.1%;
}
.clearleft {
	clear: left;
}
.interior {
	margin: inherit auto;
}
.posterior {
	float: right;
	margin: 0 0 1em 5%;
	width: 32.1%;
}
.sponsored {
	background: #FFF;
	border: thin solid #999;
	border-radius: 0.25em;
	float: right;
	padding: 0.05em 0.5em;
}

/* Tooltips */

[data-tooltip] {
	position: relative;
}
[data-tooltip]:after,
[data-tooltip]:before {
	bottom: 100%;
	font-weight: normal;
	left: -1em;
	opacity: 0;
	position: absolute;
	transition: all 0.5s;
	visibility: hidden;
}
[data-tooltip]:after {
	background: #0DA535;
	color: #FFF;
	content: attr(data-tooltip);
	margin-bottom: 0.9em;
	padding: 0.5em 1em;
	text-align: center;
	white-space: nowrap;
	z-index: 100;
}
[data-tooltip]:before {
	border-top: 0.5em solid #0DA535;
	border-left: 0.5em solid transparent;
	border-right: 0.5em solid transparent;
	content: "";
	height: 0;
	margin: 0 0 0.4em 1em;
	width: 0;
	z-index: 101;
}
[data-tooltip]:hover:after,
[data-tooltip]:hover:before {
	opacity: 1;
	visibility: visible;
}

/* 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";
}


/**************************************************/
/* Container **************************************/

#root {
}
#page {
	text-align: left;
	margin: 0 auto;
}


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

header {
	background: #ECECEC;
	height: auto;
	padding-top: 24px;
}
header ul {
	list-style: none;
}
header li {
	float: left;

}

/* B.1.1 Titel */

#title {
	background: #ECECEC;
	float: right;
	text-align: right;
}
#title a {
	display: block;
}
#title img {
	display: block;
}

/* B.1.2 Servicenavigation */

#service {
	float: left;
	background: #ECECEC;
	margin-right: 2%;
	margin-top: 35px;
	position: relative;
	width: 23.5%;
	min-width: 230px;
}
#service ul {
	float: left;
	width: 100%;
	text-align: justify;
	border-bottom: 1px solid rgba(67,79,79,0.4);
	height: 18px;
}
#service ul:after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 0;
	line-height: 0;
	margin: 0;
	vertical-align: top;
}
#service li {
	line-height: 16px;
	float: none;
	display: inline-block;
	vertical-align: top;
}
#service li:last-of-type {
	margin-right: 0;
}
#service li a {
	font-weight: 700;
	color: rgba(67,79,79,0.4);
	text-transform: uppercase;
}
#service li:first-letter {
	font-size: 19px;
}
#service li a:hover {
	color: rgba(67,79,79,1);
	fill: rgba(67,79,79,1);
	text-decoration: none;
}
#service li a.current {
	color: #999;
}
#service li svg.icon {
	height: 1.3em;
	width: 1.3em;
	fill: rgba(67,79,79,0.5);
	transition: fill 0.3s;
	margin-top: -0.4em;
} 
#service li svg.icon:hover {
	height: 1.3em;
	width: 1.3em;
	fill: rgba(67,79,79,1);
}
#service label {
	display: inline-block;
	padding: 0;
	cursor: pointer;
}
#service input[type="checkbox"] {
	display: none;
}

#service input:checked + span {
	display: block;
}

/* B.1.4 Suche  */

#search {
	display: none;
	position: absolute;
	padding: 0 0 0 0;
	bottom: -2.5em;
	left: 0;
	width: 100%;
}

#search input {
	width: 75%;
	padding:  0.25em ;
	display: inline-block;
	box-sizing: border-box;
}
#search button {
	width: 25%;
	box-sizing: border-box;
	display: inline-block;
	padding: 0.25em 0.5em;
}

/* 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.5 Status */

#status {
	float: left;
	width: 49%;
	margin: 1em 0 0 2%;
	line-height: 2;
	background: #CCC;
	text-align: right;
}
#status em {
	margin-right: 1em;
}
#status a {
	padding: 0 1em;
}
#status svg.icon {
	height: 1.5em;
	padding-bottom: 0.25em;
	vertical-align: middle;
	width: 1.5em;
	
}

/* B.1.6 Navigationsleiste */

nav {
	clear: both;
	padding-top: 24px; 
}
nav ul {
	height: 100%;
	height: 300px;
	background-image:  url(../images/foto/back/foto_back-nav.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
nav ul.mobile {
	display: none;
}
nav ul ul {
	display: none;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 100;
	height: auto;
	width: 100%;
	padding-bottom: 0.5em;
}
nav li {
	width: 15%;
	//margin-right: 2%;
	position: relative;
	height: 100%;
}
nav li + li {
	margin-left: 2%;
}
nav li:first-of-type {
	//margin-left: 12.75%;
}
nav li:hover,
nav li.current {
	background:rgba(13,165,53,0.66);
}
nav li:hover ul,
nav li.current ul {
	background: transparent;
	display: block;
}
nav li li {
	position: static;
	float: none;
	width: 100%;
	margin: 0;
}
nav li li:first-of-type {
	margin-left: 0;
}
nav li li:hover {
	background: transparent;
} 
nav a {
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
    display: block;
	padding: 0.25em;
	padding-top: 0.5em;
	text-align: center;
	line-height: 1.2;
	font-size: 18px;
	text-transform: uppercase;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}
nav a:hover {
	color: #434F4F;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	text-decoration: none;
}

nav li li a {
	font-size: 14px;
	line-height: 1;
	text-transform: none;
	padding-top: 0;
	padding: 0.25em 0.5em 0.5em;
}
nav label {
	display: none;
}

nav input {
	display: none;
}

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

main,
#main {
	padding-top: 1.75em;
	clear: both;
	overflow: hidden;
	hyphens: auto;
	-o-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
}
#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;
}


/* B.2.1 Ganzseite */

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


/* B.2.2 Slideshow */

#slideshow {
	background: #CCC;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: block;
	margin: 0 0 1em 0;
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: none;
	-webkit-tap-highlight-color: transparent;
}
#slideshow article div {
	background: #CCC;
	bottom: 2em;
	padding: 1em;
	position: absolute;
	right: 5em;
	width: 22em;
}


/* Slides Container */

#slideshow .slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0;
}
#slideshow .slick-list:focus {
	outline: none;
}
.slick-loading .slick-list {
	background: white url("../images/elem/elem_loader.gif") center center no-repeat;
}
#slideshow .slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
#slideshow .slick-list,
#slideshow .slick-track,
#slideshow article,
#slideshow article img {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
#slideshow .slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	zoom: 1;
}
#slideshow .slick-track:before,
#slideshow .slick-track:after {
	content: "";
	display: table;
}
#slideshow .slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}

/* Slides */

#slideshow article {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none;
}
#slideshow article img {
	display: block;
}
#slideshow article.slick-loading img {
	display: none;
}
#slideshow article.dragging img {
	pointer-events: none;
}
#slideshow.slick-initialized article {
	display: block;
}
#slideshow.slick-loading article {
	visibility: hidden;
}
#slideshow.slick-vertical article {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

/* Slideshow Prev/Next */

#slideshow .slick-prev,
#slideshow .slick-next {
	position: absolute;
	display: block;
	width: 1em;
	height: 1em;
	top: 50%;
	margin-top: -1.25em;
	padding: 0;

	border: none;
	border-radius: 0.25em;

	color: #999;
	background: #000;
	font-weight: 700;
	text-align: center;
	font-size: 2em;
	line-height: 0.75;
	text-indent: -555em;

	cursor: pointer;
	box-shadow: none;
}
#slideshow .slick-prev:hover,
#slideshow .slick-next:hover {
	background: #666;
}
#slideshow .slick-prev:before,
#slideshow .slick-next:before {
	position: absolute;
	display: block;
	color: #FFF;
	z-index: 2;
	left: 0;
	top: 0;
	width: 1em;
	height: 1em;
	text-indent: 0;
}
#slideshow .slick-prev.slick-disabled:before,
#slideshow .slick-next.slick-disabled:before {
	opacity: 0.25;
}
#slideshow .slick-prev {
	left: 0.5em;
}
#slideshow .slick-prev:before {
	content: "‹";
}
#slideshow .slick-next {
	right: 0.5em;
}
#slideshow .slick-next:before {
	content: "›";
}

/* Slideshow Navigation */

#slideshow ul {
	list-style: none;
	display: block;
	text-align: center;
	padding: 0.5em 0 0;
}
#slideshow ul li {
	position: relative;
	display: inline-block;
	width: 1;
	height: 1;
	margin-right: 0.5em;
}
#slideshow ul button {
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1;
	border-radius: 50%;
	background: #000;
	cursor: pointer;
	box-shadow: none;
	border: none;
	padding: 0;
	text-indent: -555em;
}
#slideshow ul li button:hover,
#slideshow ul li button:focus {
	outline: none;
	background: #666;
}
#slideshow ul li.slick-active button {
	background: #FFF;
	opacity: 0.75;
}


/* 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;
}


/* 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;
	margin: 0 2% 1em 0;
}
#menu h4 {
	margin: 0;
	padding: 0 0.75em;
}
#menu ul {
	margin: 0 0 1em;
	list-style: none;
}
#menu li {
	margin: 0;
	padding: 0;
}
#menu li a {
	display: block;
	color: #000;
	background: #999;
	padding: 0 0.75em;
}
#menu li a:hover {
	background: #AAA;
	color: #333;
}
#menu li a.current {
	color: #666;
	background: #FFF;
}
#menu li a.current:hover {
	background: #EEE;
}
#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;
}
#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;
}

#news {
	background: #FFF;
	padding: 1em 1em;
}
#news h4 {
	padding-left: 0;
	font-size: 20px;
	color: #0DA535;
	margin-bottom: 0.75em;
}

#liaison {
	margin-top: 1em;
	background: #FFF;
	padding: 1em;
}
#liaison h4 {
	padding: 0 0 0.5em;
}
#liaison img {
	margin-bottom: 1em;
}

/* Off-Canvas */

#toggle,
#toggle + label {
	display: none;
}


/* Wrapper */

.wrapper {
	float: left;
	width: 74.5%;
	/*margin-bottom: 1em;*/
}


/* B.2.5 Breadcrumb */

#breadcrumb {
	font-size: 0.9em;
	margin-bottom: 1em;
	background: #CCC;
	padding: 0.5em 1em;
	display: none;
}
#breadcrumb li:after {
	content: "\00a0\003e";
	padding-left: 0.5em;
}
#breadcrumb li:last-child:after {
	content: "";
}
#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;*/
}
.journal {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	width: 65.8%;
	
	/*margin-bottom: 1em;*/
}
.content ul,
.journal ul {
	margin: 1em 0 1em 2em;
}


/*Costom Blöcke*/
.custom-block-underlined,
.custom-block-profile { 
	border-bottom: thin solid #0DA535;
	margin-bottom: 20px;
}

.custom-block-profile figure {
	max-width: 300px; float: right;
}

/* 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.5%;
	margin-right: 2.7%;
}
.journal + aside {
	margin: 0 0 0 2.7%;
}
aside ul {
	list-style: none;
	margin: 1em 0 1em 1em;
}
aside li:before {
	content: "\2192";
	margin-left: -1em;
	padding-right: 0.5em;
}
aside h5 {
	font-weight: 600;
}


/* Zweispaltige Inhalte */

.textcols {
	-webkit-columns: 2 280px;
	-moz-columns: 2 280px;
	columns: 2 280px;
	
	-webkit-column-gap: 2em;
    -moz-column-gap: 2em;
    column-gap: 2em;

    margin-bottom: 1.75em;
}
.column {
	width: 48.5%;
	float: left;
}
.column:nth-of-type(2n) {
	margin-left: 3%;
}




/* 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 0 0;
	float: left;
}


/* Seitenabstände */

.wrapper + .sidebar {
	margin-left: 2%;
}
.sidebar + .wrapper  {
	margin-left: 2%;
}

/* 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: #EFE;
	border-color: #690;
	color: #690;
}
#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;
}


/* 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 {
	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 {
	background: #DDD;
	text-align: center;
	float: left;
	width: 18%;
	padding: 0 0 1em;
	margin: 0 2.5% 2em 0;
	transition: background 0.5s;
}
#list li:nth-child(5n) {
	margin-right: 0;
}
#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: medium solid #DDD;
	padding: 1em;
}
#list td.price {
	text-align: right;
	vertical-align: bottom;
}
#list td:first-child {
	padding-left: 0;
}

/* Ansichtsoptionen */

#view {
	float: right;
	text-align: right;
	width: 38.5%;
}

/* 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: 2em;
	height: 2.5em;
	clear: both;
}
#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 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;
	background: #0DA535;
	width: 2.5em;
	color: #FFF;
	font-weight: 600;
}
#paging a:hover {
	background: rgba(13, 165, 53, 0.66);
	text-decoration: none;
}
#paging a.current {
	background: rgba(13, 165, 53, 0.66);
}
#paging a.disabled {
	cursor: default;
	background: rgba(13, 165, 53, 0.2);
	color: #EEE;
}


/* Warenkorb */

#cart .unit,
#cart .total,
#cart .sum {
	text-align: right;
}
#cart tbody td {
	padding: 1em 0.25em;
}
#cart tbody td.amount select,
#cart tbody td.amount input {
	box-sizing: border-box;
	width: 75%;
}
#cart tbody td.amount button {
	font-size: 0.875em;
	margin-top: 0.5em;
	padding: 0.25em 0.5em;
	width: 75%;
}
#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;
	overflow: hidden;
	background: #0DA535;
	font-size: 13px;
	color: #FFF;
	margin-top: 0.75em;
}
footer .scope {
	padding: 3em 1em;
}
footer li {
	list-style: none;
}
footer a {
	color: #FFF;
}
footer a:hover {
	color: #FFF;
}
footer h3 {
	margin-bottom: 1.5em;
}

/* B.3.1 Sitemap */

#sitemap {
	width: 23.5%;
	float: left;
	box-sizing: border-box;
	padding: 0 1em;
}
#sitemap a {
	opacity: 0.66;
	transition: opacity 0.3s;
}
#sitemap a:hover,
#sitemap a.current {
	color: #FFF;
	opacity: 1;
}
#sitemap ul {
}

#sitemap li {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	width: 50%;
}
#sitemap li:first-child {
	margin-left: 0;
}
#sitemap ul ul {
	float: none;
}
#sitemap li li {
	float: none;
	margin: 0;
	padding: 0;
	width: auto;
}

/* B.3.2. Fußzeile */

#footnote {
	float: left;
	width: 36.25%;
	margin-left: 2%;
	box-sizing: border-box;
	padding: 0 1em 0 3em;
}
#footnote li {
	float: left;
	width: 50%;
}
#footnote h4 {
	margin-bottom: 1.5em;
}

/* Footer Logo */
#footimg {
	float: left;
	margin-left: 2%;
	width: 36.25%;
	padding-top: 1em;
}
#footimg img {
	float: right;
}


/* Zum Seitenanfang */

#totop {
	background:rgba(67,79,79,0.8);
	bottom: 2em;
	right: 2em;
	height: 2.5em;
	width: 2.5em;
	opacity: 0;
	position: fixed;
	text-align: center;
	transition: all 0.5s;
	visibility: hidden;
	transform: rotate(45deg);
}
#totop.show {
	opacity: 0.5;
	visibility: visible;
}
#totop:hover {
	opacity: 1;
}
#totop i {
	color: #FFF;
	font-size: 1.25em;
	line-height: 1.75;
	transform: rotate(-45deg);
}

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

@media only screen and (max-width: 1024px) {

	body {
		font-size: 14px;
	}
	fieldset.payment label {
		width: 28%;
	}
	#list li,
	#list li:nth-child(5n) {
		width: 23.5%;
		margin-right: 2%;
	}
	#list li:nth-child(4n) {
		margin-right: 0;
	}

	nav a {
		font-size: 16px;
	}
	nav li li a {
		font-size: 12px;
	}
	/* Footer */

	#sitemap, #footnote {
		width: 50%;
		margin: 0;
	}
	#footimg {
		display: none;
	}



}

@media only screen and (max-width: 800px) {

	#page {
		overflow: hidden;
	}

	header {
		position: relative;
		padding-top: 4em;
	}

	#title {
		margin: 0 auto;
		float: none;
		max-width: 380px;
		padding: 24px 0;
	}
	#service {
		display: none;
	}
	#main {
		padding-top: 0;
	}
	
	/* Navigationsleiste */

	nav {
		height: auto;
		background: #0DA535;
		position: absolute; 
		top: 0;
		left: 0;
		right: 0; 
		padding-top: 0;
	}
	nav ul.desktop {
		display: none !important;
	}
	nav ul.mobile {
		display: block;
		height: 0;
		max-height: 0;
		width: 100%;
		background: transparent;
		position: absolute;
		box-sizing: border-box;
		transition: ease-in-out max-height 0.5s;
		-o-transition: ease-in-out max-height 0.5s;
		-ms-transition: ease-in-out max-height 0.5s;
		-moz-transition: ease-in-out max-height 0.5s;
		-webkit-transition: ease-in-out max-height 0.5s;
		border-left: 1px solid #FFF;
		border-top: 1px solid #FFF;
	}
	nav ul {
		overflow: hidden;
	}
	nav #nav {
		left: 0;
		transition: left 0.5s;
	}
	nav #nav.hide {
		left: -100%;
	}
	nav li,
	nav li + li,
	nav li:first-of-type,
	nav li li,
	nav li li:first-of-type {
		width: 50%;
		box-sizing: border-box;
		text-align: center;
		margin: 0;
		height: 2.8em;
		border-bottom: 1px solid #FFF;
		border-right: 1px solid #FFF;
		position: static;
		z-index: 1;
		float: left;

		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		
	}
	nav a {
		position: relative;
		background: rgba(13,165,53,0.8);
		height: 100%;
		font-size: 16px;
	}
	nav a span {
		position: absolute;
		right: 0;
		top: 0;
		bottom: 0;
		width: 2em;

		cursor: pointer;
	}
	nav a span:after {
		content:"";
		position: absolute;
		top: 23%;
		right: 30%;
		width: 0;
		height: 0;
		border: 12px solid #FFF;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-right: 0px solid transparent;
	}

	nav a.backtrigger:before {
		content:"";
		position: absolute;
		top: 23%;
		left: 5%;
		width: 0;
		height: 0;
		border: 12px solid #FFF;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 0px solid transparent;
	}
	nav li ul,
	nav li.current ul {
		display: none;
	}
	nav ul ul {
		display: none;
	}
	nav ul ul {
		display: block;
		position: absolute;
		width: 100%;
		top: 0;
		left: 100%;
		display: none;
		bottom: 0;
		z-index: 1000;
		border: none;
		overflow: visible;
		float: left;
		background: transparent;
		transition: left 0.5s;
	}
	nav ul ul.show {
		display: block;
	}
	nav li li a {
		font-size: 18px;
		text-transform: uppercase;
		padding: 0.5em 0.25em 0.25em 0.25em;
		line-height: 1.2;
		text-transform: none;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.75);
	}
	nav label {

		display: block;
		text-align: left;
		cursor: pointer;
		line-height: 2;
		padding: 0.5em;
		color: #FFF;

		font-size: 18px;
		font-family: "Fira Sans", san-serif;
		text-transform: uppercase;
		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);

	}
	nav label span {
		float: right;
		background: #0c9630;
		border: 1px solid #096f24;
		border-radius: 0.25em;
		padding: 0.4em 0.75em;
		line-height: 1;
	}
	nav input {
		display: none;
	}
	nav input:checked +  ul {
		height: auto;
		max-height: 15em;
		overflow: visible;
	}

	#news {
		font-size: 12px;
	} 

	#social {
		display: none;
	}
	#teaser article {
		width: 48%;
		margin: 0 0 2em 4%;
	}
	#teaser article:nth-child(odd) {
		margin-left: 0;
	}

	#sitemap {
		width: 40%;
	} 
	#footnote {
		width: 60%;
		margin: 0;
	}
	



	/* 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;
	}
}

@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 {
		margin: auto;
		float: none;
		width: 60%;
	}
	#service {
		display: none;
	}
	#status {
		width: 23.5%;
	}
	#status span,
	#status a.more {
		display: none;
	}

	main,
	#main {
		padding-top: 0;
	}
	
	#menu {
		background: #444;
		bottom: 0;
		left: -75%;
		min-height: 100%;
		overflow-y: auto;
		position: fixed;
		width: 75%;
		top: 0;
		z-index: 999;
		-webkit-transition: left 0.5s;
		-moz-transition: left 0.5s;
		transition: left 0.5s;
	}
	.wrapper {
		width: 100%;
		float: none;
	}
	.sidebar {
		float: none;
		width: 48%;
	}

	.wrapper + .sidebar,
	.sidebar + .wrapper  {
		margin-left: 0;
		margin-right: 0;
	}

	#toggle + label {
		background: #444;
		border-radius: 0 0.5em 0.5em 0;
		color: #FFF;
		cursor: pointer;
		display: block;
		left: 0;
		line-height: 1;
		padding: 0.25em;
		position: fixed;
		top: .5em;
		-webkit-transition: left 0.5s;
		-moz-transition: left 0.5s;
		transition: left 0.5s;
	}
	#toggle + label svg.icon {
		fill: #FFF;
	}
	#toggle + label .more {
		font-weight: bold;
		transition: transform 0.5s;
	}
	#toggle:checked ~ #menu {
		left: 0;
	}
	#toggle:checked + label {
		left: 75%;
	}
	#toggle:checked + label .more {
		transform: scaleX(-1);
	}
	
	#list li,
	#list li:nth-child(4n),
	#list li:nth-child(5n) {
		width: 30%;
		margin-right: 5%;
	}
	#list li:nth-child(3n) {
		margin-right: 0;
	}
	#paging ul,
	#paging ol li:first-child {
		display: none;
	}
	#share li.xing,
	#share li.pinit {
		visibility: hidden;
	}

	#share,
	#sitemap,
	#footnote {
		width: 100%;
		float: none;
		margin: 0;
		padding: 0 0 2em;
		line-height: 1.8;
	}
	#sitemap li {
	}

	#footnote li {
		display: block;
		float: left;
		margin-right: 0;
		width: 50%;
	}
}

@media only screen and (max-width: 480px) {

	dfn {
		margin-left: 0;
	}
	samp {
		display: block;
		padding-left: 0;
	}

	/* Tabellen */

	table,
	caption,
	tr,
	td {
		box-sizing: border-box;
		display: block; 
		width: 100%;
	}
	tr {
		display: table; 
		margin-bottom: 1em;
	}
	thead,
	th,
	td.blind,
	td.action {
		display: none;
	}
	th.caption {
		display: block;
	}
	td.image,
	td.amount {
		float: left;
		width: 35%;
	}
	td.image img {
		width: 100%;
	}
	td.product {
		float: left;
		width: 65%;
	}
	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 {
		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%;
	}
	label.before {
		float: none;
		width: 100%;
	}
	fieldset.payment label {
		width: 45%;
	}

	.anterior,
	.posterior {
		float: none;
		margin: 0 0 1em 0;
		width: auto;
	}
	#root {
	}
	#title {
		width: 90%;
	}
	#status {
		line-height: 2;
		margin-top: 0;
		text-align: center;
		width: 10%;
	}
	#status a {
		padding: 0;
	}
	#status svg.icon {
		height: 2em;
		padding: 0;
		width: 2em;
	}
	#status em,
	#service, #search, #social {
		display: none;
	}

	

	/* 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,
	.journal + aside {
		margin: 0;
		width: 100%;
	}
	.sidebar {
		display: none;
	}
	#teaser article {
		width: 100%;
		margin-left: 0;
	}
	#list li,
	#list li:nth-child(3n),
	#list li:nth-child(4n),
	#list li:nth-child(5n) {
		width: 47.5%;
		margin-right: 5%;
	}
	#list li:nth-child(2n) {
		margin-right: 0;
	}
	#list col.title,
	#list col.price,
	#list col.product {
		width: 100%;
	}
	#list td {
		border: none;
	}
	#list td:first-child {
		padding-right: 0;
	}
	#list img {
		width: 100%;
	}

	/* Warenkorb */

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

	/* Fußbereich */


}