/* cairo-regular - latin */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/cairo-v6-latin-regular.eot'); /* IE9 Compat Modes */
    src: local('Cairo'), local('Cairo-Regular'),
    url('../fonts/cairo-v6-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/cairo-v6-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/cairo-v6-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/cairo-v6-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/cairo-v6-latin-regular.svg#Cairo') format('svg'); /* Legacy iOS */
}
/* cairo-700 - latin */
@font-face {
    font-family: 'Cairo';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/cairo-v6-latin-700.eot'); /* IE9 Compat Modes */
    src: local('Cairo Bold'), local('Cairo-Bold'),
    url('../fonts/cairo-v6-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/cairo-v6-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/cairo-v6-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/cairo-v6-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/cairo-v6-latin-700.svg#Cairo') format('svg'); /* Legacy iOS */
}

body {
    background: red;
}

/***********************************************
**
** STRUKTUR, ALLGEMEINES
**
***********************************************/
/*#headerrow .inside,*/
#headerimage .inside,
#headerteaserrow .mod_article .inner,
#header .inside,
#footer .inside,
.sidebar #container,
body:not(.sidebar) #container .mod_article:not(.full-width) .inner {
    display: block;
    max-width: 1160px;
    float: none;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

#container {
    margin-top: 40px;
}

.sidebar #left {
    width: 27%;
    position: relative;
    padding-left: 0;
    padding-right: 40px;
    margin-left: 0;
    float: none;
    right: 0;
    box-sizing: border-box;
}

.sidebar #main {
    width: 73%;
    float: right;
}

.mt-0{margin-top:0px!important;}.mb-0{margin-bottom:0px!important;}
.mt-xxl{margin-top:80px!important;}.mt-xl{margin-top:70px!important;}.mt-l{margin-top:60px!important;}.mt-m{margin-top:50px!important;}.mt-s{margin-top:40px!important;}.mt-xs{margin-top:30px!important;}.mt-xxs{margin-top:20px!important;}
.mb-xxl{margin-bottom:80px!important;}.mb-xl{margin-bottom:70px!important;}.mb-l{margin-bottom:60px!important;}.mb-m{margin-bottom:50px!important;}.mb-s{margin-bottom:40px!important;}.mb-xs{margin-bottom:30px!important;}.mb-xxs{margin-bottom:20px!important;}
.pt-xxl{padding-top:170px!important;}.pt-xl{padding-top:150px!important;}.pt-l{padding-top:120px!important;}.pt-m{padding-top:100px!important;}.pt-s{padding-top:90px!important;}.pt-xs{padding-top:50px!important;}.pt-xxs{padding-top:30px!important;}
.pb-xxl{padding-bottom:170px!important;}.pb-xl{padding-bottom:150px!important;}.pb-l{padding-bottom:120px!important;}.pb-m{padding-bottom:100px!important;}.pb-s{padding-bottom:90px!important;}.pb-xs{padding-bottom:50px!important;}.pb-xxs{padding-bottom:30px!important;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .mt-xxl{margin-top:60px!important;}.mt-xl{margin-top:50px!important;}.mt-l{margin-top:40px!important;}.mt-m{margin-top:30px!important;}.mt-s{margin-top:25px!important;}.mt-xs{margin-top:25px!important;}.mt-xxs{margin-top:25px!important;}
    .mb-xxl{margin-bottom:60px!important;}.mb-xl{margin-bottom:50px!important;}.mb-l{margin-bottom:40px!important;}.mb-m{margin-bottom:30px!important;}.mb-s{margin-bottom:25px!important;}.mb-xs{margin-bottom:25px!important;}.mb-xxs{margin-bottom:25px!important;}
    .pt-xxl{padding-top:130px!important;}.pt-xl{padding-top:110px!important;}.pt-l{padding-top:100px!important;}.pt-m{padding-top:80px!important;}.pt-s{padding-top:70px!important;}.pt-xs{padding-top:40px!important;}.pt-xxs{padding-top:30px!important;}
    .pb-xxl{padding-bottom:130px!important;}.pb-xl{padding-bottom:110px!important;}.pb-l{padding-bottom:100px!important;}.pb-m{padding-bottom:80px!important;}.pb-s{padding-bottom:70px!important;}.pb-xs{padding-bottom:40px!important;}.pb-xxs{padding-bottom:30px!important;}
}

@media only screen and (max-width: 767px) {
    .mt-xxl{margin-top:50px!important;}.mt-xl{margin-top:40px!important;}.mt-l{margin-top:30px!important;}.mt-m{margin-top:25px!important;}.mt-s{margin-top:20px!important;}.mt-xs{margin-top:25px!important;}.mt-xxs{margin-top:25px!important;}
    .mb-xxl{margin-bottom:50px!important;}.mb-xl{margin-bottom:40px!important;}.mb-l{margin-bottom:30px!important;}.mb-m{margin-bottom:25px!important;}.mb-s{margin-bottom:20px!important;}.mb-xs{margin-bottom:25px!important;}.mb-xxs{margin-bottom:25px!important;}
    .pt-xxl{padding-top:80px!important;}.pt-xl{padding-top:70px!important;}.pt-l{padding-top:70px!important;}.pt-m{padding-top:60px!important;}.pt-s{padding-top:50px!important;}.pt-xs{padding-top:40px!important;}.pt-xxs{padding-top:30px!important;}
    .pb-xxl{padding-bottom:80px!important;}.pb-xl{padding-bottom:70px!important;}.pb-l{padding-bottom:70px!important;}.pb-m{padding-bottom:60px!important;}.pb-s{padding-bottom:50px!important;}.pb-xs{padding-bottom:40px!important;}.pb-xxs{padding-bottom:30px!important;}
    .mt-xxl-s{margin-top:80px!important;}.mt-xl-s{margin-top:70px!important;}.mt-l-s{margin-top:60px!important;}.mt-m-s{margin-top:45px!important;}.mt-s-s{margin-top:35px!important;}.mt-xs-s{margin-top:25px!important;}.mt-xxs-s{margin-top:20px!important;}.mt-no-s{margin-top:0px!important;}
    .mb-xxl-s{margin-bottom:80px!important;}.mb-xl-s{margin-bottom:70px!important;}.mb-l-s{margin-bottom:60px!important;}.mb-m-s{margin-bottom:45px!important;}.mb-s-s{margin-bottom:35px!important;}.mb-xs-s{margin-bottom:25px!important;}.mb-xxs-s{margin-bottom:20px!important;}.mb-no-s{margin-bottom:0px!important;}
}

