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

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

/* open-sans-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../Fonts/open-sans-v40-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-700 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('../Fonts/open-sans-v40-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

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

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 span, h2 span, h3 span, h4 span, h5 span, h6 span, span.text-uppercase {
    text-transform: uppercase;
}

#start-boxes > div > h2 span {
    text-transform: none;
}

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?45653030');
    src: url('../Fonts/medius-icons.eot?45653030#iefix') format('embedded-opentype'),
    url('../Fonts/medius-icons.woff2?45653030') format('woff2'),
    url('../Fonts/medius-icons.woff?45653030') format('woff'),
    url('../Fonts/medius-icons.ttf?45653030') format('truetype'),
    url('../Fonts/medius-icons.svg?45653030#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, main 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-boxes .start-boxes-row > div#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, main 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, p#top-nav a:before {
    content: '\e80e';
}

/* '' */
.icon-visitorinformation:before, #start-boxes .start-boxes-row > div#icon-besucher: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-circle-arrow-ps-down:before {
    content: '\e82d';
}

/* '' */
.icon-circle-arrow-ps-up:before, h3.acc-head:after {
    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-lampe:before {
    content: '\e86d';
}

/* '' */
.icon-diagramm:before {
    content: '\e86e';
}

/* '' */
.icon-herz:before {
    content: '\e86f';
}

/* '' */
.icon-kalender:before {
    content: '\e870';
}

/* '' */

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

/* '' */
.icon-info:before {
    content: '\e836';
}

/* '' */

/* layout */

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

section#start-visual {
    width: 100%;
    padding: 0;
    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 nav#second-nav > ul > li:last-of-type > a {
    webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    background: rgba(146, 0, 65, 0);
    font-size: 91.6667%;
    color: #fff;
    opacity: 1;
    -webkit-transition: background .5s ease;
    transition: background .5s ease;
    position: relative;
}

header nav#second-nav > ul > li:last-of-type > a:before {
    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%);
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -100;
}

header nav#second-nav > ul > li:last-of-type > a:hover, header nav#second-nav > ul > li:last-of-type > a:focus {
    background: rgba(146, 0, 65, 1);
}

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

header.standort img {
    max-width: 242px
}

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-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -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;

    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 40px;
}

section#start-visual img {
    width: 100%;
    height: auto;
    display: block;
}


section#start-visual h1 {
    font-size: 1.7143em;
    color: #a5023b;
    text-transform: uppercase;
    font-family: 'Bree Serif';
    line-height: 1.2766em;
    margin-bottom: 0.8em; /*font-feature-settings: "ss01" 1*/;
    padding-right: 15px
}

section#start-visual p {
    background: rgba(255, 255, 255, 0.8);
    padding: 15px;
    line-height: 1.5em;
    font-size: 1.5rem;
}

section#start-visual p:has(a) {
    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;
    padding: 0;
}

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

section#start-visual div[id^="image-campaign-"] {
    position: relative;
}


section#start-boxes, section#start-leistungen, section#start-image, section#start-standorte, section#start-events, section#start-news, section#start-social {
    padding-bottom: 5em;
    padding-top: 4em;
}

.two-columns {
    padding-top: 8em;
    padding-bottom: 9em;
}

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

section#start-image {
    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;
}

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 Serif';
    text-transform: none;
    color: rgba(165, 13, 58, 1);
    line-height: 1.1em;
    margin-bottom: 0.65em;
    font-feature-settings: "ss01" 1;
}

section#start-boxes h2 span {
    color: rgba(74, 94, 113, 1);
}

section#start-boxes > div > p, section#start-leistungen > div > p, section#start-standorte > div > p, section#standort-boxes > div > p {
    color: #000;
    font-size: 1.222em;
    text-align: center;
    font-family: 'bree';
    line-height: 1.3889em;
    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, section#start-social h3 {
    text-align: center;
    font-size: 2em;
    font-family: 'Bree Serif';
    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, .two-columns 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, .two-columns > div > p {
    color: #fff;
    font-size: 1.3333em;
    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
}

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

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

.start section#start-standorte .start-boxes-row > div {
    background: #f3f4f5;
}

.start section#start-standorte .start-boxes-row > div p {
    margin-bottom: 0.5em
}

.start 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
}

.start section#start-standorte .start-boxes-row > div p:last-of-type 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;
}

.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;
}
p.news-teaser-more {
    text-align: center;
}
p.news-teaser-more img {
    width: auto;
}

section#start-events img, .content-events img {
    width: 100%;
    height: auto
}

.start section#start-standorte .start-boxes-row p:last-of-type 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
}

.list-header {
    font-family: 'bree';
    font-feature-settings: "ss01" 1;
    color: rgb(72, 95, 112);
}

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

.content-events.all-events .event-gallery > div {
    left: auto !important;
}

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

.content-events dl:hover {
    cursor: pointer;
}

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

h1 + h6 {
    font-size: 1.125rem;
    font-family: 'bree';
    font-feature-settings: "ss01" 1;
    margin-bottom: 0.5em;
}

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

#start-news dl dt img, .content-news dt img {
    width: 100%;
    height: auto
}

#start-news dl dd, .content-news dl dd {
    width: 100%;
    padding: 0;
    margin: 0
}

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

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

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

.video video, .video img {
    position: relative
}

.video video {
    width: 100%;
    height: auto
}

.video video + p, #start-video div video + img p {
    position: absolute;
    left: calc(50% - 3em);
    top: calc(50% - 3em)
}

.video video + p a, .video img + p a {
    display: inline-block;
    width: 6em;
    height: 6em;
    text-align: left;
    background: url(../Images/video-button.svg) no-repeat;
    background-size: cover;
    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;*/
/*}*/

audio {
    margin: 1em 0 1.5em 0;
    display: block;
}

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

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


/* content */

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

#content-visual.fixed-size {
    height: auto !important;
    max-height: inherit !important;
}

#content-visual.fixed-size img {
    width: 100%;
    height: auto;
}

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

#content-visual div ul {
    margin: 0;
    list-style-type: none;
    width: 100%;
    white-space: nowrap;
}

#content-visual.fixed-size div ul, #content-visual.fixed-size div ul li {
    height: auto !important;
    max-height: inherit !important;
}

#content-visual div ul li {
    width: 100%;
    position: relative;
}

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

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

nav#sub-nav ul div {
    display: none
}

nav#sub-nav ul > li:has(a#top-nav-search) {
    display: none;
}


nav.content-nav {
    margin: 0
}

nav.content-nav ul {
    display: none;
    list-style-type: none;
    margin: 0 0 1.5em 0;
    border-bottom: 1px solid rgba(72, 95, 112, 0.8);
    max-width: 303px;
}

nav.content-nav ul li {
    margin: 0;
    border-top: 1px solid rgba(72, 95, 112, 0.8);
}

nav.content-nav ul li:before {
    display: none
}

nav.content-nav ul li a {
    display: inline-block;
    color: rgb(72, 95, 112);
    text-decoration: none;
    padding: 0.1em 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: rgb(162, 11, 63)
}

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
}

aside {
    width: 100%;
    box-sizing: border-box;
    margin-top: 2em;
}

.full-width-container aside {
    display: none
}

h1 {
    color: #a5023b;
    font-size: 2em;
    text-transform: uppercase;
    line-height: 1.2em;
    margin-bottom: 0.8em;
    font-family: 'Bree Serif'
}

h2 {
    color: #465d6d;
    font-size: 2em;
    text-transform: uppercase;
    line-height: 1.2em;
    margin-bottom: 0.8em;
    font-family: 'Bree Serif'
}

h3 {
    color: #465d6d;
    font-size: 1.2222em;
    margin-bottom: 0.8em;
    line-height: 1.3em;
    font-family: 'bree';
    font-feature-settings: "ss01" 1
}

h4 {
    color: #000;
    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.222em;
    line-height: 1.32em
}

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
}

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: #000;
    margin-bottom: 1em;
}

dl.contact-box p:last-of-type, .contact-list dl p:last-of-type {
    margin: 0
}

.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 main .content-teaser-boxes {
    background: transparent;
    padding-top: 0;
}

.content main .content-teaser-boxes > div {
    width: 100%;
    margin: 0;
}

.content-teaser-boxes h2 {
    clear: left
}

.content-teaser-boxes p span {
    text-transform: uppercase
}

.teaser-image-box {
    width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 20px;
    cursor: pointer
}

.teaser-image-box + a + h3, .teaser-image-box + a + h2, .teaser-image-box + a + h4 {
    clear: left;
}

.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: #fff;
    padding: 0.3em 15px;
    font-size: 1.222em;
    position: absolute;
    bottom: 0;
    left: 0;
    font-family: 'bree';
    font-feature-settings: "ss01" 1;
}

