@charset "utf-8";
/* 12bis3.de */

@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.contact-list 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-700 - latin */
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: url('../Fonts/open-sans-v17-latin-700.eot'); /* IE9 Compat Modes */
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
	url('../Fonts/open-sans-v17-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../Fonts/open-sans-v17-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
	url('../Fonts/open-sans-v17-latin-700.woff') format('woff'), /* Modern Browsers */
	url('../Fonts/open-sans-v17-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../Fonts/open-sans-v17-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* bree-serif-regular - latin */
@font-face {
	font-family: 'Bree Serif';
	font-style: normal;
	font-weight: 400;
	src: url('../Fonts/bree-serif-v9-latin-regular.eot'); /* IE9 Compat Modes */
	src: local('Bree Serif Regular'), local('BreeSerif-Regular'),
	url('../Fonts/bree-serif-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../Fonts/bree-serif-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../Fonts/bree-serif-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../Fonts/bree-serif-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../Fonts/bree-serif-v9-latin-regular.svg#BreeSerif') format('svg'); /* Legacy iOS */
}

@font-face {
	font-family: 'bree';
	src: url('../Fonts/ufonts.com_bree-regular-opentype.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'bree light';
	src: url('../Fonts/ufonts.com_bree-light-opentype.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'bree bold';
	src: url('../Fonts/ufonts.com_bree-bold-opentype.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {font-family: 'Quickbrush';src: url('../Fonts/396F22_0_0.eot');src: url('../Fonts/396F22_0_0.eot?#iefix') format('embedded-opentype'),url('../Fonts/396F22_0_0.woff2') format('woff2'),url('../Fonts/396F22_0_0.woff') format('woff'),url('../Fonts/396F22_0_0.ttf') format('truetype');}

body {
	font-size: 0.75em;
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	font-weight: 300;
	color: #000;
	line-height:1.4em;
	margin: 0;
	background: #fff;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, dl {
	margin: 0;
	padding: 0;
	font-weight: 300;
	vertical-align: baseline;
}

h1, h2, h3 {
	font-family: 'bree bold';
	font-feature-settings: "ss01" 1;
}

p {margin-bottom:1.2em}

b, strong {font-weight:700}

ul#skip-links {position: absolute; left: -9999px}

a {color: #a5023b}


/* SVG Font */

@font-face {
    font-family: 'medius-icons';
    src: url('../Fonts/medius-icons.eot?54321510');
    src: url('../Fonts/medius-icons.eot?54321510#iefix') format('embedded-opentype'),
    url('../Fonts/medius-icons.woff2?54321510') format('woff2'),
    url('../Fonts/medius-icons.woff?54321510') format('woff'),
    url('../Fonts/medius-icons.ttf?54321510') format('truetype'),
    url('../Fonts/medius-icons.svg?54321510#medius-icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before, #start-boxes .start-boxes-row > div:before, header a#top-nav-search:before, p#top-nav a:before, #select-leistungen > ul > li:after, p.nav-close a:before, #start-leistungen .start-boxes-row > div:before, a.slider-next:before, a.slider-back:before, nav.content-nav p a:before, nav.content-nav ul li a:before, header nav div li.nav-got-child > a:after, .content-infoboxes p a[target=_blank]:before, .content-infoboxes p a[href*="fileadmin"]:before, header p#mobile-nav:before, .bc-back a:before, .bc-next a:before, p#mobile-sub-nav a:before, .fancybox-close:after, .teaser-image-box a:after, h3.acc-head:after  {
	font-family: "medius-icons";
	font-style: normal;
	font-weight: normal;
	speak: none;

	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-circled-arrow-right:before { content: '\e800'; } /* '' */
.icon-fachbereiche:before, #start-leistungen .start-boxes-row > div#icon-fachbereich:before{ content: '\e801'; } /* '' */
.icon-pin-plus:before, #start-boxes .start-boxes-row > div#icon-standort:before, #start-leistungen .start-boxes-row > div#icon-standort:before  { content: '\e802'; } /* '' */
.icon-pin:before { content: '\e803'; } /* '' */
.icon-arrow-up:before { content: '\e804'; } /* '' */
.icon-arrow-down:before, #select-leistungen > ul > li:after  { content: '\e805'; } /* '' */
.icon-printer:before { content: '\e806'; } /* '' */
.icon-share:before { content: '\e808'; } /* '' */
.icon-arrow-left:before, a.slider-back:before, .bc-back a:before { content: '\e809'; } /* '' */
.icon-search:before, header a#top-nav-search:before  { content: '\e80a'; } /* '' */
.icon-stetoskop:before, #start-boxes .start-boxes-row > div#icon-leistung:before, #start-leistungen .start-boxes-row > div#icon-leistungen:before { content: '\e80b'; } /* '' */
.icon-menu-icon:before, header p#mobile-nav:before { content: '\e80c'; } /* '' */
.icon-arrow-right:before, a.slider-next:before, nav.content-nav ul li a:before, header nav div li.nav-got-child > a:after, .bc-next a:before, #select-leistungen > ul > li.select-active:after { content: '\e80d'; } /* '' */
.icon-circled-arrow-up:before  { content: '\e80e'; } /* '' */
.icon-visitorinformation:before, #start-leistungen .start-boxes-row > div#icon-besucher:before { content: '\e80f'; } /* '' */
.icon-search-white:before { content: '\e810'; } /* '' */
.icon-icon-close:before, p.nav-close a:before, .fancybox-close:after { content: '\e811'; } /* '' */
.icon-content-menu:before, nav.content-nav p a:before, p#mobile-sub-nav a:before  { content: '\e812'; } /* '' */
.icon-icon-i:before { content: '\e813'; } /* '' */
.icon-herzkurve:before, #start-boxes .start-boxes-row > div#icon-news:before, #start-leistungen .start-boxes-row > div#icon-news:before { content: '\e814'; } /* '' */
.icon-download:before, .content-infoboxes p a[href*="fileadmin"]:before { content: '\e815'; } /* '' */
.icon-external-website:before, .content-infoboxes p a[target=_blank]:before { content: '\e816'; } /* '' */
.icon-op-pfleger:before { content: '\e817'; } /* '' */
.icon-skalpell:before { content: '\e818'; } /* '' */
.icon-hebammen:before { content: '\e819'; } /* '' */
.icon-button-hover-bg:before { content: '\e81b'; } /* '' */
.icon-news2-bg:before { content: '\e81c'; } /* '' */
.icon-news1-bg:before { content: '\e81d'; } /* '' */
.icon-teaser-bg:before { content: '\e81e'; } /* '' */
.icon-contact-head-bg:before { content: '\e81f'; } /* '' */
.icon-contact-bg:before { content: '\e820'; } /* '' */
.icon-button-bg:before { content: '\e821'; } /* '' */
.icon-teaser-head-bg:before { content: '\e822'; } /* '' */
.icon-circle-arrow-ps-down:before { content: '\e82d'; } /* '' */
.icon-circle-arrow-ps-up:before, h3.acc-head:after, p#top-nav a:before { content: '\e82e'; } /* '' */
.icon-double-arrow-left:before { content: '\e82f'; } /* '' */
.icon-double-arrow-right:before { content: '\e830'; } /* '' */
.icon-single-arrow-right:before, .teaser-image-box a:after { content: '\e831'; } /* '' */
.icon-beatmung:before { content: '\e823'; } /* '' */
.icon-assistenz:before { content: '\e824'; } /* '' */
.icon-intensivpflegekraefte:before { content: '\e826'; } /* '' */
.icon-bett:before { content: '\e827'; } /* '' */
.icon-standorte:before { content: '\e828'; } /* '' */
.icon-baby:before { content: '\e82b'; } /* '' */
.icon-geld:before { content: '\e82c'; } /* '' */
.icon-weltkugel:before { content: '\e807'; } /* '' */

.icon-euro2:before { content: '\e83c'; } /* '' */
.icon-facebook:before { content: '\e83d'; } /* '' */
.icon-family:before { content: '\e83e'; } /* '' */
.icon-family1:before { content: '\e83f'; } /* '' */
.icon-global-network:before { content: '\e842'; } /* '' */
.icon-bicycle:before { content: '\e844'; } /* '' */
.icon-community:before { content: '\e846'; } /* '' */
.icon-connection:before { content: '\e849'; } /* '' */
.icon-customer-service:before { content: '\e84b'; } /* '' */
.icon-deadline:before { content: '\e84c'; } /* '' */
.icon-euro:before { content: '\e84d'; } /* '' */
.icon-ct-scan:before { content: '\e84e'; } /* '' */
.icon-computer2:before { content: '\e84f'; } /* '' */
.icon-computer:before { content: '\e850'; } /* '' */
.icon-communication:before { content: '\e851'; } /* '' */
.icon-healthcare-device:before { content: '\e852'; } /* '' */
.icon-flag:before { content: '\e853'; } /* '' */
.icon-family2:before { content: '\e854'; } /* '' */
.icon-responsive:before { content: '\e855'; } /* '' */
.icon-smartphone:before { content: '\e856'; } /* '' */
.icon-social-media:before { content: '\e857'; } /* '' */
.icon-twitter:before { content: '\e85a'; } /* '' */
.icon-youtube:before { content: '\e85c'; } /* '' */
.icon-high-five:before { content: '\e85d'; } /* '' */
.icon-home:before { content: '\e85f'; } /* '' */
.icon-hospital:before { content: '\e860'; } /* '' */
.icon-idea:before { content: '\e861'; } /* '' */
.icon-instagram2:before { content: '\e863'; } /* '' */
.icon-lhs-logo:before { content: '\e864'; } /* '' */
.icon-like:before { content: '\e865'; } /* '' */
.icon-mortarboard:before { content: '\e867'; } /* '' */
.icon-no-wifi:before { content: '\e869'; } /* '' */
.icon-stethoscope:before { content: '\e86c'; } /* '' */
.icon-lampe:before { content: '\e86d'; } /* '' */
.icon-diagramm:before { content: '\e86e'; } /* '' */
.icon-herz:before { content: '\e86f'; } /* '' */
.icon-kalender:before { content: '\e870'; } /* '' */
.icon-man:before { content: '\e871'; } /* '' */
.icon-network:before { content: '\e872'; } /* '' */
.icon-parental-control:before { content: '\e873'; } /* '' */
.icon-qualification:before { content: '\e874'; } /* '' */

.icon-gift:before { content: '\e875'; } /* '' */
.icon-shield:before { content: '\e876'; } /* '' */
.icon-people:before { content: '\e877'; } /* '' */
.icon-user:before { content: '\e878'; } /* '' */
.icon-shopping-list:before { content: '\e879'; } /* '' */
.icon-eye:before { content: '\e832'; } /* '' */
.icon-eye-off:before { content: '\e833'; } /* '' */
.icon-kalender-termin:before { content: '\e834'; } /* '' */
.icon-lebenslauf-bewerben:before { content: '\e835'; } /* '' */



/* layout */

header > div, section > div, footer > div, nav#content-nav > div {
	width: 100%;
	box-sizing:border-box;
	padding: 0 15px;
	position: relative;
}
footer > div {
    overflow: hidden;
}

section#start-visual {
	width: 100%;
	padding: 0;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	position: relative;
}

/* header */

header {position: relative; z-index: 151; border-bottom: 1px solid #4a5e71}

header nav {
	font-family: 'bree';
	letter-spacing:0.01em;
	font-feature-settings: "ss01" 1;
}

header nav ul a {
	text-decoration: none;
}

header nav ul a.nav-active {color: #a5023b}

header figure {
	max-width: 160px;
	height: auto;
	height: auto;
	width: 25%;
	padding: 15px 0;
	border: none;
}

header figure figcaption {
	text-transform: uppercase;
	font-family: 'bree light';
	color: #465d6d;
	font-size: 0.74em;

}

header p#mobile-nav {
	float: right;
	font-size: 1.5em;
	width: 1em;
	height: 1em;
	text-align: left;
	position: relative;
	text-indent:-9999px;
	margin-top: 0.6em;
}

header p#mobile-nav:before {
	width: 1em;
	height: 1em;
	font-size: 1.5em;
	margin: 0.25em 0 0 0;
	text-align:right;
	position:absolute;
	top: 0;
	right: 0;
	color: rgb(162,11,63);
}


/* start */

section#start-visual div {

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;


	height: calc(100vh - 86px);
	box-sizing:border-box;
	padding: 15px 0 40px 15px;
}
.blog.start section#start-visual, .wirbauen.start section#start-visual {
	height: calc(35vh - 86px);
}
.wirbauen section#start-visual div {
	height: calc(70vh - 86px);
}
.blog section#content-visual {
	height: calc(35vh - 86px);
}

section#start-visual:after {
	bottom: -34px;
	left: 0;
	display: inline-block;
	content: "";
	background: rgba(255, 255, 255, 1);
	right: 0;
	height: 60px;
	-webkit-transform: skewY(-1.5deg);
	-moz-transform: skewY(-1.5deg);
	-ms-transform: skewY(-1.5deg);
	-o-transform: skewY(-1.5deg);
	transform: skewY(-1.5deg);
	position: absolute;
}


section#start-visual h1 {
	font-size: 1.7143em;
	color: #a5023b;
	text-transform:uppercase;
	line-height:1.2766em;
	margin-bottom:0.8em;
	padding-right:15px
}

section#start-visual p {
	margin: 0;
	background: #6b0013;
	background: -moz-linear-gradient(left, #6b0013 0%, #920041 100%);
	background: -webkit-linear-gradient(left, #6b0013 0%,#920041 100%);
	background: linear-gradient(to right, #6b0013 0%,#920041 100%);
	display: inline-block;
}
section#start-visual p a {
	background: rgba(146,0,65,0);
	font-family: 'bree light';
	font-feature-settings: "ss01" 1;
	text-transform:uppercase;
	letter-spacing:0.03em;
	color: #fff;
	padding: 0.6em 1em 0.55em 1em;
	text-decoration:none;
	opacity:1;
	-webkit-transition: background .5s ease; transition: background .5s ease;
	position: relative;
	display: inline-block;
	font-size:1em;
}

section#start-visual p a:hover, section#start-visual p a a:focus {
	background: rgba(146,0,65,1);
}

/* image kampagne */
section#start-visual h4 {
	font-family: 'bree serif';
	font-feature-settings: "ss01" 1;
	text-transform: uppercase;
	color: #fff;
	font-size: 1.5em;
	letter-spacing: 0.05em;
	padding: 0.2em 10px 0.275em 10px;
	margin: 0;
	line-height: 1em;

	background: #a90051;
	background: -moz-linear-gradient(top, #a90051 0%, #790e11 100%);
	background: -webkit-linear-gradient(top, #a90051 0%,#790e11 100%);
	background: linear-gradient(to bottom, #a90051 0%,#790e11 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90051', endColorstr='#790e11',GradientType=0 );

	position: absolute;
}

section#start-visual h5 {
	background: #465d6d;
	padding: 0.2em 10px 0.275em 10px;
	font-size: 1.5em;
	letter-spacing: 0.05em;
	margin:0;
	font-family: 'bree serif';
	font-feature-settings: "ss01" 1;
	text-transform: uppercase;
	color: #fff;
	line-height: 1em;

	position: absolute;
}


.content, section#start-boxes, section#start-leistungen, section#start-image, section#start-standorte, section#start-events, section#start-news, section.content-blockquote, section.content-grey, section.content-white, section#blog-filter {
	padding-bottom: 2em;
	padding-top: 2.5em;
	position: relative;
}
.content:has(main) {
    padding-bottom: 1.5em;
    padding-top: 0.75em;
}

.content + section#start-news {padding-top: 0}
#content-visual + .content {padding-top: 1em}

section#start-boxes:after {
	bottom: -34px;
	left: 0;
	display: inline-block;
	content: "";
	background: #ebeaed;
	right: 0;
	height: 60px;
	-webkit-transform: skewY(1.5deg);
	-moz-transform: skewY(1.5deg);
	-ms-transform: skewY(1.5deg);
	-o-transform: skewY(1.5deg);
	transform: skewY(1.5deg);
	position: absolute;
}

section#start-image blockquote, section.content-blockquote blockquote {
	padding: 2em 15px;
	font-size: 1.5em;
	line-height: 1.35em;
}

section#start-image, section.content-blockquote, section#blog-filter {
	background: #a90051;
	background: -moz-linear-gradient(top, #a90051 0%, #790e11 100%);
	background: -webkit-linear-gradient(top, #a90051 0%,#790e11 100%);
	background: linear-gradient(to bottom, #a90051 0%,#790e11 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90051', endColorstr='#790e11',GradientType=0 );
	text-align: center;
	position: relative;
}

section#start-image:before, section#blog-filter:before, section#blog-list:before {
	top: -34px;
	left: 0;
	display: inline-block;
	content: "";
	background: #ebeaed;
	right: 0;
	height: 60px;
	-webkit-transform: skewY(-1.5deg);
	-moz-transform: skewY(-1.5deg);
	-ms-transform: skewY(-1.5deg);
	-o-transform: skewY(-1.5deg);
	transform: skewY(-1.5deg);
	position: absolute;
}
section#start-image:after {
	font-family: "medius-icons";
	content: '\e82f';
	display: inline-block;
	font-size: 5em;
	color: #a1a4ae;
	position: absolute;
	bottom: 15px;
	right: 30%;
	z-index: 101;
}

