/**************************************************/
/* A. Global **************************************/

/* Farben */

/*

Main colour: 	#4BB ;
Highlight: 		#D9F1F1;
Shadow colour: 	#399;
Accent colour: 	#FE0;
Black:			#000;
Grey:			#666;
Light Grey:		#DDD;

*/
html {
	min-height: 101%;
}

body {
	background: #FFF;
	color: #222;
	font: 14px/1.5 "Open Sans", Arial, Helvetica, sans-serif;
	margin: 0;
}

/* A.1 Überschriften */
h1,h2,h3,h4,h5,h6 {
	line-height: 1.25;
	margin: 0 0 0.5em 0;
}

h1 {
	font-size: 1.75em;
	font-weight: 600;
	margin-bottom: 1em;
}

h2 {
	font-size: 1.75em;
	font-weight: 600;
}

h3 {
	font-size: 1.4em;
	font-weight: 600;
}

h4,h5 {
	font-size: 1.25em;
	font-weight: 600;
}

h6 {
	font-size: 1em;
	font-weight: 600;
}

h1+h2 {
	font-weight: 400;
	line-height: 1;
	margin-bottom: 1em;
	margin-top: -1em;
}

h1 span {
	font-weight: 400;
}

/* A.2 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.error {
	color: #D00;
}

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

/* A.3 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%;
}

/* A.4 Hyperlinks */
a {
	color: #399;
	text-decoration: none;
	transition: background-color 0.5s, color 0.5s, opacity 0.3s;
	-o-transition: background-color 0.5s, color 0.5s, opacity 0.3s;
	-ms-transition: background-color 0.5s, color 0.5s, opacity 0.3s;
	-moz-transition: background-color 0.5s, color 0.5s, opacity 0.3s;
	-webkit-transition: background-color 0.5s, color 0.5s, opacity 0.3s;
}

a:focus,a:active {
	outline: none;
}

a:hover {
	color: #288;
	outline: none;
	text-decoration: underline;
}

a.push,
.pushmore,
.pushcancel,
.pushaction,
.pushokay,
.pushevent,
.pushback,
.pushbackcancel,
.pushbackaction,
.pushbackokay,
.pushbackevent {
	padding: 0.25em 1em;
	display: inline-block;
	border-radius: 0.25em;
	border: 1px solid #fff;
	color: #FFF;
	transition: background-color 0.5s, color 0.5s;
}
.pushmore:after,
.pushcancel:after,
.pushaction:after,
.pushokay:after,
.pushevent:after {
	font-size: 1.5em;
	line-height: 1;
	vertical-align: text-bottom;
	display: inline-block;
	content: "\00a0\203a";
}
.pushback:before,
.pushbackcancel:before,
.pushbackaction:before,
.pushbackokay:before,
.pushbackevent:before {
	font-size: 1.5em;
	line-height: 1;
	vertical-align: text-bottom;
	display: inline-block;
	content: "\2039\00a0";
}

a.push,
.pushmore,
.pushback {
	background: #4BB;
}
a.push:hover,
.pushback:hover,
.pushback:hover {
	color: #FFF;
	background: #399;
	text-decoration: none;
}
.pushcancel,
.pushbackcancel {
	background: #F7922A;
	color: #222;
}
.pushcancel:hover,
.pushcancel:hover a,
.pushcancel a:hover,
.pushbackcancel:hover a,
.pushbackcancel a:hover {
	color: #222;
	background: #E7821A;
	text-decoration: none;
}
.pushaction,
.pushbackaction {
	background: #FE0;
	color: #444;
}
.pushaction:hover,
.pushbackaction:hover {
	color: #444;
	background: #D9F1F1;
	text-decoration: none;
}
.pushokay,
.pushbackokay {
	background: #2A8FF7;
}
.pushokay:hover,
.pushbackokay:hover {
	color: #FFF;
	background: #1A7FD7;
	text-decoration: none;
}
.pushevent,
.pushbackevent {
	color: #222;
	background: #DBDBDB;
}
.pushevent:hover,
.pushbackevent:hover {
	color: #FFF;
	background: #666;
	text-decoration: none;
}

.pushmore a,
.pushokay a,
.pushevent a,
.pushback a,
.pushbackokay a,
.pushbackevent a {
	color: #FFF;
	text-decoration: none;
}
.pushaction a,
.pushbackaction a {
	color: #444;
	text-decoration: none;
}
.pushcancel a,
.pushbackcancel a {
	color: #222;
	text-decoration: none;
}

a.ahead:before {
	content: "\00bb\00a0";
}

a.behind:before {
	content: "\00ab\00a0";
}

a.external:after {
	content: "\00a0\2197";
}
a.totop {
	display: block;
	position: relative;
	margin-bottom: -2em;
	margin-top: 1.5em;
	text-align: right;
	font-size: 0.9em;
}
a.totop:after {
	content: " ^";
}

a.tag {
	display: inline-block;
	padding: 0.25em 1.1em 0.25em 0.25em;
	border: 1px solid #4BB;
	border-radius: 0.25em;
	margin-bottom: 0.25em;
}

