/*
	Farben:

	GRÜN: #97D700
	DUNKEL: #4F758B
	HELL: #7A99AC
*/

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

html {
	min-height: 101%;
}
body {
	background: #DDD;
	margin: 0;
	font: 16px/1.5 "Source Sans Pro", Arial, Helvetica, sans-serif;
	color: #4F758B;
}

/* Artikel */

article {
}
section {
	clear: both;
}

/* Überschriften */

h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.5em;
}

h1 {
	font-size: 3em;
	line-height: 1.2;
	font-weight: 600;
	color: #7A99AC;
}
h2 {
	font-size: 2em;
	line-height: 1.2;
	font-weight: 600;
	color: #97D700;
	color: #7A99AC;
}
h3 {
	font-size: 1.6em;
	font-weight: 600;
}
h4 {
	font-size: 1.4em;
	font-weight: 400;
}
h5 {
	font-size: 1.2em;
	font-weight: 600;
}
h6 {
	font-size: 1em;
	font-weight: 600;
}

/* Absätze */

p {
	margin-top: 0;
	margin-bottom: 1em;
}
p.lead {
	font-size: 1.2em;
}
p.previous {
	float: left;
}
p.overview {
	text-align: center;
	width: 12em;
	margin-left: auto;
	margin-right: auto;
}
p.next {
	float: right;
}
p.byline {
	color: #999;
}
p.byline a {
	color: #666;
}
p:last-child {
	margin-bottom: 0;
}
hr {
	clear: both;
	height: 1px;
	border-top: none;
	border-right: none;
	border-left: none;
	display: block;
	margin: 0 auto 2em;
	padding: 2em 0 0;
	border-bottom: medium solid #EDF1F4;
	width: 40%;
}
/* Listen */

ul {
	padding-left: 0;
}
li {
	margin-left: 1em;
}



/* Hyperlinks */

a {
	color: #97D700;
	text-decoration: none;
}
a:focus,
a:active {
	outline: none;
}
a:hover {
	color: #4F758B;
	text-decoration: underline;
	outline: none;
}
a.button {
	background: #DDD;
	border-radius: 0.5em;
	border: 0.1em solid #06C;
	display: inline-block;	
	padding: 0.25em 1em;
	text-decoration: none;
}
a.button:hover {
	color: #FFF;
	background: #06A;
}
a.more {
	float: right;
}
a.back {
	float: left;
}
a.more:after {
	content: "\00a0\203A";
	font-size: 1.5em;
	line-height: 0.75;
	vertical-align: text-top;
}
a.back:before {
	content: "\2039\00a0";
	font-size: 1.5em;
	line-height: 0.75;
	vertical-align: text-top;
}
a.ahead:before {
	content: "\00bb\00a0";
}
a.external:after {
	content: "\00a0\2197";
}

a.push {
	display: inline-block;
	background: #4F758B;
	color: #FFF;
	padding: 0.5em 1em; 
}
a.push:hover {
	background: #7A99AC;
	text-decoration: none;
}

/* Textauszeichnung */

strong {
    font-weight: 600;
}
em {
	font-style: italic;
}
abbr[title] {
    border-bottom: 1px dotted;
	cursor: help;
}
sup, sub {
	font-size: 0.7em;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
	font-weight: normal;
	padding-left: 0.25em;
}
sup {
	top: -0.3em;
}
sub {
    bottom: -0.3em;
}
small {
	font-size: 0.8em;
	color: #999;
	font-weight: normal;
}
small a {
	color: #666;
}
small a:hover {
	color: #333;
}
dfn,
samp {
	color: #999;
	font: inherit;	
}
dfn {
	display: block;
	margin-left: 11em;
	padding-top: 0.5em;
}
samp {
	padding-left: 1em;
	vertical-align: baseline;
}
mark {
	background: #FFC;
	color: inherit;
	padding: 0 0.25em;
}
span.author {
	padding-right: 1em;
}
span.date {
	color: #666;
	padding-right: 1em;
}

/* Abbildungen */

img {
	display: block;
    border: none;
	max-width: 100%;
	height: auto;
}

/* Coockie */

