@charset "utf-8";
/* CSS Document */
/* Schlaflabor Schwerin */
/* Copyright 2021 Hoppe Websolutions */
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v18-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v18-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* fontello - icon fonts */
@font-face {
  font-family: 'fontello';
  src: url('../fonts/fontello.eot?98924417');
  src: url('../fonts/fontello.eot?98924417#iefix') format('embedded-opentype'),
       url('../fonts/fontello.woff2?98924417') format('woff2'),
       url('../fonts/fontello.woff?98924417') format('woff'),
       url('../fonts/fontello.ttf?98924417') format('truetype'),
       url('../fonts/fontello.svg?98924417#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Normalize html */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a {
  background-color: transparent;
}
b,
strong {
  font-weight: 600;
}
small {
  font-size: 80%;
}
img {
  border-style: none;
}
[hidden] {
  display: none;
}
/************************************/
.js .fakeloader {		/* Sorgt für einheitlichen Hintergrund bevor fakeLoader anläuft */
	position: absolute;
	width: 100%;
	height: 100vh;
	z-index: 9999;
	background-color: #d8dfe6;
}
.clearfix { zoom:1; }
.clearfix:before, .clearfix:after {
	content:"\0020";
	display:block;
	height:0;
	overflow:hidden;
}
.clearfix:after { clear:both; }
.preload * {
	transition: none !important;
}
span.nobreak {
	white-space: nowrap;
}
html {
	height: 100%;
	min-height: 100%;	
	overflow-y: scroll !important;
	font-size: 100%;
	box-sizing: border-box;
	scroll-behavior: smooth;
}
*, *:before, *:after {
	box-sizing: inherit;
}
body {
	font-family: 'Open Sans', sans-serif;
	line-height: 1.7;
	color: #5e6a71;
	font-weight: 400;
}
#datenschutz {
	overflow-wrap: break-word;
}

/* Klassen für Animationen */
.hidden {
	opacity: 0 !important;
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.delay-05s {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;	
}
.duration-1s {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;	
}
.duration-5s {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;	
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
/*****************************/
div.margintop2em {
	margin-top: 2em;
}
span.not_mobile, span.not_mobile_1 {
	display: none;
}
div.not_mobile {
	display: none;
}
#header-top {
	position: fixed;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background-color: rgba(255,255,255,1);
	z-index: 2;
	top: 0px;
	left: 0px;
	height: 80px;
}
#header-top {
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;		
}
#start #header-top {
	background-color: rgba(255,255,255,0.8);	
}
#start #header-top.header-shrink {
	background-color: rgba(255,255,255,1);
}
#header-top.header-shrink {
	box-shadow: 0px 0.65em 1.3em rgba(0,0,0,0.10);
}

#navbgd {
	height: 80px;
	line-height: 0;
	padding: 0;
	margin: 0;
	z-index: -1;
	width: 100%;
	-webkit-transition: background-color 0.2s ease-in-out 0.4s;
	transition: background-color 0.2s ease-in-out 0.4s;	
}
#navbgd._white {
	background-color: #FFF;
	-webkit-transition: background-color 0.1s ease-in-out;
	transition: background-color 0.1s ease-in-out;	
}
/* Korrektur Position Fly-Out-Navigation Smartphone-Ansicht */
.p7PM3.responsive ul {
	top: 80px;
}
/* Mobile fixed Navigation scrollbar machen */
.p7PM3-09.responsive > ul {
	max-height: calc(100vh - 100px);
	overflow-y: scroll;
	scrollbar-visibility: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.p7PM3-09.responsive > ul::-webkit-scrollbar {
	display: none;
}
/**********************************/
#_start {
	padding-top: 120px;
}
section, section.first_section {
	padding: 2em 0;
	position: relative;
}
section.section_galerie {
	padding: 4em 1em 2em 1em;
	z-index: 1;
}
.gray_light {
	background-color: #f2f4f7;
}
p {
	font-size: 1em;
	margin: 0;
	padding: 0 0 1em 0;
}
p.hinweis {
	padding: 1em;
	margin-bottom: 1em;
	background-color: #ee1c25;
	color: #FFF;
	font-size: 112.5%;
}
ul, ol, dl {
	font-size: 1em;
	margin: 0;
	padding-bottom: 1em;
}
#sitemap #maincontent ul ul li {
	list-style: disc;
}
ul._bold {
	font-weight: 600;
}
ol li {
	margin-bottom: 0.5em;	
}
ol.abc {
	counter-reset: list;
	margin: 0;
	margin-bottom: -0.5em;
}
ol.abc > li {
	list-style: none;
	position: relative;
	margin-bottom: 0.5em;
}
ol.abc > li:before {
    counter-increment: list;
    content: counter(list, lower-alpha) ") ";
    position: absolute;
    left: -1.4em;
}
ul.liste, ol.liste {
	margin-left: 1em;
	padding-left: 1em;	
}
ul.liste li {
	padding-bottom: 0.5em;
}
ul.liste li:last-child {
	padding-bottom: 0;
}
ul li {
	list-style: square;
}
h1, h2, h3, h4, h5 {
	line-height: 1.3;
	font-family: 'Open Sans', sans-serif;	
	margin: 0;
	padding: 0 0 0.5em 0;
}
h1 {
	font-size: 1.625em;
	line-height: 1.2;
	font-weight: 600;
	color: #00305e;
	text-shadow: 0px 0.03em 0.08em rgba(0,0,0,0.25);
	padding-bottom: 0.5em;
}
#start h1 {
	color: #5e6a71;
	font-weight: 300;
	line-height: 1.5;
	text-shadow: 0px 0.03em 0.08em rgba(0,0,0,0.25);
	font-size: 0.875em;
	text-transform: uppercase;
	letter-spacing: 0.0625em;
}
h2 {
	font-size: 1.375em;
	font-weight: 400;
	color: #00305e;
	text-shadow: 0px 0.03em 0.08em rgba(0,0,0,0.25);
	padding-bottom: 0.5em;
}
#start h2 {
	font-size: 1.75em;
	line-height: 1.2;
	font-weight: 600;
	color: #00305e;
	text-shadow: 0px 0.03em 0.08em rgba(0,0,0,0.25);
	padding-bottom: 0.5em;	
}
h3, h4, h5 {
	line-height: 1.4;
	padding: 0 0 0.5em 0;
}
h3 {
	font-size: 1.25em;
	font-weight: 300;
	color: #00305e;
	text-transform: uppercase;
	text-shadow: 0px 0.03em 0.08em rgba(0,0,0,0.25);
}
h4 {
	font-size: 1.25em;
	font-weight: 600;	
}
h5 {
	font-size: 1em;
	font-weight: 300;
	text-shadow: 0px 0.03em 0.08em rgba(0,0,0,0.25);
}
/* Text-Links im Main Content */
/* Links im Content */
a:link {
	color: #5e6a71;
	text-decoration: underline;
}
a:visited {
	color: #5e6a71;
	text-decoration: underline;	
}  
a:hover, a:focus {
	color: #5e6a71;
	text-decoration: none;	
}  
a:active {
	color: #5e6a71;
	text-decoration: underline;	
}