.teaser-image-box.link-box ul {
    box-sizing: border-box;
    color: #465d6d;
    background-color: #fff;
    padding: 0.3em 15px;
    font-size: 1.222em;
    font-family: 'bree';
    font-feature-settings: "ss01" 1
}

.teaser-image-box ul {
    font-size: 1em;
    list-style-type: none;
    font-family: 'bree light'
}

.teaser-image-box a {
    color: #465d6d;
    text-decoration: none;
    padding-right: 0.5em
}

.teaser-image-box a:after {
    color: rgb(162, 11, 63);
    position: absolute;
    margin: 0.175em 0 0 0.4em;
    font-size: 0.8em;
    vertical-align: 0.04em;
}

.teaser-image-box.link-box:hover {
    cursor: inherit
}

.teaser-image-box.link-box {
    background: #fff
}

.teaser-image-box.link-box h4 {
    padding: 0.5em 15px;
    margin: 0;
    color: #fff;
    background: #790e11;
    text-transform: uppercase;
    font-family: 'Open Sans', Verdana, Geneva, sans-serif;
    font-weight: 300;
    line-height: 1.32em;
    font-feature-settings: normal;
    letter-spacing: 0.02em;
    font-size: 1em;
    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);
}

.content-contact, .content-infoboxes {
    padding: 2em 0
}

.content-contact dl {
    width: 100%;
    margin-bottom: 20px;
    width: 100%;
    background: #f3f4f5;
}

@media only screen and (max-width: 600px) {
    .content-contact dl {
        clear: left;
    }
}

.content-contact dl {

}

.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, .content-contact 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;
}

.content-contact ul li {
    margin-bottom: 0.2em
}

main ul ul li, main ol ol li {
    margin-bottom: 0em
}

main ul li:before, .content-contact ul li:before {
    content: "»";
    display: inline-block;
    margin: 0 6px 0 -15px;
    vertical-align: 1px;
}

figure.images {
    margin: 1.5em 0;
}

.images figcaption {
    text-align: center;
    clear: left;
    margin-top: 1em
}

.images ul 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;
}

.images li a:hover figcaption, .images li a:hover {
    text-decoration: none
}

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 a span {width:20px; height: 20px; bottom: 10px; right: 10px; background: #900; text-indent:-9999px; position:absolute; display: none;}*/
figure.images li span, figure.images li a span {
    width: 100%;
    background: #f3f4f5;
    display: block;
    margin-top: -0.4em;
    padding: 5px;
    font-size: 0.85em;
    color: #000;
    text-decoration: none;
    box-sizing: border-box;
}

figure.images li span:nth-of-type(2) {
    display: none;
}

figure.images span:nth-of-type(2), figure.images figcaption + span, figure.images:has(a) span:last-of-type {
    position: absolute;
    right: 10px;
    white-space: nowrap;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.8) !important;
    border-radius: 50%;
    width: 35px !important;
    height: 35px;
    top: 10px;
    box-sizing: border-box;
    padding: 0.3em 0 0 0.5em !important;
    display: inline-block !important;
}

figure.images span:nth-of-type(2):before, figure.images figcaption + span:before, figure.images:has(a) span:last-of-type:before {
    display: inline-block;
    font-family: 'medius-icons';
    content: '\e80a';
    color: #a5023b;
    text-decoration: none;
    font-size: 1.25em;
    margin-right: 1em;
}

.images ul li:before {
    display: none
}

#start-leistungen + .content-teaser-boxes h2 {
    font-family: 'bree serif';
    text-transform: none;
    text-align: center;
    margin: 0.5em 0 1em 0;
}
#start-leistungen + #start-boxes {
    padding-top: 0;
    margin-top: -3em;
}
#start-leistungen + #start-boxes .start-boxes-row > div p a {
    position: relative;
    bottom: auto;
    min-width: auto;
    left: auto;
    transform: none;
}

section#standort-boxes {
    min-height: 100vh;
    width: 100%;
    padding-bottom: 2em
}

section#standort-boxes > div {
    box-sizing: border-box
}

#standort-boxes figure {
    width: 100%;
    margin: 0;
    display: block;
    margin-bottom: 2em;
}

section#standort-boxes img {
    width: 100%;
    height: auto
}

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
}

/* 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;
    width: 100%;
}

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: 20%;
    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;
}

main .job-offers.job-category-2 ul.jobs {
    display: flex;
    flex-wrap: wrap;
}

.job-location {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.job-location li {
    width: 100%;
}

.job-location li.header {
    order: 0;
}

.job-location li.top-job.show {
    order: 1;
    position: relative;
}


.job-location li.show {
    order: 2;
}


h3.acc-head {
    background: #e0e0e0;
    padding: 0.5em 40px 0.45em 20px;
    /*padding: 0.5em 10px 0.45em 20px;*/
    margin: 0 0 1em 0;
    position: relative;
    font-size: 1.15em;
}

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


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;
    color: rgba(165, 13, 58, 1);
    color: #000;
    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;
}

@media screen and (max-width: 599px) {
    #modal main {
        padding: 1em
    }

    #modal .content > div {
        padding: 0
    }

    #modal h4 {
        word-break: break-word
    }

    #modal main h2 {
        font-size: 3em;
        margin-bottom: 1em
    }
}

#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 */

form .password-hide {
    display: none;
}

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

input:-moz-placeholder {
    color: #757575;
}

input::-moz-placeholder {
    color: #757575;
}

input:-ms-input-placeholder {
    color: #757575;
}

input::placeholder {
    color: #757575
}

/*
input:invalid, select:invalid, textarea:invalid {
    border: rgb(165, 2, 59) 1px solid;
}
 */

form div {
    overflow: hidden;
}

form div label {
    width: 100%;
    padding: 0;
    display: block;
}

form div label input {
    width: 100%;
}

form div input[type=submit] {
    position: relative;
    color: #fff !important;
    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;
    cursor: pointer;
    border: none;
}

form div input[type=submit]:hover, form div input[type=submit]:focus {
    text-decoration: none;
    background-color: #6b0013;
}

label {
    position: relative;
}

fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

legend {
    color: #000;
    font-size: 1.2222em;
    margin-bottom: 0.4em;
    line-height: 1.3em;
    font-family: 'bree';
    font-feature-settings: "ss01" 1;
}

a#password-button {
    position: absolute;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    width: 1em;
    margin: 0.25em 0 0;
    font-size: 1.25em;
    color: rgb(165, 2, 59);
    right: 15px;
    z-index: 11;
}

a#password-button i {
    display: inline-block;
    font-style: normal;
}

a#password-button i:before {
    font-family: 'medius-icons';
    display: inline-block;
    margin-right: 0.5em;
}

a#password-button i.password-show:before {
    content: '\e833';
}

a#password-button i.password-hide:before {
    content: '\e832';
}

div.form-group:has(:not(:focus):invalid), div.form-group:has(:not(:focus):optional) {
    color: #000;
}

div.form-group:has(:focus:invalid), div.form-group:has(:invalid) {
    color: rgb(165, 2, 59);
}

div.form-group:has(:focus:valid), div.form-group:has(:valid) {
    color: green;
}

div.form-group:has(div.input.checkbox) {
    color: #000 !important;
}

div.form-group:has(:focus:invalid) input, div.form-group:has(:invalid) input {
    color: rgb(165, 2, 59);
}

div.form-group:has(:focus:valid) input, div.form-group:has(:valid) input {
    color: green;
}

/*
div.form-group:has(:focus:valid) div {
    border: 1px solid green;
}
div.form-group:has(:focus:invalid) div {
    border: 1px solid rgb(165, 2, 59);
}*/

div.form-group div {
    position: relative
}

div.form-group div:after {
    display: inline-block;
    font-family: medius-icons;
    position: absolute;
    right: 7px;
    top: 7px;
}

div.form-group:has(:focus:valid) div:after, div.form-group:has(:valid) div:after {
    content: '\e865';
    font-size: 1.2rem;

}

div.form-group:has(:focus:invalid) div:after {
    content: '\e811';
    font-size: 0.9rem;
    top: 9px
}

div.form-group:has(:not(:focus):optional) div:after {
    display: none;
}

div.form-group > div div:after {
    display: none
}