a.tag:hover {
	text-decoration: none;
	background: #D9F1F1;
	color: #000;
}

a.tag.current {
	color: #FFF;
	background: #4BB url(../images/elem/elem_close.png) no-repeat 100% center;
}


a[href$=".pdf"] {
	padding-right: 20px;
	background-image: url(../images/icon/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: right center;
}


/* A.5 Textauszeichnung */
strong {
	font-weight: 600;
}

em {
}

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: #777;
}

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

/* A.6 Abbildungen */
figure {
	background: #FFF;
	margin: 0 0 1em 0;
	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;
}

/* A.7 Icons */
i {
	display: inline-block;
}

i.social {
	width: 1.75em;
	height: 1.75em;
	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);
}

i.file {
	width: 1.5em;
	height: 1.5em;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: top;
	padding-right: 0.5em;
}
i.txt {
	background-image: url(../images/icon/icon_docs-txt.gif);
}
i.image {
	background-image: url(../images/icon/icon_docs-image.gif);
}
i.word {
	background-image: url(../images/icon/icon_docs-word.gif);
}
i.excel {
	background-image: url(../images/icon/icon_docs-excel.gif);
}
i.pdf {
	background-image: url(../images/icon/icon_docs-pdf.gif);
}

/* A.8 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: #D9F1F1;
	background: #4BB;
	color: #FFF;
}

tfoot {
	background: #C9E1E1;
}

tbody tr {
	transition: background 0.5s;
	border-bottom: 1px solid #D9F1F1;
}

tbody tr:hover {
	/*background: #C9E1E1;
	background: #D9F1F1;*/
}

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;
	float: none;
}

/* Spaltenbreiten */
col.title {
	width: 50%;
}
col.description {
	width: 35%;
}
col.address,
col.name {
	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%;
}

/* A.9 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.scala {
	display: block;
	float: left;
	width: 45%;
}
label.horizontal {
	padding: 0 0.25em 0 0.5em;
}

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: #D00;
}

label.error {
	color: #D00;
}

/* 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] {
	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.large,
textarea.large {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input.error,
select.error,
textarea.error {
	border-color: #D00;
}

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: 0.2em 0.25em 0.2em 0.05em;
}
select.standard {
	width: 71.5%;
}

option {
	margin: 0;
}

optgroup {
	font-style: normal;
	padding: 0 0.5em 1em;
}

textarea {
	overflow: auto;
}

input:hover,
select:hover,
textarea:hover {
	border-color: #399;
}

select:focus,
textarea:focus,
input:focus {
	border-color: #4BB;
	box-shadow: inset 0.1em 0.05em 0.1em #DDD;
}

/* Schaltflächen */
button,
.buttonstyle {
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	border: none;
	background: #666;
	padding: 0.25em 1em;
	margin: 0 0 0.25em;
	color: #FFF;
	box-shadow: 0.1em 0.2em 0.2em #666;
	border-radius: 0.2em;
	vertical-align: middle;
	transition: background-color 0.3s;
}

button:hover,
.buttonstyle:hover {
	text-decoration: none;
	color: #FFF;
	background: #000;
}

button.cancel,
.buttonstyle.cancel {
	background: #E03;
}
button.cancel:hover,
.buttonstyle.cancel:hover {
	background: #C01;
}

button.event,
.buttonstyle.event {
	background: #F92;
}
button.event:hover,
.buttonstyle.event:hover {
	background: #A40;
}

button.okay,
.buttonstyle.okay {
	background: #06B;
}

button.okay:hover,
.buttonstyle.okay:hover {
	background: #238;
}

button.execute,
.buttonstyle.execute {
	background: #399;
}

button.execute:hover,
.buttonstyle.execute:hover {
	background: #4BB;
}

button.large {
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* A.10 Allgemeine Klassen */

/* Global */
.scope {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.group:before,.group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.previous {
	float: left;
}

.next {
	float: right;
}

.back:before,
.more:after {
	font-size: 1.5em;
	line-height: 1;
	vertical-align: text-bottom;
	display: inline-block;
}


.back:before {
	content: "\2039\00a0";
}

.more:after {
	content: "\00a0\203a";
}

.ellipses {
	max-width: 100%;
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* inkl. Styles für den Silverstripe WYSIWYG Editor */

.anterior,
.left {
	float: left;
	margin: 0 5% 1em 0;
}
.abreast {
	float: left;
	margin-right: 2em;
}
.abreast + .abreast {
	margin-right: 0;
}

.interior,
.center {
	margin: inherit auto;
}

.posterior,
.right {
	float: right;
	margin: 0 0 1em 5%;
}

.sponsored {
	background: #FFF;
	border: thin solid #999;
	border-radius: 0.25em;
	float: right;
	padding: 0.05em 0.5em;
}

.consecutive {
	display: inline-block;
	padding-right: 1em;
}


.highlight {
	background: #FE0;
}

span.highlight {
	padding: 2px 4px;
}

#result .highlight {
	background: #FFC;
}


/**************************************************/
/* B. Container ***********************************/
#root {
	padding: 1em 0 0;
}

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

section {
	margin-bottom: 2em;
}

/* --------------- */
/* B.1 Kopfbereich */
header {

}

header ul {
	list-style: none;
}

header li {
	float: left; //
font-size: 12px;
}

/* B.1.1 Titel */
#title {
	float: left;
	padding-top: 0.5em;
}