a.text-link {
	text-decoration: none;
	color: #5e6a71;
	padding: 0;
	transition: all 0.5s cubic-bezier(.25,.8,.25,1);
}
a.text-link:link {
	border-bottom: 2px solid #5e6a71;
}
a.text-link:visited {
	border-bottom: 2px solid #5e6a71;
}
a.text-link:hover, a.text-link:focus {
	border-bottom: 2px solid transparent;
}
a.text-link:active {
	border-bottom: 2px solid #5e6a71;
}

.item h3 {
	font-weight: 300;
	font-size: 1.1875em;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	padding-bottom: 0.25em;
}
.item h3 a {
	color: #5e6a71;
	text-decoration: none;
}
/****************************/
#head {
	height: 80px;
	width: 100%;
	padding: 0;
	margin: 0;
}
#start #head {
	height: 0;
}
.navi-wrapper, .wrapper, .wrapper-sidebar {
	width: 100%;
	margin: 0 auto;
}
.wrapper, .wrapper-sidebar {
	padding: 0 1em;
	position: relative;
}

#logo {
	position: absolute;
	float: left;
	line-height: 0;
	z-index: 901;
	height: 45px;
	padding: 17px 0;
}
#logo a {
	display: block;
}
figure {
	margin: 0;
}
figure img {
	width: 100%;
	height: auto;
}
figure._portrait {
	margin: 0 0 0.125em 0;
	line-height: 0;
}
figure.fullWidth {
	margin: 1em 0;
}
figure._portrait img {
	max-width: 500px;
	box-shadow: 0 10px 20px rgba(0,0,0,0.10), 0 6px 6px rgba(0,0,0,0.12);
}
figure._portrait figcaption {
	margin-top: 0.75em;
	text-align: left;
	font-style: italic;
	margin-bottom: 1.25em;
	line-height: 1.4;
}
figure.fullWidth figcaption {
	margin-top: 0.5em;
	text-align: left;
	font-style: italic;
	margin-bottom: 1.5em;
	line-height: 1.4;
}
#logo img {
	height: 45px;
	width: auto;
}
#foot {
	margin: 0;
	padding: 0;
}
.copyright-wrapper {
	background-color: #00305e;
}
.copyright-content {
	margin: 0 auto;
	padding: 2em 0 1.4em 0;
	width: 80%;
	max-width: 1200px;
}

/* Scroll To Top Scroll Funktion*/
#totop {
	position: fixed;
	bottom: 1.0em;
	right: 0;
	width: 2.7em;
	height: 2.7em;	
	background-color: #ee1c25;
	border: 1px solid #FFF;
	border-right: none;
	display: none;
	transition: border-color 0.5s linear, background-color 0.5s linear;
	z-index: 1;
}
#totop a {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-right: -50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 1.2em;
	padding: 0.45em 1em 0.55em 1em;
	text-decoration: none !important;
	color: #FFF;
}

#foot {
	position: relative;
	color: #FFF;
	padding: 0;
	text-align: center;
	font-size: 1em;
}
#foot .copyright {
	font-size: 0.8em;
	line-height: 1;
}
.submenu {
	display: none;
}
/* Hamburger */
.hamburger {
	display: block;
	float: right;
	margin: 1em 0 0 0;
}
.hamburger .line{
  width: 40px;
  height: 4px;
  background-color: #00305e;
  display: block;
  margin: 8px auto;
  transition: all 0.3s ease-in-out;
}
.hamburger:hover{
  cursor: pointer;
}
#hamburger-1.is-active .line:nth-child(2){
  opacity: 0;
}
#hamburger-1.is-active .line:nth-child(1){
  -webkit-transform: translateY(11px) rotate(45deg);
  transform: translateY(11px) rotate(45deg);
}
#hamburger-1.is-active .line:nth-child(3){
  -webkit-transform: translateY(-13px) rotate(-45deg);
  transform: translateY(-13px) rotate(-45deg);
}

.header-photo {
	max-width: 1920px;
	margin: 0 auto;
	height: 40vh;
	min-height: 8em;
	max-height: 18em;
}
#start .header-photo {
	height: 100vh;
	min-height: 100vh;
	width: 100%;
	max-height: none;
	position: relative;
}
#start .header-photo::after {
	content: "";
	position: absolute;
	height: calc(100% - 20.5em);
	min-height: 10em;
	width: 100%;
	top: 0px;
	left: 0;
	background: url(../img/schloss-schwerin-s-min.jpg) top center no-repeat;
	background-size: cover;
	z-index: 0;
}
#schlaflabor .header-photo {
	background: url(../img/schlaflabor-schwerin-s-min.jpg) center center no-repeat;
	background-size: cover;
}
#entwicklung .header-photo {
	background: url(../img/messkabel-s-min.jpg) center right no-repeat;
	background-size: cover;
}
#medizinische-leitung .header-photo {
	background: url(../img/medizinische-leitung-1s-min.jpg) top center no-repeat;
	background-size: cover;
}
#raeumlichkeiten .header-photo {
	background: url(../img/schlafraum-s-min.jpg) center center no-repeat;
	background-size: cover;
}