section.content-blockquote:before {
	top: -34px;
	left: 0;
	display: inline-block;
	content: "";
	background: #fff;
	right: 0;
	height: 60px;
	-webkit-transform: skewY(1.5deg);
	-moz-transform: skewY(1.5deg);
	-ms-transform: skewY(1.5deg);
	-o-transform: skewY(1.5deg);
	transform: skewY(1.5deg);
	position: absolute;
}
section.content-blockquote:after {
	font-family: "medius-icons";
	content: '\e82f';
	display: inline-block;
	font-size: 5em;
	color: #a1a4ae;
	position: absolute;
	bottom: -0.1em;
	right: 30%;
	z-index: 101;
}

section.content-blockquote {
	color: #fff;
	text-align: center;
}

section#start-leistungen {position:relative}
section#start-leistungen:before {height:1px; content:""; background: rgb(72,95,112);display:block; width:100%; top: 0; position: absolute;}
section#start-visual + section#start-leistungen:before {display:none}

section#start-boxes h2 {text-align: center; font-size:1.8571em; font-family:'bree bold'; text-transform:uppercase; color: #465d6d; line-height:1.1em; margin-bottom:1em; }

section#start-boxes > div > p, section#start-leistungen > div > p, section#start-standorte > div > p, section#standort-boxes > div > p {color: #000; font-size:1em; text-align: center; line-height:1.5em; font-feature-settings: "ss01" 1;}
section#start-leistungen h3, section#start-standorte h3, section#start-events h3, section#start-news h3, section#standort-boxes h3 {text-align: center; font-size:2em; font-family:'bree bold'; font-feature-settings: "ss01" 1; color:rgba(74,94,113,1); text-transform:uppercase; line-height:1.1em; margin-bottom:1.25em;}
section#start-events h3, section#start-news h3 {margin-bottom:1.75em}
section#standort-boxes h3 {margin: 1.25em 0 0.75em 0}
section#start-image h4 {font-size:1.8571em; font-family:'Bree Serif'; color:#fff; line-height:1.5em; margin-bottom:1.5em; text-transform:uppercase}
section#start-image > div p {color: #fff; font-size:1em; line-height:1.5em;}
section#start-image > div p a {color: rgba(255,255,255,0.3); border: 1px solid rgba(255,255,255,0.3); display:inline-block; padding: 0.6em 1em 0.55em 1em; text-decoration:none; text-transform:uppercase}
.start-boxes-row > div {padding: 0 20px 20px 20px;text-align:left}
#start-boxes .start-boxes-row > div, #start-leistungen .start-boxes-row > div {text-align:center;}
#start-boxes .start-boxes-row > div:before, #start-leistungen .start-boxes-row > div:before {
	content:"";
	display:inline-block;
	width: 100%;
	font-size: 7em;
	max-height: 135px;
	color: rgb(72,95,112);
	text-align:center;
	margin: 0;
}
#start-boxes .start-boxes-row > div p:first-of-type, #start-leistungen .start-boxes-row > div p:first-of-type {margin-top:1.2em}

section#start-standorte .start-boxes-row > div {background:#f3f4f5; }
section#start-standorte .start-boxes-row > div p {margin-bottom:0.5em}
section#start-standorte .start-boxes-row > div p:last-of-type, #start-boxes .start-boxes-row > div p:last-of-type, #start-leistungen .start-boxes-row > div p:last-of-type {margin: 2.5em 0 0 0}
section#start-standorte .start-boxes-row > div p a, section#start-events > div > p:last-of-type a, section#start-news > div > p:last-of-type a, .content-events > div > p:last-of-type a, #start-boxes .start-boxes-row > div p a, #start-leistungen .start-boxes-row > div p a, .images figcaption a, #modal p a {
	letter-spacing: 0.03em; color: #a5023b;
	border: 1px solid #a5023b;
	background:#fff;
	display:inline-block;
	padding: 0.7em 1em 0.6em 1em;
	text-decoration:none;
	text-transform:uppercase;
	font-size:1.2222em;
	font-family: 'bree light';
	font-feature-settings: "ss01" 1;
	font-weight:normal;
}
section#start-news > div > p:last-of-type a, .images figcaption a {
	border: none;
	background: none;
	position: relative;
	text-align: center;
}
section#start-news > div > p:last-of-type a:before, .images figcaption a:before {
	font-family: 'medius-icons';
	content: '\e821';
	line-height: 1.5em;
	display: inline-block;
	font-size: 2.5em;
	top: -0.25em;
	left: -0.2em;
	position: absolute;
}
section#start-news > div > p:last-of-type a:after, .images figcaption a:after {
	font-family: 'medius-icons';
	content: '\e81b';
	line-height: 1.5em;
	display: inline-block;
	font-size: 2.5em;
	top: -0.25em;
	left: -0.2em;
	position: absolute;
	opacity: 0;
}

.start-boxes-row > div img {margin: 0 -20px 20px -20px}
section#start-events > div > p:last-of-type, section#start-news > div > p:last-of-type {text-align: center; margin:3em 0 0 0;}
section#start-events img, .content-events img {width:100%; height:auto}

section#start-standorte .start-boxes-row a {color: #a5023b; font-size:1.222em; text-transform: uppercase; font-family:'bree light'; letter-spacing:0.02em; text-decoration:none; font-feature-settings: "ss01" 1;}
.start-boxes-row img {width:100%; height: auto}

section#start-leistungen h4 {font-size:2em; color:rgb(72,95,112); margin: 2em 0 1.5em 0; text-align: center; font-family:'bree Serif'; letter-spacing:0.02em;}
#search-leistungen {margin: 2em 0; text-align: center}
#search-leistungen input, div#search-form input, #search-baby input {text-align:left; border: 1px solid rgb(72,95,112); padding: 0.4em 20px; font-size:1.2222em; width: calc(100% - 2.7em); max-width: 400px}
#search-leistungen button, div#search-form button, #search-baby button {
	background: url(../Images/search-white.svg) no-repeat center center, -moz-linear-gradient(top, #a90051 0%, #790e11 100%);
	background: url(../Images/search-white.svg) no-repeat center center, -webkit-linear-gradient(top, #a90051 0%,#790e11 100%);
	background: url(../Images/search-white.svg) no-repeat center center, linear-gradient(to bottom, #a90051 0%,#790e11 100%);
	background-size: 1.5em 1.5em, cover;
	border: none;
	text-indent:-9999px;
	height: 2.8em;
	width: 2.8em;
	vertical-align: 1px;
}
div#search-form {display:none; background: #485f70; width: 100vw; height: 100vh; padding-top:20vh; box-sizing:border-box; position: fixed; left: 0; top: 0; z-index: 401; text-align:center;}
div#search-form > form input {text-align:left}

ul#ui-id-1 {
	background: #fff;
	list-style-type: none;
	margin: 0;
	padding: 10px;
	box-sizing:border-box;
	border: 1px solid rgb(72,95,112);
	max-width:770px;
	z-index: 501;
}
ul#ui-id-1 li {margin: 0.1em 0;}

p.nav-close {margin: 0}
div#search-form p.nav-close, header nav div p.nav-close, #sub-nav ul div p.nav-close {position: absolute; right: 20px; top: 20px; font-size: 1em; z-index:401}
p.nav-close a {color: #fff; margin: 0; text-decoration: none; text-align: left; text-indent:-9999px; position: relative; display:inline-block}
p.nav-close a:before {text-align: right; position: absolute; top: 0.5em; right: 0.5em;}


#select-leistungen ul {background-color:#b9bdc5; font-size: 1.1111em; text-transform:uppercase; padding: 0.4em 20px; margin: 0 0 5px 0; list-style-type:none; box-sizing:border-box;}
#select-leistungen ul li {position: relative}
#select-leistungen ul ul {font-size: 1em; z-index: 131; background: #fff; padding:0; text-transform: none; display: none; margin:0; position: absolute; top: 1.5em; border: 1px solid #b9bdc5; width:calc(100% + 40px); left:-20px; padding: 0.2em 0;}
#select-leistungen ul li.select-active ul {display:block}
#select-leistungen ul li.select-active > a {color: #858992;}
#select-leistungen ul ul li {padding: 0.3em 20px;}
#select-leistungen ul a {color: #000; text-decoration:none; display: block; position: relative; z-index: 301}
#select-leistungen > ul > li:after {color:#fff;margin:0; font-size:0.5em; position:absolute; right: 5px;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
	top: 1.15em;
}
#select-leistungen > ul > li.select-active:after {}

#start-events {background:#e6e7eb}
#start-events > div > div, .content-events > div > div {
	width: 100%;
	box-sizing:border-box;
	white-space: nowrap;
	vertical-align:top;
	position: relative;
	overflow: hidden;
}
.content-events.all-events > div > div {white-space:normal}
.content-events.all-events dl {margin-bottom:20px}

#start-events dl, .content-events dl {width:100%; background:#fff; display:inline-block; white-space:normal; vertical-align:top; min-height:365px}
#start-events dl dt, .content-events dl dt {width:100%; position: relative;}
#start-events dl dt span, .content-events dl dt span {
	background: #a90051;
	background: -moz-linear-gradient(top, #a90051 0%, #790e11 100%);
	background: -webkit-linear-gradient(top, #a90051 0%,#790e11 100%);
	background: linear-gradient(to bottom, #a90051 0%,#790e11 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90051', endColorstr='#790e11',GradientType=0 );
	text-align: center;
	display: inline-block;
	font-family:'Bree Serif';
	font-size:1.2222em;
	font-feature-settings: "ss01" 1;
	padding: 0.25em 0.5em 0.35em 0.5em;
	position: absolute;
	line-height:1.4em;
	bottom: 20px; left:20px;
	text-transform:uppercase;
	color: #fff;
}
#start-events dl dd, .content-events dl dd {width:100%; margin:0; padding: 20px 20px 10px 20px; box-sizing:border-box}
#start-events h6, #start-news h6, .content-events h6, .content-news h6 {color:#465d6d; font-size:1em; margin-bottom:0.2em;}
#start-news h6, .content-news h6 {font-family:'bree'; font-feature-settings: "ss01" 1; margin-bottom:0.3em;}
#start-events h5, #start-news h5, .content-events h5, .content-news h5 {color:#000; font-size:1.222em; font-family:'bree'; margin-bottom:0.8em;font-feature-settings: "ss01" 1; }
#start-events p a, #start-news p a, .content-events p a, .content-news p a {text-decoration:none; color:#a5023b; text-transform:uppercase}
#start-events > div, .content-events > div {overflow:visible; position:relative}


p.slider-nav {position: absolute; top: 9em; z-index:81; width:calc(100% - 30px); box-sizing:border-box; padding: 0 10px 0 15px;}
a.slider-next, a.slider-back, .bc-back a, .bc-next a {
	width: 2.3em;
	height: 2.3em;
	display: inline-block;
	z-index: 31;
	text-align: left;
	text-indent:-9999px;
	position: relative;
	font-size:1.2em;
}
a.slider-next:before, a.slider-back:before, .bc-back a:before, .bc-next a:before  {
	margin: 0;
	color: #a90051;
	position: absolute;
	top: 0;
	right: 0;
	font-size:2.1em;
	text-align:right;
	padding-top: 0.2em;
}

a.slider-back {float: left}
a.slider-next {float: right}
a.slider-next:before, .bc-next a:before  {
	padding-right:0.1em;
	background: rgb(121,14,17);
	background: -moz-linear-gradient(left, rgba(121,14,17,1) 0%, rgba(169,0,81,1) 100%);
	background: -webkit-linear-gradient(left, rgba(121,14,17,1) 0%,rgba(169,0,81,1) 100%);
	background: linear-gradient(to right, rgba(121,14,17,1) 0%,rgba(169,0,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#790e11', endColorstr='#a90051',GradientType=1 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
a.slider-back:before, .bc-back a:before  {
	margin-right: .5em;
	background: rgb(169,0,81);
	background: -moz-linear-gradient(left, rgba(169,0,81,1) 0%, rgba(121,14,17,1) 100%);
	background: -webkit-linear-gradient(left, rgba(169,0,81,1) 0%,rgba(121,14,17,1) 100%);
	background: linear-gradient(to right, rgba(169,0,81,1) 0%,rgba(121,14,17,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90051', endColorstr='#790e11',GradientType=1 );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
*::-ms-backdrop, a.slider-back:before, a.slider-next:before, a.bc-back:before, a.bc-next:before  {background: none} /* IE11 */

#start-news dl, .content-news dl {width:100%; margin-bottom:40px}
#start-news dl dt, .content-news dl dt {width:100%; box-sizing: border-box; padding-left: 45px; padding-bottom: 20px; position: relative}

#start-news dl dt:before, .content-news dl dt:before {
	/*font-family: 'medius-icons';
	display: inline-block;
	bottom: 0;
	font-size: 12em;
	left: 0;
	right: 0;
	vertical-align: 0;
	color: #929eaa;
	position: absolute;
	height: 0.55em;*/
	display: inline-block;
	content: " ";
	background: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#start-news dl:nth-of-type(even) dt:before, .content-news  dl:nth-of-type(even) dt:before {
	/*content: '\e81c';*/
	background-image: url(../Images/bg-news-box-2.svg);
	right: 30px;
	top: 30px;
	left: 10px;
}
#start-news dl:nth-of-type(odd) dt:before, .content-news  dl:nth-of-type(odd) dt:before {
	/*content: '\e81d';*/
	background-image: url(../Images/bg-news-box-1.svg);
	top: 25px;
	right: 25px;
}

#start-news dl dt img, .content-news dt img {width: 100%; height: auto; position: relative}
#start-news dl dd, .content-news dl dd {width:100%; padding: 0; margin: 0}

#start-video div {
	width: 100%;
	padding: 0;
}

#start-video div video, #modal video {
	width: 100%;
	display:  block;
}

.video video, .video img {position: relative}
.video video + p, #start-video div video + img p {position: absolute; left: calc(50% - 3em); top: calc(50% - 3em)}
.video video + p a {
	display: inline-block;
	width: 6em;
	height: 7em;
	text-align: left;
	background: url(../Images/video-ps-button.svg) no-repeat;
	background-size:contain;
	text-indent: -9999px;
}
.video iframe {border: none; background: none}

video::-internal-media-controls-download-button {
	display:none !important;
}

video::-webkit-media-controls-enclosure {
	overflow:hidden;
}

video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}

video::-webkit-media-controls-overlay-play-button {
	display: none;
}

.tx-zwbisdrei-video .video {
	margin: 1.5em 0;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.tx-zwbisdrei-video .video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* content */

#content-visual {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	height: 50vh; max-height:450px;
	position: relative;
}
#content-visual:after {
	bottom: -34px;
	left: 0;
	display: inline-block;
	content: "";
	background: #fff;
	right: 0;
	height: 60px;
	-webkit-transform: skewY(-1.5deg);
	-moz-transform: skewY(-1.5deg);
	-ms-transform: skewY(-1.5deg);
	-o-transform: skewY(-1.5deg);
	transform: skewY(-1.5deg);
	position: absolute;
}

#content-visual div {
	overflow: hidden;
	margin: 0;
	padding: 0;
    height: 50vh;
}

#content-visual div img {
    width: 100%;
    height: auto;
}

#content-visual div ul {
	margin: 0;
	list-style-type: none;
	width: 100%;
	height: 50vh; max-height: 450px;
	white-space: nowrap;
}
#content-visual div ul li {
	width: 100%;
	height: 50vh; max-height: 450px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	display: inline-block;
}

#content-visual div ul li div {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 50%;
	box-sizing: border-box;
	padding: 15px;
	white-space: normal;
	background: rgba(72,95,112,0.5);
	color: #fff;
	font-size:1.125em;
	font-weight:700;
}

section.content-grey {
	background-color: #ebeaed;
	position: relative;
}

section.content-grey:after {
	bottom: -34px;
	left: 0;
	display: inline-block;
	content: "";
	background: #fff;
	right: 0;
	height: 60px;
	-webkit-transform: skewY(-1.5deg);
	-moz-transform: skewY(-1.5deg);
	-ms-transform: skewY(-1.5deg);
	-o-transform: skewY(-1.5deg);
	transform: skewY(-1.5deg);
	position: absolute;
}

section.content-white:after {
	bottom: -34px;
	left: 0;
	display: inline-block;
	content: "";
	background: #fff;
	right: 0;
	height: 60px;
	-webkit-transform: skewY(-1.5deg);
	-moz-transform: skewY(-1.5deg);
	-ms-transform: skewY(-1.5deg);
	-o-transform: skewY(-1.5deg);
	transform: skewY(-1.5deg);
	position: absolute;
}

nav#sub-nav {background:rgba(72,95,112,1); min-height:38px}
nav#sub-nav ul div {display:none}