#cookieChoiceInfo {
  bottom: 0;
  top: auto !important;
  background: #FC0 !important;
}
#cookieChoiceInfo a {
  background: #444;
  color: #aaaaaa;
  display: inline-block;
  border-radius: 0;
  padding: 0 0.5rem;
  font-size: 0.9rem;
}
#cookieChoiceInfo a:hover {
  color: #FFF;
  background: #000;
}
.cc-window.cc-banner {
  padding: 0.25rem 0.5rem !important;
}

/* Icons */

i {
	display: inline-block;
}
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);
}

/* Navigation */

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

/* Tabellen */

table {
    border-collapse: collapse;
    border-spacing: 0;
	border-style: none;
	table-layout: fixed;
}
caption {
	font-size: 1.2em;
	font-weight: 600;
	text-align: left;
	margin-bottom: 1em;
}
th {
	text-align: left;
	padding: 0.25em;
}
td {
	vertical-align: top;
	padding: 0.25em;
}

/* Formulare */

form {
	margin: 0;
	padding: 0;
}
form br {
	clear: left;
}
fieldset {
	border-style: none;
	margin: 0;
	padding: 1em 0 2em;
}
fieldset.button {
	clear: left;
	margin: 0;	
	padding-bottom: 0;
}
fieldset.button button {
	float: right;
	margin-right: 3%;
}
fieldset.button small {
	display: block;
}
legend {
	padding: 0;
	margin: 0;
	color: #666;
	font-weight: 600;
}
label {
	padding-right: 2%;
	vertical-align: middle;
}
label.before {
	display: block;
	float: left;
	line-height: 2;
	width: 23%;
}
label.required {
	cursor: help;
}
label.required:after {
	content: "\00a0\002a";
	color: #C00;
}
label.error {
	color: #D00;
}

/* Eingabefelder */

input,
select,
textarea {
	border: 1px solid #999;
	font: inherit;
	margin: 0 0 0.25em;
	padding: 0.25em;
	vertical-align: middle;
}
input:hover,
select:hover,
textarea:hover {
	border-color: #777;
}
input:focus,
select:focus,
textarea:focus {
	border-color: #555;
	box-shadow: inset 0.05em 0.1em 0.1em #CCC;
}
input.error {
	border: 1px solid #D00;
}
input[type=text],
input[type=email],
textarea {
	width: 70%;
}
input[type=tel] {
	width: 35%;
}
input[type=radio], 
input[type=checkbox] {
	border: 0;
	height: 1em; 
	margin: 0.55em 0.5em 0.45em 0;
	padding: 0;
	width: 1em;
}
select {
	padding: 0.2em 0.25em 0.2em 0.05em;
}
optgroup {
	font-style: normal;
	padding: 0 0.5em 1em;
}
textarea {
	overflow: auto;
}

/* Schaltflächen */

button {
	background: #4F758B;	
	border: none;
	color: #FFF;
	cursor: pointer;
	font: inherit;
	font-weight: 600;
	margin: 0 0 0.25em;
	padding: 0.5em 1em;	
}
button:hover {
	background: #7A99AC;
}
button.cancel {
	background: #D00;
}
button.event {
	background: #D90;
}
button.okay {
	background: #6C0;
}
button.execute {
	background: #45697D;
}
button.execute:hover {
	background: #7A99AC;
}

/* Helper */

.center {
	text-align: center;
}

.part:after {
	content: '';
	display: block;
	width: 40%;
	margin: auto;
	border-bottom: medium solid #EDF1F4;
	background-color: #FFF;
	padding-top: 3em;
}

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

.scope {
	margin: 0 auto;
	max-width: 1200px;
	padding: 3em;
	background: #FFF;
	box-sizing: border-box;
}
.group:after {
    content: "";
    display: table;
    clear: both;
}
.column {
	float: left;
	width: 45%;
	margin-bottom: 2em;
}
.column + .column {
	margin-left: 10%;
}
.group .column:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}

/* Kopfbereich */

header {
	margin-top: 1em;
}
header .scope {
	background-color: #FFF; 
	padding: 3em;
}
#title {
	width: 20%;
	float: left;
	margin-top: -1.5em;
}
#fixedtitle {
	float: left;
	opacity: 0;
	width: 1px;
	height: 1px;
}