#wann-schlaflabor .header-photo {
	background: url(../img/wann-schlaflabor-s-min.jpg) center center no-repeat;
	background-size: cover;
}
#gesunder-schlaf .header-photo {
	background: url(../img/schlafstoerungen-s-min.jpg) center center no-repeat;
	background-size: cover;
}
#uebersicht-schlafstoerungen .header-photo {
	background: url(../img/schlafableitung-s-min.jpg) center center no-repeat;
	background-size: cover;
}
#insomnien .header-photo {
	background: url(../img/insomnie-s-min.jpg) center center no-repeat;
	background-size: cover;
}
#hypersomnien .header-photo {
	background: url(../img/hypersomnie-s-min.jpg) center center no-repeat;
	background-size: cover;
}
#bewegungsstoerungen .header-photo {
	background: url(../img/restless-legs-s-min.jpg) center center no-repeat;
	background-size: cover;
}
#parasomnien .header-photo {
	background: url(../img/parasomnien-s-min.jpg) top center no-repeat;
	background-size: cover;
}	
#atemstoerungen .header-photo {
	background: url(../img/atemstoerungen-s-min.jpg) center center no-repeat;
	background-size: cover;
}
#zirkadiane-rhythmusstoerung .header-photo {
	background: url(../img/zirkadiane-schlafstoerung-s-min.jpg) center center no-repeat;
	background-size: cover;
}

#ablauf-schlaflabor .header-photo {
	background: url(../img/schlaflabor-ablauf-s-min.jpg) center center no-repeat;
	background-size: cover;
}
#schlafableitung .header-photo {
	background: url(../img/messkabel-s-min.jpg) bottom center no-repeat;
	background-size: cover;
}
#faq-schlaflabor .header-photo {
	background: url(../img/173A9284-s-min.jpg) center center no-repeat;
	background-size: cover;
}

#kontakt .header-photo {
	background: url(../img/aussenansicht-2-s-min.jpg) center center no-repeat;
	background-size: cover;
}
#impressum .header-photo {
	background: url(../img/aussenansicht-s-min.jpg) center center no-repeat;
	background-size: cover;
}
#datenschutz .header-photo {
	background: url(../img/messkabel-1-s-min.jpg) center center no-repeat;
	background-size: cover;
}
#sitemap .header-photo {
	background: url(../img/bild-und-buecher-s-min.jpg) center center no-repeat;
	background-size: cover;
}

/* More Link Button */
p.more_button {
	margin: 1em 0;
	display: block;
	text-align: center;
}
#teaser p.more_button {
	margin-top: 2em;
}
#teaser p.more_button a, p.more_button a {
	padding: 0.85em 1em 0.85em 1.5em;
	font-weight: 400;
	font-size: 0.875rem;
	color: #FFF;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	background-color: #ee1c25;
	transition: all ease 0.3s;
}
#teaser p.more_button a {
	padding: 0.55em 1em;
	font-size: 4vmin;
}
#teaser p.more_button a:hover, p.more_button a:hover {
	background-color: #00305e;
	text-decoration: none;
}
.item {
	max-width: 400px;
	margin: 2em auto;
	padding: 0 0 0.5em 0;
	background-color: #FFF;
	box-shadow: 0 22px 64px -20px rgba(0,0,0,.2), 0 0px 10px rgba(0,0,0,0.03);	
}
.item-text {
	text-align: center;
	margin: 0;
	padding: 0 1.25em;
}
.item-text h3 {
	line-height: 1.4;
	padding: 1.25em 0 0.75em 0;
}
.item figure {
	padding: 0;
	margin: 0;
	text-align: center;
	position: relative;
	overflow: hidden;
	line-height: 0;
}
.item figure img {
	width: 100%;
	max-width: 400px;
	height: auto;
	transition: all 1s cubic-bezier(.25,.8,.25,1);
	-webkit-transform: scale(1.00);
	transform: scale(1.00);	
}
.item figure img:hover {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);	
}
.item figure a {
	line-height: 0;
}

/* External Links */
a[rel="noopener"]:after, a[rel="noopener nofollow"]:after, span.ext_link:after {
	font-family: 'fontello';
	font-style: normal;
	font-weight: normal;
	font-size: 90%;
	speak: never;
	display: inline-block;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	content: '\f08e';
	margin-left: 0.5em;
	text-decoration: none;
}
/* Sidebar */
#sidebar {
	position: fixed;
	width: 90%;
	height: auto;
	padding: 0;
	margin: 0 5% 0 0;
	right: calc(-95% + 2.65em);
	top: calc(3.5em + 20vh);
	opacity: 0;
	z-index: 1;
	box-shadow: 0 10px 20px rgba(0,0,0,0.10), 0 6px 6px rgba(0,0,0,0.12);
	transition: all 0.55s ease-in-out;
}
/* Fixed Sidebar scrollbar machen */
#sidebar {
	max-height: 100vh;
	overflow-y: auto;
	scrollbar-visibility: hidden;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
