@charset "utf-8";
@import url('fonts.css');
/*
    font-family: 'CoreSansD35';
    font-family: 'CoreSansD55';
    font-family: 'CoreRhino65';
*/

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: none; }


img { border:none; max-width: 100%; height: auto; }
.ce-gallery img:not([src$=".svg"]){ width: 100%;  }


html, body { font-family: 'CoreSansD35'; font-weight: 400; height: 100%; }
html { overflow-y: scroll; font-size: 18px; }
body { font-size: 1rem; }


:focus { outline: none; }
a[href^=tel] { color: inherit; text-decoration: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
h1, h2, h3, h4, h5, h6 { font-weight: 400; font-family: 'CoreSansD35'; }
fieldset { border: none; }
iframe { max-width: 100%; }


select { border-radius: 0; font-family: 'CoreSansD35'; }
textarea, input[type="text"], input[type="email"], input[type="tel"], input[type="submit"] { font-family: 'CoreSansD35'; -webkit-appearance: none; border-radius: 0; }
::-webkit-input-placeholder { color: #7f7f7f; }
:-moz-placeholder { color: #7f7f7f; opacity: 1; }
::-moz-placeholder { color: #7f7f7f; opacity: 1; }
:-ms-input-placeholder { color: #7f7f7f; }


b, strong { font-family: 'CoreRhino65'; }


a { color: inherit; text-decoration: none; }

.text-left, .ce-headline-left { text-align: left; }
.text-right, .ce-headline-right { text-align: right; }
.text-center, .ce-headline-center { text-align: center; }
.text-justify { text-align: justify; }


/* displays */
main, header, footer, nav, section, article { display: block; }


/* limiters */
#wrapper { position: relative; overflow: hidden; }
.inner, .inner-1120 { max-width: 1120px; margin: 0 auto; padding: 0 25px; }
.inner-990 { max-width: 990px; margin: 0 auto; }
.inner-860 { max-width: 860px; margin: 0 auto; }
.inner-760 { max-width: 760px; margin: 0 auto; padding: 0 25px; }
.inner-690 > .inner-690-in, .inner-690-2 { max-width: 690px; margin: 0 auto; }


/* clearer */
.clear { line-height: 0; font-size: 0; height: 0; text-indent: -999px; clear: both; }
.footer:after, .header:after,
.row:after { clear: both; content: ''; display: table; }
nav ul { list-style: none; }


/* effects */
#naviMain > ul > li > a, .accordions > .accordion-item > .accordion-header:after, .member-item, .actions button, #ke_search_submit, .link-teaser-type:after, .button, .link-list-item, .content a, #naviMain a, #naviMain li, #naviMain > ul > li > ul > div li > a:after, a:after, .card-link__link > span > span, .arrow:after, #naviFooter a, .mobileIcon, .mobileIcon span, .news-form button, .swiper-button-prev, .swiper-button-next, .news-form-header a, .fixed #naviTop > ul > li > a > span, #logo div, .kesearch-filter-button, .kesearch-filter-button:after,
.effect { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }


/* font-sizes */
.size-12, .image-slider .item-slider-item-copyright, .image-slider-overlay-item-copyright, .image-half-rounded-copyright .image-caption { font-size: 0.667rem; }
.size-14, #naviTop a, .image-half-rounded .image-caption, .tab-content-image-caption, .content-slider-item-quote-image-text span, .content-slider-item-link, #naviBreadcrumb > ol > li > a, .image-half-rounded-copyright .ce-bodytext, #naviBreadcrumb > ol > li > span, #naviBreadcrumb > ol > li:after, .news-single .news-img-caption { font-size: 0.778rem; }
.size-16, h6, #naviMain div a, .employees .employee-function, .overview-overline, .overview-description, .jump-mark-item, #naviMain > ul > li > a, #naviFooter > ul > li > a, #naviFooterMain a, .link-overview p, .news-single .news-related-box .teaser-text, .tab-navigation a, .swiper-pagination, #kesearch_results .news-category-date, #kesearch_results .teaser-text, .news .news-category-date, .news-list-view .teaser-text, .quote .quote-bottom > * { font-size: 0.889rem; }
.size-18, h5, .article h3, .news-related h3, .news-single .quote-text p { font-size: 1rem; }
.size-20, .actions button, .news-form button, .news-form-header a, .button, .link-teaser-header, .members-search-submit, #ke_search_submit { font-size: 1.111rem; }
.size-22, .news-form label, .news-form textarea, h4, .quote-text p, .employees .employee-text { font-size: 1.222rem; }
.size-24, .employees .employee-name, .news-single .teaser-text, .introductory-text p, .members-title, .icon-text h4 { font-size: 1.333rem; }
.size-29, .news-related > h3, .image-slider-overlay-headline h3, h3, .card-link__link, .employee .employee-name { font-size: 1.611rem; }
.size-40, h2, .news h1 { font-size: 2.222rem; }
.size-45, .headline-purple h2 { font-size: 2.5rem; }
.size-48, h1 { font-size: 2.667rem; }


/* line-heights */
.line-height-170, h6, p, .content ul, .content ol, .employees .employee-name, .employee-function, .employee-contact, .members-title, .member-item strong, .member-item a, .news .news-category-date, #kesearch_results .news-category-date, .image-slider .item-slider-item-copyright, .image-slider-overlay-item-copyright, .image-half-rounded-copyright .image-caption, .overview-overline, .contact-person-name, .contact-person-position, .contact-person-phone { line-height: 170%; }
.line-height-160, .news .teaser-text, #kesearch_results .teaser-text, .employees .employee-text, .quote .quote-text, .news-related-box .teaser-text, .link-overview p, .quote-text p, .introductory-text p, .overview-description { line-height: 160%; }
.line-height-150, .actions button, .news-form button, .news-form-header a, #naviMain a, #naviTop a, .button, .tab-navigation a, .content-slider-item-link, .swiper-pagination, .quote .quote-bottom > *, .link-teaser-header, .link-teaser-link > div { line-height: 150%; }
.line-height-140, .news-form label, .news-form textarea, h3, h4, h5, .overview-title, .employee .employee-name, .jump-mark-item, .news-related-box h3, .image-rounded .image-caption, .headline-purple h2, .news-list-view h3, #naviBreadcrumb > ol > li > a, #naviBreadcrumb > ol > li > span, #naviBreadcrumb > ol > li:after { line-height: 140%; }
.line-height-130, h2, .news h1, .tab-content-image-caption, .news-single .news-img-caption, .image-half-rounded-copyright .ce-bodytext, .icon-text h4 { line-height: 130%; }
.line-height-115, h1 { line-height: 115%; }


/* colors */
.color.white, .actions button, #back-to-content, .news-form button, .news-form-header a, .image-slider-overlay-headline h3, .ce-table thead tr, .members-search-submit, #ke_search_submit, #naviFooterMain a, #naviSocial a, #naviFooter a, .button, .card-link__link, .image-slider .item-slider-item-copyright, .image-slider-overlay-item-copyright, .image-half-rounded-copyright .image-caption, .background.purple-dark .swiper-pagination, .background.purple-dark h2, .background.purple-dark h3, .background.purple-dark p, .background.purple-dark h6, .background.purple-dark li, .background.purple-dark h6, .background.purple-dark h4, .background.purple-muted h2, .background.purple-muted h3, .background.purple-muted p, .background.purple-muted h6, .background.purple-muted li, .background.purple-muted h6, .background.purple-muted h4 { color: #FFF; }
.color.black, html, body, .title-round-turquoise h3, .title-round-purple h3, .content .jump-marks ul li { color: #303030; }
.color.grey { color: #4F4F4F; }
.color.red, h1, h2, h3, .members .member-item .member-link:hover, .accordions > .accordion-item > .accordion-header:hover, .accordions > .accordion-item > .accordion-header:focus, .members .member-item .member-link:focus, .quote .quote-name, .link-list .link-list-item a:hover, .link-list .link-list-item a:focus, .overview-title, .members-title, .employee-name, .employees .employee-headline, .kesearch-filter-button.open, .kesearch-filter-button:hover, .kesearch-filter-button:focus, .icon-text h4 { color: #E30613; }
.color.purple, .actions button:hover, .actions button:focus, .mobileMenu:focus .mobileIconText, .mobileMenu:hover .mobileIconText, #naviTop > ul > li > a:hover, #naviTop > ul > li > a:focus, #naviTop > ul > li.active > a, .overview-modul .overview-title a:hover, .overview-modul .overview-title a:focus, .quote .quote-bottom .quote-link:hover, .quote .quote-bottom .quote-link:focus, h3 a:hover, h3 a:focus, .news .article h3 a:hover, .news .article h3 a:focus, #kesearch_results .article h3 a:hover, #kesearch_results .article h3 a:focus, .arrow:hover, .arrow:focus, .button:hover, .button:focus, .news-form button:hover, .news-form button:focus, .tab-content-text h3, .content-slider-item-text h3, .headline-purple h2, .headline-purple h3, .pager li a, .link-teaser-header, h4 { color: #961577; }
.color.turquoise-dark, .news-form-header a:hover, .news-form-header a:focus { color: #005D67; }

/* background-colors */
.background.white, .header { background-color: #FFF; }
.background.red, #back-to-content, .mobileMenu.open .mobileIcon, .footerTop, .card-link__link, .content ul li:before, .banner .banner-image-inner:after, .cta-image:before { background-color: #E30613; }
.background.red-muted { background-color: #E48389; }
.background.purple-muted, .mobileMenu.open:focus .mobileIcon, .mobileMenu:focus .mobileIcon > span, .mobileMenu:hover .mobileIcon > span, .title-round-purple h3:before, .banner .banner-image-inner:before { background-color: #961577; }
.background.purple-dark, .image-slider .item-slider-item-copyright, .image-half-rounded-copyright .image-caption, .image-slider-overlay-item-copyright { background-color: #580544; }
.background.purple, .link-teaser { background-color: #FAF7F9; }
.background.turquoise, .home .banner .banner-image-inner:before, .cta-image:after { background-color: #2CB8C7; }
.background.turquoise-muted, .title-round-turquoise h3:before { background-color: #9BD1D6; }
.background.turquoise-dark { background-color: #005D67; }
.background.turquoise-bg { background-color: #EFFCFE; }
.background.yellow { background-color: #FFD02B; }
.background.beige, #banner, .frame-type-wdtemplatevendor_imageslider:before { background-color: #F8F7F2; }
.background.achse-red, .footerBottom { background-color: #C90039; }
.background.achse-grey { background-color: #9BA1A5; }

/* margins */
.margin-after-30, .content p, .content ul, .content ol, .content hr { margin-bottom: 30px; }

/* paddings */
.padding-after-30, .space-after-30 { padding-bottom: 30px; }
.padding-after-50, .space-after-50 { padding-bottom: 50px; }
.padding-after-80, .space-after-80 { padding-bottom: 80px; }
.padding-after-110, .space-after-110 { padding-bottom: 110px; }

.padding-before-30, .space-before-30 { padding-top: 30px; }
.padding-before-50, .space-before-50 { padding-top: 50px; }
.padding-before-80, .space-before-80 { padding-top: 80px; }

/* buttons */
.button { display: inline-block; font-weight: 700; border-radius: 10px 10px 10px 3px; padding: 2px 35px; border: 2px solid #961577; background: linear-gradient(129deg, #961577 9.09%, #CA181A 141.84%); }
.button:hover, .button:focus { background: transparent; }
.button:after { content:''; font-family: Verdana, Arial, sans-serif; } /* safari line-height hack */

.arrow { display: inline-block; position: relative; font-family: 'CoreSansD55'; font-style: italic; padding-right: 34px;
    &:after { content: ''; display: block; position: absolute; bottom: 8px; right: 0; width: 17px; height: 15px; background-image: url(../img/arrow-left.svg); background-repeat: no-repeat; }

    &:hover:after, &:focus:after { width: 19px; height: 17px; background-image: url(../img/arrow-right-purple.svg); }
}

.arrow-red { display: inline-block; position: relative; padding-right: 50px;
    &:after { content: ''; display: block; position: absolute; top: 5px; right: 0; width: 18px; height: 16px; background-image: url(../img/arrow-right-red.svg); background-repeat: no-repeat; }
}

.arrow-red-down { display: inline-block; position: relative; padding-right: 40px;
    &:after { content: ''; display: block; position: absolute; top: 5px; right: 0; width: 18px; height: 16px; background-image: url(../img/arrow-right-red.svg); background-repeat: no-repeat; transform: rotate(90deg); }
}

/* header */
.skip-link { left: -9999rem; top: 2.5rem; z-index: 999999999; text-decoration: underline; border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; word-break: normal; }
.header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; padding-top: 15px; }
.headerTop { display: flex; justify-content: space-between; align-items: center; }
#logo {  }
.logoLink {  }
#logo img {  }
#logo .mobile { opacity: 0; width: 0; height: 0; }
.headerRight {}

.fixed .header { padding-top: 30px; }
.fixed #logo .desktop { opacity: 0; width: 0; height: 0; }
.fixed #logo .mobile { opacity: 1; width: auto; height: auto; }
.fixed #naviMain { padding: 15px 0 0 0; }
.fixed #naviTop > ul > li > a > span { font-size: 0; }

/* naviTop */
#naviTop { }
#naviTop > ul > li { display: inline-block; position: relative; margin-left: 20px; }
#naviTop > ul > li > a { display: flex; align-items: center; }
#naviTop > ul > li > a > img { margin-right: 5px; height: 18px; }
#naviTop > ul > li.nav55 > a > img { height: 22px; }
#naviTop > ul > li > a > img.hover { display: none; }
#naviTop > ul > li > a > span { display: inline-block; line-height: 16px;}
#naviTop > ul > li > a:hover > img.no-hover,
#naviTop > ul > li > a:focus > img.no-hover,
#naviTop > ul > li.active > a > img.no-hover { display: none; }
#naviTop > ul > li > a:hover > img.hover,
#naviTop > ul > li > a:focus > img.hover,
#naviTop > ul > li.active > a > img.hover { display: block; }

/* naviMain */
#naviMain { padding-top: 10px; }
#naviMain > ul > li { display: inline-block; margin-bottom: 3px; margin-right: 30px; }
#naviMain > ul > li > a { display: block; padding-bottom: 20px; border-bottom: 2px dotted transparent; font-family: 'CoreSansD55'; }
#naviMain > ul > li > a:hover,
#naviMain > ul > li > a:focus,
#naviMain > ul > li.active > a { color: #E30613; border-bottom: 2px dotted #E30613; }

/* naviMain first level */
#naviMain > ul > li > ul { opacity: 0; overflow: hidden; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 50; width: 100%; border-bottom: 2px dotted #E30613; }
#naviMain > ul > li.open > ul { opacity: 1; overflow: visible; visibility: visible; background-color: #FFF; padding-top: 70px; }
#naviMain > ul > li > ul > div li { width: 330px; margin-bottom: 30px; }
#naviMain > ul > li > ul > div > li > a { position: relative; display: block; padding-bottom: 2px; border-bottom: 2px dotted #D9D9D9; white-space: nowrap; }
#naviMain > ul > li > ul > div > li > a:hover,
#naviMain > ul > li > ul > div > li > a:focus,
#naviMain > ul > li > ul > div > li.active > a { color: #E30613; border-bottom: 2px dotted #E30613; }
#naviMain > ul > li > ul > div li.hasSub > a:after { content: ''; display: block; position: absolute; top: 5px; right: 10px; width: 10px; height: 15px; background-image: url(../img/navi-arrow.svg); background-size: 10px 15px; background-repeat: no-repeat; }
#naviMain > ul > li > ul > div li.hasSub > a:hover:after,
#naviMain > ul > li > ul > div li.hasSub > a:focus:after,
#naviMain > ul > li > ul > div li.active.hasSub > a:after { background-image: url(../img/navi-arrow-hover.svg); }

#naviMain .inner { position: relative; padding-bottom: 20px; }
#naviMain .close { display: block; position: absolute; top: -40px; right: 0; width: 20px; height: 20px; background-image: url(../img/close.svg); background-repeat: no-repeat; cursor: pointer; }
#naviMain div a { font-family: 'CoreSansD55'; }

/* naviMain second level */
#naviMain > ul > li > ul > div > li > ul { opacity: 0; height: 0; overflow: hidden; visibility: hidden; position: absolute; top: 0; left: 360px; z-index: 50; }
#naviMain > ul > li > ul > div > li.open > ul { opacity: 1; height: auto; overflow: visible; visibility: visible; padding-left: 30px; }
#naviMain > ul > li > ul > div > li > ul > li { position: relative; }
#naviMain > ul > li > ul > div > li > ul > li > a { position: relative; display: block; padding-bottom: 2px; border-bottom: 2px dotted #D9D9D9; white-space: nowrap; }
#naviMain > ul > li > ul > div > li > ul > li > a:hover,
#naviMain > ul > li > ul > div > li > ul > li > a:focus,
#naviMain > ul > li > ul > div > li > ul > li.active > a { color: #E30613; border-bottom: 2px dotted #E30613; }

/* banner */
.banner { position: relative; overflow: hidden; margin-top: 152px; }
.banner:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 200px; height: 350px; background-image: url(../img/banner-left.svg); background-size: cover; background-position: bottom left; }
.home .banner:before { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: auto; width: 210px; height: 500px; background-image: url(../img/banner-home-left.svg); background-size: cover; }
.banner-image .banner:before { display: none; }
.banner.small:before { display: none; }
.banner.small span { display: block; width: 100%; height: 100px; background-image: url(../img/header-small.svg); background-position: center; background-repeat: no-repeat; }
.banner.small span.middle { height: 200px; background-image: url(../img/header-middle.svg); }
.banner .banner-content { display: flex; align-items: center; padding: 20px 0 20px 0; }
.banner-image .banner .banner-content { display: block; padding: 0; }
.home .banner .banner-content { padding: 40px 0 60px 0; }
.banner .banner-text { flex-basis: 100%; padding: 0 40px; }
.banner .banner-text h6 { margin-bottom: 15px; }
.banner .banner-text h1 { margin-bottom: 15px; }
.banner .banner-text p { margin-bottom: 30px; }
.banner .banner-image { position: relative; flex-basis: 100%; padding: 0 40px; text-align: right; }
.banner-image .banner .banner-image { padding: 0; text-align: center; }
.banner .banner-image:before { content: ''; display: block; position: absolute; top: -220px; left: 130px; width: 674px; height: 674px; border-radius: 50%; border: 2px dotted #2CB8C7; }
.home .banner .banner-image:before { content: ''; display: block; position: absolute; top: 60px; left: 0; width: 719px; height: 719px; border-radius: 50%; border: 2px dotted #2CB8C7; }
.banner-image .banner .banner-image:before { display: none; }
.banner .banner-image:after { content: ''; display: block; position: absolute; bottom: 50px; right: -243px; z-index: -1; width: 505px; height: 350px; transform: rotate(-75deg); background-size: contain; background-image: url(../img/sichel-image.svg); background-repeat: no-repeat; }
.home .banner .banner-image:after { content: ''; display: block; position: absolute; bottom: -15px; right: -70px; z-index: -1; width: 618px; height: 458px; transform: rotate(3deg); background-size: contain; background-image: url(../img/sichel-image.svg); background-repeat: no-repeat; }
.banner-image .banner .banner-image:after { display: none; }
.banner .banner-image img { border-radius: 50%; max-width: 380px; }
.banner-image .banner .banner-image img { border-radius: 0; max-width: none; }
.home .banner .banner-image img { border-radius: 50%; max-width: none; }
.banner .banner-image-inner { position: relative; }
.banner .banner-image-inner:before { content: ''; display: block; position: absolute; top: 30px; right: 0; z-index: 10; width: 58px; height: 58px; border-radius: 50%; }
.banner-image .banner .banner-image-inner:before { display: none; }
.banner .banner-image-inner:after { content: ''; display: block; position: absolute; top: 85px; right: -55px; z-index: 10; width: 30px; height: 30px; border-radius: 50%; }
.banner-image .banner .banner-image-inner:after { display: none; }
.banner .banner-image-inner span { content: ''; display: block; position: absolute; bottom: 10px; right: -85px; z-index: 10; width: 130px; height: 130px; border-radius: 50%; background-color: #A95D97; }
.slider-navigation { margin: 0; width: 100%; }
.slider-navigation > .inner { position: relative; }
.slider-navigation-inner { position: absolute; bottom: 50px; display: flex; align-items: center; padding: 0 40px; }
.swiper-button-next { transform: rotate(180deg); }
.swiper-button-next,
.swiper-button-prev { position: static; top: auto; right: auto; left: auto; display: block; width: 34px; height: 34px; margin-top: 0; z-index: 10; cursor: pointer; background-image: url(../img/arrow-left-circle.svg);
    &:hover, &:focus { background-image: url(../img/arrow-left-circle-hover.svg); }
}
.background.purple-dark .swiper-button-next,
.background.purple-dark .swiper-button-prev { background-image: url(../img/arrow-left-circle-white.svg);
    &:hover, &:focus { background-image: url(../img/arrow-left-circle-hover.svg); }
}
.swiper-button-next:after,
.swiper-button-prev:after { display: none; }
.swiper-pagination { position: static; width: auto; font-family: 'CoreSansD55'; margin: 0 5px; }

#naviBreadcrumb { padding-top: 20px; padding-bottom: 50px; }
#naviBreadcrumb > ol {}
#naviBreadcrumb > ol > li { display: inline-block; position: relative; }
#naviBreadcrumb > ol > li:after { position: absolute; top: 4px; right: 7px; display: block; content: '>'; }
#naviBreadcrumb > ol > li:last-child:after { display: none; }
#naviBreadcrumb > ol > li > a,
#naviBreadcrumb > ol > li > span { padding-right: 22px; }
#naviBreadcrumb > ol > li > span { font-family: 'CoreSansD55'; }


/* content */
#back-to-content { padding: 11px 0; }
#back-to-content a { position: relative; display: inline-block; padding-right: 27px;
    &:after { content: ''; display: block; position: absolute; bottom: 2px; right: 0; left: auto; width: 17px; height: 18px; background-image: url(../img/arrow-white-top.svg); background-size: 17px 18px; background-repeat: no-repeat; }
    &:hover:after, &:focus:after { width: 19px; height: 20px; background-image: url(../img/arrow-white-top-hover.svg); background-size: 19px 20px; }
}
.content { position: relative; }
h1 { font-family: 'CoreRhino65'; }
h2 { font-family: 'CoreRhino65'; margin-bottom: 50px; }
h3 { margin-bottom: 10px;
    a { position: relative; display: inline-block; padding-right: 27px;
        span { display: inline-block; }
        &:after { content: ''; display: block; position: absolute; bottom: 8px; right: 0; left: auto; width: 17px; height: 18px; background-image: url(../img/arrow-right-red.svg); background-size: 17px 18px; background-repeat: no-repeat; }
        &:hover:after, &:focus:after { width: 19px; height: 20px; background-image: url(../img/arrow-right-purple.svg); background-size: 19px 20px; }
    }
}
h4 { margin-bottom: 20px; }
h5 { font-family: 'CoreRhino65'; margin-bottom: 10px; }
h6 { }
/* if header + subheader = hands */
.content .header-no-margin{ }
.content .header-no-margin h1 { margin-bottom: 0; }
.content p {  }
.content ol { margin-left: 25px; }
.content ul { list-style: none; }
.content ul li { position: relative; padding-left: 23px; margin-bottom: 5px; }
.content ul li:before { content: ''; display: block; position: absolute; top: 12px; left: 5px; width: 6px; height: 6px; border-radius: 50%; }

/* layouts */
.introductory-text {}

.headline-purple h2 { font-family: 'CoreSansD55'; margin-bottom: 55px; }

.image-rounded img { border-radius: 50%; margin-bottom: 40px; }
.image-rounded .image-caption { font-family: 'CoreSansD55'; font-weight: 700; text-align: center; margin-bottom: 55px; }

.image-rounded.image-rounded-half img { margin-bottom: 25px; }
.image-rounded.image-rounded-half .image-caption { margin-bottom: 25px; }

.image-half-rounded img { border-radius: 20px; }
.image-half-rounded .image-caption { padding-top: 15px; padding-left: 20px; }

.image-half-rounded-copyright {
    .image { position: relative; }
    img { border-radius: 30px 30px 30px 10px; }
    .image-caption { position: absolute; bottom: 0; right: 0; z-index: 5; padding: 5px 25px; border-bottom-right-radius: 30px; border-top-left-radius: 30px;
        &:before { content: '©'; display: inline-block; }
    }
    .ce-bodytext { padding: 0 20px; }
}

.button-margin-right p > a { margin-right: 15px; }
.button-margin-right p > a:last-child { margin-right: 0; }

.link-overview { margin-bottom: 100px;
    h3 { margin-bottom: 20px;
        a { position: relative;
            &:after { bottom: 10px; }
        }
    }
}

.grid-bigger-margin {
    .grid > .row { margin-left: -30px; margin-right: -30px; }
    .grid > .row > .col { padding-left: 30px; padding-right: 30px; }
}

.grid-center > .grid > .row { align-items: center; }

.title-round-turquoise, .title-round-purple {
    h3 { position: relative;
        &:before { content: ''; display: block; position: absolute; bottom: -10px; left: -50px; width: 85px; height: 85px; opacity: 0.2; border-radius: 50px; }
    }
}

.numbers-text {
    h2 { margin-bottom: 0px; font-size: 4.167rem; }
    p { font-style: italic; }
}

.icon-text {
    img { margin-bottom: 10px; }
    h4 { margin-bottom: 10px; }
}

.background-linkboxes > .background { background-image: url(../img/background-containertool.svg); background-size: cover; background-position: top center; }
.background-overview > .background { background-image: url(../img/background-overview.svg); background-size: cover; background-position: top center; }
.background-employee { background-image: url(../img/background-employee.svg); background-size: cover; background-position: top center; background-repeat: no-repeat; }
.background-employee > .background { background-color: transparent; }

.background-border-top { border-top: 2px dotted #E30613; }

/* elements */
.card-link { height: 200px; margin-bottom: 65px;
    &.card-height { height: 353px; }

    .card-link__link { display: flex; align-items: flex-end; height: 100%; border-radius: 30px 30px 30px 10px; padding: 20px 30px 15px 20px;
        > span { display: inline-block; position: relative; padding-right: 34px; margin-top: auto; font-family: 'CoreRhino65';
            > span { display: inline-block; padding-bottom: 5px; border-bottom: 2px dotted transparent; }
            &:after { content: ''; display: block; position: absolute; bottom: 18px; right: 0; width: 17px; height: 15px; background-image: url(../img/arrow-left-white.svg); background-repeat: no-repeat; }
        }
        &:hover, &:focus {
            > span {
                > span { border-bottom: 2px dotted #FFF; }
            }
        }
    }
    &.card-teaser span { width: 100%; }
}

.tab {
    .tab-navigation { display: flex; margin-bottom: 30px;
        a { font-family: 'CoreRhino65'; padding: 0 15px 8px 15px; border-bottom: 4px solid #D9D9D9; margin-right: 15px; flex: 1; max-width: 165px;
            &.active, &:hover, &:focus { border-color: #E30613; }
            &:last-child { margin-right: 0; }
        }
    }
    .tab-body {
        .tab-content { display: none;
            &.active { display: flex; margin: 0 -30px; }

            .button { margin-top: 60px; }

            .tab-content-text { width: 100%; padding: 0 30px;
                &.with-image { width: 66%; }
            }
            .tab-content-image { width: 34%; padding: 0 30px;
                img { border-radius: 20px; }
                .tab-content-image-caption { padding: 5px 10px; }
            }
        }
    }
}

.content-slider {
    .content-slider-item { display: flex; }
    .content-slider-item-image { width: 30%; padding: 30px; }
    .content-slider-item-image img { width: 100%; }
    .content-slider-item-text { width: 70%; padding-left: 40px; padding-top: 40px; }

    .layout-big {
        .content-slider-item-image { padding: 0; }
        .content-slider-item-text { padding-top: 20px; padding-left: 40px; }
    }

    &.slider-quote { padding-top: 30px;
        .content-slider-item { display: block; position: relative; padding-left: 110px;
            &:before { content: '“'; position: absolute; top: 6px; left: 0; width: 79px; height: 61px; background-size: 79px 61px; background-repeat: no-repeat; background-image: url(../img/quote.svg); }
        }
        .content-slider-item-quote p { font-style: italic; margin-bottom: 15px; }
        .content-slider-item-quote-image-wrap { display: flex; align-items: center; }
        .content-slider-item-quote-image {
            img { border-radius: 50%; }
        }
        .content-slider-item-quote-image-text { padding-left: 20px;
            .image-title { font-family: 'CoreRhino65'; display: block; margin-bottom: 5px; }
            .image-subtitle { display: block; }
            .content-slider-item-link { position: relative; font-style: italic;
                &:after { content: ''; display: inline-block; position: relative; top: 3px; left: 10px; width: 13px; height: 15px; background-image: url(../img/arrow-left.svg); background-size: 13px 15px; background-repeat: no-repeat; }
            }
        }
    }
    .slider-navigation { display: flex; align-items: center; width: 115px; margin: 0 auto; }
}

.quote {
    .quote-text { position: relative; font-style: italic; margin-bottom: 15px; padding-left: 115px;
        &:before { content: '“'; position: absolute; top: 6px; left: 0; width: 79px; height: 61px; background-size: 79px 61px; background-repeat: no-repeat; background-image: url(../img/quote.svg); }
    }
    .quote-bottom { padding-left: 115px;
        .quote-name { font-family: 'CoreSansD55'; display: block; }
        .quote-function { display: block; }
        .quote-link { position: relative; display: inline-block; padding-right: 34px; font-style: italic;
            &:after { display: block; content: ''; position: absolute; top: 3px; right: 0; width: 17px; height: 15px; background-image: url(../img/arrow-left.svg); background-repeat: no-repeat; }
            &:hover:after, &:focus:after { width: 19px; height: 17px; background-image: url(../img/arrow-right-purple.svg); }
        }
    }
}

.frame-type-wdtemplatevendor_imageslider { position: relative;
    &:before { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 360px; }
    > .inner-690-in {
        &:before { content: ''; display: block; position: absolute; left: -120px; bottom: -65px; width: 350px; height: 350px; border-radius: 350px; border: 2px dotted #2CB8C7; }
        &:after { content: ''; display: block; position: absolute; right: -55px; top: 30px; width: 518px; height: 518px; border-radius: 518px; border: 2px dotted #2CB8C7; }
    }
}
.image-slider { margin-top: 50px; margin-bottom: 80px;
    .swiper-container { padding-bottom: 60px; }
    h2 { margin-bottom: 30px; }
    .image-slider-item {
        .image-slider-item-image { position: relative; line-height: 0;
            img { border-radius: 30px; border-bottom-left-radius: 10px; width: 100%; }
        }
        .item-slider-item-copyright { position: absolute; bottom: 0; right: 0; z-index: 5; padding: 5px 25px; border-bottom-right-radius: 30px; border-top-left-radius: 30px; }
        .image-slider-item-text { padding-top: 20px;
            p { margin-bottom: 20px; }
        }
    }
    .slider-navigation { position: absolute; bottom: 25px; left: 0; display: flex; justify-content: space-between; align-items: center;
        .swiper-pagination-custom { font-family: 'CoreSansD35'; }
        .slider-buttons { display: flex; align-items: center; }
        .slider-overview { margin: 0 12px; background-image: url(../img/slider-overview.svg); width: 18px; height: 18px; background-size: 18px; background-repeat: no-repeat; cursor: pointer;
            &:hover, &:focus { background-image: url(../img/slider-overview-hover.svg); }
        }
        .slider-scale { margin-right: 20px; background-image: url(../img/slider-scale.svg); width: 34px; height: 34px; background-size: 34px; background-repeat: no-repeat; cursor: pointer;
            &:hover, &:focus { background-image: url(../img/slider-scale-hover.svg); }
        }
    }

    .image-slider-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 150; padding-top: 70px; padding-bottom: 70px; background-color: #2A042D;
        .image-slider-overlay-close { display: block; position: absolute; top: 60px; right: 60px; width: 20px; height: 20px; background-image: url(../img/close-white.svg); background-repeat: no-repeat; cursor: pointer; }
        .inner, .inner-760 { position: relative; height: 100%; }
        h3 { font-family: 'CoreSansD35' !important; margin-bottom: 30px !important; }

        .image-slider-overlay-overview { display: none;
            .image-slider-overlay-content { display: flex; flex-wrap: wrap; margin: 0 -25px; }
            .image-slider-overlay-item { width: 33.33%; padding: 0 25px; margin-bottom: 35px; }
            .image-slider-overlay-item-image img { border-radius: 20px 20px 20px 10px; }
        }
        .image-slider-overlay-single { display: none; padding-top: 50px;
            .image-slider-overlay-item-image img { border-radius: 30px 30px 30px 10px; width: 100%; }
            .image-slider-overlay-content { padding-bottom: 50px; }
        }
        .image-slider-overlay-wrap {  }
        .image-slider-overlay-item-image { position: relative; line-height: 0; }
        .image-slider-overlay-item-copyright { position: absolute; bottom: 0; right: 0; z-index: 5; padding: 5px 25px; border-bottom-right-radius: 30px; border-top-left-radius: 30px; }

        .image-slider-overlay-pagination-controls { position: absolute; bottom: -25px; left: 50%; margin-left: -57px; text-align: center; width: 100%; color: #FFF; display: flex;
            .prev-page, .next-page { display: inline-block; width: 34px; height: 34px; margin-top: 0; z-index: 10; cursor: pointer; background-image: url(../img/arrow-left-circle-white.svg);
                &:hover, &:focus { background-image: url(../img/arrow-left-circle-hover.svg); }
            }
            .next-page { transform: rotate(180deg); }
            .page-indicator { font-family: 'CoreSansD55'; margin: 5px; }
        }
    }
}

.jump-marks {
    ul { list-style: none; margin-left: 0; }
    .jump-mark-item { position: relative; font-family: 'CoreSansD55'; margin-bottom: 20px; padding-left: 35px;
        a { border-bottom: 2px dotted #D9D9D9; padding-bottom: 3px;
            &:hover, &:focus { border-color: #E30613; }
        }
        &:before { content: ''; display: block; position: absolute; top: 4px; left: 0; width: 15px; height: 15px; background-image: url(../img/arrow-down.svg); background-size: 15px 15px; background-repeat: no-repeat; background-color: transparent; }
    }
}

.link-list {
    ul { list-style: none; margin-left: 0; }
    .link-list-item { position: relative; border-bottom: 2px dotted #D9D9D9; padding-bottom: 8px; margin-bottom: 20px; padding-left: 0;
        &:hover, &:focus { border-color: #E30613; }
        &:before { display: none; }
        a { display: inline-block;
            &:after { content: ''; display: inline-block; margin-left: 15px; position: relative; top: 3px; right: 0; left: auto; background-repeat: no-repeat; background-color: transparent; }
        }
        &.link-list-download {
            a {
                &:after { background-image: url(../img/link-list-download.svg); width: 21px; height: 20px; background-size: 21px 20px; }
                &:hover:after, &:focus:after { background-image: url(../img/link-list-download-hover.svg); width: 23px; height: 20px; background-size: 23px 20px; }
            }
        }
        &.link-list-intern {
            a {
                &:after { background-image: url(../img/link-list-intern.svg); width: 16px; height: 18px; background-size: 16px 18px; }
                &:hover:after, &:focus:after { background-image: url(../img/link-list-intern-hover.svg); width: 18px; height: 18px; background-size: 18px 18px; }
            }
        }
        &.link-list-extern {
            a {
                &:after { background-image: url(../img/link-list-extern.svg); width: 14px; height: 14px; background-size: 14px 14px; top: 1px; }
                &:hover:after, &:focus:after { background-image: url(../img/link-list-extern-hover.svg); width: 16px; height: 14px; background-size: 16px 14px; }
            }
        }
    }
}

.frame-type-news_newsliststicky > header > h3 { margin-bottom: 30px; padding-left: 10px; }
.news {
    .news-list-view {
        &.layout-standard { display: flex; flex-wrap: wrap; margin: 0 -20px;
            .article { width: 33.33%; padding: 0 20px; margin-bottom: 50px; }
        }

        &.layout-home { display: flex; flex-wrap: wrap; margin: 0 -35px;
            .article-main { flex-basis: 65%; padding: 0 35px; }
            .article-side { flex-basis: 35%; padding: 0 35px; }

            .article { margin-bottom: 20px;
                .news-body { padding: 0 10px; }
            }
        }

        &.layout-related { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 40px;
            .article { width: 44%;
                img { width: 100%; }
                h3 { margin-bottom: 5px; font-family: 'CoreSansD55';
                    a { position: relative; display: inline-block; padding-right: 27px;
                        span { display: inline-block; }
                        &:after { content: ''; display: block; position: absolute; bottom: 5px; right: 0; left: auto; width: 17px; height: 18px; background-image: url(../img/arrow-right-red.svg); background-size: 17px 18px; background-repeat: no-repeat; }
                        &:hover:after, &:focus:after { width: 19px; height: 20px; background-image: url(../img/arrow-right-purple.svg); background-size: 19px 20px; }
                    }
                }
                .news-body { padding: 0 20px; }
            }
        }

        &.layout-job {
            .article { padding-bottom: 40px; margin-bottom: 40px; border-bottom: 2px dotted #E30613;
                &:last-child { border-bottom: none; }
            }
        }
    }

    .article {
        h3 { font-family: 'CoreSansD55'; margin-bottom: 5px;
            a { position: relative; display: inline-block; padding-right: 27px;
                span { display: inline-block; }
                &:after { content: ''; display: block; position: absolute; bottom: 3px; right: 0; width: 17px; height: 18px; background-image: url(../img/arrow-right-red.svg); background-size: 17px 18px; background-repeat: no-repeat; }
                &:hover:after, &:focus:after { top: 2px; width: 19px; height: 20px; background-image: url(../img/arrow-right-purple.svg); background-size: 19px 20px; }
            }
        }
        h1 { margin-bottom: 30px; }
        .news-category-date { margin-bottom: 5px; }
        .separator { display: inline-block; padding-left: 4px; }
        .news-img-wrap img { border-radius: 20px; margin-bottom: 5px; }
    }

    &.news-single {
        .news-img-wrap {
            a, .mediaelement { line-height: 0; }
            img { width: 100%; margin-bottom: 15px; }

            .mediaelement-video { margin-bottom: 40px;
                iframe { width: 100%; height: 590px; border: none; }
            }
        }
        .news-img-caption { padding: 0 20px; }

        .quote { padding: 50px 0; }

        .news-footer { margin-top: 80px; }
        .pager { padding: 40px 0; list-style: none; display: flex; justify-content: space-between; align-items: center; margin-left: 0; margin-bottom: 0;
            > li { width: 33.33%;
                &:before { display: none; }
                > a { font-family: 'CoreSansD55'; position: relative;
                    &:before { display: none; }
                }
                &.overview { text-align: center;
                    a { padding-right: 33px;
                        &:after { content: ''; display: block; position: absolute; top: 2px; right: 0; width: 18px; height: 18px; background-image: url(../img/news-overview.svg); background-repeat: no-repeat; background-size: 18px; }
                        &:hover:after, &:focus:after { top: 1px; width: 20px; height: 20px; background-size: 20px; }
                    }
                }
                &.previous {
                    a { padding-left: 30px;
                        &:after { content: ''; display: block; position: absolute; top: 4px; left: 0; width: 20px; height: 15px; background-image: url(../img/arrow-left-purple.svg); transform: rotate(180deg); background-repeat: no-repeat; background-size: 20px 15px; }
                        &:hover:after, &:focus:after { top: 2px; width: 20px; height: 20px; background-image: url(../img/arrow-left-purple-hover.svg); background-size: 20px; }
                    }
                }
                &.next { text-align: right;
                    a { padding-right: 30px;
                        &:after { content: ''; display: block; position: absolute; top: 4px; right: 0; width: 20px; height: 15px; background-image: url(../img/arrow-left-purple.svg); background-repeat: no-repeat; background-size: 20px 15px; }
                        &:hover:after, &:focus:after { top: 2px; width: 20px; height: 20px; background-image: url(../img/arrow-left-purple-hover.svg); background-size: 20px; }
                    }
                }
            }
        }
    }

    .news-social { border-bottom: 2px solid #2CB8C7; padding-bottom: 25px; padding-top: 50px;
        ul { margin-left: 0; margin-bottom: 0; display: block; text-align: right; height: 20px;
            .shariff-button { display: inline-block; padding-left: 0; min-width: 20px; max-width: 0; width: 20px; height: 20px; overflow: visible; float: none; margin-right: 0; margin-left: 30px; margin-bottom: 0;
                &:before { display: none; }
                > a { display: inline-block; width: 20px; height: 20px; background-repeat: no-repeat; background-size: 20px; background-color: transparent;
                    span { display: none !important; }
                }
                &.facebook > a { background-image: url(../img/share-facebook.svg);
                    &:hover, &:focus { background-image: url(../img/share-facebook-hover.svg); }
                }
                &.linkedin > a { background-image: url(../img/share-linkedin.svg);
                    &:hover, &:focus { background-image: url(../img/share-linkedin-hover.svg); }
                }
                &.mail > a { background-image: url(../img/share-mail.svg);
                    &:hover, &:focus { background-image: url(../img/share-mail-hover.svg); }
                }
                &.print > a { background-image: url(../img/share-print.svg);
                    &:hover, &:focus { background-image: url(../img/share-print-hover.svg); }
                }
            }
        }
    }

    .news-form { padding-top: 45px; margin-bottom: 80px;
        h2 { display: none; }
        .news-form-header { display: flex; justify-content: flex-end; align-items: center;
            h4 { margin-right: auto; margin-bottom: 0; }
            a { display: inline-block; margin-left: 60px; padding: 4px 45px; border-radius: 10px 10px 10px 3px; background-color: #005D67; border: 2px solid #005D67;
                &:hover, &:focus { background-color: transparent;}
            }
        }
        .news-form-wrap { display: none; }
        form { position: relative; margin-top: 45px;
            .news-form-close { display: block; position: absolute; top: 5px; right: 30px; width: 20px; height: 20px; background-image: url(../img/close.svg); background-repeat: no-repeat; cursor: pointer; }

            .form-group {
                .form-label { display: inline-block; margin-bottom: 20px; }
                textarea { width: 100%; min-height: 130px; padding: 25px 40px; border-radius: 5px; border: 1px solid #303030; margin-bottom: 20px; }
            }
            .actions { float: right;
                button { display: inline-block; border-radius: 10px 10px 10px 3px; padding: 4px 45px; border: 2px solid #961577; background: linear-gradient(129deg, #961577 9.09%, #CA181A 141.84%); cursor: pointer;
                    &:hover, &:focus { background: transparent; }
                }
            }
        }
    }

    .news-related { margin-bottom: 40px;
        h3 { margin-bottom: 30px; font-family: 'CoreSansD35'; }
        .news-related-wrap { display: flex; flex-wrap: wrap; justify-content: space-between;
            .news-related-box { width: 44%;
                h3 { margin-bottom: 5px; font-family: 'CoreSansD55';
                    a { position: relative; display: inline-block; padding-right: 27px;
                        span { display: inline-block; }
                        &:after { content: ''; display: block; position: absolute; bottom: 3px; right: 0; left: auto; width: 17px; height: 18px; background-image: url(../img/arrow-right-red.svg); background-size: 17px 18px; background-repeat: no-repeat; }
                        &:hover:after, &:focus:after { width: 19px; height: 20px; background-image: url(../img/arrow-right-purple.svg); background-size: 19px 20px; }
                    }
                }
            }
            .news-body { padding: 0 20px; }
        }
    }
}

.accordions { margin-bottom: 30px; }
.accordions > .accordion-item { position: relative; padding: 15px 0; }
.accordions > .accordion-item:first-child:before,
.accordions > .accordion-item:after { content: ''; display: block; position: absolute; width: 100%; height: 2px; background-image: url('../img/separator.svg'); background-repeat: no-repeat; }
.accordions > .accordion-item:first-child:before { top: 0; left: 0; }
.accordions > .accordion-item:after { bottom: 0; left: 0; }
.accordions > .accordion-item > .accordion-header { position: relative; cursor: pointer; padding-right: 50px; }
.accordions > .accordion-item > .accordion-header:after { content: ''; display: block; height: 20px; width: 20px; position: absolute; top: 2px; right: 0; background-image: url(../img/accordion-close.svg); background-size: 20px; background-repeat: no-repeat; }
.accordions > .accordion-item.open > .accordion-header:after { background-image: url(../img/accordion-open.svg);  }
.accordions > .accordion-item > .accordion-header:hover:after, .accordions > .accordion-item > .accordion-header:focus:after { background-image: url(../img/accordion-close-hover.svg);  }
.accordions > .accordion-item.open > .accordion-header:hover:after, .accordions > .accordion-item.open > .accordion-header:focus:after { background-image: url(../img/accordion-open-hover.svg);  }
.accordions > .accordion-item > .accordion-content { display: none; padding-top: 20px; }

.link-teaser { border-radius: 20px 20px 20px 10px; border: 2px solid #961577; margin-bottom: 30px;
    > a { display: blocK; position: relative; padding: 25px 133px 25px 40px;
        .link-teaser-header { font-family: 'CoreSansD55'; }
        .link-teaser-type { content: ''; display: block; position: absolute; top: 0; right: 0; width: 108px; height: 100%; border-radius: 0px 18px 18px 0px; background: linear-gradient(168deg, #AE174D -2.33%, #961577 115.15%);
            &:after { content: ''; display: block; position: absolute; top: 50%; right: 0; margin-top: -29px; width: 108px; height: 58px; background-position: center; background-repeat: no-repeat; }
        }
    }
    &.link-download {
        a {
            .link-teaser-type:after { background-image: url(../img/link-download.svg); }
            &:hover, &:focus {
                .link-teaser-type:after { background-image: url(../img/link-download-hover.svg); }
            }
        }
    }
    &.link-intern {
        a {
            .link-teaser-type:after { background-image: url(../img/link-intern.svg); }
            &:hover, &:focus {
                .link-teaser-type:after { background-image: url(../img/link-intern-hover.svg); }
            }
        }
    }
    &.link-extern {
        a {
            .link-teaser-type:after { background-image: url(../img/link-extern.svg); }
            &:hover, &:focus {
                .link-teaser-type:after { background-image: url(../img/link-extern-hover.svg); }
            }
        }
    }
}

.overview-modul { display: flex; flex-wrap: wrap; margin: 0 -20px;
    .overview-item { width: 33.33%; padding: 0 20px; margin-bottom: 30px; }
    .overview-image { line-height: 0; margin-bottom: 10px; max-height: 222px; overflow: hidden; border-radius: 20px 20px 20px 10px;
        img { background: #D9D9D9; }
    }
    .overview-body { min-height: 140px; }
    .overview-title { font-family: 'CoreSansD55'; margin-bottom: 5px;
        a { position: relative; display: inline-block; padding-right: 27px;
            &:after { content: ''; display: block; position: absolute; bottom: 3px; right: 0; left: auto; width: 17px; height: 18px; background-image: url(../img/arrow-right-red.svg); background-size: 17px 18px; background-repeat: no-repeat; }
            &:hover:after, &:focus:after { width: 19px; height: 20px; background-image: url(../img/arrow-right-purple.svg); background-size: 19px 20px; }
        }
    }
}

.contact-person { display: flex; justify-content: space-between;
    .contact-person-content { width: 50%; }
    .contact-person-image { width: 50%; position: relative; line-height: 0; margin-bottom: 20px; text-align: right;
        img { border-radius: 50%; max-width: 237px; }
        .contact-person-noimage { display: block; width: 237px; height: 237px; border-radius: 50%; background-color: #C4C4C4; margin-left: auto; }
        &:after { content: ''; display: block; position: absolute; top: 64px; right: -84px; width: 66px; height: 66px; background-image: url(../img/contact-person-circles.svg); background-repeat: no-repeat; }
    }
    .contact-person-name { font-family: 'CoreSansD55'; }
    .contact-person-position { margin-bottom: 10px; }
    .contact-person-phone {  }
    .contact-person-opening-hours { padding-left: 10px; }
    .button { padding: 4px 45px; margin-top: 20px; min-width: 205px; text-align: center; }
}

.frame-type-wdtemplatevendor_infobox { border: 2px dotted #E30613; padding: 30px 0; margin-top: 50px; margin-bottom: 100px; }
.infobox {
    .infobox-image { text-align: center; padding-top: 10px; }
}

.members-search { padding-top: 35px; padding-bottom: 20px;
    .members-search-title { margin-bottom: 15px; padding-left: 10px; }
    .members-search-field { position: relative; margin-bottom: 35px; }
    .members-search-input { width: 100%; border-radius: 10px; border: 1px solid #303030; background-color: #FFF; padding: 15px 155px 15px 45px; background-image: url(../img/search.svg); background-size: 18px; background-position: left 15px center; background-repeat: no-repeat;  }
    .members-search-submit { position: absolute; top: 5px; right: 5px; padding: 6px 45px 7px 45px; cursor: pointer; border: none; border-radius: 10px 10px 10px 3px; background: linear-gradient(129deg, #961577 9.09%, #CA181A 141.84%); }
    .members-jump-marks { display: flex; justify-content: space-between; padding: 0 10px; }
    .members-jump-mark { font-family: 'CoreSansD55'; }

    #suggestions { position: absolute; top: 100%; left: 0; width: 100%; z-index: 50; background-color: #FFF; padding-top: 20px; border-radius: 5px; border: 1px solid #303030; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0;
        .suggestion-item { padding-bottom: 20px; border-bottom: 2px dotted #D9D9D9; margin: 0 10px 20px 10px;
            strong { display: block; }
            .member-link { position: relative;
                &:after { content: ''; display: inline-block; position: relative; top: 2px; left: 10px; width: 17px; height: 18px; background-image: url(../img/arrow-left.svg); background-size: 17px 18px; background-repeat: no-repeat; }
            }
        }
    }
}

.members {
    .members-title { font-family: 'CoreSansD55'; margin: 0 10px 20px 10px; }
    .member-item { padding-bottom: 20px; border-bottom: 2px dotted #D9D9D9; margin: 0 10px 20px 10px;
        strong { display: block; }
        .member-link { position: relative; display: inline-block; padding-right: 27px;
            &:after { content: ''; display: block; position: absolute; bottom: 7px; right: 0; width: 17px; height: 18px; background-image: url(../img/arrow-left.svg); background-size: 17px 18px; background-repeat: no-repeat; }
            &:hover:after, &:focus:after { width: 19px; height: 20px; background-image: url(../img/link-list-intern-hover.svg); background-size: 19px 20px; }
        }
        &:hover, &:focus { border-color: #E30613; }
    }
}

.ce-table-striped { padding: 0; margin: 0; border: none; border-collapse: collapse;
    thead {
        tr {
            th { border: none; border-bottom: 1px solid #580544; background: #961577; text-align: left; padding: 13px 24px;
                &:first-child { border-top-left-radius: 15px; }
                &:last-child { border-top-right-radius: 15px; border-left: 1px solid #580544; }
            }
        }
    }
    tbody {
        tr {
            &:nth-child(odd) { background-color: #FFF; }
            &:nth-child(even) { background-color: #F8F7F2; }
            td {  }
        }
    }
    tfoot {
        tr {
            td { font-family: 'CoreSansD55'; }
        }
    }

    tr {
        td { padding: 13px 24px; border-bottom: 1px solid #580544;
            &:last-child { border-left: 1px solid #580544; text-align: right; }
        }
    }
}

.employees { display: flex; flex-wrap: wrap; justify-content: space-between;
    .employee-sizer,
    .employee-item { width: 33.33%; }
    .employee-item { margin-bottom: 120px;
        .employee-image { margin-bottom: 20px;
            img { border-radius: 50%; max-width: 180px; }
        }
        .employee-noimage { display: block; width: 180px; height: 180px; background-color: #C4C4C4; border-radius: 50%; margin-bottom: 20px; }
        .employee-name { font-family: 'CoreSansD55'; }
        .employee-function { font-family: 'CoreSansD55'; max-width: 300px; }

        .employee-text { font-style: italic; max-width: 300px; }

        &.type-quote {
            .employee-text { position: relative; padding-top: 86px;
                &:before { content: ''; position: absolute; top: 0; left: 0; width: 79px; height: 61px; background-image: url(../img/quote.svg); background-size: 79px 61px; background-repeat: no-repeat; }
            }
        }

        &.type-coffee {
            .employee-headline { font-size: 4.167rem; font-family: 'CoreSansD55'; }
        }

        &.type-funfact {
            .employee-headline { font-family: 'CoreSansD55'; font-style: italic; }
        }
    }
}

.employee {
    .employee-top { display: flex; align-items: center; margin-bottom: 60px; }
    .employee-image {
        img { border-radius: 50%; }
    }
    .employee-right { padding-left: 60px;
        .employee-name { font-family: 'CoreRhino65'; }
        .employee-function { margin-bottom: 20px; }
        .employee-contact { font-family: 'CoreSansD55';
            a { display: block; }
        }
    }
}

.cta { display: flex; justify-content: space-between; align-items: center; padding-top: 50px; padding-bottom: 50px; margin: 0 -40px;
    .cta-content { width: 50%; padding: 0 40px;
        h6 { margin-bottom: 15px; }
        h2 { margin-bottom: 15px; }
        .button { background: #E0CCDB; color: #580544; border-color: #E0CCDB;
            &:hover, &:focus { background: transparent; color: #E0CCDB; }
        }
    }
    .cta-image { width: 50%; padding: 0 20px; text-align: center; position: relative;
        &:before { content: ''; display: block; position: absolute; top: 40px; right: 90px; width: 58px; height: 58px; border-radius: 50%; }
        &:after { content: ''; display: block; position: absolute; top: 95px; right: 45px; width: 30px; height: 30px; border-radius: 50%; }
        .cta-noimage { display: inline-block; width: 400px; height: 400px; background-color: #A95D97; border-radius: 50%; }
        img { max-width: 400px; }
    }
}

.kesearch_searchbox {
    .kesearchbox { position: relative;
        #ke_search_sword { width: 100%; border-radius: 10px; border: 1px solid #303030; background-color: #FFF; padding: 13px 155px 13px 85px; background-image: url(../img/search.svg); background-size: 18px; background-position: left 40px center; background-repeat: no-repeat;  }
        #ke_search_submit { position: absolute; top: 5px; right: 5px; padding: 4px 45px 5px 45px; border: 2px solid #961577; cursor: pointer; border-radius: 10px 10px 10px 3px; background: linear-gradient(129deg, #961577 9.09%, #CA181A 141.84%);
            &:hover, &:focus { color: #961577; background: transparent; }
        }
    }

    #kesearch_filters { position: relative; padding-top: 20px;

        .kesearch-filter-navigation { display: flex; flex-wrap: wrap;
            .kesearch-filter-button { display: inline-block; position: relative; padding-right: 36px; cursor: pointer; margin-bottom: 30px; margin-right: 30px;
                &:after { display: block; content: ''; position: absolute; top: 2px; right: 0; width: 16px; height: 16px; background-image: url(../img/arrow-down.svg); background-size: 16px 16px; background-repeat: no-repeat; }

                &.open, &:focus, &:hover { font-family: 'CoreSansD55';
                    &:after { background-image: url(../img/arrow-top-red.svg); }
                }
            }
        }
        .kesearch-filter-wrap { display: none; position: absolute; top: 100%; left: 0; width: 100%; z-index: 50; background-color: #FFF; border-bottom: 2px dotted #E30613;
            &:before { content: ''; display: block; position: absolute; bottom: -2px; left: calc(100% + 2px); width: 100%; height: 2px; border-bottom: 2px dotted #E30613; }
            &:after { content: ''; display: block; position: absolute; bottom: -2px; right: calc(100% + 2px); width: 100%; height: 2px; border-bottom: 2px dotted #E30613; }
            .kesearch-filter { display: none;

                .checkboxList {
                    .optionCheckBox { padding-left: 0; display: flex; align-items: center; margin: 0 0 10px 0;
                        &:before { display: none; }
                        input { border: 1px solid #303030; border-radius: 0; width: 20px; height: 20px; }
                        label { padding-left: 15px; margin: 0; font-weight: 400; }
                    }
                }
            }
        }


        .kesearch-filters-actions { padding-top: 20px; padding-bottom: 30px; width: 100%;
            .closeButton { margin-right: 40px; }
            .closeButton,
            .resetButton { display: inline-block; padding: 9px 19px; cursor: pointer; border-radius: 10px 10px 10px 3px; background-color: #FFF; border: 1px solid #303030;
                &:hover, &:focus { background-color: #961577; color: #FFF; }
            }
        }
    }
}

#kesearch_num_results { color: #303030 !important; margin-bottom: 20px; }
#kesearch_results { display: flex; flex-wrap: wrap; margin: 0 -20px;
    &.statements { margin: 0; }
    &.media {
        .news-list-date { display: none; }
    }

    .article-main { width: 65%; padding: 0 35px 0 20px;
        .article { width: 100%; padding: 0; }
    }
    .article-side { width: 35%; padding: 0 20px 0 35px;
        .article { width: 100%; padding: 0; }
    }

    .article { width: 33.33%; padding: 0 20px; margin-bottom: 30px;
        .news-body { padding: 0 10px; }

        h3 { font-family: 'CoreSansD55'; margin-bottom: 5px;
            a { position: relative; display: inline-block; padding-right: 27px;
                span { display: inline-block; }
                &:after { content: ''; display: block; position: absolute; bottom: 4px; right: 0; left: auto; width: 17px; height: 18px; background-image: url(../img/arrow-right-red.svg); background-size: 17px 18px; background-repeat: no-repeat; }
                &:hover:after, &:focus:after { width: 19px; height: 20px; background-image: url(../img/arrow-right-purple.svg); background-size: 19px 20px; }
            }
        }
        .news-category-date { margin-bottom: 5px; }
        .separator { display: inline-block; padding-left: 4px; }
        .news-img-wrap img { border-radius: 20px; margin-bottom: 5px; }

        &.statement { width: 100%; padding: 0; border-bottom: 2px dotted #D9D9D9; margin-bottom: 15px; padding-bottom: 15px;
            .news-body { padding: 0; }
        }
    }
}
#kesearch_pagebrowser { text-align: center; margin-top: 30px; margin-bottom: 30px;
    .pagination { display: flex; justify-content: center; align-items: center;
        .page-item { padding-left: 0;
            &:before { display: none; }
            &.active { font-family: 'CoreSansD55'; }
            .page-link { display: inline-block; margin: 5px; }
            .page-link.prev, .page-link.next { display: inline-block; margin: 0 5px; width: 34px; height: 34px; margin-top: 0; z-index: 10; cursor: pointer; background-image: url(../img/arrow-left-circle.svg); font-size: 0;
                &:hover, &:focus { background-image: url(../img/arrow-left-circle-hover.svg); }
            }
            .page-link.next { transform: rotate(180deg); }
        }
    }
}

.frame-type-form_formframework { max-width: 690px; margin: 0 auto; padding-bottom: 50px;
    h2 { display: none; }
    .form-label { display: none; }
    form { display: flex; flex-wrap: wrap; margin: 0 -10px; }
    .form-group { width: 33.33%; padding: 0 10px;
        input { width: 100%; border: none; padding: 10px 10px; margin-bottom: 15px; font-size: 20px; font-family: 'CoreSansD35'; }
        input.add-on { width: auto; margin-bottom: 0; }
        textarea { width: 100%; border: none; padding: 10px 10px; margin-bottom: 15px; font-size: 20px; font-family: 'CoreSansD35'; }
    }
    .form-group:nth-child(6),
    .form-group:nth-child(7) { width: 100%; }
    .actions { padding: 0 10px; }
    .actions button {
        display: inline-block;
        font-weight: 700;
        border-radius: 10px 10px 10px 3px;
        padding: 2px 35px;
        border: 2px solid #961577;
        background: linear-gradient(129deg, #961577 9.09%, #CA181A 141.84%);
        margin-top: 20px;
        min-width: 205px;
        text-align: center;
        cursor: pointer;
        font-family: 'CoreSansD35';
    }
    .actions button:hover, .actions:focus { background: transparent; }
}


/* grids */
.grid > .row { display: flex; margin-left: -15px; margin-right: -15px; flex-wrap: wrap; }
.grid > .row > .col { padding-left: 15px; padding-right: 15px;}
.grid_30_30_30 > .row > .col { width: 33.33%; }
.grid_25_25_25_25 > .row > .col { width: 25%; }
.grid_20_20_20_20_20 > .row > .col { width: 20%; }
.grid_50_50 > .row > .col {  width: 50%; }
.col_75 { width: 75%; }
.col_70 { width: 70%; }
.col_25 { width: 25%; }
.col_30 { width: 30%; }


/* footer */
.footerTop { }
#naviFooterMain { padding: 20px 0; }
#naviFooterMain > ul { display: flex; justify-content: space-between; }
#naviFooterMain > ul > li.hasSub { display: block; flex-basis: 100%; margin-right: 15px; }
#naviFooterMain > ul > li.hasSub:last-child { margin-right: 0; }
#naviFooterMain > ul > li > a { font-family: 'CoreSansD55'; display: block; margin-bottom: 12px; }
#naviFooterMain > ul > li > ul > li > a { display: block; margin-bottom: 12px; }

.footerBottom {}
.footerBottom > .inner { display: flex; justify-content: space-between; align-items: center; }
#naviFooter { padding: 20px 0; }
#naviFooter > ul > li { display: inline-block; margin-right: 40px; }
#naviFooter > ul > li > a { display: block; }

#naviSocial { }
#naviSocial > ul { display: flex; }
#naviSocial > ul > li { display: inline-block; margin-left: 25px; }
#naviSocial > ul > li > a { display: block; line-height: 0; }

#toTop { position: fixed; bottom: 40px; right: 40px; z-index: 25; display: none; width: 50px; height: 50px; background-image: url(../img/top.svg); background-repeat: no-repeat; }

/* cookie */
.cc-revoke, .cc-window { font-family: 'Montserrat', sans-serif; }
.cc-window.cc-floating { max-width: 30em; }
.cc-btn { font-weight: 600; }