.inline-block {
    display: inline-block;
    margin-right: 15px;
}

@media only screen and (max-width: 1024px) {
    .only-desktop {
        display: none !important;
    }
}

@media only screen and (min-width: 1025px) {
    .only-mobile {
        display: none !important;
    }
}

/* GLIGHTBOX  */
#glightbox-body .gslide-description {
    display: none;
}

/***********************************************
**
** HEADER
**
***********************************************/
/*#headerrow {
    background: #f0f7fd;
    color: #696969;
    padding: 10px 0;
    font-size: 14px;
    position: relative;
    z-index: 99;
}

#headerrow .item {
    margin-right: 10px;
}*/

#headerimage img {
    width: 100%;
}

#header {
    /*padding: 15px 0;*/
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    background: #fff;
}

#header .inside::after {
    content: '';
    display: block;
    width: 100%;
    clear: both;
}

#logo {
    float: left;
    width: 275px;
    /*width: 100px;*/
    height: 100px;
}

#logo a {
    display: block;
    width: 100%;
    height: 100%;
    background: url('../layout/bs-zahnaerzte-an-der-au-logo-lang.svg') transparent center center no-repeat;
    background-size: 100%;
    text-indent: -9999px;
}

#header-logo .image_container {
    line-height: 0;
}

/*** STÖRER TERMINVEREINBARUNG ***/
#stoerer-termin {
    position: absolute;
    bottom: 30px;
    left: 35px;
    z-index: 99;
    background: rgba(255,255,255,0.65);
    border-radius: 5px;
    padding: 15px 20px;
}

#stoerer-termin p {
    margin-bottom: 0;
}

#stoerer-termin .headline {
    color: rgb(59,60,66);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-weight: 700;
    font-size: 21px;
}

#stoerer-termin .button {
    margin-top: 7px;
}

/*** MOBILE ***/
#header #naviToggle {
    display: block;
    position: absolute;
    top: 32px;
    right: 15px;
    cursor: pointer;
    z-index: 9999;
}

#header #naviToggle .iconBar {
    width: 35px;
    height: 3px;
    background: rgb(21, 66, 116);
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    display: block;
    text-align: center;
    margin: 8px 0px;
    position: relative;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

/***********************************************
**
** MENÜ
**
***********************************************/
#mainnav {
    float: right;
}

#mainnav ul {
    margin: 0;
}

#mainnav ul li {
    display: inline-block;
}

#mainnav ul li.first {
    margin-left: 0;
}

#mainnav ul li.last {
    margin-right: 0;
}

#mainnav ul li a,
#mainnav ul li strong {
    display: block;
    color: #696969;
    position: relative;
    height: 40px;
    padding: 52px 10px 8px 10px;
    /*padding: 10px 15px;
    margin-top: 40px;*/
}

#mainnav ul li a:hover {
    color: #42ace6;
}

#mainnav ul li.button a,
#mainnav ul li.button strong {
    padding: 12px 15px;
    height: auto;
    text-align: center;
    color: rgb(21, 66, 116);
    margin-left: 5px;
}

#mainnav ul li.button strong {
    cursor: pointer;
}

#mainnav ul li a.button:hover {
    color: rgb(158, 214, 245);
}

/*#mainnav ul li a.termin-vereinbaren,
#mainnav ul li strong.termin-vereinbaren {
    background: rgb(158, 214, 245);
    color: rgb(21, 66, 116);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#mainnav ul li a.termin-vereinbaren:hover,
#mainnav ul li strong.termin-vereinbaren {
    background: rgb(21, 66, 116);
    color: rgb(158, 214, 245);
}*/

#mainnav ul.level_1 > li > a.submenu::after {
    font-family: 'Font Awesome 5 Free';
    content: '\f0d7';
    font-weight: 700;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -ms-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

#mainnav ul li:hover a.submenu::after {
    opacity: 1;
}

#mainnav ul li strong,
#mainnav ul li a.trail {
    font-weight: 400;
    color: #bece6d;
}

#mainnav ul.level_2 {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    z-index: 999;
    background: #f0f7fd;
    padding: 20px 0;
    border-bottom: 5px solid rgb(21, 66, 116);
    box-shadow: 0 14px 28px rgba(0,0,0,0.15), 0 10px 10px rgba(0,0,0,0.12);
}

#mainnav ul li.submenu:hover > ul.level_2 {
    display:-ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

#mainnav ul.level_2 li {
    display: block;
    margin: 0 15px;
}

#mainnav ul.level_2 li a,
#mainnav ul.level_2 li strong {
    /*line-height: 50px;*/
    display: block;
    padding: 0 10px;
    height: auto;
    line-height: 1.4;
    margin: 25px 0;
}

#mainnav ul.level_2 > li > a,
#mainnav ul.level_2 > li > strong {
    font-size: 22px;
    color: rgb(21, 66, 116);
}

#mainnav ul.level_2 li a:hover {
    /*color: #bece6d;*/
}

#mainnav ul.level_2 li ul.level_3 li {
    margin: 0;
}

#mainnav .leistungen ul.level_3 {
    display:-ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1160px;
}

#mainnav .leistungen ul.level_3 li {
    width: 33.33%;
}

#mainnav .leistungen ul.level_2 li a,
#mainnav .leistungen ul.level_2 li strong {
    margin: 13px 0;
}

/*** MOBILE ***/
.mm-navbar,
.mm-panel {
    background: #f0f7fd;
}

.mm-menu a.trail,
.mm-menu a.active {
    color: #bece6d;
}

.mm-menu a.button {
    border-radius: 0;
}

/****************************************
**
** TYPO ETC.
**
****************************************/
body {
    font-family: "Cairo", sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 1.5;
    color: rgb(130, 130, 130);
    letter-spacing: 0.2px;
    background: #fff;
}

#main p,
#main ul,
#main ol,
.mb-18 .button {
    max-width: 800px;
    margin-bottom: 18px;
}

#main ul,
#main ol {
    list-style: outside disc none;
    margin-left: 25px;
}

#main ol {
    list-style-type: numeric;
}

#main ul ul,
#main ol ol {
    margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.3;
    color: rgb(59,60,66);
    word-wrap: break-word;
    max-width: 800px;
}