#sidebar::-webkit-scrollbar {
	display: none;
}
#sidebar.inview {
	opacity: 1;
}
.accordion-sbar h3 {
	position: relative;
	display: block;
	color: #FFF;
	font-size: 0.9375em;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	margin: 0;
	padding: 0.75em 2em 0.75em 3em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;	
	transition: all 0.3s ease-in-out;
	background-color: #00305e;
}
.accordion-sbar h3::after, .accordion-sbar h3.open::after, .accordion-sbar h3.contact::before, .accordion-sbar h3.somnibene::before {
	font-family: 'fontello';
	font-style: normal;
	font-weight: normal;
	font-size: 1.5em;
	speak: never;
	display: inline-block;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	content: '\e806';
	position: absolute;
	top: 50%;
	right: 5vw;
	right: 0.65em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.accordion-sbar h3.open::after {
	content: '\e80c';
}
.accordion-sbar h3.contact::before {
	content: '\e80b';
	left: 0.65em;
}
.accordion-sbar h3.somnibene {
	border-top: 1px solid #FFF;
}
.accordion-sbar h3.somnibene::before {
	content: '\e815';
	left: 0.65em;
}
.accordion-sbar h3:hover, .accordion-sbar h3:active, .accordion-sbar h3:focus {
	cursor: pointer;
}
.accordion-sbar h3.open {
	background-color: #ee1c25;
}
.accordion h3.open {
	background-color: #ee1c25;
}
.abox-sbar {
	position: relative;
	padding: 1em;
	margin: 0;	
	color: #00305e;
	background-color: #fff;
}
.abox-sbar p {
	font-size: 0.9375em;
	line-height: 1.5;
	padding-bottom: 0.5em;
}

/* Accordion Styles */
.accordion {
	width: 100%;
	padding: 0;
	margin: 1em 0;
	padding-bottom: 2em;
}
.accordion h4 {
	text-shadow: 0px 0.03em 0.08em rgba(3,48,93,0.25);
}
.accordion h3 {
	position: relative;
	display: block;
	color: #00305e;
	font-size: 1em;
	text-transform: none;
	margin: 0;
	padding: 1em 0.5em 1em 3em;
	transition: all 0.3s ease-in-out;
	background-color: #f2f4f7;
	border-top: 2px solid #FFF;
}
.accordion h3::after {
	font-family: 'fontello';
	font-style: normal;
	font-weight: normal;
	font-size: 1.5em;
	speak: never;
	display: inline-block;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	content: '\e811';
	position: absolute;
	top: 50%;
	left: 0.5em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	transition: all 0.3s ease-in-out;
}
.accordion h3:hover, .accordion h3:active, .accordion h3:focus {
	cursor: pointer;
}
.accordion h3:hover::after, .accordion h3:active::after, .accordion h3:focus::after {
	color: #ee1c25;
}
.accordion h3.open {
	background-color: #ee1c25;
	color: #FFF;
}
.accordion h3.open::after {
	font-family: 'fontello';
	font-style: normal;
	font-weight: normal;
	font-size: 1.5em;
	speak: never;
	display: inline-block;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	content: '\e812';
	color: #FFF;
	position: absolute;
	top: 50%;
	right: 5vw;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.abox {
	position: relative;
	padding: 1em;
	margin: 0 0 1em 0;	
	color: #00305e;
	background-color: #f2f4f7;
}
/* Links im Accordion */
.abox a:link {
	color: #00305e;
	text-decoration: underline;
}
.abox a:visited {
	color: #00305e;
	text-decoration: underline;	
}  
.abox a:hover, .abox a:focus {
	color: #00305e;
	text-decoration: none;	
}  
.abox a:active {
	color: #00305e;
	text-decoration: underline;	
}
/* Mobile Links Phone, Mail, Location */
p.phone, p.mail, p.location, p._link {
	padding-bottom: 0;
}
p.phone a, p.mail a, p.location a, p._link a {
	position: relative;
	display: inline-block;
	background-color: transparent;
	color: #00305e;
	margin: 0;
	padding: 0.2em 0 0.2em 1.75em;
	background-position: 0px 50%;
	box-shadow: none;	
}
p.phone a::before, p.mail a::before, p.location a::before, p._link a::before {
	font-family: 'fontello';
	font-style: normal;
	font-weight: normal;
	font-size: 130%;
	speak: never;
	display: inline-block;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	content: '\e80b';
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);	
}

p.mail a::before {
	content: '\f0e0';
	font-size: 105%;
}
p.location a::before {
	content: '\e802';
	padding-left: 1%;
}
p._link a::before {
	content: '\f0a9';
	padding-left: 1%;
}

/* Teaser im Kopfbereich */
.wrapper._teaser {
	padding: 0;
}
#teaser {
	position: relative;
	width: 100%;
	background-color: rgba(255,255,255,0.85);
	position: absolute;
	bottom: calc(100% - 100vh);
	left: 0;
	width: 100%;
	padding: 0 0.75em 4vh 0.75em;
	color: #00305e;
}
#teaser > p {
	color: #9F6;
}
#teaser-content {
	position: relative;
	width: 100%;
	font-size: 4.5vmin;
}
#teaser-content > p {
	font-size: 4vmin;
}
.teaserTitle {
	font-family: 'Open Sans', sans-serif;
	letter-spacing: -0.5px;
	font-weight: 600;
	font-size: 5.25vmin;
	display: block;
	padding: 0.25em 0 0 0;
}
/* Links im Teaserbereich */
#teaser a {
	display: inline-block;
	color: #00305e;
	transition: all 0.5s cubic-bezier(.25,.8,.25,1);
}
#teaser p.phone, #teaser p.mail {
	font-weight: 600;
}
#teaser a span.fon {
	display: inline-block;
	font-weight: 600;
	padding: 0;
	cursor: pointer;
}
#teaser a span.fon::before {
	font-family: 'fontello';
	font-style: normal;
	font-weight: normal;
	font-size: 200%;
	speak: never;
	display: inline-block;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	content: '\e80b';
}
#teaser a:link {
	border-bottom: none;
}
/* More Links */
ul.blue {
	color: #00305e;
}
ul.blue li {
	list-style-type: disc;
}
ul._more {
	display: block;		
}
ul._more li {
	list-style: none;
	padding: 0;
	padding-left: -2.4em;
	margin-left: -2.4em;	
	color: #00305e;
	font-weight: 400;
	line-height: 1.4;
	padding-bottom: 0;
}
ul._more li a {
	position: relative;
	display: inline-block;
	padding: 0.6em 0.8em 0.6em 2.4em;
	color: #00305e;
	letter-spacing: 0.04em;
	text-decoration: none;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}	