.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] {
    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:first-of-type {
    display: none;
}

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

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


@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, .two-columns p, .two-columns ul {
        padding: 0 10%
    }

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

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

    .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 {
    }

}

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

    body {
        font-size: 0.875em;
    }

    section#start-boxes h2 {
        font-size: 3.3475em;
    }

    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, .start section#start-standorte > div > p, section#standort-boxes > div > p, section#start-leistungen h4 {
        padding: 0 5%;
    }

    section#start-image h4, .two-columns h4 {
        font-size: 2.6111em;
    }

    section#start-image > div > p, .two-columns p, .two-columns ul {
        padding: 0 20%
    }

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

    #start-events dl, .content-events dl {
        width: calc(50% - 23px);
        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% - 20px);
        display: inline-block;
        vertical-align: top
    }

    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;
        width: auto;
    }

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

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

    #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-right: 30px;
        margin-left: 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, .start 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% - 22px);
        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
    }

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

    header img#mobile-logo {
        display: inline;
        padding: 15px 0 10px 0;
        z-index: 200;
        position: relative;
    }


    section#start-visual > div:before, .audit #content-visual > div:before {
        content: "";
        display: inline-block;
        position: absolute;
        background: url(/fileadmin/user_upload/beispiele/190726-awards.png) no-repeat;
        background-size: 238px 72px;
        width: 238px;
        height: 72px;
        bottom: 10px;
        left: 10px;
    }


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

    .mobile-layer ul li.nav-got-child a.nav-active + div {
        opacity: 1;
    }

    .mobile-layer ul li.nav-got-child a.nav-active + ul {
        display: block;
    }

    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: 1024px) {
    .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 div {
        padding: 0
    }

    #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: 1025px) {
    body {
        font-size: 1.125em;
    }

    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, .two-columns {

        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, .two-columns 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 img {
        max-width: 160px;
        position: absolute;
        top: 22px;
        left: 15px;
        padding: 0
    }

    /*header.standort img {max-width:235px}*/
    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 > ul > li:last-of-type {
        margin-left: 1em
    }

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

    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, header nav#second-nav li:last-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;
        overflow: auto
    }

    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
    }

    header nav div ul li.nav-got-child a.nav-active + ul {
        opacity: 1;
        display: block;
    }


    section#start-visual div {
        bottom: 100px;
        left: 92px;
        box-sizing: border-box
    }

    section#start-visual h1 {
        padding-right: 45%;
    }

    section#start-visual > div:before, .audit #content-visual > div:before {
        content: "";
        display: inline-block;
        position: absolute;
        background: url(/fileadmin/user_upload/beispiele/190902-awards.png) no-repeat;
        width: 397px;
        height: 120px;
        top: 20px;
        right: 20px;
    }

    .audit #content-visual > div:before {
        background-image: url(/fileadmin/user_upload/beispiele/audit-logo.png);
        width: 100px;
        height: 100px;
        background-size: cover
    }

    #content-visual div {
        padding: 0;
        margin: 0;
    }

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

    section#start-boxes > div > p {
        padding: 0 280px;
    }

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

    .start section#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% - 34px);
        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.375rem
    }

    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;
        font-size: 1.375rem
    }

    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
    }

    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
    }

    main {
        width: 65.972%;
        float: left;
    }

    .full-width-container main {
        width: 100%
    }

    aside {
        width: 29.768%;
        float: right
    }

    section.content {
        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.3em 20px;
    }

    .teaser-image-box.link-box ul {
        padding: 0.7em 15px 0.5em 15px;
    }

    .teaser-image-box.link-box ul li {
        margin-bottom: 0.15em
    }

    .teaser-image-box.link-box h4 {
        min-height: calc(80px - 1em);
        box-sizing: border-box;
    }

    .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 0;
        width: 153%
    }

    main .acc-content figure.images {
        margin: 1.5em 0;
        width: 100%
    }

    .images ul {
        overflow-x: hidden;
    }


    .contact-list {
        overflow: hidden;
        margin-right: calc(-29.7619vw - 30px)
    }

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

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

    .start 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:hover {
        -webkit-transition: color .5s ease, background .5s ease;
        transition: color .5s ease, background .5s ease;
    }

    .start section#start-standorte:hover .start-boxes-row > div p a:hover, section#start-events > div > p:last-of-type a:hover, section#start-news > 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, .start section#start-standorte:focus .start-boxes-row > div p a:focus, section#start-events > div > p:last-of-type a:focus, section#start-news > 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
    }

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

    .teaser-image-box.link-box a:after {
        -webkit-transition: margin .5s ease;
        transition: margin .5s ease;
    }

    .teaser-image-box.link-box a:hover:after {
        margin-left: 0.6em;
    }

    .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)
    }

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

}

@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) {

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

    main {
        width: 950px;
    }

    .full-width-container main {
        width: 100%
    }

    aside {
        width: 336px;
    }

    section#start-visual h1 {
        font-size: 2.611em
    }

    section#start-leistungen:before {
        width: 1440px; /*left: calc(50% - 700px);*/
        left: 50%;
        transform: translate(-50%, 0);
    }


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

    #content-visual > div {
        padding: 0;
        margin: 0;
        width: 100%;
    }

    #content-visual.fixed-size > div ul li {
        height: auto
    }

    #content-visual div ul li div {
        width: 25%;
        right: calc(50% - 732px);
        bottom: 20px
    }

    section#start-leistungen > div > p, .start 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 0
    }

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

    .contact-list {
        margin-right: -490px
    }

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

    .cmpbox {
        display: none !important;
    }


}

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


.two-columns {
    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);
}

section .two-columns {
    box-sizing: border-box;
    width: 100vw;
    margin-top: -2em;
    margin-bottom: 2em;
    margin-left: -15px;
}

@media screen and (min-width: 1025px) {
    section .two-columns {
        margin-left: -20px;
    }
}

@media screen and (min-width: 1441px) {
    section .two-columns {
        margin-left: calc(720px - 100vw / 2);
    }
}

section.content .two-columns {
    margin-top: 0;
}

.two-columns div {
    text-align: left;
    color: #fff;
    text-align: left;
    color: #fff;
    line-height: 1.5em;
}

.two-columns div ul li {
    margin-bottom: 0.5em;
    padding-left: 15px;
}

.two-columns div ul li:before {
    content: "»";
    margin-left: -15px;
    display: inline-block;
    width: 15px;
}

main .two-columns div ul li:before {
    width: 8px;
}

.two-columns div ul {
    list-style-type: none;
    margin: 0 0 1em 0;
}

@media screen and (min-width: 768px) {
    .two-columns ul, .two-columns p {
        -moz-column-count: 2;
        -moz-column-gap: 50px;
        -webkit-column-count: 2;
        -webkit-column-gap: 50px;
        column-count: 2;
        column-gap: 50px;

    }

}

.two-columns div h4 {
    text-align: center;
    -webkit-column-span: all;
    column-span: all;
}


.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;
    vertical-align: top;
}

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


figure.image-left, figure.image-right {
    width: 100%;
    margin: 0.25em 0 1em;
    padding: 0;
    position: relative;
}

figure.image-left img, figure.image-right img {
    width: 100%;
    height: auto
}

figure.image-left.image-small, figure.image-right.image-small {
    text-align: center;
}

figure.image-left.image-small img, figure.image-right.image-small img {
    max-width: 250px;
}

figure.image-left span, figure.image-right span, .fancybox-title-float-wrap .child, dl.text-image-left dt span, figure.image-center span {
    background: #f3f4f5;
    display: block;
    margin-top: -0.4em;
    padding: 5px;
    font-size: 0.85em;
    color: #000;
    text-decoration: none !important;
    text-align: left;
}

figure.image-left a, figure.image-right a, figure.image-center a {
    text-decoration: none;
}

figure.image-left span:nth-of-type(2), figure.image-right span:nth-of-type(2), dl.text-image-left span:nth-of-type(2), figure.image-left:has(a) span:last-of-type, figure.image-right:has(a) span:last-of-type, dl.text-image-left:has(a) span:last-of-type, figure.image-center span:nth-of-type(2) {
    position: absolute;
    right: 10px;
    white-space: nowrap;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    top: 10px;
    box-sizing: border-box;
    padding: 0.3em 0 0 0.5em;
}

figure.image-left span:nth-of-type(2):before, figure.image-right span:nth-of-type(2):before, dl.text-image-left span:nth-of-type(2):before, figure.image-left:has(a) span:last-of-type:before, figure.image-right:has(a) span:last-of-type:before, dl.text-image-left:has(a) span:last-of-type:before, figure.image-center span:nth-of-type(2):before {
    display: inline-block;
    font-family: 'medius-icons';
    content: '\e80a';
    color: #a5023b;
    text-decoration: none;
    font-size: 1.25em;
    margin-right: 1em;
}

figure.image-left a:hover span, figure.image-right a:hover span, figure.image-left a:hover, figure.image-right a:hover, figure.image-center a:hover {
    text-decoration: none !important;
}

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

main figure.image-left ul, main figure.image-right ul {
    margin: 0;
}