h1 {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 50px;
}

h2 {
    font-size: 33px;
    font-weight: 400;
    /*margin-top: 0;*/
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 20px;
}

h6 {
    font-size: 18px;
}

.h1-subline {
    margin-bottom: 50px;
}

.h1-subline h1 {
    margin-bottom: 0;
}

.h2-big h2 {
    font-size: 40px;
    font-weight: 700;
}

.center {
    text-align: center;
}

a,
a img,
.ce_accordion .toggler::before,
form button.submit {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

a {
    color: rgb(21, 66, 116);
    text-decoration: none;
}

a:hover {
    color: rgb(130, 130, 130);
}

.image_container a:hover img {
    opacity: 0.7;
}

.button a,
.ce_download a,
#leistungen-teaser ul li a,
#mainnav ul li.button strong {
    display: inline-block;
    padding: 12px 15px;
    background: rgb(158, 214, 245);
    color: rgb(21, 66, 116);
    border-radius: 5px;
    min-width: 100px;
    /*text-align: center;*/
    line-height: 1;
    min-width: 135px;
}

/*.button-icon a {
    background-image: url('../layout/icons-dunkelblau/info.svg');
    background-position: left center;
    background-size: 40px 40px;
    background-repeat: no-repeat;
    padding-right: 55px;
}*/

.button a:hover,
#mainnav ul li.button strong:hover,
.ce_download a:hover,
#leistungen-teaser ul li a:hover {
    background: rgb(21, 66, 116);
    color: rgb(158, 214, 245);
}

#main .button:not(.button-solid) a,
#headerteaserrow .button:not(.button-solid) a,
#main .ce_download a {
    background: transparent;
    border: 2px solid rgb(158, 214, 245);
}

#main .button:not(.button-solid) a:hover,
#headerteaserrow .button:not(.button-solid) a:hover,
#main .ce_download a:hover {
    background: rgb(21, 66, 116);
    border: 2px solid rgb(21, 66, 116);
}

.button-phone a::before,
.button-mail a::before,
.button-size-middle a::before {
    /*content: '\f095';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 18px;
    margin-right: 10px;*/
    display: inline-block;
    content: '';
    width: 18px;
    height: 18px;
    margin-right: 10px;
    background: url('../layout/icons-dunkelblau/telefon.svg') transparent center center no-repeat scroll;
    vertical-align: bottom;
}

.button-phone a:hover::before {
    background-image: url('../layout/icons-hellblau/telefon.svg')
}

.button-megaphone a::before,
.button-video a::before,
.button-email a::before,
.button-termin a::before {
    content: '\f03d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 18px;
    margin-right: 10px;
}

.button-megaphone a::before {
    content: '\f0a1';
}

.button-email a::before {
    content: '\f0e0';
}

.button-termin a::before {
    content: '\f274';
}

.button-zahnbuerste a::before {
    background-image: url('../layout/icons-dunkelblau/zahnbuerste.svg')
}

.button-zahnbuerste a:hover::before {
    background-image: url('../layout/icons-hellblau/zahnbuerste.svg')
}

.button-upt a::before {
    background-image: url('../layout/icons-dunkelblau/upt.svg')
}

.button-upt a:hover::before {
    background-image: url('../layout/icons-hellblau/upt.svg')
}

.button-zahn a::before {
    background-image: url('../layout/icons-dunkelblau/zahn.svg')
}

.button-zahn a:hover::before {
    background-image: url('../layout/icons-hellblau/zahn.svg')
}

.button-info a::before {
    background-image: url('../layout/icons-dunkelblau/info.svg')
}

.button-info a:hover::before {
    background-image: url('../layout/icons-hellblau/info.svg')
}

.button-size-middle a,
#leistungen-teaser ul li a {
    padding: 15px 30px 15px 25px;
}

.button-size-middle a::before {
    width: 35px;
    height: 35px;
    vertical-align: text-bottom;
    margin-right: 13px;
}

#leistungen-teaser ul {
    list-style-type: none;
    margin-left: 0;
    max-width: none;
}

#leistungen-teaser ul li {
    display: inline-block;
    margin: 0 15px 15px 0;
}

#leistungen-teaser ul li a {
    min-width: 0;
    padding: 25px 30px;
}

.ce_download a::before {
    content: '\f15b';
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    margin-right: 10px;
}

.ce_download .ext-pdf a::before {
    content: '\f1c1';
}

.ce_download .ext-docx a::before,
.ce_download .ext-doc a::before {
    content: '\f1c2';
}

video {
    max-width: 100%;
    height: auto;
}

#main .ce_gallery ul {
    list-style-type: none;
    max-width: none;
    margin-left: 0;
    display:-ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#main .ce_gallery ul li {
    width: 33.33%;
    line-height: 1;
    padding: 0 10px 10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table tr td {
    padding: 0 20px 20px 0;
}

.table_no_pb table tr td {
    padding-bottom: 0;
}

.table-first-nowrap table tr td:first-child {
    white-space: nowrap;
}

.ce_colsetStart.buttons-bottom .col_1,
.ce_colsetStart.buttons-bottom .ce_colsetPart {
    position: relative;
}

.ce_colsetStart.buttons-bottom .col_1 > div,
.ce_colsetStart.buttons-bottom .ce_colsetPart > div {
    padding-bottom: 60px;
}

.ce_colsetStart.buttons-bottom .col_1 > div .button-bottom,
.ce_colsetStart.buttons-bottom .ce_colsetPart > div .button-bottom {
    position: absolute;
    bottom: 0;
}

/*** STÖRER TERMINVEREINBARUNG (rechte Spalte) ***/
#right-stoerer-termin {
    display: block;
    position: fixed;
    right: 0;
    top: 50%;
    background: #d2e08b;
    color: rgb(59,60,66);
    padding: 13px 13px 0 22px;
    border-bottom-left-radius: 5px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 100;
}

#right-stoerer-termin .headline {
    color: rgb(21, 66, 116);
    text-transform: uppercase;
    letter-spacing: 0.4px;
    font-weight: 700;
    font-size: 21px;
}

.stoerer-close {
    position: absolute;
    top: 0;
    left: -55px;
    cursor: pointer;
    width: 55px;
    height: 55px;
    background: url('../layout/icons-dunkelblau/schliessen.svg') rgb(233, 239, 197) center center no-repeat;
    background-size: 34px auto;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    /*font-size: 35px;
    color: rgb(21, 66, 116);
    text-align: center;*/
}