#title a {
	color: #000;
}

/* B.1.2 Servicenavigation */
#service {
	float: right;
	line-height: 2;
	margin-left: 2%;
	margin-top: 1em;
}

#service ul {
	float: right;
}

#service li {
	margin: 0 1em;
}

#service li a {
	color: #000;
}

#service li a:hover {
	color: #333;
}

#service li a.current {
	color: #999;
}

#service ul.language {
	padding-left: 1em;
}

#service ul.language li {
	margin: 0;
}

#service ul.language a {
	border-left: 1px solid #666;
	padding: 0 0.5em;
}

#service ul.language li:first-child a {
	border-left: none;
}

#service ul.language a.current {
	color: #999;
}

/* B.1.3 Social Media Profile */
#social {
	float: right;
	margin-left: 1%;
	padding-top: 1em;
}

#social ul {
	float: right;
	height: 1em;
}

#social li {
	margin: 0 0 0 0.5em;
	padding: 0;
}

/* B.1.4 Suche  */
#search {
	clear: right;
	float: right;
	width: 15%;
	padding-left: 35px;
	margin-top: 1em; //
background: url(../images/icon/icon_search.gif) no-repeat 0 2px;
}

#search input {
	width: 96%;
	height: 1.5em;
	padding: 0.25em 2%;
	margin: 0;
	border: 1px solid #DDD;
}

#search input:hover,#search input:focus {
	border-color: #4BB;
}

/* B.1.5 Status */
#status {
	float: left;
	width: 49%;
	margin: 1em 0 0 2%;
	line-height: 2;
	background: #CCC;
	text-align: right;
}

#status a {
	padding: 0 1em;
}

/* B.1.6 Navigationsleiste */
nav {
	z-index: 10;
	clear: both;
	line-height: 2;
	margin-top: 2em;
	background: #4BB;
	background: #D9F1F1;
	box-shadow: 0 2px 2px #EEE;
}

nav ul {
	list-style: none;
	border-left: 1px solid #B9D1D1;
}

nav li {
	float: left;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	position: relative;
}

nav li:before {
	border-right: 1px solid rgba(255, 255, 255, 0.2);
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	content: '';
	width: 1px;
	height: 100%;
}

nav a {
	color: #000;
	white-space: nowrap;
	display: block;
	padding: 0.5em 1em;
	font-weight: 600;
	font-size: 1.143em;
}

nav a:hover,nav li:hover {
	background-color: #C9E1E1;
	color: #000;
	text-decoration: none;
}

nav a.current {
	background: #4BB;
	color: #FFF;
}

nav a.isic {
	background-image: url(../images/elem/elem_scratch.png);
	background-size: 100% 100%;
}

nav label {
	display: none;
}

nav input {
	display: none;
}

/* ---------------- */
/* B.2 Hauptbereich */
main,
#main {
	clear: left;
	padding-top: 1em;
}

#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 ul {

}
#main li {
	margin-bottom: 0.5em;
	margin-top: 0;
	margin-left: 1em;
	list-style-position: outside;
}

#main ul.row {
	list-style: none;
	margin: 0;
	padding-left: 0;
}

#main ul.row li {
	display: inline-block;
	margin-right: 0.5em;
	margin-left: 0;
	line-height: 1;
}

#content ul,
#journal ul {
	margin: 1em 0 1em 0;
	padding-left: 2em;
}
aside ul {
	padding-left: 0.5em;
}


/* Tabellen */
#main table {
	width: 100%;
	margin: 1em 0 2em;
}

#main tbody th.caption {
	vertical-align: top;
}

/* 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 input.payment {
	float: left;
	margin-left: 11em;
	margin-right: 0.5em;
}

/* B.2.1 Ganzseite */
#master {
	clear: both;
	padding: 3em 0;
	text-align: center;
	background: #EEE;
	border-top: 1px solid #F0F0F0;
}

/* B.2.2 Slideshow */
#slideshow {
	margin: 0 0 2em 0;
	position: relative;
}

#slideshow img {
	float: left;
}
#slideshow li {
	margin: 0;
}

#slideshow li div {
	position: absolute;
	width: 20em;
	bottom: 2em;
	right: 2em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}
/* Slideshow Prev/Next */
#slideshow .slick-prev,#slideshow .slick-next {
	position: absolute;
	display: block;
	width: 1.5em;
	height: 1.5em;
	top: 50%;
	margin-top: -0.75em;
	padding: 0;
	border-radius: 0.25em;
	color: #999;
	background: #4BB;
	font-weight: 600;
	text-align: center;
	font-size: 2em;
	line-height: 0.75;
	text-indent: -555em;
	cursor: pointer;
	box-shadow: none;
	opacity: 0.6;
	transition: opacity 0.5s;
}

#slideshow .slick-prev:hover,#slideshow .slick-next:hover,#slideshow .slick-prev:focus,#slideshow .slick-next:focus
{
	opacity: 1;
	outline: none;
}