main figure.image-left ul li, main figure.image-right ul li {
    margin-bottom: 1em;
}

main figure.image-left ul li:before, main figure.image-right ul li:before {
    display: none;
}

@media screen and (min-width: 768px) {
    figure.image-left, figure.image-right {
        width: 30%;
    }

    figure.image-left.image-small, figure.image-right.image-small {
        width: 20%;
    }

    figure.image-left {
        margin: 0.5em 10px 0.5em 0;
        float: left;
    }

    figure.image-right {
        margin: 0.5em 0 0.5em 10px;
        float: right;
    }

    .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) {
    figure.image-left, figure.image-right {
        width: 420px;
    }

    figure.image-left.image-small, figure.image-right.image-small {
        width: 250px;
    }

    figure.image-left {
        margin: 0.5em 20px 0.5em 0;
    }

    figure.image-right {
        margin: 0.5em 0 0.5em 20px;
    }

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

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

}

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

    .start-slider div {
        margin: 0;
        width: 100%;
    }

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


.nuertingen section#start-visual, .nuertingen #content-visual, .ruit section#start-visual, .ruit #content-visual {
    position: relative
}

.nuertingen section#start-visual:before, .nuertingen #content-visual:before, .ruit section#start-visual:before, .ruit #content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-siegel-krankenhaus-baden-wuerttemberg.png') no-repeat;
    top: 10px;
    right: 10px;
    left: auto;
    background-size: 90px 206px;
    width: 90px;
    height: 206px;
    position: absolute;
    display: inline-block;
    content: " ";
    z-index: 51;
}

.ruit section#start-visual:before, .ruit section#content-visual:before {
    background-image: url('/fileadmin/user_upload/siegel/focus-siegel-ddg-logo.png');
    background-size: 200px 137px;
    width: 200px;
    height: 137px;
}

.nuertingen section#content-visual:before, .kirchheim section#content-visual:before {
    background-size: 72px 179px;
    width: 72px;
    height: 179px;
}


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

    .nuertingen section#start-visual:before, .kirchheim section#start-visual:before {
        width: 120px;
        height: 274px;
        background-size: 120px 274px;
    }

    .nuertingen section#content-visual:before, .kirchheim section#content-visual:before {
        background-size: 90px 206px;
        width: 90px;
        height: 206px;
    }

    .ruit section#content-visual:before {
        background-size: 300px 206px;
        width: 300px;
        height: 206px;
    }

    .ruit section#start-visual:before {
        background-size: 400px 274px;
        width: 400px;
        height: 274px;
    }
}

.nuertingen section#start-visual > div:before, .nuertingen #content-visual > div:before, .ruit section#start-visual > div:before, .ruit #content-visual > div:before, .kirchheim section#start-visual > div:before, .kirchheim #content-visual > div:before {
    display: none !important;
}

ul.slick-dots {
    position: absolute;
    bottom: 15px;
    right: 20px;
    white-space: normal;
    text-align: right;
    width: auto;
}

ul.slick-dots li {
    display: inline-block;
    width: auto;
    margin: 0 0 0 10px;
}

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

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

@media screen and (min-width: 1025px) {
    ul.slick-dots {
        bottom: 35px;
    }

    ul.slick-dots li button {
        width: 25px;
        height: 25px;
    }
}

@media screen and (min-width: 1465px) {
    ul.slick-dots {
        right: calc(100% / 2 - 720px);
    }
}


#thankyou {
    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%);
    content: "";
    padding: 2em 0;
    margin: 0 0 1em 0;
    text-align: center;
}

#thankyou p {
    margin: 0;
}

#thankyou h3 {
    color: #fff;
    font-family: 'bree serif';
    font-feature-settings: "ss01" 1;
    text-transform: uppercase;
    margin: 0;
    font-size: 2em;
}

#thankyou h3 span {
    display: block;
    font-family: 'bree light';
    text-transform: none;
    margin: 0.25em 0 0 0;
    font-size: .61em;
    line-height: 1.75em;
}

#thankyou h3 a {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    padding: 0.25em 20px;

}

#thankyou h3 a:after {
    content: '\e830';
    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: .4em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: margin .5s ease;
    transition: margin .5s ease;
}

#thankyou h3 a:hover:after, #thankyou h3 a:focus:after {
    margin-left: 0.6em;
}


.important-info {
    background: #4a5e71;
    padding: 2em 20px;
    margin: 0 0 1em 0;
    text-align: left;
}

@media screen and (max-width: 1023px) {
    .important-info {
        margin-top: -5px;
    }
}

.important-info > div {
    max-width: 1440px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 60px;
    position: relative;
}

.important-info > div:before {
    width: 60px;
    display: inline-block;
    position: absolute;
    top: 5%;
    left: 0;
    font-family: 'medius-icons';
    font-size: 2.5em;
    color: #fff;
    margin: 0;
    text-align: left;
    line-height: 1em;
}

.important-info h5 {
    color: #fff;
    font-family: 'bree serif';
    font-feature-settings: "ss01" 1;
    text-transform: none;
    margin: 0 0 1.5em 0;
    font-size: 1.35em;
}

.important-info p {
    font-size: 1.125rem;
    line-height: 1.5em;
    margin: 0 0 0 -60px;
    color: #fff;
}

@media screen and (min-width: 1024px) {
    .important-info {
        padding: 2em 0;
    }

    .important-info h5 {
        font-size: 2em;
        margin-bottom: 0.75em;
    }

    .important-info > div {
        padding-left: 150px;
    }

    .important-info > div:before {
        width: 150px;
        font-size: 6em;
    }

    .important-info p {
        margin: 0;
        font-size: 1.25rem;
    }
}

.important-info p a {
    color: #fff;
    text-decoration: none;
    position: relative;
}

.important-info p a:before {
    content: "»";
    display: inline-block;
    margin: 0 6px 0 0;
}

.important-info p a:after {
    border-bottom: 1px solid #fff;
    height: 1px;
    content: "";
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: transform .5s ease;
    transition: transform .5s ease;
}

.important-info p a:hover:after {
    transform: translateY(-1px);
}


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

.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, div.special-image div a, .webbook-teaser a {
    display: inline-block;
    position: relative;
    color: #fff;
    z-index: 90;
    font-family: 'bree';
    text-transform: uppercase;
    padding: 0.45em 20px;
    margin-left: -20px;
    margin-top: 1em;
    background-color: #a5023b;
    text-decoration: none;
    -webkit-transition: background .5s ease;
    transition: background .5s ease;
}

.teaser-box dd a:hover,
.teaser-box dd a:focus,
div.special-image div a:hover,
div.special-image div a:focus,
.webbook-teaser a:hover,
.webbook-teaser a:focus {
    text-decoration: none;
    background-color: #6b0013;
}

.teaser-box dd a:before,
div.special-image div a:before,
.webbook-teaser a:before {
    font-family: 'medius-icons';
    content: '\e80d';
    color: #fff;
    font-size: 1.5rem;
    margin-right: 0.5em;
    vertical-align: -0.1em;
}

@media screen and (min-width: 1024px) {
    .teaser-box {
        margin-left: 20px;
    }
}

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

div.special-image img {
    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: 768px) {
    div.special-image div {
        width: 80%;
    }
}

a.cta-button, .event-gallery dl dd a {
    display: inline-block;
    position: relative;
    color: #fff !important;
    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 {
    text-decoration: none;
    background-color: #6b0013;
}

span.red-text {
    color: #6b0013;
}

.webbooks {
    overflow: hidden;
}

.webbook-teaser {
    width: 285px;
    position: relative;
    cursor: pointer;
    float: left;
    margin-right: 30px;
    margin-bottom: 3em;
    overflow: hidden;
}

.webbook-teaser img {
    width: 100%;
    height: auto;
}

.webbook-teaser a {
    position: absolute;
    bottom: 100px;
    right: 40px;
}

/* siegel */


.fs-akut section#content-visual, .fs-akut-mkn section#content-visual, .fs-blasen section#content-visual, .fs-diabetes section#content-visual, .fs-gastro section#content-visual, .fs-kkh-regional section#content-visual, .fs-niere section#content-visual, .fs-prostata section#content-visual, .fs-prostata21 section#content-visual, .fs-rheuma section#content-visual, .fs-diabetes-ddg section#content-visual, .fs-urologie section#content-visual, .fs-innere section#content-visual, .fs-fusschirurgie section#content-visual, .fs-onkologie section#content-visual, .fs-hoden section#content-visual, .fs-uroonkologie section#content-visual, .fs-brustkrebszentrum section#content-visual, .fs-darmkrebs section#content-visual, .fs-darmkrebszentrum-mkn section#content-visual, .fs-rheuma-mkn section#content-visual, .fs-rheuma-mkk section#content-visual, .fs-alter section#content-visual, .fs-chirurgie-mkkn section#content-visual, .fs-rhythmologie section#content-visual, .fs-pankreas section#content-visual, .fs-viszeralonkologisch section#content-visual, .fs-schulterchirurgie section#content-visual {
    position: relative
}