#right-stoerer-termin.close {
    right: -348px;
}

#right-stoerer-termin.close .stoerer-close {
    background-image: url('../layout/icons-dunkelblau/telefon.svg');
    background-size: 30px auto;
}

/*.stoerer-close::before {
    display: block;
    content: '\f00d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    color: rgb(21, 66, 116);
    line-height: 55px;
}

#right-stoerer-termin.close .stoerer-close::before {
    content: '\f2a0';
    font-size: 30px;
}*/

.hinweis {
    background: rgb(158, 214, 245);
    color: rgb(21, 66, 116);
    padding: 20px 20px 10px 20px;
    border-radius: 5px;
    margin-bottom: 40px;
}

.hinweis h1 {
    margin-bottom: 20px;
    color: rgb(21, 66, 116);
}

/*** BACKGROUNDS ***/
.bg-blau {
    background: #f0f7fd;
}

.bg-blau.ce_text {
    padding: 0 25px 10px;
}

.bg-gruen {
    background: rgb(233, 239, 197);
}

.bg-blau .image_container,
.bg-gruen .image_container {
    line-height: 0;
}

.img-text-box .ce_text {
    padding-right: 30px;
}

/*** COUNTER ***/
.counter {
  text-align: center;
}

.counter .ce_image {
  margin-bottom: 10px;
}

.counter .text {
  display: block;
}

.counter .counter-count {
  display: inline-block;
  font-weight: 700;
  font-size: 90px;
  line-height: 1;
  color: rgb(21, 66, 116);
  margin-top: 20px;
}

@media screen and (max-width: 480px) {
  .counter .counter-count {
    font-size: 60px;
  }
}

/****************************************
**
** KARRIERE
**
****************************************/
/*** NUMBER BOX ***/
#main .number-box p:first-child {
    color: rgb(158, 214, 245);
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 0;
}

.number-box h2 {
    margin-top: 0;
    font-size: 28px;
    color: rgb(21, 66, 116);
}

/*** JOB TEASER BOX ***/
.job-teaser {
    background: rgba(158, 214, 245, 0.3);
    color: rgb(21, 66, 116);
    padding-bottom: 30px;
}

.job-teaser .ce_text {
    padding: 0 30px;
}

.job-teaser .ce_text h2,
.job-teaser .ce_text h3 {
    color: rgb(21, 66, 116);
}

.job-teaser .ce_text h2 {
    font-weight: 700;
}

.job-teaser .ce_text h3 {
    font-size: 25px;
    font-weight: 400;
}

#main .job-teaser .ce_text ul {
    list-style: none outside none;
    margin-left: 0;
    margin-top: 30px;
}

#main .job-teaser .ce_text ul li {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.27;
    margin-bottom: 20px;
    background: url('../layout/icon-check.svg') transparent no-repeat left top;
    background-size: 27px auto;
    min-height: 32px;
    padding-left: 40px;
}

@media screen and (max-width: 767px) {
    .job-teaser .col_1,
    .job-teaser .col_2 {
        width: 100%;
    }

    .job-teaser .col_2 .subcr {
        padding-left: 0 !important;
        padding-top: 30px;
    }

    .job-teaser .col_2 .ce_hyperlink {
        padding-left: 30px;
    }
}

/*** STATEMENT BOX ***/
.show-wrapper {
    position: relative;
    max-height: 400px;
    padding-bottom: 200px;
    box-sizing: border-box;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

.show-wrapper::after {
    content: '';
    display: block;
    position: absolute;
    height: 200px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    /*background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(50,55,97,0) 100%);*/
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 22%, rgba(255,255,255,1) 22%, rgba(255,255,255,0) 100%);
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

.show-wrapper .show {
    display: block;
    width: 100%;
    height: 36px;
    background: url('../layout/icon-plus.svg') transparent no-repeat center center;
    background-size: auto 36px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
    cursor: pointer;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}

.show-wrapper .show:hover {
    opacity: 0.6;
}

.show-wrapper.active {
    max-height: 3000px;
    padding-bottom: 40px;
}

.show-wrapper.active::after {
    opacity: 0;
}

.show-wrapper.active .show {
    background-image: url('../layout/icon-minus.svg');
}

.statement-box h3 {
    font-weight: 400;
    margin-top: 7px;
    color: rgb(21, 66, 116);
}

.statement-box strong {
    font-size: 20px;
    color: rgb(21, 66, 116);
}

.statement-box p {
    line-height: 1.35;
}

/*** JOBS NEWSLIST ***/
.ce_headline.bold {
    font-weight: 700;
}

.jobs-list .layout_latest {
    margin-bottom: 40px;
}

.jobs-list .layout_latest h3 {
    margin-top: 0;
    font-weight: 400;
}

.jobs-list .layout_latest.inititativ {
    background: rgba(158, 214, 245, 0.3);
    color: rgb(21, 66, 116);
    padding: 25px 25px 5px !important;
}

.mod_newsreader .back {
    margin-top: 30px;
}

@media screen and (min-width: 580px) {
    .jobs-list {
        display: flex;
        flex-wrap: wrap;
    }

    .jobs-list .layout_latest {
        width: 50%;
        padding-right: 15px;
        box-sizing: border-box;
    }

    .jobs-list .layout_latest:nth-child(2n) {
        padding-right: 0;
        padding-left: 15px;
    }
}

/****************************************
**
** FOOTER
**
****************************************/
#footer {
    background: rgb(21, 66, 116);
    margin-top: 40px;
}

#footer .inside {
    padding: 65px 40px;
    display:-ms-flexbox;
    display: flex;
}

#footer,
#footer a {
    color: rgb(158, 214, 245);
}

#footer table tr td {
    padding: 0px 12px 0px 0;
}

#footer ul {
    padding: 0;
    margin: 0;
}

#footer li,
#subnav li {
    margin-bottom: 10px;
    padding-left: 25px;
    padding-bottom: 10px;
    list-style-type: none;
    position: relative;
}

#footer li::before,
#subnav li::before,
.ce_accordion .toggler::before {
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    text-align: center;
    position: absolute;
    left: 0px;
    display: block;
    height: 20px;
    width: 20px;
    margin-top: -1px;
}