#slideshow .slick-prev:hover:before,#slideshow .slick-next:hover:before
{

}

#slideshow .slick-prev:before,#slideshow .slick-next:before {
	position: absolute;
	display: block;
	color: #FFF;
	z-index: 2;
	left: 0.25em;
	top: 0.25em;
	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 .slick-dots {
	list-style: none;
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	padding: 0.5em 0 0;
	bottom: 0.5em;
}

#slideshow .slick-dots li {
	position: relative;
	display: inline-block;
	width: 1;
	height: 1;
	margin-right: 0.5em;
}

#slideshow .slick-dots button {
	display: block;
	width: 1em;
	height: 1em;
	line-height: 1;
	border-radius: 50%;
	background: #4bb;
	cursor: pointer;
	box-shadow: none;
	border: 2px solid #FFF;
	padding: 0;
	text-indent: -555em;
	opacity: 0.5;
}

#slideshow .slick-dots li button:hover,#slideshow .slick-dots li button:focus
{
	outline: none;
	background: #FE0;
	opacity: 1;
}

#slideshow .slick-dots li.slick-active button {
	background: #4BB;
	opacity: 0.8;
}

/* 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;
	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: 10%;

}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
	content: '‹';
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
}
.mfp-arrow-right {
	right: 10%;
}
.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;
	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: 22.5%;
	float: left;
	padding: 1em;
	margin: 0 3% 1em 0;
}

#menu h4 {
	margin: 0;
	line-height: 2;
	padding: 0 0.75em;
}

#menu ul {
	margin: 0 0 2em 0;
	list-style: none;
}

#menu li {
	line-height: 2.5;
	margin: 0;
	padding: 0;
}

#menu li a {
	display: block;
	color: #000;
	padding: 0 0.75em;
	background-color: #D9F1F1;
	border-radius: 0.25em;
	margin-bottom: 0.25em;
}

#menu li a:hover {
	color: #333;
	text-decoration: none;
	background-color: #C9E1E1;
}

#menu li a.current {
	color: #FFF;
	background-color: #4BB;
}

#menu li a.current:hover {

}

#menu li a.disabled {
	color: #666;
	cursor: default;
}

#menu li a.disabled:hover {

}

#menu ul ul {
	padding:0.25em 0 0.5em;
	background: #FFF;
	margin-bottom: 0.25em;
	margin-top: -0.3em;
	background: #C9E1E1;
	border-radius:0 0 0.25em 0.25em;
}
#menu ul ul ul {
	margin-left: 1.5em;
	margin-bottom: 0;
	padding-bottom: 0;
}
#menu li li li a {
	color: #055;
}

#menu li li {
	font-size: 0.9em;
	line-height: 2;
}

#menu li li a {
	color: #666;
	font-weight: normal;
	padding-left: 2em;
	background: transparent;
}

#menu li li a:hover {
	color: #000;
	background: none;
}

#menu li li a.current {
	font-weight: bold;
	background: transparent;
	color: #000;
}

#menu .categories li a.current {
	background: #4BB url(../images/elem/elem_close.png) no-repeat 95% center;
}

#menu .switch {
	margin-bottom: 2em;
}

#menu .switch li {
	box-sizing: border-box;
	display: inline-block;
	width: 28%;
	margin-left: 6%;
	float: none;
}
#menu .switch.suggestion li {
	width: 46%;
}

#menu .switch li:first-child {
	margin-left: 0;
}

#menu .switch a {
	background-color: #D9F1F1;
	border-radius: 0.25em;
	text-align: center;
	padding: 0;
}

#menu .switch a:hover {
	background-color: #C9E1E1;
	text-decoration: none;
}

#menu .tags {
	margin-bottom: 2em;
}

/* ISIC Karten */

#cards {
	padding: 1em;
	background: #FFF;
}

.card {
	display: inline-block;
	margin-right: 1em;
	margin-bottom: 0.25em;
	padding: 0.25em 0.25em 0.25em 27px;
	background-color: #DDD;
	border-radius: 0.25em;
}
.isic,
.itic,
.iytc {
	background-image: url(../images/elem/elem_card-icons-rand.png);
	background-repeat: no-repeat;
}

.isic {
	background-position: 2px 3px;
}
.itic {
	background-position: 2px -28px;
}
.iytc {
	background-position: 2px -58px;
}

#menu .switch.cards a {
	padding-left: 1em;
}
#menu .switch.cards a.current {
}
#menu .switch.cards a:hover {
}

#menu .switch.cards a.isic {
	background-position: 3px 7px;
}
#menu .switch.cards a.itic {
	background-position: 3px -24px;
}
#menu .switch.cards a.iytc {
	background-position: 3px -54px;
}






/* B.2.4 Wrapper */
#wrapper {
	float: left;
	width: 74.5%;
	margin-bottom: 1em;
	position: relative;
}

/* B.2.5 Breadcrumb */
#breadcrumb {
	font-size: 0.9em;
	margin-bottom: 1em;
	padding: 0.5em 1em;
}
#breadcrumb li {
	margin-left: 0;
}
#breadcrumb li:after {
	content: "\00a0\003e";
	padding-left: 0.5em;
}