.fs-akut section#content-visual:before, .fs-akut-mkn section#content-visual:before, .fs-blasen section#content-visual:before, .fs-diabetes section#content-visual:before, .fs-gastro section#content-visual:before, .fs-kkh-regional section#content-visual:before, .fs-niere section#content-visual:before, .fs-prostata section#content-visual:before, .fs-prostata21 section#content-visual:before, .fs-rheuma section#content-visual:before, .fs-diabetes-ddg section#content-visual:before, .fs-urologie section#content-visual:before, .fs-innere section#content-visual:before, .fs-fusschirurgie section#content-visual:before, .fs-onkologie section#content-visual:before, .fs-hoden section#content-visual:before, .fs-uroonkologie section#content-visual:before, .fs-brustkrebszentrum section#content-visual:before, .fs-darmkrebs section#content-visual:before, .fs-darmkrebszentrum-mkn section#content-visual:before, .fs-rheuma-mkn section#content-visual:before, .fs-rheuma-mkk section#content-visual:before, .fs-alter section#content-visual:before, .fs-chirurgie-mkkn section#content-visual:before, .fs-rhythmologie section#content-visual:before, .fs-pankreas section#content-visual:before, .fs-viszeralonkologisch section#content-visual:before, .fs-schulterchirurgie section#content-visual:before {
    top: 10px;
    right: 10px;
    left: auto;
    position: absolute;
    display: inline-block;
    content: " ";
    z-index: 51;
}

.fs-akut section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-akut-2.png') no-repeat;
    background-size: 255px 117px;
    width: 255px;
    height: 117px;
}

.fs-akut-mkn section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-akut-mkn.png') no-repeat;
    background-size: 188px 207px;
    width: 188px;
    height: 207px;
}

.fs-diabetes section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-diabetes-2.png') no-repeat;
    background-size: 255px 138px;
    width: 255px;
    height: 138px;
}

.fs-diabetes-ddg section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-diabetes-ddg.png') no-repeat;
    background-size: 255px 138px;
    width: 255px;
    height: 138px;
}

.fs-kkh-regional section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-kkh-regional.png') no-repeat;
    background-size: 90px 205px;
    width: 90px;
    height: 205px;
}

.fs-prostata21 section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-prostata-21.png') no-repeat;
    background-size: 90px 205px;
    width: 90px;
    height: 205px;
}

.fs-blasen section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-blasen.png') no-repeat;
    background-size: 90px 183px;
    width: 90px;
    height: 183px;
}

.fs-niere section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-niere.png') no-repeat;
    background-size: 90px 183px;
    width: 90px;
    height: 183px;
}

.fs-rheuma section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-rheuma-2.png') no-repeat;
    background-size: 252px 154px;
    width: 252px;
    height: 154px;
}

.fs-rheuma-mkn section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-rheuma-mkn.png') no-repeat;
    background-size: 255px 117px;
    width: 255px;
    height: 117px;
}

.fs-rheuma-mkk section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-rheuma-mkk.png') no-repeat;
    background-size: 255px 117px;
    width: 255px;
    height: 117px;
}

.fs-gastro section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-gastro-2.png') no-repeat;
    background-size: 255px 112px;
    width: 255px;
    height: 112px;
}

.fs-urologie section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-urologie.png') no-repeat;
    background-size: 255px 130px;
    width: 255px;
    height: 130px;
}

.fs-prostata section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-prostata.png') no-repeat;
    background-size: 255px 108px;
    width: 255px;
    height: 108px;
}

.fs-innere section#content-visual:before {
    /*background: url('/fileadmin/user_upload/siegel/focus-top-innere.png') no-repeat; background-size: 254px 92px; width: 254px; height: 92px;*/
    background: url('/fileadmin/user_upload/siegel/focus-top-kkh-regional.png') no-repeat;
    background-size: 90px 205px;
    width: 90px;
    height: 205px;
}

.fs-fusschirurgie section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-fusschirurgie.png') no-repeat;
    background-size: 255px 138px;
    width: 255px;
    height: 138px;
}

.fs-schulterchirurgie section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-schulterchirurgie.png') no-repeat;
    background-size: 255px 138px;
    width: 255px;
    height: 138px;
}

.fs-onkologie section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-onkologie.png') no-repeat;
    background-size: 210px 152px;
    width: 210px;
    height: 152px;
}

.fs-hoden section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-hoden.png') no-repeat;
    background-size: 210px 152px;
    width: 210px;
    height: 152px;
}

.fs-uroonkologie section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-uroonkologie.png') no-repeat;
    background-size: 210px 152px;
    width: 210px;
    height: 152px;
}

.fs-brustkrebszentrum section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-brustkrebszentrum.png') no-repeat;
    background-size: 210px 152px;
    width: 210px;
    height: 152px;
}

.fs-darmkrebs section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-darmkrebs.png') no-repeat;
    background-size: 210px 152px;
    width: 210px;
    height: 152px;
}

.fs-darmkrebszentrum-mkn section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/fs-darmkrebszentrum-mkn.png') no-repeat;
    background-size: 210px 152px;
    width: 210px;
    height: 152px;
}

.fs-alter section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-alter.png') no-repeat;
    background-size: 188px 207px;
    width: 188px;
    height: 207px;
}

.fs-chirurgie-mkkn section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-chirurgie-mkkn.png') no-repeat;
    background-size: 255px 138px;
    width: 255px;
    height: 138px;
}

.fs-rhythmologie section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-rhythmologie.png') no-repeat;
    background-size: 248px 180px;
    width: 248px;
    height: 180px;
}

.fs-pankreas section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-pankreas.png') no-repeat;
    background-size: 210px 152px;
    width: 210px;
    height: 152px;
}

.fs-viszeralonkologisch section#content-visual:before {
    background: url('/fileadmin/user_upload/siegel/focus-top-viszeralonkologisch.png') no-repeat;
    background-size: 210px 152px;
    width: 210px;
    height: 152px;
}

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

    .fs-kkh-regional section#content-visual:before, .fs-prostata21 section#content-visual:before {
        width: 120px;
        height: 273px;
        background-size: 120px 273px;
    }

    .fs-blasen section#content-visual:before {
        width: 120px;
        height: 244px;
        background-size: 120px 244px;
    }

    .fs-niere section#content-visual:before {
        width: 120px;
        height: 245px;
        background-size: 120px 245px;
    }

    .fs-diabetes section#content-visual:before {
        width: 510px;
        height: 276px;
        background-size: 510px 276px;
    }

    .fs-diabetes-ddg section#content-visual:before, .fs-fusschirurgie section#content-visual:before, .fs-schulterchirurgie section#content-visual:before, .fs-chirurgie-mkkn section#content-visual:before {
        width: 510px;
        height: 276px;
        background-size: 510px 276px;
    }

    .fs-akut-mkn section#content-visual:before, .fs-alter section#content-visual:before {
        width: 250px;
        height: 276px;
        background-size: 250px 276px;
    }

    .fs-rhythmologie section#content-visual:before {
        width: 382px;
        height: 276px;
        background-size: 382px 276px;
    }

    .fs-urologie section#content-visual:before {
        width: 540px;
        height: 276px;
        background-size: 540px 276px;
    }

    .fs-prostata section#content-visual:before {
        width: 653px;
        height: 276px;
        background-size: 653px 276px;
    }

    .fs-innere section#content-visual:before {
        /*width: 650px; height: 236px; background-size: 650px 236px;*/
        width: 120px;
        height: 273px;
        background-size: 120px 273px;
    }

    .fs-gastro section#content-visual:before {
        width: 120px;
        height: 276px;
        background-size: 120px 276px;
    }

    .fs-rheuma section#content-visual:before {
        width: 450px;
        height: 276px;
        background-size: 450px 276px;
    }

    .fs-rheuma-mkn section#content-visual:before, .fs-rheuma-mkk section#content-visual:before, .fs-akut section#content-visual:before {
        width: 600px;
        height: 276px;
        background-size: 600px 276px;
    }

    .fs-onkologie section#content-visual:before, .fs-uroonkologie section#content-visual:before, .fs-hoden section#content-visual:before, .fs-brustkrebszentrum section#content-visual:before, .fs-darmkrebs section#content-visual:before, .fs-pankreas section#content-visual:before, .fs-viszeralonkologisch section#content-visual:before {
        width: 382px;
        height: 276px;
        background-size: 382px 276px;
    }

    .fs-darmkrebszentrum-mkn section#content-visual:before {
        width: 382px;
        height: 276px;
        background-size: 382px 276px;
    }

}