ul._more li a:hover {
	background-color: #ee1c25 !important;
	color: #fff;
}
ul._more._current li a {
	background-color: #00305e;
	color: #fff;
}
ul._more li a::before {
	position: absolute;
	top: 50%;
	left: 0.6em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);	
	font-family: 'fontello';
	font-style: normal;
	font-weight: normal;
	font-size: 1.2em;
	speak: never;
	display: inline-block;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	content: '\f0a9';
	margin-right: 0.5em;
}
/* Special Buttons for Google Maps etc */
ul.goto {
	margin: 0.5em 0;
	padding-left: 0 !important;
	margin-left: 0 !important;
}
ul.goto li {
	list-style-type: none;
}
span.goto-map a, span.goto-link a, span.goto-link-pure a {
	position: relative;
	display: inline-block;
	font-weight: 400;
	color: #FFF;
	text-decoration: none;	
	line-height: 1.3;
	background-color: #ee1c25;
	padding: 1em 0.75em 1em 2.25em;
	margin-bottom: 0;
	transition: all 0.3s ease-in-out;
}
span.goto-map a::before {
	font-family: 'fontello';
	font-style: normal;
	font-weight: normal;
	font-size: 150%;
	speak: never;
	display: inline-block;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	content: '\e802';
	position: absolute;
	top: 50%;
	left: 0.5em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);	
}
span.goto-link a {
	background-image: url(../img/goto-white.png);
	padding: 1em 1em 1em 3.25em;
	background-position: 0.6em 50%;
	background-repeat: no-repeat;
	background-size: auto 40%;
}
span.goto-link-pure a {
	background-image: none;
	padding: 1em 1em 1em 1em;
}
span.goto-map a:hover, span.goto-link a:hover, span.goto-link-pure a:hover {
	background-color: #00305e;
}
/* Zitat */
blockquote {
  font-size: 1.125em;
  width: auto;
  margin: 1em 0 0 0;
  font-style: italic;
  font-weight: 400;
  color: #5e6a71;
  padding: 1.25em 2em 1.25em 4em;
  border-left: 0.8em solid #00305e;
  line-height: 1.6;
  position: relative;
  background: #ffffff;
  background: -moz-linear-gradient(left,  #ffffff 0%, #ffffff 35%, #f2f4f7 70%, #f2f4f7 70%, #f2f4f7 100%);
  background: -webkit-linear-gradient(left,  #ffffff 0%,#ffffff 35%,#f2f4f7 70%,#f2f4f7 70%,#f2f4f7 100%);
  background: linear-gradient(to right,  #ffffff 0%,#ffffff 35%,#f2f4f7 70%,#f2f4f7 70%,#f2f4f7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f4f7',GradientType=1 );
}
blockquote::before {
  font-family: Arial, Helvetica, sans-serif;
  content: "\201C";
  color: #00305e;
  font-size: 5em;
  position: absolute;
  left: 0.125em;
  top: -0.25em;
}
blockquote::after {
  content: '';
}
blockquote span {
  display: block;
  color: #00305e;
  font-weight: 600;
  margin-top: 1em;
}
#impressum {
	overflow-wrap: break-word;
}
/* Smartphones with more than 320px width */
@media only screen and (min-width: 20em) {	
	#logo figure {
		padding-left: 0.5em;
	}	
	.hamburger {
		margin-right: 0.5em;
	}	
}
/*@media only screen and (min-width: 25em) and (orientation: portrait) {*/
@media only screen and (min-width: 20em) {	
	/* Teaser Textgrößen festlegen */
	#teaser-content {
		font-size: 1em;
	}
	#teaser-content > p {
		font-size: 0.85em;
	}	
	.teaserTitle {
		font-size: 1.1em;
	}		
	#teaser p.more_button a {
		font-size: 0.9375em;
	}	
}
@media only screen and (min-width: 22.5em) {	
	#logo {
		height: 54px;
		padding: 13px 0;
	}
	#logo img {
		height: 54px;
	}	
	.teaserTitle {
		font-size: 1.25em;
	}	
}
@media only screen and (min-width: 25em) {	
	#logo figure {
		padding-left: 1em;
	}
	#teaser {
		padding: 0 1em 4vh 1em;
	}
	.teaserTitle {
		font-size: 1.375em;
	}	
}
@media only screen and (min-width: 30em) {
	#logo {
		height: 60px;
		padding: 10px 0;
	}
	#logo img {
		height: 60px;
	}	
	#teaser-content > p {
		font-size: 0.9em;
	}	
	.teaserTitle {
		font-size: 1.5em;
	}	
}
/* Tablets/Smartphones with more than 640px width */
@media only screen and (min-width: 40em) {
	.hamburger {
		margin-top: 2em;
	}
	#teaser {
		padding-left: 6vw;
		padding-right: 6vw;
	}
	#start .header-photo {
		height: 100vh;
		min-height: 100vh;
		width: 100%;
		max-height: none;
		min-height: auto;
		background: url(../img/schloss-schwerin-m-min.jpg) bottom center no-repeat;
		background-size: cover;
	}	
	#start .header-photo::after {
		display: none;
	}	
	/* Korrektur Position Fly-Out-Navigation und Sidebar Accordion in der Smartphone-Ansicht */
	.p7PM3.responsive ul {
		top: 100px;
	}	
	#navbgd {
		height: 100px;
	}
	.wrapper, .wrapper-sidebar {
		padding: 0 2em;
	}
	#head, #header-top {
		height: 100px;
	}
	#logo img {
		height: 80px;
		width: auto;
	}
	.items {
		margin: 2em 0;
	}
	.item {
		float: left;
		width: 47.5%;
		max-width: none;
		margin: 2em 5% 2em 0;
		padding-top: 0;
	}
	.item:nth-of-type(2n+0) {
		margin-right: 0;
	}
	.item figure {
		max-height: 20em;
		display: flex;
		align-items: center;
	}
	.item figure a img {
		width: 100%;
		max-width: none;
	}	
	.item-text {
		padding-bottom: 0em;
	}
	.item-text p {
		font-size: 0.875em;
	}
	/* Link-Buttons anpassen */	
	.more_button a {
		padding: 0.5em 0.75em;
	}	
}

@media only screen and (min-width: 50em) {	
	figure._portrait {
		float: right;
		width: 50%;
		margin: 0.25em 0 0.125em 1.5em;
	}
	figure._portrait.left {
		float: left;
		width: 50%;
		margin: 0.25em 1.5em 0.125em 0;
	}	
	figure._portrait img {
		max-width: none;
	}
	figure._portrait figcaption {
		text-align: center;
		margin-bottom: 0.5em;
	}	
	/* Anpassung Copyright-Text Footer */
	span.not_mobile_1 {
		display: inline-block;
	}	
	span.only_mobile_1 {
		display: none;
	}	
	.accordion h3 {
		font-size: 1.125em;
	}
}