nav {
	float: right;
	height: 3em;
}
nav li {
	display: inline;
	margin-left: 2em;
	line-height: 3;
}
nav a {
	color: #4F758B;
}
nav input,
nav label {
	display: none;
}

/* Fixed header */

header.fixed {
	position: fixed;
	z-index: 1001;
	left: 0;
	right: 0;
	top: 0;
	margin-top: 0;
	background: rgba(255,255,255,0.8); 
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
	-webkit-animation: slidein 0.5s none;
	animation: slidein 0.5s none;
} 
header.fixed .scope {
	background-color: rgba(255,255,255,0.8); 
	padding: 0.25em 3em;
}
header.fixed #title {
	display: none;
}
header.fixed #fixedtitle {
	opacity: 1;
	width: 50px;
	height: 50px;
}
header.fixed nav {
	height: 1em;
}
header.fixed nav li {
	line-height: 1;
}
header.fixed + main {
	padding-top: 197px;
}

/* Animation */

@keyframes slidein {
	0% {
		top: -100%;
	}
	100% {
		top: 0;
	}
}
@-webkit-keyframes slidein {
	0% {
		top: -100%;
	}
	100% {
		top: 0;
	}
}


/* B.2.11 Meldungen */

#error,
#warning,
#confirm,
#mandate {
	border: 1px 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: #D00;
	//color: #D00;
}
#warning {
	//background: #FFD;
	border-color: #D90;
	color: #D90;
}
#confirm {
	//background: #EFE;
	border-color: #6C0;
	//color: #6C0;
}
#mandate {
	//background: #FFF;
	border-color: #999;
	color: #444;
}


/* Hauptbereich */

main {
	display: block; /* Bugfix für den IE */
}

/* Einleitung */

irnt {
	text-align: center;
}


/* Hauptbotschaft */

.master {
	text-align: center;
}
.master a {
	margin-top: 12em;
	font-size: 1.5em;
}

/* Aufmacher */

.teaser article {
	float: left;
	width: 22%;
	margin: 0 0 4% 4%;
}
.teaser article:nth-of-type(4n+1) {
	margin-left: 0;
	clear: left;
}

/* Menüspalte*/

.menu {
	box-sizing: border-box;
	width: 23.5%;
	float: left;
}

.menu ul {
	list-style: none;
	padding-right: 3em;
}
.menu li {
	margin: 0;
	padding: 0;
}
.menu a {
	padding: 0.5em 1em;
	display: block;
	margin-bottom: 0.25em;
	background: #7A99AC;
	color: #FFF;
}
.menu a:hover,
.menu a.current {
	background: #45697D;
	text-decoration: none;
}

/* Inhalte */

.content {
}
.wrapper {
	float: left;
	width: 74.5%;
}
.journal {
	float: left;
	width: 60%;
}
.aside {
	float: left;
	width: 30%;
}
.journal + .aside {
	margin-left: 10%;
}
.aside + .journal {
	margin-left: 10%;
}


/* Abschnitte */
#intro .scope {
	background-color: #EDF1F4;
	background-color: #BCC7CD;
	background: rgba(237,241,244,0.8);
	background-image: linear-gradient(to right,rgba(79,117,139,0.7) 60% , rgba(79,117,139,0));
	text-shadow: 0 0 2px rgba(0,0,0,0.1);
	color: #FFF;
}
#intro .aside {
	box-sizing: border-box;
}
#intro .journal {
	position: relative;
}
#intro .vertical {
	color: #FFF;
	padding-top: 4em;
}
#intro h1 {
	font-size: 1.6em;
	color: #FFF;
}

#news .scope {
	background: #EDF1F4;
}
#news hr {
	border-color: #DDE1E4;
}


#produkte article {
	margin-bottom: 1em;
}

#referenzen {

}