nav.content-nav {margin: 0}
nav.content-nav ul {display: none; list-style-type:none; margin: 0 0 1.5em 0; max-width:303px;}
nav.content-nav ul li {margin:0;}
nav.content-nav ul li:before {display:none}
nav.content-nav ul li a {display: inline-block; font-family: 'bree'; text-transform: uppercase; color: rgb(72,95,112); text-decoration: none; padding: 0.2em 0;}
nav.content-nav ul li a:before {font-size: 0.8em; vertical-align: 0.1em; margin: 0 0.3em 0 0;}
nav.content-nav ul li a:hover, nav.content-nav ul li a:focus, nav.content-nav ul li a:hover:before, nav.content-nav ul li a:focus:before {color: #6b0013}
nav.content-nav p {margin: 0}
nav.content-nav p a {text-align:left; text-indent:-9999px; position:relative; width: 1.7em; height: 1.2em; display:inline-block; text-decoration: none;}
nav.content-nav p a:before { position:absolute; right: 0; top: 0; text-align:right; color: rgb(72,95,112)}
nav.content-nav.nav-active p a:before {color:rgb(162,11,63);}

main {width:100%; box-sizing:border-box; margin: 2em 0 1.5em 0}
.content main {margin:0}
aside {width:100%; box-sizing:border-box; margin-top:2em;}

h1 {color: #a5023b;font-size:2em; text-transform:uppercase; line-height:1.2em; margin-bottom:0.8em; font-family:'bree bold'}
h2 {color: #a5023b;font-size:2em; text-transform:uppercase; line-height:1.2em; margin-bottom:0.8em; font-family:'bree bold'}
h3 {color: #a5023b;font-size:1.2222em; margin-bottom:0.8em; line-height:1.3em; font-family:'bree bold'; text-transform: uppercase;}
h4 {color: #465d6d;font-size:1.2222em; margin-bottom:0.4em; line-height:1.3em;font-family:'bree';font-feature-settings: "ss01" 1}

p.introtext {font-size:1.0em; line-height:1.4em}

dl.contact-box, .contact-list dl {
	width:100%;
	margin-bottom:1.5em;
	overflow: hidden;
	background:#f3f4f5
}

.contact-list dt, dl.contact-box dt {width:100%; margin: 0; min-height: 100px}
dl.contact-box dt img, .contact-list dt img {width:100%; height:auto}
dl.contact-box dt span, .contact-list dt span {display:block; background:#465d6d; padding: 0.45em 20px 0.35em 20px; color:#fff; text-transform:uppercase; font-size:1.222em; font-family:'bree light'; letter-spacing:0.04em;}
dl.contact-box dd, .contact-list dd {width:100%; margin: 0; padding: 15px 20px 20px 20px; box-sizing:border-box}
dl.contact-box h5, .contact-list h5 {color: #000;font-size:1.2222em; font-family:'bree';margin-bottom:0;font-feature-settings: "ss01" 1; line-height:1.32em;}
dl.contact-box h6, .contact-list h6 {font-size:1em; color:#465d6d; margin-bottom:1em;}
dl.contact-box p, .contact-list dl p {margin:0}

.contact-list h6 {
	font-family: "Open Sans";
	font-weight: 700;
	font-style: italic;
	color: #000;
	font-size:1em;
	margin-top: 1em;
}

.contact-list dl {
	position: relative;
	overflow: initial;
}
.contact-list dl dd {
	padding-top: 3em;
	padding-bottom: 3em;
	position: relative;
}
.contact-list dl:after {
	bottom: -34px;
	left: 0;
	display: inline-block;
	content: "";
	background: #fff;
	right: 0;
	height: 60px;
	-webkit-transform: skewY(-1.5deg);
	-moz-transform: skewY(-1.5deg);
	-ms-transform: skewY(-1.5deg);
	-o-transform: skewY(-1.5deg);
	transform: skewY(-1.5deg);
	position: absolute;
}
.contact-list dl h5 {
	color: #fff;
	text-transform: uppercase;
	font-family: 'bree bold';
	letter-spacing: .5px;
	position: absolute;
	z-index:125;
	line-height: 1.1em;
	padding: 0.8em 25px 0.5em 30px;
	display: inline-block;
	margin: -1.5em 0 1em -30px;
	top: 0;
	max-width: 80%;
}
.contact-list dl h5:before {
	background: url(../Images/contact-head-bg.svg) no-repeat;
	background-size: 100% 100%;
	display: inline-block;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	color: #465d6d;
	z-index: -1;
	content: " ";
}

.content-contact dl.contact-box dt span {padding: 0; background: none;}
.content-contact dl.contact-box dd img {width: calc(100% + 40px); height: auto; margin: -15px -20px 1em -20px }

dl.contact-box .contact-more-content {display: none}

.content-teaser-boxes, .content-events {padding: 2em 0; background:#ebeaed}
.content-teaser-boxes {
	padding: 2em 0 1.5em 0;
	position: relative;
}
.content-teaser-boxes:before {
	top: -34px;
	left: 0;
	display: inline-block;
	content: "";
	background: #fff;
	right: 0;
	height: 60px;
	-webkit-transform: skewY(1.5deg);
	-moz-transform: skewY(1.5deg);
	-ms-transform: skewY(1.5deg);
	-o-transform: skewY(1.5deg);
	transform: skewY(1.5deg);
	position: absolute;
}
.content-teaser-boxes:after {
	bottom: -34px;
	left: 0;
	display: inline-block;
	content: "";
	background: #fff;
	right: 0;
	height: 60px;
	-webkit-transform: skewY(-1.5deg);
	-moz-transform: skewY(-1.5deg);
	-ms-transform: skewY(-1.5deg);
	-o-transform: skewY(-1.5deg);
	transform: skewY(-1.5deg);
	position: absolute;
}
.content-teaser-boxes h2 {
	clear: left;
	font-family: 'bree bold';
	color: #465d6d;
	margin: 0.25em 0 1.25em 0;
}
.start .content-teaser-boxes {
	padding: 4em 0 3em 0;
}
.start .content-teaser-boxes:before, .start .content-teaser-boxes:after {
	display: none;
}
.start .content-teaser-boxes h2 {
	text-align: center;
}

.teaser-image-box {width:100%; overflow:hidden; box-sizing:border-box; position:relative; margin-bottom: 20px; cursor: pointer}
.teaser-image-box img, .content-infoboxes img {width:100%; height:auto; display:block}
.teaser-image-box p {width: calc(100% - 30px); box-sizing:border-box; margin: 15px; color:#465d6d; background-color:#444; padding:0.7em 30px 0.4em 15px; font-size:1.222em; position:absolute; bottom:0; left:0; font-family:'bree';font-feature-settings: "ss01" 1;
	text-transform: uppercase;
	background: url(../Images/teaser-bg.svg) no-repeat;
	background-size: 100% 100%;
}



.teaser-image-box a {color: #465d6d; text-decoration:none; padding-right: 0.5em; position: relative; display: block}
.teaser-image-box a:after {color: rgb(162,11,63); margin: 0.175em 0 0 0.4em; vertical-align:0.04em; font-size: 2.5em; bottom: 0.1em; position: absolute; right:-15px}

.content-contact, .content-infoboxes {padding: 2em 0}
.content-contact dl {width:100%; margin-bottom: 20px; width: 100%;background:#f3f4f5;}
.content-contact dt {
	width:100%;
	background: #790e11;
	background: -moz-linear-gradient(left, #790e11 0%, #a90051 100%);
	background: -webkit-linear-gradient(left, #790e11 0%,#a90051 100%);
	background: linear-gradient(to right, #790e11 0%,#a90051 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#790e11', endColorstr='#a90051',GradientType=1 );
	box-sizing: border-box;
	padding: 0.45em 20px 0.4em 20px;
	color: #fff;
	text-transform:uppercase;
	line-height:1.32em;
	letter-spacing:0.02em;
}
.content-contact dd, .content-infoboxes dl dd {margin:0; width:100%; box-sizing:border-box; padding:15px 20px 20px 20px}
.content-contact dd p:last-of-type, .content-infoboxes dl dd p:last-of-type {margin-bottom:0}
.content + .content-contact > div {padding-top:2em; border-top:1px solid #465d6d}
.content + .content-contact {padding-top:0}

.content-infoboxes p a {text-decoration: none; text-transform:uppercase}
.content-infoboxes p a[target=_blank]:before {font-size:0.7em; margin: 0 0.5em 0 0; vertical-align:0.1em; width: 1.3em; }
.content-infoboxes p a[href*="fileadmin"]:before {font-size:0.7em; margin: 0 0.5em 0 0; vertical-align:0.2em}

.content-infoboxes h2 {clear: both}
.content-infoboxes dl {margin-bottom:20px; width:100%; background:#fff}
.content-infoboxes dl dt {background:#f3f4f5; text-align: center; padding: 20px; box-sizing:border-box}
.content-infoboxes img {max-width: 20%}

main ul {margin-bottom:1.2em; margin-left:15px;list-style-type:none}
main ol {margin-bottom:1.2em; margin-left:20px;}
main ul li, main ol li {margin-bottom:0.8em;}
main ul ul li, main ol ol li {margin-bottom:0em}
main ul li:before {content:"»"; display:inline-block;margin: 0 6px 0 -15px;}

figure.images {	margin: 1.5em 0;}
.images figcaption {margin-top:1em; text-align: center; clear:left;}
main figure.images ul {margin:0; list-style-type: none}
main figure.images li {margin:0; position:relative; display:inline-block; width:100%}
figure.image img, .images img {width:100%; height: auto; border:none}
figure.images li span {width:20px; height: 20px; bottom: 10px; right: 10px; background: #900; text-indent:-9999px; position:absolute; display: none;}
.images ul li:before {display:none}

#start-leistungen + .content-teaser-boxes h2 {font-family:'bree bold'; text-transform:none; text-align:center; margin: 0.5em 0 1em 0;}

section#standort-boxes {min-height:100vh; width:100%; padding-bottom:2em}
section#standort-boxes > div  {box-sizing:border-box}
#standort-boxes figure {background-size:cover; background-repeat:no-repeat; background-position:center center; min-height:20vh; width:100%; margin: 0; display:block; margin-bottom: 2em;}

ul.sitemap {
}

ul.sitemap li {
	font-family:'bree serif';
	text-transform: uppercase;
	padding-bottom: 0.1em;
}

ul.sitemap ul li {
	font-family:'Open Sans';
	text-transform: none;
}

ul.sitemap ul {
	border-top: 1px solid rgb(72,95,112);
	padding-top: 0.3em;
	margin: 0;
	padding-left: 1em;
}

ul.sitemap ul ul {
	border: none;
	padding-top: 0;
	font-size: .9375em;
}

aside figure {margin: 0 0 1em 0}
aside figure img {width: 100%; height: auto}

aside figure a:hover {text-decoration: none}

.fancybox-title-float-wrap .child {
    border-radius: 0;
    text-shadow: none;
    color: #000;
    font-family: 'Open Sans', Verdana, Geneva, sans-serif;
    font-weight: normal;
}
.fancybox-title-float-wrap {
    right: 0;
    left: 0;
    width: 50%;
}

aside figure span, .fancybox-title-float-wrap .child {
    background:#f3f4f5;
    display: block;
    margin-top: -0.4em;
    padding: 5px;
    font-size: 0.85em;
    color: #000;
    text-decoration: none;
}
.blog-content aside img + span {
    margin-top: -1.2em;
    margin-bottom: 1em;
}
aside figure a:hover span {
    text-decoration: none !important;
}

aside figure a span:last-of-type {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #920041;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    right: 10px;
    top: 15px;
    background-color: rgba(255,255,255,0.7);
}
aside figure a span:last-of-type:before {
    font-family: 'medius-icons';
    content: '\e810';
    display: inline-block;
    font-size: 1.5em;
    margin: 0 0.5em 0 0.1em;
}

/* jobs */

.job-offers li span {
	margin: 0;
	background: #6b0013;
	background: -moz-linear-gradient(left, #6b0013 0%, #920041 100%);
	background: -webkit-linear-gradient(left, #6b0013 0%,#920041 100%);
	background: linear-gradient(to right, #6b0013 0%,#920041 100%);
	display: inline-block;
	text-align: center;
}
.job-offers li span a {
	background: rgba(146,0,65,0);
	font-family: 'bree light';
	font-feature-settings: "ss01" 1;
	text-transform: none;
	letter-spacing:0.03em;
	color: #fff;
	padding: 0.2em 0.5em 0.15em 0.5em;
	text-decoration:none;
	opacity:1;
	-webkit-transition: background .5s ease; transition: background .5s ease;
	position: relative;
	display: inline-block;
	font-size:1em;
}

.job-offers li span a:hover, .job-offers li span a:focus {
	background: rgba(146,0,65,1);
}

.job-offers {margin: 2em 0}
.job-offers form {margin-bottom: 1.5em; overflow: hidden}
.job-offers form select {width:66.6%}
.job-offers form .categories select, .job-offers form .functions select {width: 100%}
main .job-offers ul {margin: 0;}
main .job-offers ul li {margin: 0; padding: 1em 15px; border-top: 1px solid #fff; overflow: hidden; display: none}
main .job-offers ul li.show, main .job-offers ul li.header {display:list-item}
main .job-offers ul li.header {background: none !important; padding: 1em 15px 0.5em 15px; color: #a5023b; font-size: 1.175em; line-height: 1.2em; font-family: 'Bree Serif';}
main .job-offers ul li:nth-of-type(odd) {background:rgba(235,234,237,0.4)}
main .job-offers ul li:nth-of-type(even) {background:rgba(235,234,237,0.6)}
main .job-offers ul li:before {display: none}
.job-offers ul p {margin: 0}
.job-offers ul h6 {font-size: 1em; display: inline-block;}
.job-offers ul h3 {margin-bottom: 0.3em}
.job-offers ul p a:first-of-type {display: inline-block; margin-right: 0.5em}
.job-offers ul p {margin-top: 1em}
.job-offers input[type=checkbox] {width: auto; border: none; background: none; float: left; margin: 0.2em 10px 0 0}
.job-offers .locations label {width: 30%; padding-top: 0}


.job-offers label span {font-size: 0.875em}
.job-offers p label span {display: block}
.job-offers h4 {background:#f3f4f5; padding: 0.5em 10px}

.job-offers form button {
	border: none;
	vertical-align: 1px;
	font-family: 'bree';
	letter-spacing: 0.02em;
	font-feature-settings: "ss01";
	background: rgba(146,0,65,1);
	color: #fff;
	padding: 0.4em 0.8em 0.35em 0.8em;
	font-size: 1.2222em;
}



h3.acc-head {
	background: #e0e0e0;
	padding: 0.5em 10px 0.45em 20px;
	margin: 0 0 0.8em 0;
	position: relative;
	font-size: 1.15em;
	text-transform: none;
	color: #465d6d;
	font-family: 'bree';
}
h3.acc-head-active {
	margin-bottom: 0;
}
h3.acc-head:after {
	position: absolute;
	right: 10px;
	top: 0.5em;
	color: #a5023b;
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	font-size: 1.15em;
}
h3.acc-head-active:after {
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

.acc-content {
	background: #e0e0e0;
	display: none;
	padding: 0.25em 30px 0.5em 20px;
	margin-bottom: 1em;
}

div.media-left, div.media-right {
	overflow: hidden;
	padding: 1em 0;
}

div.media-left > div, div.media-right > div {margin: 0 0 1.5em 0}
div.media-left video, div.media-right video {width: 100%;}
div.media-left .video, div.media-right .video {position: relative}
div.media-left video + p a, div.media-right video + p a, div.media-left .video img + p a, div.media-right .video img + p a {height: 3em; width: 3em;}
div.media-left video + p, div.media-right video + p, div.media-left .video img + p, div.media-right .video img + p {left: calc(50% - 1.5em); top: calc(50% - 1.5em); position: absolute}

div.image-teaser-box {
	position: relative;
	margin: 1.5em 0;
}

div.image-teaser-box img {width: 100%; height: auto;}

div.image-teaser-box div  {
	position: absolute;
	background:rgba(255,255,255,0.8);
	box-sizing: border-box;
	padding: 15px;
}
aside div.image-teaser-box div {
	bottom: 20px;
	left: 15px;
	right: 15px;
	font-size: 0.875em;
}

main div.image-teaser-box div {
	bottom: 30px;
	width: calc(50% - 20px);
	right: 20px;
	font-size: 0.925em;
}

div.image-teaser-box div p {margin-bottom: 0.5em; }
div.image-teaser-box div p:last-of-type {margin:0}

div.image-teaser-box div p:last-of-type {
	margin: 0;
	background: #6b0013;
	background: -moz-linear-gradient(left, #6b0013 0%, #920041 100%);
	background: -webkit-linear-gradient(left, #6b0013 0%,#920041 100%);
	background: linear-gradient(to right, #6b0013 0%,#920041 100%);
	display: inline-block;
}
div.image-teaser-box div p a {display: inline-block; text-transform: uppercase; padding: 0.5em 20px; color: #fff; text-decoration: none;}


.teaser-box {
	box-sizing: border-box;
	padding-left: 50px;
	padding-bottom: 30px;
	position: relative;
}

.teaser-box:before {
	/*font-family: 'medius-icons';
	display: inline-block;
	bottom: 0;
	font-size: 20em;
	left: 0;
	right: 0;
	vertical-align: 0;
	color: #858992;
	position: absolute;
	height: 0.55em;
	content: '\e820';*/
	background: url(../Images/bg-teaser-box.svg) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: inline-block;
	content:" ";
}

.teaser-box dt {
	position: relative;
}
.teaser-box img {
	width: 100%;
	height: auto;
}
.teaser-box dd {
	position: absolute;
	bottom: 50px;
	right: 0;
	width: 80%;
	background: rgba(255,255,255,0.8);
	box-sizing: border-box;
	padding: 15px;
}
.teaser-box dd a {
	display: inline-block;
	position: relative;
	color: #fff;
	z-index: 90;
	font-family: 'bree bold';
	text-transform: uppercase;
	padding: 0.45em 0 0 20px;
	margin-left: -20px;
	margin-top: 1em;
}
.teaser-box dd a:before {
	font-family: 'medius-icons';
	content: '\e822';
	line-height: 1.5em;
	display: inline-block;
	font-size: 2.5em;
	top: -0.25em;
	left: -0.2em;
	position: absolute;
	color: #a5023b;
	z-index: -1;
}
@media screen and (min-width:1024px) {
	.teaser-box {
		margin-left: 50px;
	}
}

/* form definitions */


form button.btn-primary {
	background: -moz-linear-gradient(left,#6b0013 0%,#920041 100%);
	background: -webkit-linear-gradient(left,#6b0013 0%,#920041 100%);
	background: linear-gradient(to right,#6b0013 0%,#920041 100%);
	color: #fff;
	border: none;
	padding: 0.4em 0.8em 0.35em 0.8em;
	font-family: 'bree light';
	letter-spacing: 0.02em;
	font-size: 1.222em;
	text-transform: uppercase;
}

form .actions {
	margin-top: 10px;
}

/* footer */

footer {background: #485f70; padding: 1.5em 0; position: relative}
footer:before {
	top: -34px;
	left: 0;
	display: inline-block;
	content: "";
	background: #485f70;
	right: 0;
	height: 60px;
	-webkit-transform: skewY(-1.5deg);
	-moz-transform: skewY(-1.5deg);
	-ms-transform: skewY(-1.5deg);
	-o-transform: skewY(-1.5deg);
	transform: skewY(-1.5deg);
	position: absolute;
}
footer ul {list-style-type:none;color: #fff; margin: 0;}
footer ul li {margin-bottom: 0.7em;}
footer ul li a{color: #fff; text-decoration:none;}
footer img {/*max-width:230px*/ max-width:165px}
footer div div:nth-of-type(3) img {max-width: none; max-height: 100px; margin-top: 1em; width: auto; display: inline-block; vertical-align: middle}
footer div div:nth-of-type(3) a:first-of-type img {max-height: 90px}
footer div div:nth-of-type(3) img:first-of-type {margin-right:15px}

.socials a {
    display: inline-block;
    margin-left: 10px;
    background-color: #fff;
    box-sizing: border-box;
    text-align: left;
    border-radius: 50%;
    height: 50px;
    width: 50px;
    text-indent: -9999px;
    background: #fff no-repeat center center;
    transform: scale(1);
    -webkit-transition: transform .5s ease; transition: transform .5s ease;
}
.socials a:hover {
    transform: scale(1.05);
}

.socials a.social-instagram {
    background-image: url(../Images/social-instagram.png);
    background-size: 30px;
}
.socials a.social-linkedin {
    background-image: url(../Images/social-linkedin.png);
    background-size: 30px;
}
.socials a.social-facebook {
    background-image: url(../Images/social-facebook.png);
    background-size: 30px;
}
.socials a.social-youtube {
    background-image: url(../Images/social-youtube.png);
    background-size: 30px;
}

p#top-nav {
	position: fixed;
	right: 20px;
	bottom: 20px;
}

p#top-nav a {
	display: inline-block;
	text-decoration:none;
	position:relative;
	text-indent:-9999px;

}
p#top-nav a:before {
	width:1em;
	height: 1em;
	margin: 0;
	top: 0;
	right: 0;
	font-size:2.25em;
	color: #cbd2d6;
	position:absolute;
	text-align:right;
}

/* babygallery */

.babygallery #content-visual, .babygallery #sub-nav, .babygallery #footprint {display: none}
.babygallery h1{text-align: center}
.babygallery main > p {color: #000;font-size: 1.222em;text-align: center; font-family: 'bree';line-height: 1.3889em;font-feature-settings: "ss01" 1;}
.babygallery main {width: 100%}
.babygallery dl {overflow:hidden; margin-bottom:20px;}
.babygallery dl dt {display: block; margin: 0; font-family:'Open Sans'; font-weight:700; font-size: 1em; line-height:1.2em; color: #fff; background: rgb(72,95,112); padding: 0.5em 15px;}
.babygallery dl dd {margin: 0}
.babygallery dl dd img {display: block; width:100%; height: auto}
#babygallery-content {margin-bottom:2em; overflow: hidden;}

#babygallery-filter h4 {text-transform:uppercase; color: rgb(72,95,112); font-size: 1.857em; font-family: 'bree serif';line-height: 1.3889em;font-feature-settings: "ss01" 1;}
#search-baby {margin-bottom: 3em}
#babygallery-filter table {margin: 0 0 3em 0}
#babygallery-filter table a {color: rgb(72,95,112); text-decoration:none}


table {margin: 1.5em 0; border-collapse:collapse; font-size:1em; width: 100% }
table thead td, table th {border: rgb(72,95,112) 1px solid; background: rgb(72,95,112); color: #fff; font-weight: 700; padding: 0.4em 15px; text-align:left}
table tbody td, table td {border: rgb(72,95,112) 1px solid;  padding: 0.4em 15px;}

table.babygallery-calender {border: rgb(72,95,112) 1px solid; background: #fff}
table.babygallery-calender td, table.babygallery-calender th, table.babygallery-calender thead td {border: none; background: #fff; text-align:center; padding: 0.6em 5px; }
table.babygallery-calender th a {text-decoration:none}
table.babygallery-calender td {font-size:0.875em; font-weight:700;}
table.babygallery-calender td a {text-decoration: none; color: rgb(72,95,112); text-align: right; display:inline-block; min-width:25px; }
table.babygallery-calender tr td.bc-grey a {color:#b0b5be;}
table.babygallery-calender tr td:last-of-type a, table.babygallery-calender tr th:last-of-type {color:#a5023b}
table.babygallery-calender h5 {color: #000;font-size: 1.222em;text-align: center; font-family: 'bree';line-height: 1.3889em;font-feature-settings: "ss01" 1;}
table.babygallery-calender thead tr:nth-of-type(2) th {border-top: 1px solid rgb(72,95,112); color: rgb(72,95,112); text-transform:uppercase; font-weight: normal; font-weight:700}

figure.image-center {
	width: 100%;
	margin: 1em 0 1.5em 0;
}
figure.image-center img {width: 100%; height:auto}

main figure.image-center ul {margin: 0}
main figure.image-center ul li {margin: 0}
main figure.image-center ul li:before {display: none}
main figure.image-center li span {display: none}


.bc-back a, .bc-next a {width: 1.7em;height: 1.7em;}
.bc-back a:before, .bc-next a:before  {	font-size:1.5em;}

/* modal */

#modal {background: none; box-sizing:border-box; overflow: hidden !important;}
#modal main {padding: 2em 2em; box-sizing:border-box; width:100%; text-align:center; margin: 0;}
#modal aside {display:none}
#modal main h3 {font-size:2.25em; font-family:'bree serif'; color: rgb(162,11,63); text-transform:uppercase; margin-bottom:1em;}
#modal main h4 {font-size:2.25em; font-family:'bree serif'; color: rgb(72,95,112); text-transform:uppercase; margin-bottom:1em;}
#modal main h2 {font-weight:300; font-size:4.0625em; margin: 0 0 1.4em 0; color: #000; text-transform:none; letter-spacing:0.02em}
#modal main h5 {font-size:1.3333em; font-family:'bree serif'; color: rgb(162,11,63); margin-bottom:1em; text-align:left}
#modal main h6 {font-size:1.1111em; font-family:'bree serif'; color: rgb(72,95,112); margin-bottom:1em; text-align:left}

.newsite {
	background: rgb(121,14,17);
	background: -moz-linear-gradient(left, rgba(121,14,17,1) 0%, rgba(169,0,81,1) 100%);
	background: -webkit-linear-gradient(left, rgba(121,14,17,1) 0%,rgba(169,0,81,1) 100%);
	background: linear-gradient(to right, rgba(121,14,17,1) 0%,rgba(169,0,81,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#790e11', endColorstr='#a90051',GradientType=1 );
	text-align:center;
}
.newsite .fancybox-skin {background: none}

h6.newweb {text-align: center !important; color: #bdbec7 !important; text-transform:uppercase; font-family:'bree serif' !important; margin-top:2em;}
h1.newweb {color: #fff; margin-bottom:1.5em;}
h1.newweb + p, h1.newweb + p + p, h1.newweb + p + p + p {color:#fff; padding: 0 10%;}

h1.newweb + p + p + p  {margin: 4em 0 2em 0}

.fancybox-opened .fancybox-skin {-webkit-border-radius: 0; -moz-border-radius: 0 ; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

.fancybox-close {background: none !important; color: rgb(72, 95, 112); text-decoration:none; top: 15px; right: 10px}
.newsite .fancybox-close {color: #fff;}
.fancybox-close:after {margin: 0; position: absolute; top: 0; left: 0; text-align: right; font-size:1.5em;}


/* search */

.tx-indexedsearch-res {
	border-top: 1px solid rgba(72,95,112, 0.5);
	padding: 1em 0 0 0;
}
h3.search {margin: 0}
p.search {font-size: 0.8889em; margin: 0 0 .5em 0}
p.search-more a {text-transform: uppercase}
p.search-more {border-bottom: 1px solid rgba(72,95,112, 0.5); padding-bottom:1em}
p.search-more:last-of-type {border: none; padding: 0}

ul.browsebox, ul.tx-indexedsearch-browsebox {text-align: center; margin: 0}
ul.browsebox li, ul.tx-indexedsearch-browsebox li {display:inline-block}
ul.browsebox li:before, ul.tx-indexedsearch-browsebox li:before {display:none}
ul.browsebox li a, ul.tx-indexedsearch-browsebox li a {display: inline-block; padding: 0.1em 0.3em;}

.tx-indexedsearch-res {border-top: none}
.tx-indexedsearch-res .tx-indexedsearch-res {border-top: 1px solid #989898}

/* form */

input, select, textarea, button {
	font-size: 1em;
	font-family: 'Open Sans', Verdana, Geneva, sans-serif;
	color: #000;
	box-sizing:border-box;
	padding: 0.4em 10px;
}
input::-webkit-input-placeholder {color: #000;}
input:-moz-placeholder {color: #000;}
input::-moz-placeholder {color: #000;}
input:-ms-input-placeholder {color: #000;}

.job-offers input::-webkit-input-placeholder {color: #989898;}
.job-offers input:-moz-placeholder {color: #989898;}
.job-offers input::-moz-placeholder {color: #989898;}
.job-offers input:-ms-input-placeholder {color: #989898;}

input[type=text], select, textarea {width: 100%;}

.csc-mailform input[type=submit], .job-offers input[type=submit], .feedback input[type=submit] {
	background: -moz-linear-gradient(left, #6b0013 0%, #920041 100%);
	background: -webkit-linear-gradient(left, #6b0013 0%,#920041 100%);
	background: linear-gradient(to right, #6b0013 0%,#920041 100%);
	color: #fff;
	border: none;
	padding: 0.4em 0.8em 0.35em 0.8em;
	font-family: 'bree light';
	letter-spacing: 0.02em;
	font-size: 1.222em;
	text-transform: uppercase;
}
.csc-mailform input, .job-offers input, .job-offers select {border: 1px solid rgb(72,95,112); line-height: 1.2em; padding: 0.5em 10px;}
.job-offers select {padding:0.4em 10px}
.csc-mailform textarea, .job-offers textarea {border: 1px solid rgb(72,95,112); line-height: 1.5em; padding: 0.5em 10px;}
.csc-mailform p, .job-offers p {overflow: hidden}
.csc-mailform label, .job-offers label {margin-bottom: 0.2em; display: inline-block; font-family: 'bree light'}
.csc-mailform label em, .job-offers label em {font-family: 'Open Sans', Verdana, Geneva, sans-serif; font-size: 0.875em}

.filelist ul {clear: left; margin: -0.5em 0 0 0; box-sizing: border-box; padding: 0 0 0 35%;}
.filelist li {display: block !important; padding: 0.25em 15px; font-size:0.825em}

form#news-filter {
	margin-bottom: 2em;
	overflow: hidden;
}

form#news-filter div {
	width: 100%;
	padding: 1em;
	box-sizing: border-box;
	background: #b9bdc5;
}
form#news-filter div:first-of-type {display: none}

form#news-filter label {
	display: block;
	width: 100%;
	color: #000;
	font-size: 1.222em;
	font-family: 'bree';
	margin-bottom: 0.3em;
	font-feature-settings: "ss01" 1;
}

form#news-filter select {
	width: 100%;
}


body > figure {
	text-align: right;
	box-sizing: content-box;
	padding: 1em;
}

body > figure > img {
	width: auto;
}

body > dl {
	width: 100%;
	padding: 1em;
	margin: 0;
	overflow: hidden;
	box-sizing: border-box;
}
body > dl > dt {
	width: 30%;
	font-weight: 400;
	margin: 0;
	clear: left;
	float: left;
	border-top: 1px solid #4a5e71;
	padding: 0.5em 0;
	box-sizing: border-box;
}
body > dl > dd {
	width: 70%;
	margin: 0;
	float: left;
	border-top: 1px solid #4a5e71;
	padding: 0.5em 0;
	box-sizing: border-box;
}
body > dl + footer {display: none}

div.overlay {
	background: rgba(72, 95, 112, 0.98);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 501;
	width: auto;
	height: auto;
	text-align: center;
	box-sizing: border-box;
	padding-top: 45vh;
	display: block;
}

#first-nav ul li a.icon-search {
	color: #790e11;
}

.webcam-wrapper {
	margin-bottom: 1.5em;
}
.webcam-wrapper h3 {
	margin-bottom: 0.25em;
}
.webcam-wrapper img {
	width: 100%;
	height: auto;
}


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

	#start-boxes .start-boxes-row > div, #start-leistungen .start-boxes-row > div {padding-bottom:0}
	#start-boxes .start-boxes-row > div:before, #start-leistungen .start-boxes-row > div:before {display: none}
	#start-boxes .start-boxes-row p:first-of-type, #start-leistungen .start-boxes-row p:first-of-type {display: none}
	#start-boxes .start-boxes-row p:last-of-type, #start-leistungen .start-boxes-row p:last-of-type {padding: 0 5%}
	#start-boxes .start-boxes-row a, #start-leistungen .start-boxes-row a {display: block !important}

	section#start-image h4, section#start-image p {padding: 0 10%}

	section#start-standorte .start-boxes-row > div {width: calc(100% + 30px); margin: 0 -15px 25px -15px; box-sizing:border-box;}
	section#start-standorte .start-boxes-row > div img {width: calc(100% + 40px);}

	#start-news dl, .content-news dl {width: 100%; }
	#start-news dl dd, .content-news dl dd {width:100%; box-sizing: border-box; padding: 20px 15px 0 15px; }

	footer > div {padding: 15px 30px}
	footer img {margin-bottom:40px}


	.contact-box dt {text-align: center;}
	.contact-box dt img {max-width:335px}


	#first-nav ul ul, #first-nav ul ul ul {display:none}

	.images {width: 100%; box-sizing: border-box; margin-bottom:2em;}
	.images ul {white-space:nowrap; overflow-x: auto;}
	.images ul li {width: 100%;}

	#start-visual #image-campaign-1 h4 {font-size: 1.5em; top:calc(100vh/2 - 27vh); left: 20px;}
	#start-visual #image-campaign-1 h5 {font-size: 1.5em; bottom:calc(100vh/2 - 10vh); right: 20px;}

	#start-visual #image-campaign-2 h4 {font-size: 1.5em; top:calc(100vh/2 - 31vh); left: 20px;}
	#start-visual #image-campaign-2 h5 {font-size: 1.5em; bottom:calc(100vh/2 - 33vh); right: 20px;}

	#start-visual #image-campaign-3 h4 {font-size: 1.5em; top:calc(100vh/2 - 1vh); left: 20px;}
	#start-visual #image-campaign-3 h5 {font-size: 1.5em; bottom:calc(100vh/2 - 33vh); right: 20px;}

	#start-visual #image-campaign-4 h4 {font-size: 1.5em; top:calc(100vh/2 - 36vh); left: 20px;}
	#start-visual #image-campaign-4 h5 {font-size: 1.5em; bottom:calc(100vh/2 - 14vh); right: 20px;}

}


@media screen and (min-width:679px) and (max-width:1024px) and (orientation:portrait) {
	#start-boxes .start-boxes-row > div, #start-leistungen .start-boxes-row > div {padding-bottom:40px}

	.start-boxes-row > div {overflow: hidden; padding: 0; margin-bottom: 1em;}
	.start-boxes-row > div img {width:calc(50% - 20px); float: left; margin: 0 20px 0 0}
	.start-boxes-row > div p:first-of-type {padding-top:15px}

}

@media screen and (min-width:679px) and (max-width:1024px) {
	section#start-visual > div {height: calc(100vh - 154px);}
	.blog.start section#start-visual > div, .wirbauen.blog section#start-visual > div {height: calc(35vh - 154px);}
	.blog section#content-visual > div {height: calc(25vh - 154px);}
}

@media screen and (min-width:601px) {

	body {font-size: 0.875em;}


	section#start-visual h1 {font-size: 2em; padding-right:45%}

	section#start-leistungen h4 {margin: 2.5em 0 2em 0;}
	#select-leistungen > ul {width: calc(50% - 6px); margin-bottom: 10px; margin-right: 8px; display: inline-block;}
	section#start-leistungen > div > p, section#start-standorte > div > p, section#standort-boxes > div > p, section#start-leistungen h4 {padding: 0 5%;}

	section#start-image h4 {font-size:2.6111em; }
	section#start-image > div > p {padding: 0 20%}

	p.slider-nav {top: 6em; padding: 0 20px 0 20px; width: 100%}

	#start-events dl, .content-events dl {width:calc(50% - 20px); margin: 0 10px}
	#start-events .event-gallery dl:first-of-type , #content-events .event-gallery dl:first-of-type{margin-left: -15px;}
	#start-events .event-gallery .no-slider dl:first-of-type, .content-events .event-gallery .no-slider dl:first-of-type {margin-left:0}

	#start-news dl, .content-news dl {width:100%; margin-bottom:40px; overflow: hidden;}
	#start-news dl dt, .content-news dt {width:33%; float: left;}
	#start-news dl dd, .content-news dd {width:calc(67% - 20px); float: right}

	.images {width: 100%; box-sizing: border-box; margin-bottom:2em;}
	.images ul {white-space:nowrap; overflow-x: auto;}
	main figure.images li {width: calc(33.33% - 10px); display: inline-block;}
	main figure.images li:nth-of-type(2) {margin: 0 14px}


	.contact-list, aside {overflow:hidden;}
	.contact-list dl, .content-contact dl, .content-infoboxes dl, dl.contact-box, .babygallery dl {width:calc(50% - 10px); float: left; margin-left: 20px; min-height:424px}
    aside .contact-list dl, aside .content-contact dl, aside .content-infoboxes dl, aside dl.contact-box {
        margin-left: 0;
        float: none;
    }
	aside div.image-teaser-box {width:calc(50% - 10px)}
	.content-contact dl {min-height:200px}
	.content-infoboxes dl {min-height:200px}
	.babygallery dl {min-height: inherit !important}
	.babygallery dl dt {min-height: 38px}

	.content-teaser-boxes, .content-contact, .content-infoboxes {overflow:hidden; }
	.teaser-image-box {width:calc(50% - 10px); float: left; margin-bottom:20px; margin-left:20px}

	.content-infoboxes dl dt {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;

		min-height:150px;
	}
	.content-infoboxes dl dt img {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;

		max-width:150px; max-height: 150px;
	}

	.job-offers ul h6 {display: inline-block; width: 68%}
	.job-offers ul p {display: inline-block; float: right; width:30%; text-align: right; margin-top: -1.2em}

	#start-standorte + #start-video {margin-top:-4em;}

}

@media screen and (min-width:601px) and (max-width:768px) {
	#select-leistungen > ul:nth-of-type(2n+0) {margin-right: 0;}

	footer > div {padding: 15px 20px}
	footer img {margin-bottom:40px}

	.contact-list dl:nth-of-type(2n+1), dl.contact-box:nth-of-type(2n+1), .content-contact dl:nth-of-type(2n+1), .content-infoboxes dl:nth-of-type(2n+1), dl.contact-box:nth-of-type(2n+1), .babygallery dl:nth-of-type(2n+1) {clear: left; margin-left: 0;}
	.teaser-image-box:nth-of-type(2n+1) {margin-left:0; clear: left;}

	.content-events.all-events dl {width:calc(50% - 10px); margin-left: 16px; margin-right: 0}
	.content-events.all-events dl:nth-of-type(2n+1) {margin-left:0; clear: left;}

    footer div div {
        float: left;
        width: 33%;
    }
    footer div div:nth-of-type(4) {
        text-align: center;
        clear: both;
        width: 50%;
    }
    footer div div:nth-of-type(5) {
        text-align: center;
        width: 50%;
    }


	#start-visual #image-campaign-1 h4 {font-size: 2em; top:calc(100vh/2 - 36vh); left: 30px;}
	#start-visual #image-campaign-1 h5 {font-size: 2em; bottom:calc(100vh/2 - 13vh); right: 20px;}

	#start-visual #image-campaign-2 h4 {font-size: 2em; top:calc(100vh/2 - 37vh); left: 30px;}
	#start-visual #image-campaign-2 h5 {font-size: 2em; bottom:calc(100vh/2 - 33vh); right: 30px;}

	#start-visual #image-campaign-3 h4 {font-size: 2em; top:calc(100vh/2 - 6vh); left: 30px;}
	#start-visual #image-campaign-3 h5 {font-size: 2em; bottom:calc(100vh/2 - 33vh); right: 30px;}

	#start-visual #image-campaign-4 h4 {font-size: 2em; top:calc(100vh/2 - 36vh); left: 30px;}
	#start-visual #image-campaign-4 h5 {font-size: 2em; bottom:calc(100vh/2 - 14vh); right: 30px;}


}

@media screen and (min-width:769px) {

	section#start-boxes > div {overflow: hidden}
	.start-boxes-row {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: flex-start;
		-ms-flex-line-pack: start;
		align-content: flex-start;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;

	}
	.start-boxes-row > div {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;

		width: calc(33.3% - 20px);

		box-sizing:border-box
	}
	.start-boxes-row > div:nth-of-type(2) {margin: 0 30px}
	.start-boxes-row > div img {width:calc(100% + 40px)}

	section#start-boxes > div > p {padding: 0 15%; margin-bottom: 4em;}
	section#start-leistungen > div > p, section#start-standorte > div > p, section#standort-boxes > div > p, section#start-leistungen h4, .babygallery main > p {padding: 0 15%; margin-bottom: 2.5em}
	section#start-leistungen h4 {margin-bottom: 1em}

	#select-leistungen > ul {width: calc(33.3% - 7px); margin-bottom: 10px; display: inline-block; margin-right:0}
	#select-leistungen > ul:nth-of-type(3n+2) {margin-left: 7px; margin-right:7px;}

	section#start-image > div > p:last-of-type {margin: 8em 0 0 0}

	#start-events dl, .content-events dl {width:calc(33.33% - 20px); margin: 0 10px}
	#start-events .event-gallery dl:first-of-type , #content-events .event-gallery dl:first-of-type{margin-left: -15px;}
	#start-events .event-gallery .no-slider dl:first-of-type, .content-events .event-gallery .no-slider dl:first-of-type {margin-left:0}

	.content-events.all-events dl {width:calc(33.33% - 14px); margin-left: 16px; margin-right: 0}
	.content-events.all-events dl:nth-of-type(3n+1) {margin-left:0; clear: left;}

	main div.two-columns {
		-moz-column-count: 2;
		-moz-column-gap: 40px;
		-webkit-column-count: 2;
		-webkit-column-gap: 40px;
		column-count: 2;
		column-gap: 40px;
		margin-bottom:1.5em;
	}


	.contact-list dl, .content-contact dl, .content-infoboxes dl, .babygallery dl {width:calc(33.33% - 10px); margin-left: 0; min-height:424px}
	.content-contact dl {min-height:200px}
	.content-infoboxes dl {min-height:200px}
	.teaser-image-box {width:calc(33.33% - 10px); margin-bottom:15px; margin-left:0}
	.teaser-image-box:nth-of-type(3n+2) {margin-left: 15px; margin-right: 15px;}
	.teaser-image-box:nth-of-type(3n+1) {clear: left}


	.babygallery dl {min-height: inherit !important}
	.babygallery dl dt {min-height: 38px}
	#search-baby input {max-width: 250px}



	footer > div {
        padding: 15px 20px;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-content: stretch;
        align-content: stretch;
        -webkit-align-items: flex-start;
        align-items: flex-start;
    }
	footer img {margin-bottom:40px; width: 80%; height: auto;max-width: 120px}

	footer > div {overflow: hidden; font-size: 0.88889em}
	footer ul li {margin-bottom: 0.5em;}
    footer > div div {
        -webkit-order: 0;
        order: 0;
        -webkit-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-align-self: auto;
        align-self: auto;
    }
	footer > div div:last-of-type {text-align: right}

	form#news-filter div {
		width: 50%;
		float: left;
	}

	.csc-mailform input, .csc-mailform textarea, .job-offers input, .job-offers textarea, .job-offers select {width: 66.6%; float: right}
	.csc-mailform label, .job-offers label {display: inline-block; width: 32%; float: left; padding-top: 0.4em;}
	.job-offers input#location1 + label, .job-offers input#location2 + label, .job-offers input#location3 + label, .job-offers input#location4 + label, .job-offers input#location5 + label  {width: 19%}
	.job-offers input#location5 {margin-left: 15px;}
	.csc-mailform input[type=submit], .job-offers input[type=submit] {width: auto;}

	.job-offers input#application-zeugnisse + label, .job-offers input#application-sonstiges + label {padding-top: 0}
	.job-offers input#application-privacy + label {padding-top: 0; width: 60%}

}


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




	.mobile-layer {display:none}
	nav#footprint {display:none}
	header img {display: inline; padding: 0;}
	header figure {display: inline-block; margin: 0}
	header figure figcaption {display: none}
	header img#mobile-logo {display: none}


	/* nav */

	.mobile-layer {
		background: rgba(72,95,112,0.96);
		position: fixed;
		overflow: auto;
		width:100vw;
		height:100vh;
		top: 0;
		left: 0;
		opacity: 0;

		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: nowrap;
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;

		z-index:201;
	}
	#first-nav #second-nav-mobile {display: block !important}

	.mobile-layer nav {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;

		list-style-type: none;
		width: 100vw;
		box-sizing:border-box;
	}
	.mobile-layer ul {list-style-type: none; margin: 0}
	.mobile-layer ul li {text-align: center; margin-bottom: 1em;}
	.mobile-layer ul li:last-of-type {margin-bottom:0}
	header a#top-nav-search:before {margin-right:0.5em}
	.mobile-layer ul li a {display: block; font-size: 1.3333em; text-decoration: none; text-transform:uppercase; color:#fff; letter-spacing: 0.03em; font-family:'bree serif';}
	.mobile-layer ul li a.nav-active {color: #afb3bd}
	.mobile-layer div > p.nav-close {display: none}
	.mobile-layer > p.nav-close {position: absolute; top: 15px; right: 15px}

	header nav#second-nav > ul > li:last-of-type {position: absolute; left: 15px; top: 15px}
	header nav#second-nav > ul > li:last-of-type a {display: inline-block; font-weight: normal; padding: 0.4em 0.8em 0.35em 0.8em; font-family: 'bree';letter-spacing: 0.02em; font-feature-settings: "ss01"; font-size:1.222em; }

	.mobile-layer div ul {padding: 10px 0}
	.mobile-layer div ul li {border-top: 1px solid #bfc4ce; margin: 0 15px;}
	.mobile-layer div ul li:last-of-type {border-bottom: 1px solid #bfc4ce}
	.mobile-layer div ul li a {color: #fff; font-size: 1.16667em; font-weight:300; font-family:'Open Sans'; padding: 0.5em 0; text-transform:none}
	.mobile-layer div ul li.nav-got-child a:after {display:none}

	.mobile-layer div ul ul {border-top: 1px solid #bfc4ce;}
	.mobile-layer div ul ul li, .mobile-layer div ul ul li:last-of-type {margin: 0; border: none}
	.mobile-layer div ul ul li a {padding: 0.4em 0;}

	p#top-nav {display:none}
	p#mobile-sub-nav {position: fixed; bottom: 15px; right: 15px; z-index: 151; margin: 0}
	p#mobile-sub-nav a {background:rgba(72,95,112,0.6); padding: 0.2em; color: #fff; width: 1.5em; height: 1.5em; font-size:2em; text-decoration:none; text-indent:-9999px; text-align: left; position: relative; display:inline-block}
	p#mobile-sub-nav a:before {
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		text-align:right; top: 0.4em; right: 0.4em; position: absolute;
	}
	p#mobile-sub-nav a:after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 6px 6px 6px;
		border-color: transparent transparent rgba(72,95,112,0.6) transparent;
		display: inline-block;
		content:"";
		position: absolute;
		top: -6px;
		left: calc(50% - 6px);
	}
	p.nav-close {font-size: 1.5em}

	#sub-nav p.nav-close {display:none}
	#sub-nav {height: 0; min-height: 0 !important}
	#sub-nav > div > div > p.nav-close {display:inline-block}



}

@media screen and (min-width:769px) and (max-width:1023px) {
	.content-contact dl:nth-of-type(3n+2), .content-infoboxes dl:nth-of-type(3n+2), .contact-list dl:nth-of-type(3n+2), .babygallery dl:nth-of-type(3n+2) {margin-left: 15px; margin-right: 15px;}
	.content-contact dl:nth-of-type(3n+1), .content-infoboxes dl:nth-of-type(3n+1), .contact-list dl:nth-of-type(3n+1), .babygallery dl:nth-of-type(3n+1) {clear: left}

	aside dl.contact-box {width:calc(50% - 10px); float: left; min-height:424px; margin-left:0}
	aside div.image-teaser-box {width: calc(50% - 10px);}

	#content-visual {height: 25vh}
	#content-visual div {padding: 0; height: 25vh}
	#content-visual div ul li div {bottom: 20px; right: 20px}


	#start-visual #image-campaign-1 h4 {font-size: 2.25em; top:calc(100vh/2 - 41vh); left: 90px;}
	#start-visual #image-campaign-1 h5 {font-size: 2.25em; bottom:calc(100vh/2 - 19vh); right: 130px;}

	#start-visual #image-campaign-2 h4 {font-size: 2.25em; top:calc(100vh/2 - 40vh); left: 90px;}
	#start-visual #image-campaign-2 h5 {font-size: 2.25em; bottom:calc(100vh/2 - 33vh); right: 130px;}

	#start-visual #image-campaign-3 h4 {font-size: 2.25em; top:calc(100vh/2 - 10vh); left: 90px;}
	#start-visual #image-campaign-3 h5 {font-size: 2.25em; bottom:calc(100vh/2 - 33vh); right: 50px;}

	#start-visual #image-campaign-4 h4 {font-size: 2.25em; top:calc(100vh/2 - 40vh); left: 90px;}
	#start-visual #image-campaign-4 h5 {font-size: 2.25em; bottom:calc(100vh/2 - 19vh); right: 130px;}

}

@media screen and (min-width:1024px) {
	body {font-size: 1.125em;}

    #content-visual {height: 40vh}
    #content-visual div {padding: 0; height: 40vh}

	header > div, section > div, footer > div, nav#sub-nav > div  {width:100%; padding: 0 20px; box-sizing:border-box}
	header img#mobile-logo {display: none}

	section#start-boxes, section#start-leistungen, section#start-image, section#start-standorte, section#start-events, section#start-news {

		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-align-content: center;
		-ms-flex-line-pack: center;
		align-content: center;
		-webkit-align-items: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		box-sizing: border-box;
	}
	@media all and (-ms-high-contrast:none)
	{
		*::-ms-backdrop, section#start-boxes {min-height: auto;} /* IE11 */
	}

	section#start-boxes > div, section#start-leistungen > div, section#start-image > div, section#start-standorte > div, section#start-events > div, section#start-news > div {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-flex: 0 1 auto;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;

	}


	.header-fixed header {position:fixed; z-index: 201; width: 100%; top:0; background:#fff;}
	.header-fixed {margin-top: 140px}
	header figure {max-width:160px; position: absolute; top: 20px; left:15px; padding: 0}
	.blog header figure {top:2px}
	p#mobile-nav {display: none}
	header > div {height:140px;}
	header nav ul {margin: 0; list-style-type: none}
	header nav ul li {display: inline-block}
	header nav#second-nav {text-align:right; position: absolute; right: 15px; top: 20px; font-size:1em; color:#999; text-transform:uppercase; }
	header nav#second-nav > ul {font-family:'bree light'; font-feature-settings: "ss01" 1;}
	header nav#second-nav li:before {content: "|"; padding: 0 0.5em 0 0.5em;}
	header nav#second-nav li:first-of-type:before {display:none}
	header nav#second-nav > ul > li > a {letter-spacing:0.04em}
	header nav#first-nav {left: 123px; top:90px; position: absolute; font-size:1.3333em; text-transform:uppercase; letter-spacing:0.02em; width:calc(100% - 123px);}
	header nav a {color: #465d6d; letter-spacing:0.03em;}
	header nav ul a {-webkit-transition: color .5s ease; transition: color .5s ease; display: inline-block;}
	header nav#first-nav > ul {text-align:right}
	header nav#first-nav > ul > li {display:inline-block; text-align:left}
	header nav#first-nav li a {display:inline-block; padding: 0.3em 0.8em 0.3em 0.8em;}
	header nav#first-nav p {font-size:74.9999%}
	header nav ul a:hover, header nav ul a:focus {color: #a5023b}
	header a#top-nav-search {width:1em; position: relative; text-indent:-9999px; }
	header a#top-nav-search:before {color:rgb(72,95,112); position:absolute; right:0.5em; top:0.3em; text-align:right}
	header nav div, #sub-nav ul div {opacity: 0; background: rgba(72, 95, 112, 0.95); position: fixed; bottom: 0; width: 100%; left: 0; height: calc(100vh - 140px); z-index:101; padding: 36px 15px; box-sizing:border-box}
	header nav div ul, #sub-nav div ul {margin: 0 auto; width: 100%; text-align:left; position: relative;}
	header nav div ul li:before {display: none}
	header nav div ul li, #sub-nav ul div ul li {display: list-item;}
	#sub-nav ul div ul li {-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
	header nav div > ul > li, #sub-nav ul div > ul > li {width:calc(33.3% - 115px)}
	header nav div ul a, #sub-nav ul div ul a {color: #fff; text-decoration:none; font-size: 0.833332em; text-transform:none; display: block !important; padding: 0.3em 15px 0.3em 0 !important; box-sizing:border-box; position:relative; font-family: 'Open Sans';  font-weight:300;}
	header nav#second-nav div ul a {font-size:1.1111em}
	header nav div li.nav-got-child > a:after {position: absolute; right: 0; top: 1.2em; font-size:0.6em;}
	header nav div ul ul ul li.nav-got-child > a:after {display: none}
	header nav div ul a:hover, header nav div ul a:focus, header nav div ul a.nav-active, #sub-nav div ul a:hover, #sub-nav div ul a:focus, #sub-nav div ul a.nav-active {color:#bdbfc5}
	header nav div ul ul, #sub-nav ul div ul ul {position:absolute; left: 33.3%; top:0; width:calc(33.3% - 115px); z-index: 301; opacity:0}
	header nav div ul ul ul, #sub-nav ul div ul ul ul {position:absolute; left: calc(100% + 115px); top:0; width:100%; z-index: 302; opacity:0}
	.mobile-layer > p.nav-close {display:none}


	section#start-visual, section#start-visual div {height: calc(100vh - 140px)}
	.wirbauen section#start-visual, .wirbauen section#start-visual div {height: calc(65vh - 140px)}
	section#start-visual div {padding: 100px 0 0 45px; box-sizing:border-box}
	section#start-visual h1 {padding-right: 45%;}
	.blog.start section#start-visual, .blog.start section#start-visual div {height: calc(55vh - 140px)}
	.blog section#content-visual, .blog section#content-visual div {height: calc(45vh - 140px); max-height: inherit}
	.wirbauen.blog section#content-visual, .wirbauen.blog section#content-visual div {height: calc(60vh - 140px); max-height: inherit}

	#content-visual div {padding: 0; margin: 0;}
	#content-visual div ul li div {width: 35%;}

	section#start-image blockquote {padding: 3em 100px;}

	section#start-boxes > div > p {padding: 0 150px;}
	section#start-leistungen > div > p, section#start-standorte > div > p, section#standort-boxes > div > p, .babygallery main > p {padding: 0 15%;}

	secstion#start-standorte .start-boxes-row > div p {margin-bottom:2em;}

	#search-leistungen input, div#search-form input {width:770px; max-width:none}
	#select-leistungen > ul {width: calc(33.3% - 8px);}

	#start-events > div {}
	#start-events dl, .content-events dl {width:calc(33.33% - 20px);background: #fff; margin: 0 15px; min-height: 460px}
	#start-events .event-gallery dl:first-of-type, .content-events .event-gallery dl:first-of-type {margin-left:-30px}
	#start-events .event-gallery .no-slider dl:first-of-type, .content-events .event-gallery .no-slider dl:first-of-type {margin-left:0}
	section#start-events > div > p:last-of-type, .content-events > div > p:last-of-type {margin-top: 6em;}



	#start-news dl, .content-news dl {width:100%; margin-bottom:40px; overflow: hidden;}
	#start-news dl dt, .content-news dt {width:33%; max-width:460px; float: left;}
	#start-news dl dd, .content-news dd {width:calc(67% - 30px); float: right}

	nav#sub-nav p {display:none}
	nav#sub-nav ul div p.nav-close {display:block}
	nav#sub-nav ul {list-style-type:none}
	nav#sub-nav ul li {display:inline-block; color: #bdbfc5; font-size:1.2222em;}
	nav#sub-nav > div > div > ul > li:after {content:"|"; display: inline-block; margin: 0 0.5em}
	nav#sub-nav > div > div > ul > li:last-of-type:after, nav#sub-nav > div > ul > ul li:last-of-type:after {display:none}
	nav#sub-nav ul a {text-decoration:none; color: #bdbfc5; -webkit-transition: color .5s ease; transition: color .5s ease; display: inline-block; padding: 0.6em 0 0.5em 0; text-transform:uppercase; letter-spacing:0.04em}
	nav#sub-nav ul a.nav-active, nav#sub-nav ul a:hover, nav#sub-nav ul a:focus {color: #fff}
	nav#sub-nav > div > div > ul > li > a {font-family: 'bree light' ; font-feature-settings: "ss01" 1; font-weight:normal}
	nav#sub-nav ul ul, header nav#first-nav > ul > li:first-of-type div ul {
		-moz-column-count: 3;
		-moz-column-gap: 100px;
		-webkit-column-count: 3;
		-webkit-column-gap: 100px;
		column-count: 3;
		column-gap: 100px;
	}
	nav#sub-nav ul ul {font-size:0.9091em;}
	nav#sub-nav ul ul li, header nav#first-nav > ul > li:first-of-type div ul li {width: 100%}
	nav#sub-nav ul div {z-index:102; height:calc(100vh - 550px);}

	nav#footprint {margin-top:0.6em; position: relative; padding: 0 20px}
	nav#footprint + a + .content {padding-top: 2em}
	nav#footprint ul {list-style-type:none}
	nav#footprint ul li {display:inline-block; font-size:0.7778em; color:rgba(72,95,112,1)}
	nav#footprint ul li:after {content:">"; display:inline-block; margin: 0 0.3em;}
	nav#footprint ul li:last-of-type:after {display:none}
	nav#footprint a {color:rgba(72,95,112,1); text-decoration:none}
	.start nav#footprint {display: none}

	main {width:65.972%; float:left;}
	aside {width:29.768%; float: right}
	section.content, section.content-grey, section.content-white {overflow:hidden}

	.content-teaser-boxes, .content-contact, .content-infoboxes {overflow:hidden; }
	.teaser-image-box {width:calc(33.33% - 20px); float: left; margin-bottom:30px; }
	.teaser-image-box:nth-of-type(3n+2) {margin-left: 30px; margin-right: 30px;}
	.teaser-image-box:nth-of-type(3n+1) {clear: left}
	.teaser-image-box p {width: calc(100% - 60px); margin: 20px 40px 20px 20px; padding: 0.7em 40px 0.5em 20px;}
	.teaser-image-box p a:after {right:-35px}
	.content-contact dl, .content-infoboxes dl, .babygallery dl {width:calc(33.33% - 20px); float: left}
	.content-contact dl:nth-of-type(3n+2), .content-infoboxes dl:nth-of-type(3n+2), .babygallery dl:nth-of-type(3n+2) {margin-left: 30px; margin-right: 30px;}
	.content-contact dl:nth-of-type(3n+1), .content-infoboxes dl:nth-of-type(3n+1), .babygallery dl:nth-of-type(3n+1) {clear: left}
	.babygallery dl {min-height: inherit !important; margin-bottom: 30px;}
	.babygallery dl dt {min-height: 48px}
	.babygallery #babygallery-content {width:70.81%; float:right;}
	.babygallery #babygallery-filter {width:22.66%; float: left;}

	.content-events.all-events dl {width:calc(33.33% - 20px); margin-left: 25px; margin-bottom: 30px;}
	.content-events.all-events dl:nth-of-type(3n+1) {margin-left:0}



	.content-contact dl {min-height:230px}
	.content-contact dl dt {min-height:calc(80px - 0.85em)}
	aside dl.contact-box {width: 100%}

	main figure.images {margin: 2em calc(29.7619vw + 30px) 2em 0; width: calc(100% + 29.7619vw + 30px)}
	.images ul {overflow-x: hidden;}


	.contact-list {overflow:hidden; margin-right:calc(-29.7619vw - 30px)}
    .content-teaser-boxes .contact-list {margin-right:0}
	.contact-list dl {width:calc(25% - 22.5px); float: left; margin-left: 30px; min-height:464px}
	.contact-list dl:nth-of-type(4n+1) {clear: left; margin-left: 0;}

	#standort-boxes figure {min-height:40vh}

	#modal main {padding: 0 150px; float: none;}

	.acc-content {padding: 0.25em 50px 0.5em 20px;}
	aside div.image-teaser-box {width:100%}

	/* css animation */

	section#start-image > div > p a {-webkit-transition: color .5s ease, border .5s ease; transition: color .5s ease, border .5s ease; }
	section#start-image > div > p a:hover, section#start-image > div > p a:focus {color:rgba(255,255,255,1); border-color:rgba(255,255,255,1)}
	header a#top-nav-search:before {-webkit-transition: color .5s ease; transition: color .5s ease; }
	header a#top-nav-search:hover:before {color: #a5023b}

	section#start-standorte .start-boxes-row > div p a, section#start-events > div > p:last-of-type a, .content-events > div > p:last-of-type a, #start-boxes .start-boxes-row > div p a, #start-leistungen .start-boxes-row > div p a, .images figcaption a, #modal p a:hover {-webkit-transition: color .5s ease, background .5s ease; transition: color .5s ease, background .5s ease; }
	section#start-standorte:hover .start-boxes-row > div p a:hover, section#start-events > div > p:last-of-type a:hover, .content-events > div > p:last-of-type a:hover, #start-boxes .start-boxes-row > div p a:hover, #start-leistungen .start-boxes-row > div p a:hover, .images figcaption a:hover, section#start-standorte:focus .start-boxes-row > div p a:focus, section#start-events > div > p:last-of-type a:focus, .content-events > div > p:last-of-type a:focus, #start-boxes .start-boxes-row > div p a:focus, #start-leistungen .start-boxes-row > div p a:focus, .images figcaption a:focus, #modal p a:hover {color: #fff; background: #a5023b }

	section#start-news > div > p:last-of-type a:after, .images figcaption a:after {
		-webkit-transition: opacity .5s ease;
		transition: opacity .5s ease;
		z-index: -1;
	}
	section#start-news > div > p:last-of-type a:hover:after, section#start-news > div > p:last-of-type a:focus:after, .images figcaption a:hover:after, .images figcaption a:focus:hover  {
		opacity: 1;
		color: #a5023b !important;
	}
	section#start-news > div > p:last-of-type a, .images figcaption a {
		-webkit-transition: color .5s ease;
		transition: color .5s ease;
		position: relative;
	}
	section#start-news > div > p:last-of-type a:hover, section#start-news > div > p:last-of-type a:focus, .images figcaption a:hover, .images figcaption a:focus {
		color: #fff !important;
	}
	section#start-news > div > p:last-of-type a:before, .images figcaption a:before  {
		opacity: 1;
		-webkit-transition: opacity .5s ease;
		transition: opacity .5s ease;
	}
	section#start-news > div > p:last-of-type a:hover:before, section#start-news > div > p:last-of-type a:focus:before, .images figcaption a:hover:before, .images figcaption a:focus:before  {
		opacity: 0;
	}

	.teaser-box dd a:before {
		-webkit-transition: background .5s ease;
		transition: background .5s ease;
	}
	.teaser-box dd a:hover:before, .teaser-box dd a:hover:focus {
		color: #fff;
	}
	.teaser-box dd a {
		-webkit-transition: color .5s ease;
		transition: color .5s ease;
		text-decoration: none;
	}
	.teaser-box dd a:hover, .teaser-box dd a:hover {
		color: #a5023b;
		text-decoration: none;
	}

	p#top-nav a:before {-webkit-transition: color .5s ease; transition: color .5s ease; }
	p#top-nav a:hover:before {color:#485f70}

	#start-events p a, #start-news p a, .content-events p a, .content-news p a, footer ul a, .start-boxes-row a, nav#footprint a, main a, aside a {text-decoration:none}
	#start-events p a:hover, #start-news p a:hover, .content-events p a:hover, .content-news p a:hover, #start-events p a:focus, #start-news p a:focus, .content-events p a:focus, .content-news p a:focus, footer ul a:hover, footer ul a:focus, .start-boxes-row a:hover, .start-boxes-row a:focus, nav#footprint a:hover, nav#footprint a:focus, main a:hover, main a:focus, aside a:hover, aside a:focus {text-decoration: underline;}

	.teaser-image-box img {-webkit-transition: transform .5s ease; transition: transform .5s ease;}
	.teaser-image-box:hover img {-moz-transform: scale(1.02);
		-webkit-transform: scale(1.02);
		-o-transform: scale(1.02);
		-ms-transform: scale(1.02);
		transform: scale(1.02);}

	.csc-mailform input, .csc-mailform textarea, .job-offers input, .job-offers textarea, .job-offers select {-webkit-transition: border .5s ease; transition: border .5s ease;}
	.csc-mailform input:hover, .csc-mailform textarea:hover, .job-offers input:hover, .job-offers textarea:hover, .job-offers select:hover {border-color: #6b0013;}

	.csc-mailform input[type=submit], .job-offers input[type=submit] {-webkit-transition: background .5s ease; transition: background .5s ease;}
	.csc-mailform input[type=submit]:hover, .job-offers input[type=submit]:hover {background-color: #6b0013;}

	div.image-teaser-box div p a {-webkit-transition: background .5s ease; transition: background .5s ease;}
	div.image-teaser-box div p a:hover, div.image-teaser-box div p a:focus {background: #a5023b}

	h3.acc-head {cursor: pointer}
	h3.acc-head:after {-webkit-transition: all .5s ease; transition: all .5s ease}
	h3.acc-head:hover:after {
		-moz-transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	.fancybox {-webkit-transition: opacity .5s ease; transition: opacity .5s ease;}
	.fancybox:hover {opacity: 0.7}

	p.slider-nav {width: calc(100% - 30px)}

	footer > div div {float: left; width:17%}
	footer > div div:last-of-type {float: right; width:20%}

	.mediusjobs main {width:100%; float: none}
	.mediusjobs aside {display: none;}
	p.categories, p.functions, p.locations {width: 66.6667%}

	div.media-left, div.media-right {padding-top: 2em;}
	div.media-left > div {float: left; width: 50%; box-sizing: border-box; padding-right: 20px; margin: -1em 20px 1em 0;}
	div.media-right > div {float: right; width: 50%; box-sizing: border-box; padding-left: 20px; margin: -1em 0 1em 20px}


	#start-visual #image-campaign-1 h4 {font-size: 2.25em; top:calc(100vh/2 - 41vh); left: 90px;}
	#start-visual #image-campaign-1 h5 {font-size: 2.25em; bottom:calc(100vh/2 - 19vh); right: 130px;}

	#start-visual #image-campaign-2 h4 {font-size: 2.25em; top:calc(100vh/2 - 40vh); left: 90px;}
	#start-visual #image-campaign-2 h5 {font-size: 2.25em; bottom:calc(100vh/2 - 33vh); right: 130px;}

	#start-visual #image-campaign-3 h4 {font-size: 2.25em; top:calc(100vh/2 - 10vh); left: 30px;}
	#start-visual #image-campaign-3 h5 {font-size: 2.25em; bottom:calc(100vh/2 - 33vh); right: 50px;}

	#start-visual #image-campaign-4 h4 {font-size: 2.25em; top:calc(100vh/2 - 40vh); left: 90px;}
	#start-visual #image-campaign-4 h5 {font-size: 2.25em; bottom:calc(100vh/2 - 19vh); right: 130px;}
	#start-visual #image-campaign-4 h5 {font-size: 2.25em; bottom:calc(100vh/2 - 19vh); right: 130px;}

}

@media screen and (min-width: 1025px) and (max-height:800px) {
	header nav#first-nav {font-size:1.11111em;}
	header nav div ul a, #sub-nav ul div ul a {padding: 0.1em 15px 0.2em 0 !important;}
}

@media screen and (min-width:1465px) {

    #content-visual {height: 50vh}
    #content-visual div {padding: 0; height: 50vh}

	header > div, section > div, footer > div, nav#sub-nav > div  {width:1440px; margin: 0 auto; padding: 0}
	header img {left: 0;}
	header nav#second-nav {right: 15px}

	header nav div ul, #sub-nav div ul {width: 1440px; }
	nav#footprint > ul {width:1440px; margin: 0 auto}

	main {width:950px;}
	aside {width:336px; }

	section#start-visual h1 {font-size: 2.611em}
	section#start-leistungen:before {width:1400px; left: calc(50% - 700px);}

	.audit #content-visual > div:before {width: 120px; height: 120px;}

	#content-visual > div {padding: 0; margin: 0; width: 100%; height: 50vh; max-height: 450px;}
	#content-visual div ul li, #content-visual div ul {height:360px}
	#content-visual div ul li div {width: 25%; right: calc(50% - 732px); bottom:20px}

	section#start-leistungen > div > p, section#start-standorte > div > p, section#standort-boxes > div > p, section#start-leistungen h4, .babygallery main > p {padding: 0 280px;}
	#select-leistungen > ul {width: calc(33.3% - 20px); margin-bottom: 20px; display: inline-block;}
	#select-leistungen > ul:nth-of-type(3n+2) {margin-left: 26px; margin-right:26px;}

	#start-events dl, .content-events dl {min-height:480px}

	#start-news dl dt, .content-news dt {width:460px;}
	#start-news dl dd, .content-news dd {width:950px;}

	main figure.images {margin: 2em -490px 2em 0}
	main figure.images li:nth-of-type(2) {margin: 0 30px;}

	.contact-list {margin-right:-490px}
    .content-teaser-boxes .contact-list {margin-right:0}

	p.slider-nav {width: 100%}

	section#start-visual > div:before {right: calc(50% - 720px);  }


	#start-visual #image-campaign-1 h4 {font-size: 2.5em; top:calc(100vh/2 - 38vh); left: 90px;}
	#start-visual #image-campaign-1 h5 {font-size: 2.5em; bottom:calc(100vh/2 - 19vh); right: 130px;}

	#start-visual #image-campaign-2 h4 {font-size: 2.5em; top:calc(100vh/2 - 38vh); left: 90px;}
	#start-visual #image-campaign-2 h5 {font-size: 2.5em; bottom:calc(100vh/2 - 33vh); right: 130px;}

	#start-visual #image-campaign-3 h4 {font-size: 2.5em; top:calc(100vh/2 - 10vh); left: 90px;}
	#start-visual #image-campaign-3 h5 {font-size: 2.5em; bottom:calc(100vh/2 - 33vh); right: 30px;}

	#start-visual #image-campaign-4 h4 {font-size: 2.5em; top:calc(100vh/2 - 38vh); left: 120px;}
	#start-visual #image-campaign-4 h5 {font-size: 2.5em; bottom:calc(100vh/2 - 17vh); right: 160px;}
}

@media screen and (min-width:1570px) {
	p.slider-nav {top: 10em; width:calc(100% + 4.6em); margin: 0 -2.3em; padding: 0}
}


@media print {

	body {'Trebuchet MS', Verdana, Geneva, sans-serif !important;}

	header {display: none}
	#search-form {display: none}
	#content-visual {display: none}
	nav#sub-nav {display: none}
	section {width: 100%; flaot:none}
	.content-events {display: none;}
	aside {width: 33.3%; float: none}
	nav#footprint {display: none;}
	footer {display: none}
	#top-nav {display: none}
	nav.content-nav {display: none}

	.contact-list, .content-teaser-boxes div, .content-contact {overflow: hidden}
	.contact-list dl, .content-teaser-boxes div div, .content-contact dl, .content-infoboxes dl {width: calc(33% - 22.5px) !important;  float: left;  margin-left: 30px;  }
	.contact-list dl:nth-of-type(3n+1), .content-teaser-boxes div div:nth-of-type(3n+1), .content-contact dl:nth-of-type(3n+1), .content-infoboxes dl:nth-of-type(3n+1) {clear: left;  margin-left: 0;}

	main figure.images li {width: 33.3%; display: inline-block; padding: 0 10px; box-sizing: border-box}
	main figure.images figcaption a {display: none}


}

.cc-cookies {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	box-sizing: border-box;
	color: #fff;
	background-color: rgba(165, 2, 49, 0.8);
	text-align: center;
	z-index: 999;
	padding: 10px 10% 16px 10%;
	font-size: 0.75em;
	line-height:1.25em;
}
@media screen and (min-width:1024px) {
	.cc-cookies {padding: 10px 20% 16px 20%; font-size: 0.6em;}
}
.cc-cookies h6 {
	font-weight: 700;
	font-size: 1em;
}
.cc-cookies p {
	letter-spacing: 0.5px;
	padding-bottom: 12px;
	margin-bottom: 0;
}
.cc-cookies a, .cc-cookies a:link, .cc-cookies a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: 700;
}

.cc-cookies .cc-cookie-accept, .cc-cookies > a:last-of-type {
	border: 1px solid #fff;
	padding: 4px 10px;
	margin: 0 6px;
}
.cc-cookies .cc-cookie-accept:before, .cc-cookies > a:last-of-type:before {
	content: none;
	background: none;
}
.cc-cookies .cc-cookie-accept:hover, .cc-cookies > a:last-of-type:hover {
	color: #a5023b;
	background-color: #fff;
}


h1.special-headline {
	color: #465d6d;
	font-family: 'bree bold';
	display: inline-block;
	padding-right: 60px;
	padding-bottom: .6em;
	margin: 1em 0;
	position: relative;
	font-size:2.5em;
}
h1.special-headline span {
	display: inline-block;
	color: #a5023b;
	font-family: "Quickbrush";
	-moz-transform: rotate(-6deg);
	-webkit-transform: rotate(-6deg);
	-o-transform: rotate(-6deg);
	-ms-transform: rotate(-6deg);
	transform: rotate(-6deg);
	font-size: 0.85em;
	position: absolute;
	bottom: 0;
	right: 0;
	text-transform: none;
}

div.special-image {
	margin: 1.5em 0;
	padding: 0 0 20px 5px;
	position: relative;
}

div.special-image:before {
	background: url(../Images/bg-content-stoerer.svg) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: -20px;
	right: 20px;
	bottom: 0;
	display: inline-block;
	content: " ";
}

div.special-image img {
	position: relative;
	-webkit-clip-path: polygon(0 6%, 99% 0, 100% 91%, 2% 98%);
	clip-path: polygon(0 6%, 99% 0, 100% 91%, 2% 98%);
	width: 100%;
	height: auto;
}

div.special-image div {
	position: absolute;
	bottom: 50px;
	right: 0;
	width: 50%;
	background: rgba(255,255,255,0.8);
	box-sizing: border-box;
	padding: 15px;
}
@media screen and (max-width:767px) {
	div.special-image div {
		width: 80%;
	}
}
div.special-image div a {
	display: inline-block;
	position: relative;
	color: #fff;
	z-index: 90;
	font-family: 'bree bold';
	text-transform: uppercase;
	padding: 0.45em 0 0 20px;
	margin-left: -20px;
	margin-top: 1em;
}
div.special-image div a:before {
	font-family: 'medius-icons';
	content: '\e822';
	line-height: 1.5em;
	display: inline-block;
	font-size: 2.5em;
	top: -0.25em;
	left: -0.2em;
	position: absolute;
	color: #a5023b;
	z-index: -1;
}


/* extra blog styles */

.blog {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.blog section, .blog header, .blog footer {
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
}

.blog section#section-feedback {
	-webkit-order: 9;
	-ms-flex-order: 9;
	order: 9;
	margin: 0 0 5em 0;
}
.blog footer {
	-webkit-order: 10;
	-ms-flex-order: 10;
	order: 10;
}


.blog footer:after {
    font-family: "medius-icons";
    content: '\e82f';
    display: inline-block;
    font-size: 5em;
    color: #a1a4ae;
    position: absolute;
    top: -0.65em;
    right: 20%;
    z-index: 101;
}

#blog-intro, #blog-list {
	width: 100%;
	padding: 2em 10px;
	box-sizing: border-box;
	position: relative;
}
#blog-list {
	background-color: #EBEAED;
	padding-bottom: 3em;
}

#blog-intro > div {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
#blog-intro h2 {
	color: #465d6d;
}

section#blog-filter {
	padding: 4em 10px 4em 10px;
	box-sizing: border-box;
}

.blog section#content-visual ~ #blog-filter:before {
	background-color: #a90051;
}
.blog section#content-visual ~ #blog-filter {
	background: #a90051;
	background: -moz-linear-gradient(top, #a90051 20%, #790e11 100%);
	background: -webkit-linear-gradient(top, #a90051 20%,#790e11 100%);
	background: linear-gradient(to bottom, #a90051 20%,#790e11 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90051', endColorstr='#790e11',GradientType=0 );
	padding: 0 10px 5em 10px;
}

section#blog-filter:before {
	background-color: #fff;
}

section#blog-filter ul {
	list-style-type: none;
	text-align: left;
}
section#blog-filter ul li {
	display: inline-block;
	text-transform: uppercase;
	margin: 0.5em 15px 0.5em 0;
	position: relative;
	vertical-align: top;
}
section#blog-filter ul li a {
	font-family: 'bree light';
	color: rgba(255,255,255,0.7);
	font-size: 1.125em;
	font-feature-settings: "ss01" 1;
	text-decoration: none;
	-webkit-transition: color .5s ease; transition: color .5s ease;
	font-feature-settings: "ss01" 1;
}
section#blog-filter ul li a:hover, section#blog-filter ul li a:focus {
	color: rgba(255,255,255,1);
}

section#blog-filter ul li a.nav-active {
	font-family: 'bree bold';
	color: rgba(255,255,255,1);
}

section#blog-filter ul li ul {
	display: none;
	width: auto;
}
section#blog-filter ul li ul li {
	display: list-item;
	text-transform: none;
}
section#blog-filter ul li label {
	display: inline-block;
	overflow: hidden;
	position: relative;
	width:1.25rem;
	margin-left: 0.5rem;
	white-space: nowrap;
	vertical-align: -0.25em;
	cursor: pointer;
}
section#blog-filter ul li input {
	position: absolute;
	left: -9999px;
}
section#blog-filter ul li input:checked + ul {
	display: block;
}

section#blog-filter ul li label:before {
	content: '\e831';
	font-family: 'medius-icons';
	font-size: 1.25rem;
	color: #ffffff;
	display: inline-block;
	width: 1.25rem;
}

div.blog-item {
	width: 100%;
	background-color: #fff;
	margin-bottom: 25px;

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	position: relative;
}
.related-item {
	width: 100%;
	background-color: #fff;
	margin-bottom: 25px;
	position: relative;
	box-sizing: border-box;
}
#related-posts {
	margin-bottom: 3em;
}
#section-feedback p {
	margin: 2em 0 2.5em 0;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}
#section-feedback p a {
	text-decoration: none;
}
#section-feedback p a:hover, #section-feedback p a:focus {
	text-decoration: underline;
}
#section-feedback p a:before {
	content: '\e831';
	font-family: 'medius-icons';
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	font-size: 1em;
	margin-right: 0.25em;
	display: inline-block;

}

div.blog-item:after, .related-item:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-moz-box-shadow: 0 5px 20px 0 #465d6d;
	-webkit-box-shadow: 0 5px 20px 0 #465d6d;
	box-shadow: 0 5px 20px 0 #465d6d;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	z-index: 0;
}

div.blog-item div:nth-of-type(1) {
	margin: 0;
	padding: 0;

	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	position: relative;
	width: 100%;
}
.related-item div:nth-of-type(1) {
	position: relative;
}
div.blog-item div:nth-of-type(1) img, .related-item div:nth-of-type(1) img {
	display: block;
	width: 100%;
	height: auto;
}
div.blog-item h2, .related-item h2 {
	width: calc(100% - 30px);
	box-sizing: border-box;
	margin: 15px;
	color: #465d6d;
	background-color: #444;
	padding: 0.7em 30px 0.4em 15px;
	font-size: 1.222em;
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: 'bree';
	font-feature-settings: "ss01" 1;
	text-transform: uppercase;
	background: url(../Images/teaser-bg.svg) no-repeat;
	/*background-size: 100% 100%;*/
	background-size: cover;
}
div.blog-item h2 a, .related-item h2 a {
	color: #465d6d;
	text-decoration: none;
	padding-right: 0.5em;
	position: relative;
	display: block;
}
div.blog-item h2 a:after, .related-item h2 a:after {

	color: rgb(162,11,63);
	margin: 0.175em 0 0 0.4em;
	vertical-align: 0.04em;
	font-size: 2.5em;
	bottom: 0.3em;
	position: absolute;
	right: -15px;
	content: '\e831';
	font-family: 'medius-icons';
}

.icon-single-arrow-right:before, .teaser-image-box a:after {
	content: '\e831';
}

div.blog-item div:nth-of-type(2) {
	margin: 0;

	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	box-sizing: border-box;
	padding: 15px 10px;
}
.related-item div:nth-of-type(2) {
	padding: 15px 10px;
}

div.blog-item h6, #blog-header h6, .related-item h6 {
	color: #a5023b;
	font-weight: 300;
	margin-bottom: 1em;
	font-size: 1em;
	text-transform: uppercase;
}
div.blog-item p.blog-date, p.blog-date, .related-item p.blog-date {
	color: #465d6d;
	font-weight: 700;
	margin-bottom: 1em;
	font-size: 1em;
}

#blog-header {
	margin: 2em 0 0 0;
}
#blog-header h1 {
	font-size: 2.5em;
}
.blog-content h2 {
	font-size: 1.75em;
	margin-bottom: 0.5em;
}
.blog-content p {
	margin-bottom: 1.5em;
}

.blog-content aside img {
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 1em;
}
#blog-header nav {
	display: none;
}

.blog-gallery {
	margin-bottom: 3em;
}
.single-gallery {
	margin: 0;
}
.single-gallery > div {
	overflow: hidden;
}
.single-gallery ul {
	margin: 0;
	list-style-type: none;
	white-space: nowrap;
	font-size: 0;
}
.single-gallery ul li {
	display: inline-block;
	font-size: 1.125rem;
	margin-right: 15px;
	width: 100%;
	vertical-align: top;
}
.single-gallery ul li img {
	width: 100%;
	height: auto;
}

.single-gallery ul li.single-gallery-active a:before, .single-gallery ul li.inner a:before {
    display: inline-block;
    font-family: 'medius-icons';
    content: '\e80a';
    color: #a5023b;
    text-decoration: none;
    font-size: 1.15em;
    background-color: rgba(255,255,255,0.8) !important;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    top: 10px;
    position: absolute;
    right: 10px;
    box-sizing: border-box;
    padding: 0.2em 0 0 0.3em;
}
.single-gallery ul li.single-gallery-right a:before, .single-gallery ul li.single-gallery-left a:before {
    display: none;
}

nav.blog-pager ul {
	margin: 2em 0;
	list-style-type: none;
	text-align: center;
}
nav.blog-pager li {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0.25em;
}

nav.blog-pager li a {
	text-decoration: none;
	font-size: 1.25em;
}
nav.blog-pager li a:hover, nav.blog-pager li a:focus {
	text-decoration: underline;
}

nav.blog-pager li.blog-pager-back a, nav.blog-pager li.blog-pager-next a {
	display: inline-block;
	font-size: 1.5em;
	width: 0.75em;
	height: 1em;
	overflow: hidden;
	white-space: nowrap;
}
li.blog-pager-back a:before, li.blog-pager-next a:before {
	content: '\e831';
	font-family: 'medius-icons';
	font-size: 1em;
	margin-right: 0.25em;
	display: inline-block;
}
li.blog-pager-back a:before {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
	vertical-align: 0.1em;
}

.blog .contact-list, .blog .tx-zwbisdrei-video {
	box-sizing: border-box;
	padding: 0 10px;
	margin: 1em 0;
	width: 100%;
}
body > h2 {
	padding: 0 10px;
}

.audio {
	margin: 1em 0 1.5em 0;
	padding: 0 10px;
}

.shariff {
	padding: 0 10px;
	margin: 1em 0 2em 0;
}

.feedback {
	margin-bottom: 3em;
}

.feedback p {
	overflow: hidden;
}

.feedback label {
	display: block;
	width: 100%;
}
.feedback input[type=text], .feedback input[type=email], .feedback textarea {
	width: 100%;
}
.feedback textarea {
	height: 200px;
}
input#sjbr-freecap-captcha-response {
	width: 200px;
	padding: 1em 15px;
	margin-right: 15px;
	vertical-align: top;
}
label[for=sjbr-freecap-captcha-response] {
	vertical-align: top;
	margin-bottom: 0.3em;
}
span.tx-srfreecap-cant-read {
	display: inline-block;
	margin-left: 15px;
}

@media screen and (min-width:768px) {
	#blog-intro, #blog-list {
		padding: 3em 20px 1.5em 20px;
	}
	#blog-list {
		padding-bottom: 4em;
	}
	#blog-intro h2 {
		text-align: right;
	}
	#blog-intro > div {
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	#blog-intro > div div {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		box-sizing: border-box;
	}
	#blog-intro > div div:nth-of-type(1) {
		-webkit-flex: 0 1 40%;
		-ms-flex: 0 1 40%;
		flex: 0 1 40%;
		padding-right: 50px;
	}
	#blog-intro > div div:nth-of-type(2) {
		-webkit-flex: 0 1 60%;
		-ms-flex: 0 1 60%;
		flex: 0 1 60%;
	}

	section#blog-filter {
		padding: 3em 20px 2em 20px;
	}
	.blog section#content-visual ~ #blog-filter {
		padding: 0 20px 4em 20px;
	}

	section#blog-filter ul li {
		margin: 0 15px 0 0;
		position: relative;
	}
	section#blog-filter ul li:last-of-type {
		margin-right: 0;
	}

	section#blog-filter ul li input:checked + ul {
		position: absolute;
		width: 300px;
		background: #b9bdc5;
		z-index: 999;
		padding: 10px;
		box-sizing: border-box;
	}
	section#blog-filter ul li input:checked + ul li {
		margin: 0.25em 0;
	}
	section#blog-filter ul li input:checked + ul li a {
		color: #a5023b;
	}

	section#blog-filter {
		padding: 3em 0;
	}

	div.blog-item {
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		margin-bottom: 35px;
	}
	#related-posts div.related-item {
		-webkit-order: 0;
		-ms-flex-order: 0;
		order: 0;
		-webkit-align-self: auto;
		-ms-flex-item-align: auto;
		align-self: auto;
		-webkit-flex: 0 1 calc(100%/3 - 16px);
		-ms-flex: 0 1 calc(100%/3 - 16px);
		flex: 0 1 calc(100%/3 - 16px);

	}
	#related-posts > div {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		-webkit-align-content: stretch;
		-ms-flex-line-pack: stretch;
		align-content: stretch;
		-webkit-align-items: flex-start;
		-ms-flex-align: start;
	}
	#related-posts {
		margin-bottom: 4em;
	}

	div.blog-item div:nth-of-type(1) {
		-webkit-flex: 0 1 35%;
		-ms-flex: 0 1 35%;
		flex: 0 1 35%;
	}
	#related-posts div.blog-item div:nth-of-type(1), #related-posts div.blog-item div:nth-of-type(2) {
		-webkit-flex: 0 1 100%;
		-ms-flex: 0 1 100%;
		flex: 0 1 100%;
	}

	div.blog-item div:nth-of-type(2) {
		-webkit-flex: 0 1 65%;
		-ms-flex: 0 1 65%;
		flex: 0 1 65%;
		padding: 25px 20px 15px 20px;
	}
	div.related-item div:nth-of-type(2) {
		padding: 25px 20px 15px 20px;
	}

	.blog-content main {
		margin: 0 0 1.5em 0;
		line-height: 1.5em;
	}
	.blog-content aside {
		margin: 0 0 1.5em 0;
	}

	#blog-header nav {
		display: block;
	}
	#blog-header ul {
		margin: 0 0 2em 0;
		font-size: 1.125em;
		white-space: nowrap;
	}
	#blog-header ul li {
		display: inline-block;
		color: #465d6d;
	}
	#blog-header ul a {
		color: #465d6d;
		text-decoration: none;
	}
	#blog-header ul a:hover, #blog-header ul a:focus {
		text-decoration: underline;
	}
	#blog-header ul li:after {
		content: ">";
		display: inline-block;
		margin: 0 3px 0 6px;
	}
	#blog-header ul li:last-of-type:after {
		display: none;
	}

	.single-gallery ul li {
		margin-right: 24px;
		width: calc(100%/3 - 16px);
		position: relative;

	}

	.single-gallery ul li figcaption {
        white-space: initial;
        background: #f3f4f5;
        display: block;
        margin-top: -0.4em;
        padding: 5px;
        font-size: 0.85em;
        color: #000;
        line-height: 1.5em;
        text-align: left;
	}
	.single-gallery ul li.single-gallery-active figcaption {
		display: block;
		white-space: normal;
	}
	.single-gallery ul li.single-gallery-active figcaption strong {
		display: block;
	}

	.single-gallery-left a, .single-gallery-right a {
		display: block;
		position: relative;
	}

	.single-gallery-left a:after, .single-gallery-right a:after {
		font-size: 3.5em;
		padding-top: calc(50% - .5em);
		text-align: center;
		display: block;
		position: absolute;
		content: " ";
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(255, 255, 255, 0.9);
		-webkit-transition: background-color .5s ease;
		transition: background-color .5s ease;
	}
	.single-gallery-left:after, .single-gallery-right:after {
		content: '\e831';
		font-family: 'medius-icons';
		color: #a5023b;
		display: inline-block;
		position: absolute;
		font-size: 3.5em;
		top: 45%;
		left: 40%;
	}

	.single-gallery-left:after {
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	.single-gallery-left:hover a:after, .single-gallery-right:hover a:after {
		background-color: rgba(255,255,255,0.6);
		cursor: pointer;
	}

	.blog .contact-list, .blog .tx-zwbisdrei-video {
		padding: 0 20px;
		margin: 2em 0;
		box-sizing: border-box;
		width: 100%;
	}
	body > h2 {
		padding: 0 20px;
		width: 100%;
		box-sizing: border-box;
	}

	.audio {
		padding: 0 20px;
	}

	.shariff {
		padding: 0 20px;
	}


}

@media screen and (max-width: 767px) {
	.single-gallery ul {
		overflow-x: scroll;
		left: auto !important;
	}

	.single-gallery ul li.single-gallery-active:after, .single-gallery ul li.single-gallery-active:before {
		content: '\e831';
		font-family: 'medius-icons';
		color: #a5023b;
		font-size: 1.5em;
		padding-top: calc(50% - 1em);
		text-align: center;
		display: block;
		position: absolute;
		top: 0;
		right: 15px;
		bottom: 0;
	}
	.single-gallery ul li.single-gallery-active:after {
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		padding-top: calc(50% - .2em);
		left: 15px;
		right: auto;
	}
}

@media screen and (min-width: 1025px) {

	div.blog-item:hover, div.related-item:hover {
		cursor: pointer;
	}
	div.blog-item:hover:after, div.related-item:hover:after {
		opacity: 1;
	}

	div.blog-item img, div.related-item img {
		-webkit-transition: transform .5s ease;
		transition: transform .5s ease;
	}
	div.blog-item div:nth-of-type(1), div.related-item div:nth-of-type(1) {
		overflow: hidden;
	}
	div.blog-item:hover img, div.related-item img {
		-moz-transform: scale(1.02);
		-webkit-transform: scale(1.02);
		-o-transform: scale(1.02);
		-ms-transform: scale(1.02);
		transform: scale(1.02);
	}

	div.blog-item div:nth-of-type(1) h2, div.related-item h2 {
		width: calc(100% - 60px);
		margin: 20px 40px 20px 20px;
		padding: 0.7em 40px 0.5em 20px;
	}

	div.blog-item h2 a:after, div.related-item h2:after {
		right: -25px;
	}

	.blog-content {
		overflow: hidden;
	}

	.blog-content main {
		width: 70%;
		box-sizing: border-box;
		padding-right: 20px;
	}
	.blog-content aside {
		width: 30%;
	}

	.blog .contact-list, .blog .tx-zwbisdrei-video {
		margin: 2em 0;
	}

	.feedback input[type=text], .feedback input[type=email], .feedback textarea {
		width: 50%;
	}


}
@media screen and (min-width:1465px) {

	.blog.start section#start-visual, .blog.start section#start-visual div {height: calc(65vh - 140px)}
	.blog section#content-visual, .blog section#content-visual div {height: calc(65vh - 140px); max-height: inherit}

	#blog-intro, #blog-list {
		padding: 3em 0 1.5em 0;
	}
	#blog-list {
		padding-bottom: 5em;
	}

	section#blog-filter {
		padding: 6em 0 4em 0;
	}
	.blog section#content-visual ~ #blog-filter {
		padding: 2.5em 0 4em 0;
	}

	#blog-intro > div, section#blog-filter > div, #blog-list > div {
		width: 1440px;
		margin: 0 auto;
	}

	div.blog-item div:nth-of-type(1) {
		-webkit-flex: 0 1 464px;
		-ms-flex: 0 1 464px;
		flex: 0 1 464px;
	}

	div.blog-item div:nth-of-type(2)  {
		-webkit-flex: 0 1 976px;
		-ms-flex: 0 1 976px;
		flex: 0 1 976px;
		padding: 30px 100px 15px 20px;
	}

	.blog-content main {
		width: 976px;
		padding-right: 40px;
	}
	.blog-content aside {
		width: 464px;
	}

	.blog .contact-list, .blog .tx-zwbisdrei-video {
		padding: 0;
		margin: 2em auto 3em auto;
		width: 1440px;
	}
	body > h2 {
		padding: 0;
		width: 1440px;
		margin: 1em auto 0 auto;
	}
	.blog-content main {
		margin-bottom: 0;
	}
	.blog-content + a + .contact-list {
		margin-top: 1em;
	}
	.blog .contact-list {
		margin-bottom: 0;
	}

	.audio {
		padding: 0;
		width: 1440px;
		margin: 1em auto 1.5em auto;
	}

	.shariff {
		padding: 0;
		width: 1440px;
		margin: 1em auto 2.5em auto;

	}
}