#breadcrumb li:last-child:after {
	content: "";
}

/* 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.7718%;
	padding: 1em 0;
	margin-bottom: 1em;
	margin-right: 2.6667%;
}


/* 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%;
	margin: 0 0 1em;
	padding: 0 1em;
}

aside.is_stuck {
	margin-top: 1em;
}


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

/* Sidebar/Aside Box */
.box {
	background: #D9F1F1;
	border-radius: 0.25em;
	padding: 1em;
	margin-bottom: 1em;
}

.frame {
	border: 1px solid #4BB;
	border-radius: 0.25em;
	padding: 1em;
	margin-bottom: 1em;
}

.frame h5 {
	font-weight: 400;
}

#newsletter img {
	margin-top: -30px;
	position: relative;
}


/* B.2.10 Teaserboxen */
#teaser {
	clear: left;
	overflow: hidden;
	margin-bottom: 1em;
	padding-top: 1em;
}

#teaser ul {
	list-style: none;
	padding-bottom: 2em;
	display: flex;
	flex-wrap: wrap;
}

#teaser li {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 1em 1em 3em;
	float: left;
	margin-left: 1.96%;
	width: 23.5%;
	min-height: 310px;
	position: relative;
	background: #D9F1F1;
	border-radius: 0.25em;
}

#teaser li:first-child {
	margin-left: 0;
}

#teaser li:hover img {
	border-color: #C9E1E1;
}

#teaser img {
	margin: 0 0 0.5em;
	border: 1px solid #EEE;
}

#teaser p {
	margin-bottom: 0.5em;
}
#teaser .push {
	position: absolute;
	bottom: 0.75em;
}

/* Startseite Produktteaser */

#columns,
.columns {
	padding: 0.5em 0 0;
}
.column {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 49%;
	float: left;
	padding: 1em 1em 1em 0;
}
.column + .column {
	float: right;
	padding: 1em 0  1em 1em;
}

/* Startseite 4-er Raster */

#grid {
	margin-top: 3em;
	margin-bottom: 3em;
}
#grid li {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	list-style: none;
	margin: 0;
	padding-right: 1em;
	float: left;
	margin-left: 2%;
	width: 23.5%;
	position: relative;

}
#grid li:first-child {
	margin-left: 0;
}
#grid li.advertisement {
	padding-right: 0;
}




/* B.2.11 Meldungen */
#error,
#warning,
#confirm,
#mandate {
	border: thin solid;
	margin-bottom: 2em;
	padding: 1em;
	overflow: auto;
	border-radius: 0.5em;
}

#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 {
	border-color: #D00;
	color: #444;
}

#warning {
	border-color: #D90;
	color: #D90;
}

#confirm {
	border-color: #4BB;
	color: #444;
}

#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;
}



/* 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 {
	clear: left;
	margin: 1em 0;
}

article #share {
	margin-bottom: 3em;
}

#share li {
	padding-top: 0.25em;
	display: block;
}

#share li.like {
	padding-top: 0;
	width: 12em;
}

#share li.tweet {
	width: 6em;
}

#share li.plusone {
	width: 4em;
}

#share li.xing {

}

#share li.pinit {
	width: 2em;
}

/* Kommentare */
#comments ol {
	margin-top: 2em;
}

#comments li {
	margin: 0 0 3em;
	list-style: decimal outside;
	font-weight: bold;
}

#comments blockquote {
	background: #EEE;
	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 #EEE 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;
	border: 1px solid #DDD;
}

#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 {
	float: left;
	width: 18%;
	padding: 0 0 1em;
	margin: 0 2.5% 2em 0;
	transition: background 0.5s;
	min-height: 250px;
	position: relative;
}

#list li:nth-child(5n) {
	margin-right: 0;
}
#list li:nth-child(5n+1) {
	clear: left;
}


#list.small li {
	width: 31.4%;
}

#list.small li:nth-child(3n) {
	margin-right: 0;
}

#list li:hover img {
	border-color: #C9E1E1;
}

#list li h3 {
	font-size: 1em;
	margin: 0.25em 0;
}

#list li h3 a {
	display: block;
}

#list li a.more {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
}

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

/* 6er Raster */
#main .tiles {
}

#main .tiles ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}
#main .tiles li {
	float: left;
	margin: 0;
	padding: 0 0 1em;
	width: 15%;

	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main .tiles li + li {
	margin-left: 2%;
}

#main .tiles li img {
	display: block;
	margin: auto;
	border: 1px solid #DDD;
}
#main .tiles li:hover img {
	border-color: #C9E1E1;
}

#main .tiles li h3 {
	font-size: 1em;
	margin: 0.25em 0;
}

#main .tiles li h3 a {
	display: block;
}

#main .tiles li a.more {
	position: absolute;
	display: block;
	bottom: 0;
	left: 0;
	width: 100%;
}


/* Paginierung */
#paging {
	margin-bottom: 2em;
	height: 2.5em;
	clear: both;
	margin-top: 1em;
}

#paging ol,
#paging ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0.5em;
}

#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: #D9F1F1;
	width: 2.5em;
	color: #333;
	font-weight: 600;
	border-radius: 0.25em;
}