#footer li::before {
    color: rgba(255,255,255,0.6);
}

#footer li::after,
#subnav li::after {
    border-bottom: 1px solid rgb(0,0,0);
    opacity: 0.2;
    content: '';
    display: block;
    left: 0;
    width: 100%;
    bottom: 0;
    position: absolute;
}

#footer li::after {
    border-bottom: 1px solid rgb(255,255,255);
    opacity: 0.6;
}

#footer a:hover {
    color: rgb(130, 130, 130);
}

#footer .totop {
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -20px;
}

#footer .totop::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    content: '\f0d8';
    background: rgba(255,255,255,0.6);
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    font-size: 21px;
    border-radius: 0 0 3px 3px;
    color: rgb(21, 66, 116);
}

@media only screen and (max-width: 600px) {
    #footer .c50l,
    #footer .c50r {
        width: 100%;
        float: none;
    }
}

/****************************************
**
** SUBNAVI
**
****************************************/
#subnav {
    margin-top: 40px;
}

#subnav li::after {
    border-bottom-color: #696969;
}

#subnav li a {
    color: #696969;
}

#subnav li a:hover {
    color: #42ace6;
}

#subnav li strong,
#subnav li a.trail  {
    color: #bece6d;
    font-weight: 400;
}

/****************************************
**
** COOKIEBOT
**
****************************************/
#CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
#CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
#CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
#CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogDetailBodyContentTextAbout a,
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active,
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover,
#CookiebotWidget .CookiebotWidget-consent-details button {
  color: rgb(21, 66, 116) !important;
}

#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active,
#CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw,
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  border-color: rgb(158, 214, 245) !important;
  color: rgb(21, 66, 116) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  border-color: rgb(158, 214, 245) !important;
  background-color: rgb(158, 214, 245) !important;
  color: rgb(21, 66, 116) !important;
}

#CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogTabContent input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: rgb(158, 214, 245) !important;
}

#CybotCookiebotDialogBodyContentText ul {
  margin: 15px 0 0 20px;
}

/*.CybotCookiebotFader {
    display: none !important;
}*/

#CybotCookiebotDialog #CybotCookiebotDialogBody .CybotCookiebotScrollContainer {
    max-height: none !important;
}


.map-optout-marketing {
  background: #f0f7fd;
  padding: 60px 60px 40px;
}

.map-optout-marketing .ce_hyperlink a {
  
}

@media screen and (max-width: 500px) {
    .map-optout-marketing {
        padding: 20px 20px 10px;
    }
}

/****************************************
**
** TEASER
**
****************************************/
.ce_linkteaser {
    margin-bottom: 15px;
    /*margin-right: 20px;*/
}

.ce_linkteaser a {
    background: rgb(158, 214, 245);
    color: rgb(21, 66, 116);
    padding: 15px 30px 15px 25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display:-ms-flexbox;
    display: flex;
    height: 90px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.ce_linkteaser a:hover {
    background: rgb(21, 66, 116);
    color: rgb(158, 214, 245);
}

.ce_linkteaser a::before {
    align-self: center;
    display: block;
    content: '';
    height: 40px;
    width: 40px;
    margin-right: 15px;
    background: url('../layout/icons-dunkelblau/info.svg') transparent center center no-repeat scroll;
    background-size: contain;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.ce_linkteaser.teaser-kontakt a::before {
    /*content: '\f05a';*/
}

.ce_linkteaser.teaser-rueckruf a::before {
    /*content: '\f2a0';*/
    background-image: url('../layout/icons-dunkelblau/telefon.svg')
}

.ce_linkteaser.teaser-endodontie a::before {
    /*content: '\f5c9';*/
    background-image: url('../layout/icons-dunkelblau/zahn.svg')
}

.ce_linkteaser.teaser-kieferorthopaedie a::before {
    background-image: url('../layout/icons-dunkelblau/kieferorthopaedie.svg')
}


.ce_linkteaser a:hover::before {
    background-image: url('../layout/icons-hellblau/info.svg')
}

.ce_linkteaser.teaser-rueckruf a:hover::before {
    background-image: url('../layout/icons-hellblau/telefon.svg')
}

.ce_linkteaser.teaser-endodontie a:hover::before {
    /*content: '\f5c9';*/
    background-image: url('../layout/icons-hellblau/zahn.svg')
}

.ce_linkteaser.teaser-kieferorthopaedie a:hover::before {
    background-image: url('../layout/icons-hellblau/kieferorthopaedie.svg')
}

.ce_linkteaser.teaser-kinderzahnheilkunde a::before {
    content: '\f1ae';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 40px;
    min-width: 40px;
    line-height: 40px;
    background: none;
}


.ce_linkteaser a .inside {
    align-self: center;
}

.ce_linkteaser a p {
    margin: 0;
    font-size: 18px;
    line-height: 1.2;
    text-transform: uppercase;
}

/****************************************
**
** NEWS
**
****************************************/

/*** TEASER ***/
.news-teaser {
    display:-ms-flexbox;
    display: flex;
}

.news-teaser .layout_latest {
    width: 33.33%;
    padding: 0 10px;
}

.news-teaser .layout_latest.first {
    padding: 0 20px 0 0;
}

.news-teaser .layout_latest.last {
    padding: 0 0 0 20px;
}

.news-teaser h2 {
    margin-top: 0;
}

.news-teaser .info {
    margin-bottom: 0;
}

/****************************************
**
** AKKORDEON
**
****************************************/
.ce_accordion {
    margin-bottom: 5px;
    border-bottom: 1px solid #e1e1e1;
}

.ce_accordion .toggler {
    cursor: pointer;
    padding: 10px 10px 10px 30px;
    color: #696969;
    position: relative;
/*    background: rgb(21, 66, 116);
    color: rgba(255, 255, 255, 0.8);*/
}

.ce_accordion .toggler::before {
    margin: 0 0 0 6px;
}

.ce_accordion .toggler.active::before {
    /*content: '\f107';*/
    transform: rotate(90deg);
    margin-top: 3px;
}

.ce_accordion .toggler h2 {
    margin: 0;
}

.ce_accordion .accordion {
    padding: 10px 0 0 30px;
}

.ce_accordion .accordion div > .ce_colsetStart {
    margin-top: 20px;
}

.ce_accordion_big {
    margin-top: 30px;
}

.ce_accordion_big .toggler::before {
    line-height: 42px;
}

.ce_accordion_big .toggler.active::before {
    margin-top: 14px;
    margin-left: 14px;
}

/****************************************
**
** TEASERTEXT
**
****************************************/
.teasertext {
    display:-ms-flexbox;
    display: flex;
    background: #f0f7fd;
}

.teasertext .image_container,
.teasertext .ce_text_content {
    width: 50%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.teasertext .image_container {
    line-height: 0;
}

.teasertext .image_container img {
    width: 100%;
}

.teasertext .ce_text_content {
    padding: 15px 30px 20px;
}

/*.teasertext-left .ce_text_content {
    padding-right: 30px;
}

.teasertext-right .ce_text_content {
    padding-left: 30px;
}*/

/****************************************
**
** FORMULAR
**
****************************************/
form label {
    display: block;
    margin-bottom: 3px;
}

form input,
form textarea,
form select {
    width: calc(100% - 2px);
    max-width: 800px;
    margin-bottom: 20px;
    border: 1px solid #e1e1e1;
    padding: 5px 10px;
    box-sizing: border-box;
}

.widget-checkbox {
    margin-bottom: 20px;
}

.widget-checkbox .checkbox_container > span {
    display: flex;
}

.widget-checkbox span label {
    
}

form input.checkbox {
    width: auto;
    margin: 0 7px 0 0;
    height: 27px;
}

form input.captcha {
    width: 40px;
    margin-left: 7px;
}

form button.submit {
    background: rgb(158, 214, 245);
    color: rgb(21, 66, 116);
    border: 0 none;
    font-size: 18px;
    text-transform: uppercase;
    padding: 7px 50px;
    cursor: pointer;
    border-radius: 5px;
}

form button.submit:hover {
    background: rgb(21, 66, 116);
    color: rgb(158, 214, 245);
}

.error {
    color: #ff0000;
}

/****************************************
**
** HEADER ROW STÖRER
**
****************************************/
#headerteaserrow {
    background: rgb(158, 214, 245);
    color: rgb(21, 66, 116);
}

#headerteaserrow .mod_article .inner {
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#headerteaserrow .mod_article .inner .ce_text {
    margin-right: 20px;
}

#headerteaserrow .mod_article .inner .ce_text p {
    margin-bottom: 0;
}