a.cta-button, a.nav-more {
	display: inline-block;
	position: relative;
	color: #fff;
	z-index: 90;
	font-family: 'bree';
	text-transform: uppercase;
	padding: 0.45em 20px 0.4em 20px;
	line-height: 1;
	margin-top: 1em;
	background-color: #a5023b;
	text-decoration: none;
	-webkit-transition: background .5s ease; transition: background .5s ease;
}
a.cta-button:hover, a.cta-button:focus, a.nav-more:hover, a.nav-more:focus {
	text-decoration: none;
	background-color: #6b0013;
}

a.nav-more {
	padding: 1em 20px;
}

a.nav-more:before {
	display: none !important;
}
a.nav-more:after {
	margin: 0.175em 0 0 0.4em;
	vertical-align: 0.04em;
	font-size: 1.5em;
	content: '\e831';
	font-family: 'medius-icons';
	color: #fff;
}

#related-posts p {
	overflow: hidden;
	display: none;
}
#section-feedback p {
	overflow: hidden;
}

#section-feedback p a.nav-more {
	margin-top: -0.5em;
}
#section-feedback p span {
	float: right;
}

.pflegeschule .slick-next, .pflegeschule .slick-prev {
	display: none !important;
}



.start-slider ul.slick-dots {
	position: absolute;
	bottom: 15px;
	white-space: normal;
	text-align: right;
	width: auto;
	right: 15px;
}
.start-slider ul.slick-dots li {
	display: inline-block;
	width: auto;
	margin: 0 0 0 10px;
}