/* Unterhalb Höhe von 420px Scrollbereich der Fixed Sidebar erweitern */
@media only screen and (max-height: 26.25em) {	
	#sidebar {
		max-height: 60vh;
	}
}
@media only screen and (min-width: 56.25em) { /* Ab hier sollte oberes Sidebar-Accordion open sein ! */
	.wrapper-sidebar {
		padding-right: 25em;
	}
	#totop {
		border: 2px solid #FFF;
		border-radius: 50%;
		z-index: 2;
	}
	#sidebar {
		width: 20em;
		top: 0px;
		left: auto;
		margin: 0;
		margin-top: 25vh;
		right: 3em !important;
	}
	
	figure._portrait, figure._portrait.left {
		float: none;
		width: 100%;
		margin: 0 0 1em 0;
	}
	figure._portrait img {
		max-width: 500px;
	}
	figure._portrait figcaption {
		text-align: left;
		margin-bottom: 2em;
	}	
	
	.accordion-sbar {
		padding-bottom: 0;
	}
	.accordion-sbar h3 {
		padding-left: 2.5em;
	}
	.accordion-sbar h3::before, .accordion-sbar h3.open::before {
		left: 0.5em !important;
	}	
	.accordion-sbar h3::after, .accordion-sbar h3.open::after {
		right: 0.75em;
	}	
	.accordion-sbar h3.somnibene {
		box-shadow: none;	
	}	
	.abox-sbar:last-of-type {
		box-shadow: none;
		margin-bottom: 0;
	}	
}

@media only screen and (max-width: 63.938em) and (max-height: 25em) and (orientation: landscape) {
	#start .header-photo::after {
		content: "";
		position: absolute;
		top: 0px;
		left: 0;
		height: 100vh;
		min-height: 0;
		width: 100%;
		background: url(../img/schloss-schwerin-s-min.jpg) bottom center no-repeat;
		background-size: cover;
		z-index: 0;
	}	
	#teaser {
		top: 0;
		padding-top: calc(90px + 5vh);
		background-color: rgba(255,255,255,0.85);
	}
	#teaser-content p {
		font-size: 4.5vmin;
		line-height: 1.5;
	}		
	.teaserTitle {
		font-size: 6.0vmin;
	}	
	.contact-data p.phone, .contact-data p.mail {
		display: inline-block;
		width: 50%;
	}
	#teaser p.more_button {
		display: inline-block;
		margin-top: -1em;
		float: right;
	}
	#teaser p.more_button a {
		font-size: 4vmin;
	}
}