dl.text-image-left {
    width: 100%;
    margin: 0 0 1.5em 0;
    box-sizing: border-box;
    overflow: hidden;
    padding: 0;
}

dl.text-image-left dt {
    width: 100%;
    margin-bottom: 1em;
    text-align: center;
    position: relative;
}

dl.text-image-left img {
    max-width: 420px;
    height: auto;
    width: 100%;
}

dl.text-image-left.image-small img {
    max-width: 250px;
}

dl.text-image-left dd {
    width: 100%;
    margin: 0;
}

.text-images-boxes, .content-icon-boxes > div {
    margin: 2em 0;
}

.text-images-boxes > div {
    margin-bottom: 25px;
    box-sizing: border-box;
}

.text-images-boxes img {
    width: 100%;
    height: auto;
    display: block;
}

.text-images-boxes > div:nth-of-type(1) {
    background: #a90051;
    background: -moz-linear-gradient(top, #a90051 0%, #790e11 100%);
    background: -webkit-linear-gradient(top, #a90051 0%, #790e11 100%);
    color: #fff;
    padding: 25px 25px 15px 25px;
}

.text-images-boxes > div:nth-of-type(2) {
    background: #4a5e71;
    color: #fff;
}

.text-images-boxes > div:nth-of-type(2) > div {
    border-top: 25px solid #fff;
    padding: 25px 25px 15px 25px;
}

.text-images-boxes h2, .text-images-boxes h3, .text-images-boxes h4, .text-images-boxes h5, .text-images-boxes a {
    color: #fff;
}

.text-images-boxes a {
    text-decoration: underline;
}

.text-images-boxes ul {
    list-style-type: none;
}

.text-images-boxes ul {
    list-style-type: none;
    margin-left: 15px;
}

.text-images-boxes ul li {
    margin-bottom: 0.8em
}

.text-images-boxes ul li:before {
    content: "»";
    display: inline-block;
    margin: 0 6px 0 -15px;
}

.content-icon-boxes > 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: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -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;
}

.content-icon-boxes > div > 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;
    margin-bottom: 2em;
    text-align: center;
    box-sizing: border-box;
    padding: 0 10px;
}

.content-icon-boxes > div > div:before {
    font-size: 4em;
    margin: 0 0 0.4em 0;
    width: 2em;
    text-align: center;
    color: #465d6d;
}

.content-icon-boxes > div > h3 {
    text-align: center;
    -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;
    width: 100%;

    color: #a5023b;
    font-size: 2em;
    line-height: 1.2em;
    margin-bottom: 1em;
    font-family: 'Bree Serif';
    font-feature-settings: "ss01" 1
}

form div {
    overflow: hidden;
    margin-bottom: 0.5em;
}

form div input[type=text], form div input[type=email] {
    width: 100%;
}

form div textarea {
    height: 7.5em;
}

form div label.add-on.form-check-label span {
    line-height: 1.2em;
    font-size: 0.875em;
}

form .input .inputs-list .form-group {
    overflow: hidden;
    margin-bottom: 0;
}

form .input .form-group div {
    margin-bottom: 0 !important;
}

form .input .control-label, form .form-group:has(div.input.checkbox) .control-label {
    margin-bottom: 0.65rem;
    color: #465d6d;
    font-size: 1.2222em;
    font-family: 'bree';
    display: inline-block;
    font-feature-settings: "ss01" 1;
}

form .input .inputs-list .form-group .form-check {
    width: 50%;
    float: left;
    margin-bottom: 0.25em !important;
}

form .input .inputs-list .form-group .form-check label span:before {
    content: " ";
    display: inline-block;
    border: 1px solid #465d6d;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: -3px;
    box-sizing: border-box;
    margin-right: 10px;
    padding: 5px;
}

form .input .inputs-list .form-group .form-check input:checked + label span:after {
    background-color: #a5023b;
    width: 12px;
    height: 12px;
    content: " ";
    display: inline-block;
    box-sizing: border-box;
    margin-right: 10px;
    position: absolute;
    border-radius: 50%;
    top: 6px;
    left: 4px;
}

form .input .inputs-list .form-group .form-check:only-child {
    width: 100%;
    float: none;
}

form .input .inputs-list .form-group .form-check:nth-last-child(2):nth-of-type(even) ~ .radio:nth-last-child(1) {
    width: 100%;
}

/*form .input .inputs-list .form-group .radio label {
	font-weight: bold;
}*/
form .input .inputs-list .form-group .form-check input, form .input.checkbox .form-check label.form-check-label input {
    position: absolute;
    left: -9999px
}

form .input.checkbox .form-check label.form-check-label span:not(.required):before {
    content: " ";
    display: inline-block;
    border: 1px solid #465d6d;
    width: 20px;
    height: 20px;
    vertical-align: -3px;
    box-sizing: border-box;
    margin-right: 10px;
    padding: 5px;
}

form .input.checkbox .form-check label.form-check-label input:checked + span:after {
    background-color: #a5023b;
    width: 12px;
    height: 12px;
    content: " ";
    display: inline-block;
    box-sizing: border-box;
    margin-right: 10px;
    position: absolute;
    top: 6px;
    left: 4px;
}


form table {
    margin-bottom: 0.65em;
}

form table td {
    width: 50%;
    vertical-align: top;
    box-sizing: border-box;
}

form table td h3 {
    margin: 0.25em 0;
}

form table td ul li {
    margin-bottom: 0.1em;
}

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

@media screen and (min-width: 768px) {
    dl.text-image-left dt {
        width: 25%;
        float: left;
    }

    dl.text-image-left dd {
        width: 75%;
        float: left;
        box-sizing: border-box;
        padding-left: 20px;
    }

    .text-images-boxes {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-align-content: stretch;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }

    .text-images-boxes > div {
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        -webkit-flex: 0 1 calc((100% / 3) - (50px / 3));
        -ms-flex: 0 1 calc((100% / 3) - (50px / 3));
        flex: 0 1 calc((100% / 3) - (50px / 3));
        -webkit-align-self: auto;
        -ms-flex-item-align: auto;
        align-self: auto;
    }

    .content-icon-boxes > div {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

    .content-icon-boxes > div > div:before {
        font-size: 3.5em;
        margin-bottom: 0.75em;
    }

    .content-icon-boxes > div > h3 {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
        width: 100%;
        margin-bottom: 1.5em;
    }
}

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


    .content-icon-boxes > div > div {
        margin-bottom: 0.25em;
        -webkit-flex: 0 1 25%;
        -ms-flex: 0 1 25%;
        flex: 0 1 25%;
        padding: 0 20px;
    }


    dl.text-image-left dt {
        width: 420px;
    }

    dl.text-image-left dd {
        width: calc(100% - 420px);
    }

    dl.text-image-left.image-small dt {
        width: 250px;
    }

    dl.text-image-left.image-small dd {
        width: calc(100% - 250px);
    }
}

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

    .content-text-images-boxes > div.text-images-boxes, .content-icon-boxes > div {
        width: 1440px;
        margin: 2em auto !important;
        padding: 0;
    }

    .content .content-text-images-boxes > div.text-images-boxes, .content .content-icon-boxes > div {
        width: 100% !important;
    }
}

/* bite */

main ul.bite-select-block-body li:before {
    display: none;
}

.bite-select-block .bite-select-block-body .bite-select-item .bite-checkbox-in {
    width: 20px !important;
    height: 20px !important;
    box-sizing: border-box !important;
    border: 2px solid #920041 !important;
    margin: 0 5px 0 0;
    border-radius: 0.25em !important;
    top: 9px !important;
}

.bite-select-block .bite-select-block-body .bite-select-item.bite-align-item-left {
    padding-left: 25px !important;
}

.bite-select-block .bite-select-block-body .bite-select-item .bite-checkbox-in:after {
    left: 1px !important;
    top: -4px !important;
    font-weight: bold !important;
    color: #920041;
}

.bite-select-block .bite-select-block-body .bite-select-item span {
    margin-left: 5px;
}


.start-boxes-row > div,
.event-gallery > .outer.no-slider > .inner {
    cursor: pointer;
}


/* footer */

footer {
    background: #485f70;
    padding: 1.5em 0;
}

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(5) img {
    max-width: none;
    max-height: 80px;
    margin-top: 1em;
    width: auto;
    display: inline-block;
    vertical-align: middle
}

footer div div:nth-of-type(5) img {
    margin-left: 15px
}