#paging a:hover {
	background: #C9E1E1;
	color: #000;
}

#paging a.current {
	color: #FFF;
	background: #4BB;
}

#paging a.disabled {
	cursor: default;
	background: #DDD;
	color: #999;
}

/* Alphabetischer Index */
#index {

}

#index ol {
	margin: 0;
	padding: 0;
}

#index li {
	list-style: none;
	display: inline-block;
	margin-right: 2px;
	margin-left: 0;
	text-transform: uppercase;
}

#index a {
	display: block;
	text-align: center;
	background: #D9F1F1;
	width: 2.5em;
	color: #333;
	font-weight: 600;
	border-radius: 0.25em;
}

#index a:hover {
	background: #C9E1E1;
	color: #000;
}

#index a.current {
	color: #FFF;
	background: #4BB;
}

/* Länderliste */

#countries {
	padding-top: 1em;
}
#countries ul {
	margin: 0;
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#countries li {
	list-style: none;
	margin: 0;
}
#countries ul ul {
	margin: 0;
	float: none;
	width: 100%;
}
#countries li li {
	width: 100%;
	float: none;
}
#countries li li:before {
	content: '→ '
}
#countries img {
	display: inline-block;
	padding-right: 0.5em;
}


/* Warenkorb */
#cart .unit,#cart .total,#cart .sum {
	text-align: right;
}

#cart tbody td {
	padding: 1em 0.25em;
}

#cart tbody td.variant,#cart tbody td.amount,#cart tbody td.available,#cart tbody td.unit,#cart tbody td.total
{
	vertical-align: bottom;
}

#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: #06A;
}

#calendar tbody td.today {
	background: #FFD;
	color: #D90;
	padding: 0px;
	font-weight: bold;
}

#calendar tbody td.today a {
	color: #D90;
	background: #FFD;
	border: 2px solid #D90;
	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  {
	margin-bottom: 1em;
}
#accordion .trigger {
	background: transparent;
}


/* Accordeon Effekt für Filter */

.trigger {
	cursor: pointer;
	padding-right: 20px;
	background: url(../images/elem/elem_openclose.gif) no-repeat right -243px;
}
.trigger.open {
	background-position: right 5px;
}

/* Dokumente */

.docs {

}
.docs p {
	padding: 0.5em;
	margin-bottom: 0;
}
.docs p:hover {
	background: #e9F9F9;
}
.docs a {
	display: inline-block;
	margin-right: 3em;
}
.docs a.delete {
	color: #D00;
	margin-right: 0;
	float: right;
}
.docs a[href$=".pdf"] {
	background-image: none;
	padding-right: 0;
}

/* Aktivitätsanzeige */

.state {
	display: inline-block;
	margin-left: 2em;
	border: 1px solid #999;
	padding: 0 0.25em;
}
.draft {

}
.active {
	color: #4BB;
	color: #0063b1;
	border-color: #0063b1;
}
.finished {
	color: #D00;
	border-color: #D00;
}

/* Sortierung */

#sorting {
}
#sorting span {
	padding-right: 0.5em;
	color: #666;
}
#sorting select {
	border-color: #CCC;
}
#sorting select:hover {
	border-color: #399;
}
#sorting select:focus {
	border-color: #4BB;
}

/* Exclusive Badge */

.badge {
	position: relative;
}
.badge span {
	font-size: 0.875em;
	font-weight: 700;
	color: #333;
	position: absolute;
	background: #FE0;
	right: -6px;
	top: -12px;
	display: block;
	padding: 1px 3px;
	box-shadow: 0 0px 2px 0 #666;
}
.badge span:after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-left: 5px solid #DB0;
	border-right: 0px solid transparent;
	border-bottom: 5px solid transparent;
	border-top: 0 solid transparent;
	position: absolute;
	right: 0;
	bottom: -6px;
}

/* Glossar */

#glossary h2 {
	margin-bottom: 0;
}
#glossary ul {
	padding: 0;
	margin-top: 0;
}
#glossary li {
	float: left;
	width: 50%;
	list-style-position: inside;
	margin-left: 0;
	color: #399;
	box-sizing: border-box;
	padding-left: 0.25em;
}

/* Sidebar Bilder Raster */

.gallery a {
	display: block;
	float: left;
	width: 48%;
	position: relative;
	overflow: hidden;
	margin-left: 4%;
	margin-bottom: 4%;
}
.gallery a:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}
.gallery a:after {
	position: absolute;
	content: '';
	font-weight: bold;
	font-size: 5em;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(68,187,187,1) url(../images/elem/elem_plus.png);
	background-position: center center;
//background-size: 100% 100%;
	opacity: 0;
	transition: opacity 0.5s;
}
.gallery a:hover:after {
	opacity: 0.7;
}

/* Legende Google Maps */

#legend {
	height: auto !important;
}
#legend li {
	list-style: none;
	margin-left: 0;
	width: auto;
	display: block;
	white-space: nowrap;
	margin-right: 1em;
	width: 30%;
	float: left;

}
#legend img {
	display: inline-block;
	margin-right: 0.25em;
	vertical-align: middle;
}