@media only screen and (min-width: 64em) {
	.teaserTitle {
		font-size: 1.5em;
		padding-bottom: 0.5em;
		padding-top: 1.25em;
		line-height: 1.2;
		font-weight: 600;
	}	
	#teaser-content {
		width: 21em;
		max-width: none;
		font-size: 100%;
		background-color: rgba(255,255,255,0.90);
	}
	#teaser-content p {
		font-size: 1em;
	}	
	#teaser {
		position: absolute;
		top: 0;
		left: 0;
		padding-bottom: 0;
		width: 100%;
		height: 100vh;
		background-color: transparent;
	}
	.wrapper._teaser {
		height: 100vh;
		max-width: 1400px;
	}	
	
	#teaser-content {
		width: auto;
		padding: 0 0.5em 0 1em;
		color: #00305e;
		font-size: 83.33333333%;
		position: absolute;
		left: 0;
		top: 60%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 28em;
		max-width: none;
		font-size: 100%;
		background-color: rgba(255,255,255,0.90);
	}
	
	#teaser-content p {
		font-size: 1em;
	}		
	.teaserTitle {
		padding-bottom: 0.5em;
		font-weight: 400;		
		color: #00305e;
		font-size: 1.5em;
		padding-bottom: 0.5em;
		line-height: 1.2;
		font-weight: 600;		
	}
	#teaser a:link {
		color: #00305e;
		border-bottom: none;
	}	
	#teaser p.more_button a {
		font-size: 0.875em;
	}	
	h1 {
		font-size: 2.25em;
	}
	#start h1 {
		font-size: 1em;
	}
	h2 {
		font-size: 1.75em;
	}
	#start h2 {
		font-size: 2.5em;
	}	
	h3 {
		font-size: 1.375em;
	}
	h3._more {
		font-size: 1.375em;
	}
	section {
		padding: 4em 0 6em 0;
	}
	section.first_section {
		padding-bottom: 4em;
	}
	section.section_galerie {
		padding: 6em 0 4em 0;
	}
	.only_mobile {
		display: none;
	}
	span.not_mobile {
		display: inline-block;
	}
	div.not_mobile {
		display: block;
	}

	.navi-wrapper {
		max-width: 1500px;
		margin: 0 auto;
		padding: 0;
	}
	#navbgd {
		height: auto;
		margin: 0;
	}	
	.wrapper, .wrapper-sidebar {
		width: 90%;
		max-width: 1100px;
	}
	.wrapper-sidebar {
		padding-right: 22em;
	}
	#logo, #navi {
		transition: all 0.5s ease-in-out;
	}
	#logo img {
		transition: all 0.5s ease-in-out;		
	}
	#navi {
		float: right;
		padding-top: 2.5em;
	}	
	
	/* Navigation anpassen bei P7 */
	.p7PM3-09 ul li a, .p7PM3-09 ul li span {
		padding: 0.6em 0.4em;
		padding-bottom: 0.4em;
		font-size: 0.9rem;
	}	
	/* Navigation überschreiben mit Ausrichtung rechts */
	.p7PM3-09.menu-centered {
		text-align: right !important;
	}	
	/* Reset scrollbare mobile Navigation */
	.p7PM3-09.responsive > ul {
		max-height: none;
		overflow-y: visible;
		scrollbar-visibility: visible;
		scrollbar-width: auto;
		-ms-overflow-style: auto;		
	}
	.p7PM3-09.responsive > ul::-webkit-scrollbar {
		display: block;
	}	
	.hamburger {
		display: none;
	}
	
	/* Links im Footer */
	.copyright {
		float: left;
	}
	/* Anpassung Copyright-Text Footer */
	span.not_mobile_1 {
		display: none;
	}	
	span.only_mobile_1 {
		display: inline-block;
	}	
	.submenu {
		display: block;
		float: right;
		text-align: right;
	}
	#foot a {
		text-decoration: none;
		color: #fff;
		transition: all 0.3s ease-in-out;
	}
	#foot a:link {
		border-bottom: 2px solid transparent;
	}
	#foot a:visited {
		border-bottom: 2px solid transparent;
	}
	#foot a:hover, #foot a:focus {
		border-bottom: 2px solid #fff;
	}
	#foot a:active {
		border-bottom: 2px solid transparent;
	}

	#totop {
		bottom: 2.5em;
		right: 2em;
	}
	#foot {
		margin: 0;
		padding: 0;
	}
	#foot .copyright, #foot .submenu {
		font-size: 0.875em;
	}
	.copyright-content {
		margin: 0 auto;
		padding: 4rem 2em;
		width: 90%;
		max-width: 1500px;
	}
	.copyright p, .submenu p {
		line-height: 0;
	}
	#foot {
		font-size: 0.875em;
	}
	
	/* Header-Photos */
	.header-photo {
		height: 48vh;
		min-height: 20em;
		max-height: none;
	}	
	#start .header-photo {
		height: 100vh;
		width: 100%;
		max-height: none;
		min-height: auto;
		background: url(../img/schloss-schwerin-min.jpg) top left no-repeat;
		background-size: cover;
	}	
	#start .header-photo::after {
		display: none;
	}	
	#schlaflabor .header-photo {
		background: url(../img/schlaflabor-schwerin-min.jpg) center center no-repeat;
		background-size: cover;
	}	
	#entwicklung .header-photo {
		background: url(../img/messkabel-min.jpg) center center no-repeat;
		background-size: cover;
	}	
	#medizinische-leitung .header-photo {
		background: url(../img/medizinische-leitung-1-min.jpg) top center no-repeat;
		background-size: cover;
	}
	#raeumlichkeiten .header-photo {
		background: url(../img/schlafraum-min.jpg) center center no-repeat;
		background-size: cover;
	}	
	
	#wann-schlaflabor .header-photo {
		background: url(../img/wann-schlaflabor-min.jpg) center center no-repeat;
		background-size: cover;
	}	
	#gesunder-schlaf .header-photo {
		background: url(../img/schlafstoerungen-min.jpg) bottom center no-repeat;
		background-size: cover;
	}	
	#uebersicht-schlafstoerungen .header-photo {
		background: url(../img/schlafableitung-min.jpg) center center no-repeat;
		background-size: cover;
	}	
	#insomnien .header-photo {
		background: url(../img/insomnie-min.jpg) center center no-repeat;
		background-size: cover;
	}	
	#hypersomnien .header-photo {
		background: url(../img/hypersomnie-min.jpg) center center no-repeat;
		background-size: cover;
	}	
	#bewegungsstoerungen .header-photo {
		background: url(../img/restless-legs-min.jpg) center center no-repeat;
		background-size: cover;
	}
	#parasomnien .header-photo {
		background: url(../img/parasomnien-min.jpg) top center no-repeat;
		background-size: cover;
	}	
	#atemstoerungen .header-photo {
		background: url(../img/atemstoerungen-min.jpg) center center no-repeat;
		background-size: cover;
	}
	#zirkadiane-rhythmusstoerung .header-photo {
		background: url(../img/zirkadiane-schlafstoerung-min.jpg) center center no-repeat;
		background-size: cover;
	}	
		
	#ablauf-schlaflabor .header-photo {
		background: url(../img/schlaflabor-ablauf-min.jpg) center center no-repeat;
		background-size: cover;
	}
	#schlafableitung .header-photo {
		background: url(../img/messkabel-min.jpg) bottom center no-repeat;
		background-size: cover;
	}	
	#faq-schlaflabor .header-photo {
		background: url(../img/173A9284-min.jpg) center center no-repeat;
		background-size: cover;
	}	
	
	#kontakt .header-photo {
		background: url(../img/aussenansicht-2-min.jpg) bottom center no-repeat;
		background-size: cover;
	}	
	#impressum .header-photo {
		background: url(../img/aussenansicht-min.jpg) bottom center no-repeat;
		background-size: cover;
	}
	#datenschutz .header-photo {
		background: url(../img/messkabel-1-min.jpg) center center no-repeat;
		background-size: cover;
	}
	#sitemap .header-photo {
		background: url(../img/bild-und-buecher-min.jpg) bottom center no-repeat;
		background-size: cover;
	}	
	p.phone a {
		text-decoration: none;
		cursor: text;
	}
	a[href^="tel"]:link,
	a[href^="tel"]:visited,
	a[href^="tel"]:hover {
	text-decoration: none;
	cursor: default;
	}
}

@media only screen and (min-width: 70em) {
	/* Navigation anpassen bei P7 */
	.p7PM3-09 ul li a, .p7PM3-09 ul li span {
		padding: 0.6em;
		padding-bottom: 0.4em;
	}	
	/* Anpassung Copyright-Text Footer */
	span.not_mobile_1 {
		display: inline-block;
	}	
	span.only_mobile_1 {
		display: none;
	}
}

@media only screen and (min-width: 80em) {	
	.navi-wrapper {
		width: 90%;
	}
	.teaserTitle {
		font-size: 1.5em;
		padding-bottom: 0.5em;
		line-height: 1.2;
		font-weight: 600;
	}
	#teaser-content {
		max-width: none;
		font-size: 100%;
	}
	#teaser-content p {
		font-size: 1em;
	}	
	#teaser p.more_button a {
		font-size: 0.875em;
	}
	.items {
		margin: 1em 0;
	}	
	.wrapper-sidebar {
		padding-right: calc((124em - 100vw) / 2);
	}	
	.accordion h3 {
		font-size: 1.25em;
	}	
	
	figure._portrait {
		float: right;
		width: 50%;
		margin: 0.25em 0 0.125em 1.5em;
	}
	figure._portrait.left {
		float: left;
		width: 50%;
		margin: 0.25em 1.5em 0.125em 0;
	}	
	figure._portrait img {
		max-width: none;
	}
	figure._portrait figcaption {
		text-align: center;
		margin-bottom: 0.5em;
	}
}