.start-slider ul.slick-dots li button {
	border: none;
	background-color: #858992;
	text-indent: -9999px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	cursor: pointer;
	-webkit-transition: background .5s ease; transition: background .5s ease;
}

.start-slider ul.slick-dots li button:hover, .start-slider ul.slick-dots li button:focus, .start-slider ul.slick-dots li.slick-active button {
	background-color: #6b0013;
	outline: none;
}

@media screen and (min-width: 1025px) {
	.start-slider ul.slick-dots {
		bottom: 35px;
	}
	.start-slider ul.slick-dots li button {
		width:25px;
		height:25px;
	}
}
@media screen and (min-width: 1465px) {
	.start-slider ul.slick-dots {
		right: calc(100%/2 - 720px);
	}
}



.start-slider {
	overflow: hidden;
	padding: 0;
}

.start-slider div {
	padding: 0;
}

.start-slider ul {
	list-style-type: none;
	white-space: nowrap;
	font-size: 0;
	width: 100%;
}

.start-slider ul li {
	width: 100%;
	display: inline-block;
	white-space: normal;
	font-size: 1rem;
	position: relative;
}

.start-slider ul li h3 {
	font-size: 1.25rem;
	color: #6b0013;
	text-transform: uppercase;
	font-family: 'Bree Serif';
	font-feature-settings: "ss01" 1;
	margin: 0;
}
.start-slider ul li p {
	font-size: 1rem;
	margin: 0;
}