/* -------------- */
/* B.3 Fußbereich */
footer {
	clear: both;
	background: #D9F1F1;
	overflow: hidden;
	border-top: 1px solid #E0E0E0;
	padding: 2em 1em;
}

footer li {
	list-style: none;
}

footer a {
	color: #666;
}

footer a:hover {
	color: #000;
}

#facebook {
	float: left;
	width: 40%;
	text-align: center;
	padding-top: 2em;
}

/* B.3.1 Sitemap */
#sitemap {
	float: right;
	width: 50%;
	padding: 2em 0;
}

#sitemap li {
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	float: left;
	line-height: 2;
	margin-left: 2%;
	margin-bottom: 1em;
	padding: 0 1em;
	width: 32%;
}

#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 {
	clear: left;
	text-align: center;
}

#footnote li {
	display: inline;
	line-height: 2.5;
	margin-right: 1em;
}

/**************************************************/
/* C. Responsive **********************************/
@media only screen and (max-width: 1024px) {
	body {
		font-size: 14px;
	}
	#root {
		padding: 1em 1em 0;
	}
	aside {
		width: 30%;
	}

	main,
	#main {
		hyphens: auto;
		-o-hyphens: auto;
		-moz-hyphens: auto;
		-webkit-hyphens: auto;
	}
	#list li,
	#list li:nth-child(5n) {
		width: 18%;
		margin-right: 2%;
	}
	#list li:nth-child(5n) {
		margin-right: 0;
	}
	#paging {
		height: auto;
	}
	#paging ol,
	#paging ul {
		overflow: hidden;
	}

	#paging ol {
		float: none;
	}

	#paging ul {
		float: none;
	}
	#menu li {
		line-height: 1;
	}
	#menu li a {
		padding: 0.75em;
		display: block;
	}
	#menu .switch li {
		width: 100%;
		display: block;
		margin-left: 0;
	}
	#menu .switch a {
		padding: 0.75em;
	}

	#list li {
		min-height: 250px;
	}
	#columns .anterior {
		float: none;
		display: block;
	}
}

@media only screen and (max-width: 800px) {
	#service {
		width: 74.5%;
	}
	#social {
		display: none;
	}
	#journal {
	//width: 48%;
	}
	#sidebar {
		width: 22%;
	}
	aside {
	//margin-left: 4%;
	}
	#teaser li {
		width: 48%;
		margin: 0 0 2em 4%;
		min-height: 380px;
	}
	#teaser li:nth-child(odd) {
		margin-left: 0;
	}
	.consecutive  {
		line-height: 1;
		margin-bottom: 0;
	}
	.consecutive + small {
		display: block;
		margin-bottom: 1em;
	}
	#list h3 {
		-ms-word-break: break-all;
		word-break: break-all;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}

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

	#main .tiles li {
		width: 31.5%;
		margin-bottom: 1.5em;
	}
	#main .tiles li:nth-of-type(3n+1) {
		margin-left: 0;
	}
	#legend li {
		width: 45%;
	}

}

@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;
		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,
	#service,
	#search {
		width: 49%;
	}
	#status {
		display: none;
	}
	#wrapper {
		width: 100%;
		float: none;
	}
	#menu {
		width: 100%;
		float: none;
	}
	#menu ul {
	//display: none;
	}
	.advertisement,
	#sidebar {
		display: none;
	}

	aside {
		display: block !important;
		width: 100%;
	}
	aside div:not(#validity) {
		display: none;
	}
	#grid li.advertisement {
		display: block;
	}
	#journal {
		width: 100%;
	}
	#list li,
	#list li:nth-child(4n),
	#list li:nth-child(5n) {
		width: 30%;
		margin-right: 2%;
	}
	#list li:nth-child(4n+1),
	#list li:nth-child(5n+1) {
		clear: none;
	}
	#list li:nth-child(3n) {
		margin-right: 0;
	}
	#list li:nth-child(3n+1) {
		clear: left;
	}
	#share li.xing,#share li.pinit {
		visibility: hidden;
	}
	#menu .switch li {
		width: 28%;
		display: inline-block;
		margin-left: 6%;
	}
	#teaser li {
		min-height: 100px;
	}

	label.scala {
		display: block;
		float: none;
		width: 100%;
	}


}