footer div div:nth-of-type(5) img:first-of-type {
    margin-left: 0
}

footer div div:nth-of-type(5) a:first-of-type img {
    max-width: 150px;
    max-height: 80px;
    height: auto;
    margin-right: 15px
}

footer > div {
    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 > 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:nth-of-type(5) {
    -webkit-order: 6;
    order: 6;
}

footer > div > div:nth-of-type(6) {
    -webkit-order: 5;
    order: 5;
    margin: 2em 0;
}

.socials {
    display: block;
    text-align: right;
    padding-top: 3px;
    margin-bottom: 1em;
}

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

div.downloads {
    margin: 1.5em 0;
}

div.downloads dl {
    margin: 0 0 0.5em 0;
    overflow: hidden;
}

div.downloads dl dt {
    width: 200px;
    display: inline-block;
    vertical-align: top;
}

div.downloads dl dt img {
    width: auto;
    margin: 0 auto;
    height: auto;
}

div.downloads dl dd {
    display: inline-block;
    width: calc(100% - 205px);
    box-sizing: border-box;
    padding: 0 0 0 20px;
    margin: 0;
    vertical-align: top;
}

div.downloads dl a:before {
    content: '\e815';
    font-family: 'medius-icons';
    margin: 0 0.2em 0 0;
    font-size: 1.25em;
}

@media screen and (max-width: 600px) {
    footer > div {
        padding: 15px 30px
    }

    footer img {
        margin-bottom: 40px
    }

    footer > div {
        -webkit-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-width: 767px) {
    footer div div:last-of-type img {
        max-width: 50px;
        max-height: 50px;
    }

    footer div div:last-of-type a:first-of-type img {
        max-width: 100px;
    }

    .socials a {
        margin: 0 10px 0 0;
    }
}

@media screen and (min-width: 601px) and (max-width: 767px) {
    footer > div {
        padding: 15px 20px
    }

    /*footer img {margin-bottom:40px}*/
    /*footer div div:last-of-type {
        width: 60%;
        position: absolute;
        top: 2em;
        right: 30px;
        text-align: right;
    }*/
}

@media screen and (min-width: 768px) {
    footer > div {
        padding: 15px 20px
    }

    footer img {
        margin-bottom: 40px;
        width: 80%;
        height: auto;
    }

    footer > div {
        overflow: hidden;
        font-size: 0.88889em
    }

    footer ul li {
        margin-bottom: 0.5em;
    }

    footer > div div:last-of-type {
        text-align: right
    }

    footer > div > div {
        -webkit-flex: 0 1 25%;
        flex: 0 1 25%;
    }

    footer > div > div:nth-of-type(5) {
        -webkit-flex: 0 1 50%;
        text-align: right;
    }

    footer > div > div:nth-of-type(6) {
        -webkit-flex: 0 1 50%;
        text-align: right;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .socials {
        text-align: center;
    }

    footer div div:last-of-type img {
        max-width: 80px;
        max-height: inherit;
        height: auto;
    }

    footer div div:last-of-type a:first-of-type img {
        max-width: 150px;
        max-height: inherit;
        height: auto;
    }

    footer > div div:last-of-type, footer > div div:nth-of-type(5) {
        text-align: center;
    }
}

@media screen and (min-width: 1024px) {
    /*footer > div div {float: left; width:17%}
    footer > div div:last-of-type {float: left; width:32%}*/
    footer > div > div {
        -webkit-flex: 0 1 17%;
        flex: 0 1 17%;
    }

    footer > div > div:nth-of-type(5) {
        -webkit-flex: 0 1 32%;
        margin: -5em 0 0 68%;
        text-align: right;
    }

    footer > div > div:nth-of-type(6) {
        margin: 0;
        -webkit-flex: 0 1 32%;
    }
}

@media screen and (min-width: 1280px) {
    footer img {
        max-width: 165px
    }

    footer div div:nth-of-type(5) img {
        max-width: none;
        max-height: 100px;
    }

    footer div div:nth-of-type(5) a:first-of-type img {
        max-width: 250px;
        max-height: 100px;
    }
}


@media screen and (min-width: 1025px) {
    #sub-nav {
    }

    #sub-nav > div > div > ul {
    }

    #sub-nav > div > div > ul > li {
        height: 50px;
    }

    nav#sub-nav > div > div > ul > li > a {
        font-size: 22px
    }
}

p.event-download a:before {
    font-family: 'medius-icons';
    content: '\e870';
    display: inline-block;
    font-size: 1.25em;
    margin-right: 0.4em;
}

.mobile-notfall-btn, .mobile-search-btn {
    display: none;
}


.body-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #485f70;
    height: 100%;
    z-index: 99999999999;
    opacity: 0;
    transition: opacity .25s;
    animation: fadeInAnimation ease .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    display: none;
}

.body-overlay.show-modal {
    display: block;
}

.body-overlay h3 {
    font-size: 2.25em;
    font-family: 'bree serif';
    color: rgb(162, 11, 63);
    text-transform: uppercase;
    margin-bottom: 1em;
}

.body-overlay h2 {
    font-weight: 300;
    font-size: 4.0625em;
    margin: 0 0 3rem 0;
    color: #000;
    text-transform: none;
    letter-spacing: 0.02em;
}

.body-overlay h4 {
    font-size: 2.25em;
    font-family: 'bree serif';
    color: rgb(72, 95, 112);
    text-transform: uppercase;
    margin-bottom: 1em;
}


.close-image, .close-modal {
    position: absolute;
    top: 2rem;
    right: 2rem;
    color: #FFFFFF;
    font-size: 2rem;
    width: 30px;
    height: 30px;
    cursor: pointer;
}


.close-image:before, .close-image:after, .close-modal:before, .close-modal:after {
    content: '';
    width: 2px;
    height: 100%;
    background-color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 14px;
}

.close-image:before, .close-modal:before {
    transform: rotate(-45deg);
}

.close-image:after, .close-modal:after {
    transform: rotate(45deg);
}

@keyframes fadeInAnimation {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.modal-window-info {
    width: 70%;
    height: 80%;
    padding: 2.5rem;
    background-color: #FFFFFF;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    text-align: center;
    overflow: hidden;
    box-sizing: border-box;
}

@media screen and (max-width: 1199px) {
    .modal-window-info {
        width: 94%;
    }
}

.modal-window-info p {
    line-height: 2rem;
}

@media screen and (max-width: 1199px) {
    .modal-window-info p {
        line-height: 1.25rem;
    }
}

.modal-window-info a {
    color: #10918F;
    text-decoration: underline;
    font-weight: bold;
}


.modal-inner {
    overflow: auto;
    height: 100%;
    box-sizing: border-box;
}


@media screen and (max-width: 1391px) {
    header nav#first-nav {
        font-size: 1.28rem;
    }
}

@media screen and (max-width: 1201px) {
    header nav#first-nav {
        font-size: 1.15rem;
    }

    header nav#first-nav li a {
        display: inline-block;
        padding: 0.3em 0.4em 0.3em 0.4em;
    }
}