.start-slider ul li p:last-of-type {
	margin: 0;
	background: #6b0013;
	background: -moz-linear-gradient(left, #6b0013 0%, #920041 100%);
	background: -webkit-linear-gradient(left, #6b0013 0%,#920041 100%);
	background: linear-gradient(to right, #6b0013 0%,#920041 100%);
	display: inline-block;
	margin-top: 1em;
}
.start-slider ul li p:last-of-type a {
	background: rgba(146,0,65,0);
	font-family: 'bree light';
	font-feature-settings: "ss01" 1;
	text-transform:uppercase;
	letter-spacing:0.03em;
	color: #fff;
	padding: 0.6em 1em 0.55em 1em;
	text-decoration:none;
	opacity:1;
	-webkit-transition: background .5s ease; transition: background .5s ease;
	position: relative;
	display: inline-block;
	font-size:1em;
}

.start-slider ul li p:last-of-type a:hover, .start-slider ul li p:last-of-type a:focus {
	background: rgba(146,0,65,1);
}

.start-slider ul li img {
	position: relative;
	width: 100%;
	height: auto;
	display: block;
}

.start-slider ul li div {
	padding: 15px;
	min-height: 150px;
	border-bottom: 1px solid #6b0013;
	position: relative;
	line-height: 1.25em;
}

section#start-visual div {
	padding: 0;
}

section#start-visual.start-slider ul li div {
	background: transparent;
	height: auto !important;
	left: 20px;
}


section#start-visual, section#start-visual div {
	height: inherit;
}