@media only screen and (max-width: 480px) {
	samp {
		padding-left: 0;
	}
	label.before {
		float: none;
		width: 100%;
	}
	.anterior,.posterior {
		float: none;
		margin: 0 0 1em 0;
		width: auto;
	}
	header {
		height: auto;
	}
	#title {
		float: none;
		width: 100%;
	}
	#service {
		width: 100%;
		float: none;
		margin-top: 0;
	}
	#service ul {
		display: none;
	}
	#service ul.language {
		display: block;
		margin-bottom: 0;
	}
	#search,
	#grid li.advertisement,
	#breadcrumb {
		display: none;
	}
	nav {
		line-height: 3;
		padding-top: 0;
		margin-top: 1em;
		height: auto;
	}
	nav ul {
		height: 0;
		overflow: hidden;
		border: none;
		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 {
		text-align: center;
		float: none;
		border: none;
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		border-top: 1px solid rgba(255, 255, 255, 0.2);
	}
	nav label {
		background: #4BB;
		color: #FFF;
		text-align: center;
		cursor: pointer;
		display: block;
		font-weight: 600;
	}
	nav label:hover {
		background: #4BB;
		color: #FFF;
	}
	nav input {
		display: none;
	}
	nav input:checked+ul {
		height: 310px;
	}
	nav a {
		padding: 0;
		font-size: 1em;
	}

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

	/* Breadcrumbs */
	#breadcrumb {
		margin-bottom: 0;
		padding-bottom: 0;
	}

	/* Formulare */
	#main label.after,
	#main label.check {
		width: 16.75em;
	}
	#main label.none {
		margin-bottom: 0.5em;
	}
	#main input.vertical,
	#main input.payment {
		clear: left;
		margin-left: 0;
	}
	#main input.short,
	#main input.standard,
	#main input[type=url],
	#main input[type=email],
	#main input[type=password],
	#main textarea {
		width: 19.4em;
	}
	#main input.payment+label {
		width: 17.75em;
		margin-left: -0.5em;
	}

	/* Tabellen */
	thead {
		display: none;
	}
	table,tr {
		display: block;
		width: 100%;
		width: 20em;
		margin-bottom: 1em;
	}
	td {
		display: block;
	}
	th,td.blind,td.action {
		display: none;
	}
	th.caption {
		display: block;
	}
	td.image {
		float: right;
		width: 6em;
	}
	td.product {
		float: left;
		width: 13em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	td.variant {
		clear: both;
		float: right;
	}
	td.variant select {
		width: 9.5em;
		margin-right: 6.5em;
	}
	td.amount {
		float: left;
	}
	td.amount input {
		width: 2em;
	}
	td.available {
		clear: both;
	}
	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 {
		width: 10em;
	}
	td.entry select,
	td.entry button {
		width: 10.6em;
	}
	td.address:before {
		content: attr(title);
		display: block;
		float: none;
		font-weight: bold;
		padding: 0.5em 0;
	}
	td img {
		max-width: 100%;
	}

	#sidebar {
		display: none;
	}
	#teaser li {
		width: 100%;
		margin-left: 0;
	}

	.column {
		float: none;
		width: 100%;
		padding: 0 0 2em;
	}
	.column + .column {
		float: none;
		padding: 0 0 1em
	}

	#grid li {
		padding: 0;
		float: none;
		margin: 0 0 2em;
		width: 100%;
		position: relative;
	}

	#legend li {
		width: 100%;
		float: none;
	}

	#list li,
	#list li:nth-child(3n),
	#list li:nth-child(4n),
	#list li:nth-child(5n),
	.start #list li,
	.start #list li:nth-child(3n),
	.start #list li:nth-child(4n),
	.start #list li:nth-child(5n) {
		width: 47.5%;
		margin-right: 5%;
	}
	#list li:nth-child(3n+1),
	#list li:nth-child(4n+1),
	#list li:nth-child(5n+1),
	.start #list li:nth-child(3n+1),
	.start #list li:nth-child(4n+1),
	.start #list li:nth-child(5n+1) {
		clear: none;
	}
	#list li:nth-child(2n),
	.start #list li:nth-child(2n) {
		margin-right: 0;
	}
	.start #list li:nth-child(2n+1),
	#list li:nth-child(2n+1) {
		clear: left;
	}

	#list.small li {
		width: 30%;
		margin-right: 5%;
	}
	#list.small li:last-child {
		margin-right: 0;
		clear: none;
	}

	#main .tiles li {
		width: 48.75%; /* vermeiden von Rundungsfehlern unter iOS */
	}
	#main .tiles li:nth-of-type(3n+1) {
		margin-left: 2%;
	}
	#main .tiles li:nth-of-type(2n+1) {
		margin-left: 0;
	}


	#cart tbody td {
		padding: 0.25em;
	}
	#cart tfoot tr {
		margin: 0;
	}
	#cart fieldset {
		padding: 0;
	}
	#cart fieldset.next {
		float: none;
		margin-top: 2em;
	}
	#cart fieldset button {
		width: 20em;
		height: 3em;
		margin-bottom: 1em;
	}
	#cart button.cancel {
		display: none;
	}
	#countries ul {
		width: 100%;
		float: none;
		padding-left: 1em;
	}

	#sorting {
	//float: none;
	}

	#share {
		display: none;
	}

	/* Glossar */
	#glossary li {
		float: none;
		width: 100%;
		list-style-position: inside;
	}

	#facebook,
	#sitemap {
		float: none;
		width: 100%;
	}
	#sitemap li {
		float: none;
		width: 100%;
		margin-left: 0;
		text-align: center;
	}
	#footnote {
		height: auto;
	}
	#footnote {
		overflow: hidden;
	}
	#footnote li {
		font-size: 12px;
		display: block;
		float: left;
		width: 50%;
		border-right: solid 1px #DDD;
		border-bottom: solid 1px #DDD;
		margin-right: -2px;
	}
	#footnote li:nth-child(2n) {
		border-right: none;
	}
}