#referenzen ul {
	margin: 0;
	padding: 0;
}
#referenzen li {
	list-style: none;
	width: 15%;
	float: left;
	margin-left: 2%;
	margin-bottom: 2%;
}
#referenzen li:nth-of-type(6n+1) {
	margin-left: 0;
}
#referenzen li.overlay img:hover {
	transform: none;
}
#referenzen li.overlay {
	position: relative;
}
#referenzen li.overlay div {
	position: absolute;
	box-sizing: border-box;
	text-align: center;
	padding: 1em;
	bottom: 0;
	left: 0;
	right: 0;
	height: 30%;
	color: #FFF;
	background: rgba(122,153,172,0.8);
	display: flex;
	justify-content: center;
	align-items: center;
	transition: bottom 0.3s;
}
#referenzen li.overlay:hover div {
	bottom: -30%;
}

#unternehmen .scope {
	background-color: #EDF1F4;
}
#unternehmen dl {
	box-sizing: border-box;
}
#unternehmen dt {
	font-weight: 600;
	float: left;
	clear: left;
	width: 20%;
	box-sizing: border-box;
	padding-left: 0.5em; 
	border-left: 3px solid #97D700;
}
#unternehmen dd {
	float: left;
	width: 80%;
	margin-left: 0;
	margin-bottom: 1.5em;
	box-sizing: border-box;
}

#service .scope {
 background-color: #EDF1F4;
}

#karriere .scope {
	padding: 3em 3em 0;
}

#kontakt .scope {
	background: #EDF1F4;
}
#kontakt .scope + .scope {
	background-color: #FFF;
}
#kontakt .part {
	padding-bottom: 0;
}
#kontakt fieldset {
	float: left;
	width: 45%;
}
#kontakt fieldset:nth-child(odd) {
	margin-right: 10%;
}

/* Slideshow */

#slideshow {
	box-sizing: border-box;
	display: block;
	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;
	box-sizing: border-box;
	padding: 1em;
	position: absolute;
	right: 5em;
	width: 22em;
	display: none;
}

#slideshow blockquote {
	font-style: italic;
	margin: 1em 3em;
}
#slideshow p {
	margin: 0 3em;
}

/* 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 {
	border: thin solid transparent;
	display: block;
	height: auto;
}

/* Slideshow vor / zurück */

#slideshow .slick-prev,
#slideshow .slick-next {
	background: #000;
	border: none;
	border-radius: 0;
	box-shadow: none;
	color: #999;
	cursor: pointer;
	font-size: 2em;
	font-weight: 700;
	height: 1em;
	line-height: 0.75;
	margin-top: -1em;
	padding: 0;
	position: absolute;
	text-align: center;
	text-indent: -555em;
	top: 50%;
	width: 1em;	
}
#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: "\2039";
}
#slideshow .slick-next {
	right: 0.5em;
}
#slideshow .slick-next:before {
	content: "\203a";
}

/* Slideshow Navigation */

#slideshow ul {
	display: block;
	list-style: none;
	text-align: center;
	padding: 0 0 0;
	position: absolute;
	left: 50%;
 	-webkit-transform: translateX(-50%);
 	-ms-transform: translateX(-50%);
 	transform: translateX(-50%);
 	bottom: -2em;
}
#slideshow ul li {
	display: inline-block;
	height: 1em;
	margin: 0 0.5em 0 0;
	position: relative;
	width: 1em;
}
#slideshow ul button {
	background: #7A99AC;
	background: #EDF1F4;
	border: none;
	border-radius: 50%;
	box-shadow: none;
	cursor: pointer;
	display: block;	
	height: 0.75em;
	width:  0.75em;
	padding: 0;
	text-indent: -555em;
}
#slideshow ul li button:hover,
#slideshow ul li button:focus {
	outline: none;
	background: #7A99AC;
}
#slideshow ul li.slick-active button {
	background: #97D700;
	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;
	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;
	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;
}


/* Fußbereich */

footer {
	background: #DDD;
	padding: 1em 0 2em;
}
#social, 
#footnote {
	
	text-align: center;
}
#footnote li {
	font-weight: 300;
	display: inline;
	margin: 0 1em;
}
#footnote a {
	color: #4F758B;
}
#social {
	display: none;
}
#social li {
	display: inline;
	margin: 0 0.5em;
}

/* Zum Seitenanfang */