@media screen and (min-width: 768px) {

	section#start-visual div {
		padding: 0;
	}

	.start-slider ul li div {
		position: absolute;
		bottom: 60px;
		left: 10px;
		right: 10px;
		background:rgba(255,255,255,0.8);
		min-height: auto;
		border: none;
		width: 70%;
	}

	.start-slider ul li p:last-of-type {
		position: absolute;
		bottom: -3em;
		left: 0px;
		margin-top: 0;
	}

	.start-slider ul li h3 {
		font-size: 1.5rem;
	}
}


@media screen and (min-width: 1025px) {

	section#start-visual div {
		padding: 0;
	}

	.start-slider ul li div {
		width: 40%;
		bottom: 100px;
		left: 20px;
		right: 20px;
	}

	.start-slider ul li h3 {
		font-size: 1.75rem;
	}

    .contact-list dt, dl.contact-box dt {min-height: 209px}

}

@media screen and (min-width: 1465px) {

	section#start-visual.start-slider ul li div {
		left: calc((100% - 1440px) / 2);
	}

	section#start-visual div {
		padding: 0;
	}

	.start-slider div {
		margin: 0;
		width: 100%;
	}
	.start-slider ul li div {
		left: calc(100%/2 - 720px);
		width: 35%;
		bottom: 120px;
	}

    .contact-list dt, dl.contact-box dt {min-height: 232px}
}