@media screen and (max-width: 1025px) {
    body {
        font-size: 1.035rem;
    }

    #sub-nav {
        height: auto;
        width: 100%;
        z-index: 1;
    }

    p#mobile-sub-nav {
        position: unset;
    }

    p#mobile-sub-nav a::before {
        font-size: 1.5rem;
    }

    p#mobile-sub-nav a {
        width: 2.5rem;
        height: 2.5rem;
        box-sizing: border-box;
        padding: 0;
        margin: 0 0 .35rem 1rem;
    }

    p#mobile-sub-nav a::after {
        content: none;
    }

    header nav#first-nav {
        font-size: 1.05rem;
    }

    header nav#second-nav > ul > li:last-of-type {
        position: absolute;
        top: 1rem;
        margin: 0;
        width: auto;
        left: 50%;
        transform: translate(-50%, 0);
    }

    header nav#second-nav > ul > li:last-of-type a {
        font-size: 1.5rem;
        margin-bottom: 1rem;
    }

    #second-nav ul {
        display: flex;
        flex-wrap: wrap;
    }

    #second-nav ul li {
        width: 100%;
        order: 1;
    }

    #modal main h2 {
        font-weight: 300;
        font-size: 3rem;
        margin: 0 0 0.5em 0;
        color: #000;
        text-transform: none;
        letter-spacing: 0.02em
    }

    #modal main {
        padding: 1rem 0 1rem 0;
    }

    #modal main h3 {
        margin-bottom: .75rem;
    }

    #modal main h4 {
        margin-bottom: 1rem;
        font-size: 1.3rem;
        margin-top: 1rem;
    }

    #modal main p {
        margin-bottom: .5rem;
    }

    .fancybox-close {

        top: 10px;
        right: -7px;
    }

    section#start-boxes > div > p,
    section#start-leistungen > div > p,
    .start section#start-standorte > div > p,
    section#standort-boxes > div > p {
        font-size: 1.135rem;
    }


    header p#mobile-nav {
        font-size: 1.25rem;
    }


    .mobile-notfall-btn {
        position: absolute;
        right: 4.5rem;
        top: 1rem;
        display: block;
    }

    .mobile-notfall {
        position: relative;
        display: inline-block;
        padding: 0.4em 0.8em 0.35em 0.8em;
        font-family: 'bree';
        letter-spacing: 0.02em;
        font-feature-settings: "ss01";
        font-size: 1.05rem;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
        background: rgba(146, 0, 65, 0);

        color: #fff;
        opacity: 1;
        -webkit-transition: background .5s ease;
        transition: background .5s ease;
        position: relative;


        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%);
        content: "";
        display: inline-block;
        text-decoration: none;
        text-transform: uppercase;
    }

    .mobile-search-btn {
        display: block;
        position: absolute;
        top: 1.5rem;
        right: 11rem;
    }

    .mobile-search-btn #top-nav-search {
        text-decoration: none
    }

    .mobile-search-btn #top-nav-search:before {
        font-size: 1.35rem
    }


    .mobile-layer:before {

    }

    #mobile-nav-layer.mobile-layer ul li a {

    }

    #mobile-nav-layer.mobile-layer > div.scroll-wrap > nav > ul > li > a {
        text-transform: uppercase;
        font-family: 'bree serif';
        padding: 0;
        font-size: 1.3333em;
    }

    #mobile-nav-layer.mobile-layer > div.scroll-wrap > nav#second-nav > ul > li:last-of-type > a {
        display: inline-block;
        font-weight: normal;
        padding: 0.4em 0.8em 0.35em 0.8em;
        letter-spacing: 0.02em;
        font-family: 'bree';
        font-size: 1.5rem;
    }

    #mobile-nav-layer.mobile-layer > div.scroll-wrap > nav > ul > li {
        border: none;
        margin-bottom: 1em;
    }

    #mobile-nav-layer.mobile-layer > div.scroll-wrap > nav#first-nav > ul > li:last-of-type {
        position: absolute;
        top: 1.3em;
        left: 0.5em;
    }

    #mobile-nav-layer.mobile-layer > div.scroll-wrap > nav#first-nav > ul > li:last-of-type > a {
        display: inline-block;
        width: 1.4em;
        white-space: nowrap;
        overflow: hidden;
    }

    #mobile-nav-layer.mobile-layer > div.scroll-wrap > nav > ul {
        padding: 0;
    }

    .mobile-layer > div.scroll-wrap > p.nav-close {
        position: absolute;
        top: 15px;
        right: 15px;
    }

    .mobile-layer > div.scroll-wrap > p.nav-close {
        display: block;
    }

    .mobile-layer > div.scroll-wrap > nav > ul > li div li {
        border-top: 1px solid #bfc4ce;
    }

    .mobile-layer > div.scroll-wrap > nav > ul > li div li:last-of-type {
        border-bottom: 1px solid #bfc4ce;
    }

    .mobile-layer > div.scroll-wrap > nav > ul > li div li a {
        padding: .65rem 0;
    }

    .mobile-layer > div.scroll-wrap ul ul {
        border: none;
    }


    .scroll-wrap {
        overflow: scroll;
        display: flex;
        flex-wrap: wrap;
        margin-top: 5rem;
        max-height: calc(100vh - 5rem);

        #second-nav {
            order: 2;
        }

        #first-nav {
            order: 1;
        }
    }

    .teaser-image-box {
        width: calc(47% - 10px);
        float: left;
        margin-bottom: 20px;
        margin-left: 20px
    }

    .teaser-image-box:nth-of-type(3n+1) {
        clear: none
    }

    .content-teaser-boxes > div:after {
        visibility: hidden;
        display: block;
        content: "";
        clear: both;
        height: 0;
    }

}

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

    .close-image, .close-modal {
        right: 1rem;
        top: 1rem;
    }

    .body-overlay h3 {
        font-size: 2.35rem;
    }

    .body-overlay h2 {
        font-size: 3rem;
    }

    .body-overlay h4 {
        font-size: 1.85rem;
        word-break: break-word;
    }

    .modal-window-info {
        padding: .5rem;
    }

    .modal-inner {
        padding: 1rem;
    }

    .teaser-image-box {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    ul.slick-dots {
        right: 0;
        width: 100%;
        text-align: center;
        bottom: 5px;
    }

    ul.slick-dots li {
        margin: 0 5px;
    }

    .start-slider div {
        padding-bottom: 15px;
    }
}


video::-webkit-media-controls-play-button {
    display: flex !important;
}

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

video::-webkit-media-controls-start-playback-button {
    display: none !important;
    -webkit-appearance: none;
}

.news {
    position: relative;
    padding-bottom: 10em;
}

.news p.event-download + div {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.news p.event-download + div h3 {
    margin: 0;
}

div[itemprop=location] + div {
    position: absolute;
    top: -3em;
    right: 0;
}

div[itemprop=location] + div img {
    max-width: 200px;
    height: auto;
}

p[itemprop=startDate] {
    font-weight: bold;
}

p[itemprop=streetAddress], p[itemprop=streetAddress] + p {
    margin: 0;
}

@media screen and (max-width: 1023px) {
    div[itemprop=location] + div {
        top: 2em;
        display: none;
    }

    div[itemprop=location] + div img {
        max-width: 100px;
    }
}

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: 500;
    font-family: 'bree';
    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;
}

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


main:has(.c-socialwall) {
    width: 100%;
}

.c-socialwall {
    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;
}

.c-socialwall .c-socialwall__item {
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    align-self: auto;
    position: relative;
    margin-bottom: 25px;
    box-sizing: border-box;
    border: 2px solid #bfc4ce;
    overflow: hidden;
}

.c-socialwall__item p {
    color: #fff;
    padding: 15px;
    position: absolute;
    transform: translateX(-500px);
    bottom: 0;
    left: 0;
    right: 0;
    top: 65%;
    background: rgba(146, 0, 65, 0.8);
    transition: 0.3s ease-in transform;
    overflow: hidden;
    margin: 0;
    font-size: 1rem;
    line-height: 1.25rem;
    text-align: left !important;
    @media screen and (max-width: 1024px) {
        position: relative;
        transform: none;
        bottom: auto;
        left: auto;
        right: auto;
        top: auto;
    }
}

.c-socialwall__item:hover p {
    transform: translateX(0px)
}

.c-socialwall .c-socialwall__item img {
    width: 100%;
    height: auto;
    box-sizing: border-box;
    display: block;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    object-position: center center;
    transition: 0.3s ease-in transform;
    transform: scale(1.00);
}

.c-socialwall .c-socialwall__item:hover img {
    transform: scale(1.03);
}

.c-socialwall .c-socialwall__item a {
    position: relative;
    z-index: 10;
    overflow: hidden;
    display: block;
}

@media screen and (min-width: 768px) {
    .c-socialwall .c-socialwall__item {
        -webkit-flex: 0 1 48%;
        flex: 0 1 48%;
    }
}

@media screen and (min-width: 1024px) {
    .c-socialwall .c-socialwall__item {
        -webkit-flex: 0 1 32%;
        flex: 0 1 32%;
    }
}

#start-social {
    overflow: hidden;
    background-color: #f3f4f5;
    @media screen and (min-width: 1024px) {
        padding: 3em 15px;
    }
}

#start-social .c-socialwall > div {
    @media screen and (min-width: 1024px) {
        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;
    }
}

#start-social .c-socialwall .c-socialwall__item {
    border: none;
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
}

@media screen and (min-width: 768px) {
    #start-social .c-socialwall .c-socialwall__item {
        -webkit-flex: 0 1 48%;
        flex: 0 1 48%;
    }
}

@media screen and (min-width: 1024px) {
    #start-social .c-socialwall .c-socialwall__item {
        -webkit-flex: 0 1 23%;
        flex: 0 1 23%;
    }
}

#start-social > p {
    text-align: center;
}

#start-social > p a {
    border: 1px solid #a5023b;
    padding: 0.75rem 2rem;
    margin-top: 1rem;
    transition: all 0.3s;
    display: inline-block;
    color: #a5023b;
    text-transform: uppercase;
    text-decoration: none;
    background-color: #fff;
    transition: all 0.3s;
}

#start-social > p a:hover, #start-social > div p a:focus {
    background-color: #a5023b;
    color: #fff;
}


.trennerbild img {
    width: 100%;
    height: auto;
}