#headerteaserrow .mod_article .inner .button {
    margin-top: 15px;
}

#headerteaserrow .mod_article .inner .button a {
    border: 1px solid rgb(21, 66, 116);
    padding: 7px 22px;
    text-align: center;
}

@media screen and (min-width: 800px) {
    #headerteaserrow .mod_article .inner .ce_text {
        margin-left: 50px;
    }

    #headerteaserrow .mod_article .inner .button {
        margin-top: 0;
    }
}

/****************************************
**
** KIDS AN DER AU
**
****************************************/
.kids #logo a {
    background-image: url('../layout/bs-kids-an-der-au-logo-lang.svg');
}

.kids #mainnav ul.level_2 {
    background: #fbffee;
    border-bottom-color: #c5d984;
}

.kids #mainnav ul li a:hover,
.kids #subnav li a:hover {
    color: rgb(21, 66, 116);
}

.kids #footer {
    margin-top: 0;
}

.kids #container {
    background: url('../layout/bg-kids-green.png') transparent right bottom no-repeat;
    background-size: 1100px auto;
    padding-bottom: 230px;
}

.kids #container::before {
    display: block;
    content: '';
    width: 240px;
    height: 200px;
    background: url('../layout/kids-sonne.svg') transparent center center no-repeat;
    background-size: contain;
    position: absolute;
    top: -60px;
    right: -50px;
}

.kids a:hover {
    color: #9e7661;
}

.kids .ce_linkteaser a,
.kids .button a,
.kids .ce_download a {
    background: #c5d984;
    color: rgb(21, 66, 116);
}

.kids .ce_linkteaser a:hover,
.kids .button a:hover,
.kids .ce_download a:hover {
    background: rgb(206, 235, 250);
}

.kids #main .button:not(.button-solid) a,
.kids #main .ce_download a {
    background: transparent;
    border: 2px solid #c5d984;
}

.kids #main .button:not(.button-solid) a:hover,
.kids #main .ce_download a:hover {
    background: #c5d984;
}

.kids .ce_linkteaser a::before {
    background-image: url('../layout/icons-dunkelblau/kids-info.svg');
}

.kids .ce_linkteaser a:hover::before {
    background-image: url('../layout/icons-dunkelblau/kids-info.svg');
}

.kids .button-phone a::before {
    background-image: url('../layout/icons-dunkelblau/kids-telefon.svg');
}

.kids .button-phone a:hover::before {
    background-image: url('../layout/icons-dunkelblau/kids-telefon.svg');
}

.kids .button-mail a::before {
    background-image: url('../layout/icons-dunkelblau/kids-mail.svg');
}

.kids .button-mail a:hover::before {
    background-image: url('../layout/icons-dunkelblau/kids-mail.svg');
}

.kids .teasertext .ce_text_content {
    padding-top: 0;
    padding-bottom: 0;
}

.kids #right-stoerer-termin {
    background: rgb(158, 214, 245);
}

.kids .stoerer-close {
    background-color: rgb(206, 235, 250);
    background-image: url('../layout/icons-dunkelblau/kids-schliessen.svg');
}

.kids #right-stoerer-termin.close .stoerer-close {
    background-image: url('../layout/icons-dunkelblau/kids-telefon.svg');
}

/****************************************
**
** RESPONSIVE: GROßE SCREENS
**
****************************************/
@media only screen and (min-width: 768px) {
    #footer .inside::before {
        content: '';
        width: 27%;
        display: block;
    }

    #header-logo {
        position: absolute;
        bottom: 0;
        right: 42px;
        z-index: 99;
        background: #fff;
        padding: 16px 18px 14px 15px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
}

@media screen and (min-width: 1081px) {
    .scrolling #header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 100px;
        z-index: 999;
    }

    .scrolling #headerimage {
        margin-top: 100px;
    }
}

/****************************************
**
** RESPONSIVE: ZWISCHENGRÖßEN
**
****************************************/
@media screen and (max-width: 799px) and (min-width: 768px) {
    #footer .ce_colsetStart {
        width: 73%;
    }

    #left .ce_linkteaser a::before {
        display: none;
    }
}