.teaser-image-box p.s--only,
.teaser-image-box p{
	background-image: none;
	background-color: #fff;
	width: 90%;
}

.contact-list dl h5:before{
	background-color: #465d6d;
}


div.get-date {
    position: fixed;
    z-index: 2;
    right: 0;
    top: calc(80% - 1em);
    width: 160px;
    background: rgb(162,11,63);
    background: -moz-linear-gradient(left, #6b0013 0%, #920041 100%);
    background: -webkit-linear-gradient(left, #6b0013 0%,#920041 100%);
    background: linear-gradient(to right, #6b0013 0%,#920041 100%);
    color: #fff;
    border-radius: 10px 0 0 10px;
    border: 2px solid #fff;
    transition: 0.3s ease-in border;
    border-right: none;
}
div.get-date:hover {
    border-color:rgb(162,11,63);
}

div.get-date p {
    margin: 0;
}
div.get-date a {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 10px 10px 10px 38px;
    text-decoration: none;
    line-height: 1.25em;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Open Sans';
    text-align: left;
}
div.get-date a:before {
    font-family: 'medius-icons';
    text-align: left;
    display: inline-block;
    position: absolute;
    font-size: 1.75rem;
    width: 1em;
    left: 10px;
    font-weight: normal;
}
div.get-date.icon-date a:before {
    content: '\e834';
    top: calc(50% - 0.35em);
}
div.get-date.icon-apply a {
    padding-left: 45px;
}
div.get-date.icon-apply a:before {
    content: '\e835';
    top: calc(50% - 0.35em);
}

@media screen and (min-width: 1024px) {
    div.get-date {
        top: calc(50% - 1em);
        width: 180px;
    }
    div.get-date a {
        font-size: 16px;
        padding-left: 42px;
        line-height: 1.3em;
    }
    div.get-date a:before {
        font-size: 2rem;
    }
}