@media only screen and (min-width: 90em) {
	/* Navigation anpassen bei P7 */
	.p7PM3-09 ul li a, .p7PM3-09 ul li span {
		padding: 0.6em 0.9em;
		padding-bottom: 0.4em;
		font-size: 0.9375rem;
	}
	#foot {
		font-size: 1.0em;
	}		
	
	#head {
		height: 130px;
	}	
	#header-top {
		height: 130px;
	}
	
	#logo {
		height: 130px;
	}
	#navi {
		padding-top: 3em;
	}	
	#logo img {
		height: 110px;
		width: auto;
	}		
	/************ Logo Shrinking at Scroll Down ***********/
	#logo.logo-shrink {
		padding-top: 5px;
		padding-bottom: 5px;
		height: 80px;
	}
	#logo.logo-shrink img {
		height: 70px;
		width: auto;
	}
	#navi.navi-shrink {
		padding-top: 1.4em;
	}
	#header-top.header-shrink {
		height: 80px;
		box-shadow: 0px 0.65em 1.3em rgba(0,0,0,0.10);
	}		
	/*****************************************/		
	.wrapper._items {
		width: 96%;
		width: 75%;
		max-width: 1500px;
	}
	.item {
		float: left;
		width: 31%;
		margin: 2em 3.5% 0 0;
		padding-top: 0;
	}
	.item:nth-of-type(2n+0) {
		margin-right: 3.5%;
	}	
	.item:nth-of-type(3n+0) {
		margin: 2em 0 0 0;
	}
	
	.item-text p {
		font-size: 0.9375em;
	}		
	
	.wrapper-sidebar {
		padding-right: calc((124em - 100vw) / 2 + 3em);
	}		
	#sidebar {
		right: 6em !important;
	}
}

@media only screen and (min-width: 105em) {
	.teaserTitle {
		font-size: 1.5em;
		padding-bottom: 0.5em;
		line-height: 1.2;
		font-weight: 600;
	}
	#teaser-content {
		padding: 0 1em;		
		width: 30%;
		min-width: 28em;
		max-width: none;
		font-size: 100%;
	}
	#teaser-content p {
		font-size: 1em;
	}	
	.wrapper {
		width: 80%;
		margin-right: auto;
	}
	.navi-wrapper {
		padding: 0 2em;
	}
	/* Navigation anpassen bei P7 */
	.p7PM3-09 ul li a, .p7PM3-09 ul li span {
		padding: 0.6em 0.9em;
		padding-bottom: 0.4em;
		font-size: 1rem;
	}

	#head, #header-top {
		height: 150px;
	}	
	#logo {
		height: 150px;
	}
	#logo img {
		height: 130px;
		width: auto;
	}
	#navi {
		padding: 4em 0 0 0;
	}	
}
@media only screen and (min-width: 121em) {
	.wrapper-sidebar {
		padding-right: 0;
	}
	#sidebar {
		right: calc((100vw - 121em)/2 + 2em);
	}
	#totop {
		right: calc((100vw - 121em)/2 + 2em);
	}
	.abox {
		padding: 1.5em 3em 0.5em 3em;
	}	
}
/* Mobile Last-Regel to Reset Equal Height Columns for Smartphones */
@media only screen and (min-width: 0px) and (max-width: 39.99em) {
	.p7ehc-a, .p7ehc-b, .p7ehc-c, .p7ehc-d, .p7ehc-e, .p7ehc-f {
		height: auto !important;
		max-height: 888678px;	
	}	
}
@media only print {
	html {
		font-size: 100%;
	}
	body {
		color: #000;
	}	
	h1, h2, h3, h4 {
		text-shadow: none;
		color: #000 !important;
	}
	#header-top {
		position: relative;
		background-color: transparent;
		box-shadow: none !important;
	}
	#logo {
		top: 0px;
		left: 1em;
		width: auto;
	}
	#logo img {
		width: 300px;
		height: auto;
	}	
	#navi, #footer-nav, #totop, #sidebar, .header-photo, #teaser {
		display: none !important;
	}	
	#start .gray_light {
		background-color: transparent;
	}
	#maincontent {
		margin-top: 1em;
	}
	#maincontent a {
		color: #000;
		background-color: transparent;
	}
	.wow {
        animation-name: none !important;
        visibility: visible !important;		
	}	
	a.text-link {
		text-decoration: underline !important;
		border-bottom: none !important;
		color: #000 !important;
		padding: 0;
	}
	blockquote {
		color: #000;
		margin-right: 1em;
	}
	.item {
		page-break-inside: avoid;
	}
	
	.items {
		margin: 2em 0;
	}
	.item {
		float: left;
		width: 47.5%;
		max-width: none;
		margin: 2em 5% 2em 0;
		padding-top: 0;
	}
	.item:nth-of-type(2n+0) {
		margin-right: 0;
	}
	.item figure {
		display: flex;
		align-items: center;
	}
	.item figure a img {
		width: 100%;
		max-width: none;
	}	
	.item-text {
		padding-bottom: 0em;
	}
	.item-text p {
		font-size: 0.875em;
	}	
	.accordion .abox {
		display: block !important;
		background-color: transparent;
		color: #000;
	}	
	.accordion h3 {
		font-size: 1.25em;
		font-weight: 400;
		margin: 0;
		padding: 0 0 0.5em 0;
		color: #000;
		background-color: transparent;
	}
	.accordion h3::after {
		display: none;
	}
	.abox {
		margin: 0 0 1em 0;
		padding: 0 0 1em 0;
	}	
	#foot {
		padding: 1em 0;
		padding: 0;
		margin: 2em 0 0 0;
		background-color: transparent;
		color: #000 !important;
		border-top: none;
	}
	.copyright-wrapper, .copyright {
		background-color: transparent;
	}	
	.copyright-content {
		margin: 0 auto;
		padding: 2rem 0;
		width: 100%;
	}	
}