/****************************************
**
** RESPONSIVE: KLEINE SCREENS
**
****************************************/
@media screen and (max-width: 1080px) {
    #mainnav {
        width: 100%;
    }

    #mainnav ul li a,
    #mainnav ul li strong {
        padding-top: 5px;
    }

    .teasertext .ce_text_content h2 {
        margin-top: 0;
    }

    .kids .teasertext .ce_text_content {
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .kids #container::before {
        right: 0;
        background-position: 50px center;
    }
}

@media only screen and (max-width: 1023px) {
    #logo {
        height: 80px;
    }

    #header #naviToggle {
        top: 22px;
    }
}

@media only screen and (max-width: 767px) {
    #header-logo img {
        max-width: 300px;
        margin-top: 10px;
    }

    #right-stoerer-termin {
        display: none;
    }

    .sidebar #main,
    .sidebar #left {
        width: 100% !important;
        margin: 0 !important;
        float: none !important;
        border: 0 !important;
    }

    .sidebar #left {
        margin-top: 40px !important;
        padding-right: 0;
    }

    .c25l,
    .c25r {
        width: 50%;
    }

    .c25l.col_2 .subc,
    .c25r.col_2 .subc {
        padding-left: 12px !important;
        padding-right: 0 !important;
    }

    .c25l.col_3 .subc,
    .c25r.col_3 .subc {
        padding-left: 0 !important;
        padding-right: 12px !important;
    }

    .c75l,
    .c75r,
    .c40l,
    .c60r {
        width: 100%;
    }

    .c75r {
        margin-top: 20px;
    }

    .c75l .subcr,
    .c75r .subcr,
    .c40l .subcl,
    .c60r .subcr {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .teasertext {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .teasertext .image_container,
    .teasertext .ce_text_content {
        width: 100%;
    }

    .teasertext .image_container {
        order: 1;
    }

    .teasertext .ce_text_content {
        order: 2;
    }
}

@media only screen and (max-width: 599px) {
    #main .ce_gallery ul li {
        width: 50%;
    }

    .c33l,
    .c33r {
        width: 50%;
        margin-bottom: 40px;
        margin-left: 0;
    }

    .c33r.col_3 {
        float: left;
    }

    .c66l,
    .c66r,
    .c66l + .c33l,
    .c66l + .c33r {
        width: 100%;
    }

    .c66l .subcl,
    .c66r .subcr,
    .c66l + .c33l .subcl,
    .c66l + .c33r .subcr {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .c33l.col_1 .subcl,
    .c33r.col_3 .subcr {
        padding-left: 0 !important;
        padding-right: 6px !important;
    }

    .c33l.col_2 .subc {
        padding-left: 6px !important;
        padding-right: 0 !important;
    }
}

@media screen and (max-width: 579px) {
    .colset-mobile-full-width .col_1,
    .colset-mobile-full-width .col_2,
    .colset-mobile-full-width .col_3,
    .colset-mobile-full-width .col_4 {
        width: 100%;
    }

    .colset-mobile-full-width > div .subcr,
    .colset-mobile-full-width > div .subc,
    .colset-mobile-full-width .c25l.col_2 .subc {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media only screen and (max-width: 399px) {
    table tr td {
        display: block;
        padding: 0 0 5px 0;
    }

    table tr td:first-child {
        padding-top: 10px;
    }

    #footer table tr td {
        display: table-cell;
    }

    .ce_accordion .accordion {
        padding-left: 0;
    }

    .teasertext .ce_text_content {
        padding: 15px 15px 20px;
    }

    .c25l,
    .c25r,
    .c33l,
    .c33r {
        width: 100%;
        margin-bottom: 40px;
    }
}

/* NEW STYLINGS 2024 */
/* header img */
#headerimage {
    margin-bottom: 3rem;
}

body.headerimage-no-margin-bottom #container {
    margin-top: 0;
}
body.headerimage-no-margin-bottom #headerimage {
    margin-bottom: 0;
}

#headerimage img {
    display: block;
}
@media (max-width: 1920px) {
    #headerimage .mod_article {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        max-height: 500px;
        width: 100vw;
    }
}
@media (max-width: 768px) {
    #headerimage {
        margin-bottom: 2rem;
    }
    #headerimage .mod_article {
        max-height: 400px;
    }
}

/* headlines */
.ce_headline.center {
    margin-left: auto;
    margin-right: auto;
}

/* text & img 50/50 */
.text-img-50.col-50x50 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
}
.text-img-50.col-50x50 .col_1,
.text-img-50.col-50x50 .col_2 {
    width: 100%;
    display: flex;
}
.text-img-50.col-50x50.centered-text.text-left .col_1 {
    align-items: center;
}
.text-img-50.col-50x50.centered-text.text-right .col_2 {
    align-items: center;
}
@media (max-width: 1000px) {
    .text-img-50.col-50x50 {
        grid-template-columns: 1fr;
    }
    .text-img-50.col-50x50.centered-text.text-right .col_1 {
        grid-column: 1/2;
        grid-row: 2/3;
    }
    .text-img-50.col-50x50.centered-text.text-right .col_2 {
        grid-column: 1/2;
        grid-row: 1/2;
    }
}