#totop {
	background: #4F758B;
	bottom: 2em;
	right: 2em;
	height: 4em;
	width: 4em;
	opacity: 0;
	position: fixed;
	text-align: center;
	transition: all 0.5s;
	visibility: hidden;
}
#totop.show {
	opacity: 0.5;
	visibility: visible;
}
#totop:hover {
	opacity: 1;
}
#totop svg.icon {
	fill: #FFF;
	padding: 1em 0;
	height: 2em;
	width: 2em;
	display: inline-block;
	border: thin solid transparent;
}



/* Media Queries */

@media only screen and (max-width: 1024px) {
	body { 
		font-size: 14px;
	}
}
@media only screen and (max-width: 800px) {	
	.teaser article {
		width: 100%;
		margin: 0 0 2em 0;
	}
	nav li {
		margin-left: 1em;
	}
	.menu {
		width: 100%;
		float: none;
		margin-bottom: 2em;
	}	
	.menu ul {
		padding-right: 0;
	}
	.menu li {
		text-align: center;
	}

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

	#error button,
	#warning button,
	#confirm button {
		clear: right;
	}
}
@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) {	
	body {
		font-size: 18px;
	}
	.scope {
		padding: 1em;
	}
	.column {
		float: none;
		width: 100%;		
	}
	.column + .column {
		margin: 2em 0 0 0;
	}
	h1 {
		overflow-wrap: break-word;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-ms-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
	header {
		margin-top: 0;
	}
	header .scope {
		padding: 1em;
	}
	header img {
		float: none;
		margin: 0 auto;
	}
	
	/* Navigation */

	nav {
		line-height:1;
		height: auto;
		float: none;
	}
	nav ul {
		max-height: 0;
		padding-top: 0;
		overflow: hidden;
		clear: both;
		transition: ease-in-out max-height 0.5s, ease-in-out padding 0.5s;
		-o-transition: ease-in-out max-height 0.5s, ease-in-out padding 0.5s;
		-ms-transition: ease-in-out max-height 0.5s, ease-in-out padding 0.5s;
		-moz-transition: ease-in-out max-height 0.5s, ease-in-out padding 0.5s;
		-webkit-transition: ease-in-out max-height 0.5s, ease-in-out padding 0.5s;
	}
	nav li {
		width: 50%;
		text-align: center;
		display: block;
		float: left;
		margin-left: 0;
	}
	nav a {
		display: block;
	}
	nav a:hover {
		background: #45697D;
		text-decoration: none;
		color: #FFF;
	}
	nav label {
		background: #45697D;
		text-align: center;
		cursor: pointer;
		display: inline-block;
		padding: 0.75em 0.5em;
		font-size: 1; 
		float: right;
		//margin-top: -1em;
	}
	nav label:hover {
		background: #333;
	}
	nav input {
		display: none;
	}
	nav input:checked + ul {
		padding-top: 0.5em;
		max-height: 16em;
	}
	#fixedtitle {
		display: block;
		opacity: 1;
		width: 50px;
		height: 50px;
	}
	#title {
		display: none;
	}


	header.fixed {
		position: static;
		background: #FFF; 
		box-shadow: none;
		-webkit-animation: none;
		animation: none;
	} 
	header.fixed .scope {
		background-color: #FFF; 
		padding: 1em;
	}
	header.fixed #title {
		display: none;
	}
	header.fixed nav {
		height: auto;
	}
	header.fixed nav li {
		line-height: 1;
	}
	header.fixed + main {
		padding-top: 0;
	}



	.journal,
	.aside {
		clear: left;
		width: 100%;
	}
	.aside {
		margin: 2em 0 0 0;
	}
	.journal + .aside {
		margin-left: 0;
	}
	#kontakt fieldset,
	fieldset {
		float: none;
		margin: 0;
		padding: 1em 0 1em;
		width: 100%;
	}
	fieldset:nth-child(odd) {
		margin-right: 0;
	}
	label.before {
		float: none;
		width: 100%;
	}
	input,
	select,
	textarea {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	input[type=text],
	input[type=email],
	textarea,
	input[type=tel] {
		width: 100%;
	}
	#slideshow {
		margin-bottom: 2em;
	}
	#slideshow blockquote {
		margin: 1em 0;
	}
	#slideshow p {
		margin: 0;
	}
	#karriere .scope {
		padding: 1em;
	}
	#totop {
		right: 1em;
	}
}