/* 3er Kacheln */
.three-tiles {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 30px;
}
.three-tiles.job-teaser {
	background: transparent;
}
.three-tiles .c33l,
.three-tiles .c33r {
    width: 100%;
}
.three-tiles.bg-blue .c33l,
.three-tiles.bg-blue .c33r {
    background: rgba(158, 214, 245, 0.3);
}
.three-tiles.bg-grey .c33l,
.three-tiles.bg-grey .c33r {
    background: #f5f5f5;
}
.three-tiles.bg-green .c33l,
.three-tiles.bg-green .c33r {
    background: rgb(197 217 132 / 30%);
}
.three-tiles .c33l .subcl,
.three-tiles .c33l .subc,
.three-tiles .c33r .subcr {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media (max-width: 1000px) {
    .three-tiles {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .three-tiles {
        grid-template-columns: 1fr;
    }
}

/* 2-tiles */
.two-tiles {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    padding-bottom: 0;
    background: transparent;
}
.two-tiles.job-teaser {
	background: transparent;
}
.two-tiles .c50l,
.two-tiles .c50r {
    width: 100%;
}
.two-tiles.bg-blue .c50l,
.two-tiles.bg-blue .c50r {
    background: rgba(158, 214, 245, 0.3);
}
.two-tiles.bg-grey .c50l,
.two-tiles.bg-grey .c50r {
    background: #f5f5f5;
}
.two-tiles.bg-green .c50l,
.two-tiles.bg-green .c50r {
    background: rgb(197 217 132 / 30%);
}
.two-tiles .subcl,
.two-tiles .subcr {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
@media (max-width: 758px) {
    .two-tiles {
        grid-template-columns: 1fr;
    }
}

/* 2-tiles last box */
.two-tiles.bg-blue.last-box .c50r {
    background: rgb(21, 66, 116);
    color: #fff;
}
.two-tiles.bg-blue.last-box .c50r h3 {
    color: #fff;
}
.two-tiles.bg-blue.last-box .c50r .button a {
    color: rgb(158, 214, 245);
}
.two-tiles.bg-blue.last-box .c50r .button-phone a:before {
    background-image: url('../layout/icons-hellblau/telefon.svg');
}
.two-tiles.bg-blue.last-box .c50r .button-phone a:hover::before {
    background-image: url('../layout/icons-dunkelblau/telefon.svg');
}
.two-tiles.bg-blue.last-box .c50r .button a:hover {
    color: rgb(21, 66, 116) !important;
    background: rgb(158, 214, 245) !important;
    border: 2px solid rgb(158, 214, 245) !important;
}

/* fullwidth */
.fullwidth {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
    display: flex;
    justify-content: center;
    padding-top: 1rem;
    padding-bottom: 2rem;
}
.fullwidth.bg-blue {
    background: rgba(158, 214, 245, 0.3);
}
.fullwidth.bg-grey {
    background: #f5f5f5;
}
.fullwidth.bg-green {
    background: rgb(197 217 132 / 30%);
}
.fullwidth .first {
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}
.fullwidth .last {
    display: none;
}
.fullwidth .first div {
    padding: 0;
}
@media (max-width: 1170px) {
    .fullwidth .first .subcl {
        padding-left: 20px;
    }
}

/* small-box */
.job-teaser.small-box col_1.last {
	display: none
}
.job-teaser.small-box.bg-grey {
	background: #f5f5f5;
}
.job-teaser.small-box.bg-blue {
	background: rgba(158, 214, 245, 0.3);
}
.job-teaser.small-box.bg-green {
	background: rgb(197 217 132 / 30%);
}
.job-teaser.small-box .ce_headline,
.job-teaser.small-box .ce_image {
	padding: 0 30px;
}
.small-box .ce_accordionSingle {
    margin-left: 30px;
    padding-left: 0;
}
.small-box .ce_gallery {
    padding-left: 30px;
}

/* person button */
.button-person {
	margin-bottom: 10px;
}
.button-person a:before {
	content: '\f007';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 18px;
    margin-right: 10px;
}
/* back button */
.button-back a:before {
	content: '\f060';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 18px;
    margin-right: 10px;
}
/* external button */
.button-external a:before {
	content: '\f35d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 700;
    font-size: 18px;
    margin-right: 10px;
}

/* kids start */
.kids-start.kids #container {
    background: url(../layout/bg-kids-green.png) transparent center bottom no-repeat;
}
.kids-start.kids #container:before {
    top: -160px;
    right: -30px;
}

/* footer */
#footer .inside {
	display: flex;
    flex-direction: column;
    padding-bottom: 0;
}
#footer .inside .colcount_4 {
	margin-bottom: 2rem;
	margin-top: 2rem;
}
#footer .inside h3 {
	margin-top: 0;
	font-size: 1.5rem;
    font-weight: 500;
}
#footer .inside h3,
#footer .inside p, 
#footer .inside li,
#footer .inside li a,
#footer .inside tr td {
	color: #fff;
}
#footer .inside li a:hover,
#footer .inside .colcount_2 .mod_navigation ul li a:hover{
	color: rgb(158, 214, 245);
}
#footer .inside .button a {
	color: rgb(21, 66, 116);
}
#footer .inside .button a:hover {
	color: rgb(158, 214, 245);
}
#footer .inside .colcount_2 {
	padding-top: 15px;
    border-top: 2px solid rgb(255 255 255 / 42%);
}
#footer .inside .colcount_2 .mod_navigation ul {
	list-style: none;
    display: flex;
    margin-left: auto;
    margin-right: 0;
    justify-content: flex-end;
}
#footer .inside .colcount_2 .mod_navigation ul li {
	margin-bottom: 0;
    border-bottom: 0;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 0;
}
#footer .inside .colcount_2 .mod_navigation ul li:last-child {
	padding-right: 0;
}
#footer .inside .colcount_2 .mod_navigation ul li:before,
#footer .inside .colcount_2 .mod_navigation ul li:after {
	display: none;
}
#footer .inside .colcount_4 .c25r .subcr {
	padding-left: 0 !important;
}
#footer .totop {
	left: unset;
	right: 0;
}

@media (max-width: 1100px) {
	#footer .inside .colcount_4 .c25l,
	#footer .inside .colcount_4 .c25r {
		width: 50%;
		margin-bottom: 1.5rem;
	}
}
@media (max-width: 768px) {
	#footer .inside .colcount_4 .c25l,
	#footer .inside .colcount_4 .c25r {
		width: 100%;
		margin-bottom: 1.5rem;
	}
	#footer .inside .colcount_2 .c50l,
	#footer .inside .colcount_2 .c50r {
		width: 100%;
	}
	#footer .inside .colcount_2 .c50l {
		margin-bottom: 1rem;
	}
	#footer .inside .colcount_2 .c50l p {
		text-align: center;
	}
	#footer .inside .colcount_2 .mod_navigation ul {
		flex-direction: column;
		align-items: center;
        margin-bottom: 1rem;
	}
	#footer .inside .colcount_2 .mod_navigation ul li {
		padding-left: 0;
		padding-right: 0;
	}
}

/*banner */
.banner-hero #headerimage {
	margin-bottom: 0 !important;
}
.banner-hero #container {
	margin-top: 0 !important;
}
.banner-hero .banner p {
	margin-bottom: 0 !important;
    padding: 1rem 0 .5rem 0;
    font-weight: 800;
    font-size: 1.5rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}