@charset "UTF-8"; /*! normalize.css v3.0.1 | MIT License | git.io/normalize */
hr, img {
    border: 0
}

pre, textarea {
    overflow: auto
}

body, fieldset {
    margin: 0
}

fieldset, hr, legend, td, th {
    padding: 0
}

.hidden, .invisible {
    visibility: hidden
}

a:active, a:hover, img {
    outline: 0
}

.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .infobox p, .infobox span.info-icon, .left {
    float: left
}

.center, noscript {
    text-align: center
}

.application__upload-wrapper:after, .btn-set:after, .clear, .clearfix:after, .color-pattern:after, .container:after, .header:after, .mod-form .mod-form__fields:after, .mod-form .mod-form__input-date-wrapper:after, .mod-form label:after, .mod-form__list li:after, .nav__list:after, .overlay__title:after, .row:after, footer:after, hr:after, main:after {
    clear: both
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

a {
    background: 0 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, optgroup, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    border-top: 1px solid #ccc
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    border: 0
}

textarea {
    resize: vertical
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */
html {
    color: #222;
    font-size: 1em;
    line-height: 1.4
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

audio, canvas, img, svg, video {
    vertical-align: middle
}

fieldset {
    border: 0
}

.browsehappy {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.hidden {
    display: none !important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.section, main, ol li {
    position: relative
}

.application__upload-wrapper:after, .btn-set:after, .clearfix:after, .clearfix:before, .header:after, .mod-form .mod-form__fields:after, .mod-form .mod-form__input-date-wrapper:after, .mod-form label:after, .mod-form__list li:after, .nav__list:after, .overlay__title:after, footer:after, hr:after, hr:before, main:after {
    content: " ";
    display: table
}

@media print {
    blockquote, img, pre, tr {
        page-break-inside: avoid
    }

    * {
        background: 0 0 !important;
        color: #000 !important;
        box-shadow: none !important;
        -webkit-filter: none;
        -moz-filter: none;
        -o-filter: none;
        -ms-filter: none;
        filter: none;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")";
        display: block !important
    }

    a[target="_blank"]:after {
        display: inline-block !important
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    blockquote, pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    .sub-navigation__header, .teaser__header, h2, h3, p {
        orphans: 3;
        widows: 3
    }

    .sub-navigation__header, .teaser__header, h2, h3 {
        page-break-after: avoid
    }

    .hide-on-print {
        display: none
    }
}

iframe, img {
    max-width: 100%
}

@font-face {
    font-family: icomoon;
    src: url(../fonts/ukkoeln.eot?8u0vmh);
    src: url(../fonts/ukkoeln.eot?8u0vmh#iefix) format("embedded-opentype"), url(../fonts/ukkoeln.woff2?8u0vmh) format("woff2"), url(../fonts/ukkoeln.ttf?8u0vmh) format("truetype"), url(../fonts/ukkoeln.woff?8u0vmh) format("woff"), url(../fonts/ukkoeln.svg?8u0vmh#ukkoeln) format("svg");
    font-weight: 400;
    font-style: normal
}

.accordion__panel.is-active:after, .accordion__panel:after, .application__headline:after, .application__is-active-icon:after, .audio-player .audioplayer-playpause:before, .audio-player .audioplayer-volume-button:before, .audio-player .file-size:after, .breadcrumb li:after, .btn--alternate:before, .btn--list[class^=btn]:before, .captcha__help .tx-srfreecap-pi2-accessible-link:before, .captcha__help .tx-srfreecap-pi2-cant-read:before, .category .selectboxit-arrow-container:after, .dp-popup div.dp-nav-next a:before, .dp-popup div.dp-nav-prev a:before, .fancybox:before, .google-search__input-button:before, .header a[target="_blank"]:after, .icon-after:after, .icon-before:before, .icon-only:before, .infobox span.info-icon:before, .is-flyout .mediathek__header:after, .link--more:before, .link-intern-pt:before, .link:before, .mediathek__flyout:after, .mediathek__headline-icon .is-active:after, .nav .js-show-more:before, .nav__back-btn:before, .nav__flyout .clone a:after, .overlay__close:before, .overlay__next:before, .overlay__prev:before, .overlay__zoom a:after, .powermail_print-content--print:before, .scroll-top:before, .selectboxit-arrow-container:after, .selectboxit-container .custom-select .selectboxit-arrow-container:after, .share-me .shariff-button.facebook a:before, .share-me .shariff-button.googleplus a:before, .share-me .shariff-button.info a:before, .share-me .shariff-button.mail a:before, .share-me .shariff-button.twitter a:before, .share-me .shariff-button.whatsapp a:before, .slick-dots li button[class*=slick__control]:before, .slick-next:before, .slick-prev:before, .sub-navigation__active, .sub-navigation__has-child .sub-navigation__headline:before, .sub-navigation__list-item.active, .sub-service-navigation__headline:after, .tab-accordion__headline.is-active:after, .tab-accordion__headline:after, .tab-accordion__slider.next:after, .tab-accordion__slider.prev:after, .tab-content__active-mobile:after, .tags a:before, .tags--more a:before, .video-container__video:after, .warning__icon:after, blockquote p:after, blockquote p:before, footer .footernav__anker__active:after, footer .footernav__bmark-content a:before, footer .footernav__tweet:before, footer .footernav__youTube:before, main a.pb-link:after, main a[target="_blank"]:after, select:after {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    padding: 0 .3rem;
    font-size: 200%;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-after:after, .icon-before:before, .icon-only:before {
    font-family: icomoon
}

.powermail_print-content--print:before, footer .footernav__bmark-content--print:before {
    content: "\e904"
}

blockquote p:before {
    content: "\e62f"
}

blockquote p:after {
    content: "\e630"
}

.category .selectboxit-arrow-container:after, .is-flyout .mediathek__header:after, .mediathek__flyout:after, .scroll-top:before, .selectboxit-arrow-container:after, .selectboxit-container .custom-select .selectboxit-arrow-container:after, .sub-navigation__has-child .sub-navigation__headline:before, .tab-content__active-mobile:after, select:after {
    content: "\e601"
}

.mediathek__headline-icon .is-active:after, .nav__back-btn:before, .overlay__prev:before, .overlay__prev:hover:before, .slick-prev:before, .tab-accordion__slider.next:after {
    content: "\e602"
}

.breadcrumb li:after, .link--more-white:before, .link--more:before, .link-intern-pt-white:before, .link-intern-pt:before, .nav__flyout .clone a:after, .overlay__next:before, .overlay__next:hover:before, .slick-next:before, .tab-accordion__slider.prev:after, .tags a:before, .tags--more a:before, .tags--more:before {
    content: "\e603"
}

footer .footernav__bmark-content--bmark:before {
    content: "\e604"
}

.overlay__close:before {
    content: "\e606"
}

.application__is-active-icon:after {
    content: "\e608"
}

.header a[target="_blank"]:after, .overlay__zoom a:after, main a.pb-link:after, main a[target="_blank"]:after {
    content: "\e60d"
}

.share-me .shariff-button.googleplus a:before {
    content: "\e60f"
}

.infobox span.info-icon:before, .share-me .shariff-button.info a:before, .warning__icon:after {
    content: "\e90b"
}

.nav .js-show-more.is-active:before {
    content: "\e613"
}

.share-me .shariff-button.mail a:before {
    content: "\e615"
}

.accordion__panel.is-active:after, .application__headline.application--active:after, .sub-navigation__active, .sub-navigation__list-item.active, .tab-accordion__headline.is-active:after, footer .footernav__anker__active:after {
    content: "\e618"
}

.nav .js-show-more:before {
    content: "\e619"
}

.sub-service-navigation__headline:after {
    content: "\e61a"
}

.audio-player .file-size:after {
    content: "\e61b"
}

.audio-player .audioplayer-playing .audioplayer-playpause:before, .slick-dots li button.slick__control--pause:before {
    content: "\e61d"
}

main a.pb-link:after, main a.pb-link[target="_blank"]:after {
    content: "\e61e"
}

.audio-player .audioplayer-playpause:before, .slick-dots li button.slick__control--play:before, .video-container__video:after {
    content: "\e620"
}

.accordion__panel:after, .application__headline:after, .tab-accordion__headline:after {
    content: "\e621"
}

footer .footernav__bmark-content--pdf:before {
    content: "\e623"
}

.captcha__help .tx-srfreecap-pi2-cant-read:before {
    content: "\e624"
}

.google-search__input-button:before {
    content: "\e626"
}

footer .footernav__bmark-content--share:before {
    content: "\e627"
}

.share-me .shariff-button.twitter a:before, footer .footernav__tweet:before {
    content: "\e629"
}

.audio-player .audioplayer-volume-button:before, .captcha__help .tx-srfreecap-pi2-accessible-link:before {
    content: "\e62b"
}

.share-me .shariff-button.whatsapp a:before {
    content: "\e62c"
}

footer .footernav__youTube:before {
    content: "\e62d"
}

footer .footernav__sociallist {
    display: flex;
}

footer .footernav__instagram:before {
    content: ' ';
    background-image: url(../img/svg/instagram-logo.svg);
    display: flex;
    width: 40px;
    height: 40px;
    background-size: cover;
    margin: 5px 15px 10px 10px;
}

footer .footernav__instagram:hover:before {
    background-image: url(../img/svg/instagram-logo-blue.svg);
}

footer .footernav__linkedin:before {
    content: ' ';
    background-image: url(../img/svg/linkedin-logo.svg);
    display: flex;
    width: 40px;
    height: 40px;
    background-size: cover;
    margin: 5px 10px 10px;
}

footer .footernav__linkedin:hover:before {
    background-image: url(../img/svg/linkedin-logo-blue.svg);
}

footer .footernav__tiktok:before {
    content: ' ';
    background-image: url(../img/svg/tiktok-logo.svg);
    display: flex;
    width: 40px;
    height: 40px;
    background-size: cover;
    margin: 5px 10px 10px;
}

footer .footernav__tiktok:hover:before {
    background-image: url(../img/svg/tiktok-logo-blue.svg);
}

footer .footernav__facebook:before {
    content: ' ';
    background-image: url(../img/svg/facebook-logo.svg);
    display: flex;
    width: 40px;
    height: 40px;
    background-size: cover;
    margin: 5px 10px 10px;
}

footer .footernav__facebook:hover:before {
    background-image: url(../img/svg/facebook-logo-blue.svg);
}

footer .footernav__tweet-x:before {
    content: ' ';
    background-image: url(../img/svg/twitter-logo.svg);
    display: flex;
    width: 40px;
    height: 40px;
    background-size: cover;
    margin: 5px 10px 10px;
}

footer .footernav__tweet-x:hover:before {
    background-image: url(../img/svg/twitter-logo-blue.svg);
}

.fancybox:before {
    content: "\e62e"
}

.share-me .shariff-button.facebook a:before {
    content: "\e631"
}

.audio-player .audioplayer-mute .audioplayer-volume-button:before {
    content: "\e632"
}

.icon-after.icon-phone01:after, .icon-before.icon-phone01:before, .icon-only.icon-phone01:before {
    content: ""
}

.icon-after.icon-ukk_iconfont_emergency:after, .icon-before.icon-ukk_iconfont_emergency:before, .icon-only.icon-ukk_iconfont_emergency:before {
    content: ""
}

.icon-after.icon-heart-surgery01:after, .icon-before.icon-heart-surgery01:before, .icon-only.icon-heart-surgery01:before {
    content: ""
}

.icon-after.icon-bag:after, .icon-before.icon-bag:before, .icon-only.icon-bag:before {
    content: ""
}

.icon-after.icon-heart-surgery:after, .icon-before.icon-heart-surgery:before, .icon-only.icon-heart-surgery:before {
    content: ""
}

.icon-after.icon-herzthoraxchirurg:after, .icon-before.icon-herzthoraxchirurg:before, .icon-only.icon-herzthoraxchirurg:before {
    content: ""
}

.icon-after.icon-suitcase-23:after, .icon-before.icon-suitcase-23:before, .icon-only.icon-suitcase-23:before {
    content: ""
}

.icon-after.icon-vascular-surgery:after, .icon-before.icon-vascular-surgery:before, .icon-only.icon-vascular-surgery:before {
    content: ""
}

.icon-after.icon-arabic:after, .icon-before.icon-arabic:before, .icon-only.icon-arabic:before {
    content: ""
}

.icon-after.icon-russian:after, .icon-before.icon-russian:before, .icon-only.icon-russian:before {
    content: ""
}

.icon-after.icon-info:after, .icon-before.icon-info:before, .icon-only.icon-info:before {
    content: ""
}

.icon-after.icon-fachbereiche:after, .icon-before.icon-fachbereiche:before, .icon-only.icon-fachbereiche:before {
    content: ""
}

.icon-after.icon-clock:after, .icon-before.icon-clock:before, .icon-only.icon-clock:before {
    content: ""
}

.icon-after.icon-check:after, .icon-before.icon-check:before, .icon-only.icon-check:before {
    content: ""
}

.icon-after.icon-uniklinik:after, .icon-before.icon-uniklinik:before, .icon-only.icon-uniklinik:before {
    content: ""
}

.icon-after.icon-qualityreport:after, .icon-before.icon-qualityreport:before, .icon-only.icon-qualityreport:before {
    content: ""
}

.icon-after.icon-administration:after, .icon-before.icon-administration:before, .icon-only.icon-administration:before {
    content: ""
}

.icon-after.icon-institute:after, .icon-before.icon-institute:before, .icon-only.icon-institute:before {
    content: ""
}

.icon-after.icon-jpgfile:after, .icon-before.icon-jpgfile:before, .icon-only.icon-jpgfile:before {
    content: ""
}

.icon-after.icon-print:after, .icon-before.icon-print:before, .icon-only.icon-print:before {
    content: ""
}

.icon-after.icon-uk-koeln-home:after, .icon-before.icon-uk-koeln-home:before, .icon-only.icon-uk-koeln-home:before {
    content: ""
}

.icon-after.icon-quoteleft:after, .icon-before.icon-quoteleft:before, .icon-only.icon-quoteleft:before {
    content: ""
}

.icon-after.icon-quoteright:after, .icon-before.icon-quoteright:before, .icon-only.icon-quoteright:before {
    content: ""
}

.icon-after.icon-annualreport:after, .icon-before.icon-annualreport:before, .icon-only.icon-annualreport:before {
    content: ""
}

.icon-after.icon-arrowdown:after, .icon-before.icon-arrowdown:before, .icon-only.icon-arrowdown:before {
    content: ""
}

.icon-after.icon-arrowleft:after, .icon-before.icon-arrowleft:before, .icon-only.icon-arrowleft:before {
    content: ""
}

.icon-after.icon-arrowright:after, .icon-before.icon-arrowright:before, .icon-only.icon-arrowright:before {
    content: ""
}

.icon-after.icon-bookmark:after, .icon-before.icon-bookmark:before, .icon-only.icon-bookmark:before {
    content: ""
}

.icon-after.icon-calender:after, .icon-before.icon-calender:before, .icon-only.icon-calender:before {
    content: ""
}

.icon-after.icon-close:after, .icon-before.icon-close:before, .icon-only.icon-close:before {
    content: ""
}

.icon-after.icon-contact:after, .icon-before.icon-contact:before, .icon-only.icon-contact:before {
    content: ""
}

.icon-after.icon-delete:after, .icon-before.icon-delete:before, .icon-only.icon-delete:before {
    content: ""
}

.icon-after.icon-doctors:after, .icon-before.icon-doctors:before, .icon-only.icon-doctors:before {
    content: ""
}

.icon-after.icon-download:after, .icon-before.icon-download:before, .icon-only.icon-download:before {
    content: ""
}

.icon-after.icon-emergency:after, .icon-before.icon-emergency:before, .icon-only.icon-emergency:before {
    content: ""
}

.icon-after.icon-english:after, .icon-before.icon-english:before, .icon-only.icon-english:before {
    content: ""
}

.icon-after.icon-externallink:after, .icon-before.icon-externallink:before, .icon-only.icon-externallink:before {
    content: ""
}

.icon-after.icon-german:after, .icon-before.icon-german:before, .icon-only.icon-german:before {
    content: ""
}

.icon-after.icon-googleplus:after, .icon-before.icon-googleplus:before, .icon-only.icon-googleplus:before {
    content: ""
}

.icon-after.icon-images:after, .icon-before.icon-images:before, .icon-only.icon-images:before {
    content: ""
}

.icon-after.icon-international:after, .icon-before.icon-international:before, .icon-only.icon-international:before {
    content: ""
}

.icon-after.icon-less:after, .icon-before.icon-less:before, .icon-only.icon-less:before {
    content: ""
}

.icon-after.icon-location:after, .icon-before.icon-location:before, .icon-only.icon-location:before {
    content: ""
}

.icon-after.icon-mail:after, .icon-before.icon-mail:before, .icon-only.icon-mail:before {
    content: ""
}

.icon-after.icon-medicalfield:after, .icon-before.icon-medicalfield:before, .icon-only.icon-medicalfield:before {
    content: ""
}

.icon-after.icon-menu:after, .icon-before.icon-menu:before, .icon-only.icon-menu:before {
    content: ""
}

.icon-after.icon-minus:after, .icon-before.icon-minus:before, .icon-only.icon-minus:before {
    content: ""
}

.icon-after.icon-more:after, .icon-before.icon-more:before, .icon-only.icon-more:before {
    content: ""
}

.icon-after.icon-moresubnavi:after, .icon-before.icon-moresubnavi:before, .icon-only.icon-moresubnavi:before {
    content: ""
}

.icon-after.icon-mp3:after, .icon-before.icon-mp3:before, .icon-only.icon-mp3:before {
    content: ""
}

.icon-after.icon-newspaper:after, .icon-before.icon-newspaper:before, .icon-only.icon-newspaper:before {
    content: ""
}

.icon-after.icon-pause:after, .icon-before.icon-pause:before, .icon-only.icon-pause:before {
    content: ""
}

.icon-after.icon-pdf:after, .icon-before.icon-pdf:before, .icon-only.icon-pdf:before {
    content: ""
}

.icon-after.icon-phone:after, .icon-before.icon-phone:before, .icon-only.icon-phone:before {
    content: ""
}

.icon-after.icon-play:after, .icon-before.icon-play:before, .icon-only.icon-play:before {
    content: ""
}

.icon-after.icon-plus:after, .icon-before.icon-plus:before, .icon-only.icon-plus:before {
    content: ""
}

.icon-after.icon-press:after, .icon-before.icon-press:before, .icon-only.icon-press:before {
    content: ""
}

.icon-after.icon-pdffile:after, .icon-before.icon-pdffile:before, .icon-only.icon-pdffile:before {
    content: ""
}

.icon-after.icon-reload:after, .icon-before.icon-reload:before, .icon-only.icon-reload:before {
    content: ""
}

.icon-after.icon-route:after, .icon-before.icon-route:before, .icon-only.icon-route:before {
    content: ""
}

.icon-after.icon-search:after, .icon-before.icon-search:before, .icon-only.icon-search:before {
    content: ""
}

.icon-after.icon-share:after, .icon-before.icon-share:before, .icon-only.icon-share:before {
    content: ""
}

.icon-after.icon-sympton:after, .icon-before.icon-sympton:before, .icon-only.icon-sympton:before {
    content: ""
}

.icon-after.icon-twitter:after, .icon-before.icon-twitter:before, .icon-only.icon-twitter:before {
    content: ""
}

.icon-after.icon-videos:after, .icon-before.icon-videos:before, .icon-only.icon-videos:before {
    content: ""
}

.icon-after.icon-volume:after, .icon-before.icon-volume:before, .icon-only.icon-volume:before {
    content: ""
}

.icon-after.icon-whatsapp:after, .icon-before.icon-whatsapp:before, .icon-only.icon-whatsapp:before {
    content: ""
}

.icon-after.icon-youtube:after, .icon-before.icon-youtube:before, .icon-only.icon-youtube:before {
    content: ""
}

.icon-after.icon-zoomin:after, .icon-before.icon-zoomin:before, .icon-only.icon-zoomin:before {
    content: ""
}

.icon-after.icon-facebook:after, .icon-before.icon-facebook:before, .icon-only.icon-facebook:before {
    content: ""
}

.icon-after.icon-volumeoff:after, .icon-before.icon-volumeoff:before, .icon-only.icon-volumeoff:before {
    content: ""
}

* {
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box
}

body {
    background: #f6f6f6;
    color: #565656;
    font-size: 100%;
    line-height: 1.4;
    font-weight: 300
}

@media screen and (min-width: 125em) {
    .career main > .container--fullwidth:nth-child(1), .career main > .container--fullwidth:nth-child(1) .content-header {
        max-height: 931px
    }
}

main {
    padding-bottom: 120px;
    z-index: 1;
    overflow-x: hidden
}

@media screen and (min-width: 87.5em) {
    main > .container--fullwidth:nth-child(1) {
        position: relative;
        z-index: 1;
        max-height: 753px;
        overflow: hidden
    }
}

main > .container--fullwidth:nth-child(1) > .tx-dce-pi1 {
    margin-bottom: 20px
}

main > .container--fullwidth:nth-child(1) .content-header .tx-dce-pi1 {
    border-bottom: 1px solid #fff
}

@media screen and (max-width: 61.999em) {
    main .col-l-pull-9 {
        display: none
    }
}

@media screen and (min-width: 81.75em) {
    .nav__flyout main li.col-l-pull-9, main .col-l-3.col-l-pull-9, main .nav__flyout li.col-l-pull-9 {
        margin-left: -10px
    }

    main .col-l-9.col-l-push-3 {
        padding: 0
    }
}

ol li, ul {
    padding-left: 1.5rem
}

noscript {
    color: #fff;
    margin: .2em 0;
    background: #0f2d64;
    padding: .2em 0
}

noscript p {
    margin: 0 auto;
    max-width: 1268;
    background: red
}

@media print {
    main > .container div[class=col-l-6] {
        width: 100% !important
    }

    .noscript-wrap, noscript, noscript p {
        display: none !important;
        visibility: hidden !important
    }
}

.section {
    margin-bottom: 32px;
    display: flow-root
}

@media screen and (min-width: 62em) {
    main > .container--fullwidth:nth-child(1) > .tx-dce-pi1 {
        border-bottom: 1px solid #fff
    }

    .section {
        margin-bottom: 64px
    }
}

img {
    height: auto
}

hr {
    margin: 20px 0
}

ul {
    margin: 1rem 0 1.5rem
}

ol {
    margin: 1rem 0;
    list-style: none;
    padding: 0;
    counter-reset: list-counter
}

ol li:before {
    content: counter(list-counter, decimal) ".";
    counter-increment: list-counter;
    left: 0;
    position: absolute;
    color: #0f2d64
}

ol li, ul li {
    margin-bottom: .5rem
}

@media print {
    img {
        display: none
    }

    ol, ul {
        page-break-inside: avoid
    }
}

abbr {
    background: #deff00;
    border: none !important;
    cursor: help
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    width: 100%;
    height: auto
}

.embed-container.ratio4x3 {
    padding-bottom: 75%
}

.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

main a {
    position: relative;
    text-decoration: underline;
    color: #0f2d64
}

.header a[target="_blank"]:visited, main a.pb-link:visited, main a[target="_blank"]:visited {
    color: #b35d5d
}

main a:hover {
    text-decoration: none
}

.header a[target="_blank"] {
    position: relative;
    margin-right: 1.3rem
}

.header a[target="_blank"]:after {
    font-size: 16px;
    font-size: 1rem;
    transition: bottom .2s;
    bottom: 2px;
    display: inline-block;
    position: relative;
    overflow: hidden
}

.header a[target="_blank"]:hover:after {
    bottom: 5px
}

main a.pb-link, main a[target="_blank"] {
    position: relative
}

main a.pb-link:after, main a[target="_blank"]:after {
    font-size: 22px;
    font-size: 1.375rem;
    transition: bottom .2s;
    bottom: 2px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 20px
}

main a.pb-link:hover:after, main a[target="_blank"]:hover:after {
    bottom: 5px
}

main a.pb-link:visited:after, main a[target="_blank"]:visited:after {
    background: #b35d5d
}

main a.pb-link.nohint:after, main a[target="_blank"].nohint:after {
    display: none
}

a[href*="//www.google.de/maps/"], a[href^=tel] {
    text-decoration: none !important;
    margin-right: 0 !important
}

a[href*="//www.google.de/maps/"]:after, a[href^=tel]:after {
    display: none !important
}

.box > p span.icon-only {
    font-size: 12px;
    font-size: .75rem
}

.nopipe::after {
    content: '' !important
}

@media screen and (min-width: 20em) {
    body:after {
        content: 'featurephone';
        position: absolute;
        top: -100em;
        left: -100em;
        width: 1px;
        height: 1px;
        overflow: hidden
    }
}

@media screen and (min-width: 30em) {
    body:after {
        content: 'smartphone';
        position: absolute;
        top: -100em;
        left: -100em;
        width: 1px;
        height: 1px;
        overflow: hidden
    }
}

@media screen and (min-width: 48em) {
    body:after {
        content: 'tablet';
        position: absolute;
        top: -100em;
        left: -100em;
        width: 1px;
        height: 1px;
        overflow: hidden
    }
}

@media screen and (min-width: 62em) {
    body:after {
        content: 'desktop';
        position: absolute;
        top: -100em;
        left: -100em;
        width: 1px;
        height: 1px;
        overflow: hidden
    }
}

@media screen and (min-width: 79.25em) {
    body:after {
        content: 'retina';
        position: absolute;
        top: -100em;
        left: -100em;
        width: 1px;
        height: 1px;
        overflow: hidden
    }
}

@media print {
    @page {
        margin: 1.5cm 1cm 2cm
    }

    a[href]:after {
        color: #0f2d64 !important
    }

    a[href^="#"]:after, a[href^=mailto]:after, a[href^="javascript:"]:after {
        content: "" !important
    }
}

.color-pattern:after, .color-pattern:before, .container:after, .container:before, .row:after, .row:before {
    content: " ";
    display: table
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px;
    min-width: 20em;
    max-width: 79.25em
}

@media screen and (min-width: 2000px) {
    .container {
        max-width: none;
        margin: 0 12%
    }
}

.color-pattern, .row {
    margin-left: -10px;
    margin-right: -10px
}

.accordion__slider, .adopt .footermeta__association, .cardia-trial-theme .footermeta__association, .clinics .footermeta__link, .col-l-1, .col-l-10, .col-l-11, .col-l-12, .col-l-2, .col-l-3, .col-l-4, .col-l-5, .col-l-6, .col-l-7, .col-l-8, .col-l-9, .col-m-1, .col-m-10, .col-m-11, .col-m-12, .col-m-2, .col-m-3, .col-m-4, .col-m-5, .col-m-6, .col-m-7, .col-m-8, .col-m-9, .col-s-1, .col-s-10, .col-s-11, .col-s-12, .col-s-2, .col-s-3, .col-s-4, .col-s-5, .col-s-6, .col-s-7, .col-s-8, .col-s-9, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .color-pattern li, .consortium-fbuek .footermeta__association, .corp .footermeta__association, .hcc .footermeta__association, .infektiologie .footermeta__association, .infobox p, .infobox span.info-icon, .nav__flyout li, .tab-accordion__slider, footer .footermeta__association, footer .footermeta__fc-cologne, footer .footermeta__link, footer .footermeta__logo, footer .footernav__anker__active, footer .footernav__bookmark, footer .footernav__link {
    position: relative;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 10px
}

.col-xs-1, .infobox span.info-icon {
    width: 8.3333333333%
}

.col-xs-2 {
    width: 16.6666666667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.3333333333%
}

.col-xs-5 {
    width: 41.6666666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.3333333333%
}

.col-xs-8 {
    width: 66.6666666667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.3333333333%
}

.col-xs-11, .infobox p {
    width: 91.6666666667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.3333333333%
}

.col-xs-pull-2 {
    right: 16.6666666667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.3333333333%
}

.col-xs-pull-5 {
    right: 41.6666666667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.3333333333%
}

.col-xs-pull-8 {
    right: 66.6666666667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.3333333333%
}

.col-xs-pull-11 {
    right: 91.6666666667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.3333333333%
}

.col-xs-push-2 {
    left: 16.6666666667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.3333333333%
}

.col-xs-push-5 {
    left: 41.6666666667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.3333333333%
}

.col-xs-push-8 {
    left: 66.6666666667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.3333333333%
}

.col-xs-push-11 {
    left: 91.6666666667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0
}

.col-xs-offset-1 {
    margin-left: 8.3333333333%
}

.col-xs-offset-2 {
    margin-left: 16.6666666667%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-4 {
    margin-left: 33.3333333333%
}

.col-xs-offset-5 {
    margin-left: 41.6666666667%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-7 {
    margin-left: 58.3333333333%
}

.col-xs-offset-8 {
    margin-left: 66.6666666667%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-10 {
    margin-left: 83.3333333333%
}

.col-xs-offset-11 {
    margin-left: 91.6666666667%
}

.col-xs-offset-12 {
    margin-left: 100%
}

@media screen and (min-width: 30em) {
    .col-s-1, .col-s-10, .col-s-11, .col-s-12, .col-s-2, .col-s-3, .col-s-4, .col-s-5, .col-s-6, .col-s-7, .col-s-8, .col-s-9, .color-pattern li, footer .footernav__anker__active {
        float: left
    }

    .col-s-1 {
        width: 8.3333333333%
    }

    .col-s-2 {
        width: 16.6666666667%
    }

    .col-s-3 {
        width: 25%
    }

    .col-s-4 {
        width: 33.3333333333%
    }

    .col-s-5 {
        width: 41.6666666667%
    }

    .col-s-6, .color-pattern li {
        width: 50%
    }

    .col-s-7 {
        width: 58.3333333333%
    }

    .col-s-8 {
        width: 66.6666666667%
    }

    .col-s-9 {
        width: 75%
    }

    .col-s-10 {
        width: 83.3333333333%
    }

    .col-s-11 {
        width: 91.6666666667%
    }

    .col-s-12, footer .footernav__anker__active {
        width: 100%
    }

    .col-s-pull-0 {
        right: auto
    }

    .col-s-pull-1 {
        right: 8.3333333333%
    }

    .col-s-pull-2 {
        right: 16.6666666667%
    }

    .col-s-pull-3 {
        right: 25%
    }

    .col-s-pull-4 {
        right: 33.3333333333%
    }

    .col-s-pull-5 {
        right: 41.6666666667%
    }

    .col-s-pull-6 {
        right: 50%
    }

    .col-s-pull-7 {
        right: 58.3333333333%
    }

    .col-s-pull-8 {
        right: 66.6666666667%
    }

    .col-s-pull-9 {
        right: 75%
    }

    .col-s-pull-10 {
        right: 83.3333333333%
    }

    .col-s-pull-11 {
        right: 91.6666666667%
    }

    .col-s-pull-12 {
        right: 100%
    }

    .col-s-push-0 {
        left: auto
    }

    .col-s-push-1 {
        left: 8.3333333333%
    }

    .col-s-push-2 {
        left: 16.6666666667%
    }

    .col-s-push-3 {
        left: 25%
    }

    .col-s-push-4 {
        left: 33.3333333333%
    }

    .col-s-push-5 {
        left: 41.6666666667%
    }

    .col-s-push-6 {
        left: 50%
    }

    .col-s-push-7 {
        left: 58.3333333333%
    }

    .col-s-push-8 {
        left: 66.6666666667%
    }

    .col-s-push-9 {
        left: 75%
    }

    .col-s-push-10 {
        left: 83.3333333333%
    }

    .col-s-push-11 {
        left: 91.6666666667%
    }

    .col-s-push-12 {
        left: 100%
    }

    .col-s-offset-0 {
        margin-left: 0
    }

    .col-s-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-s-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-s-offset-3 {
        margin-left: 25%
    }

    .col-s-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-s-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-s-offset-6 {
        margin-left: 50%
    }

    .col-s-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-s-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-s-offset-9 {
        margin-left: 75%
    }

    .col-s-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-s-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-s-offset-12 {
        margin-left: 100%
    }
}

@media screen and (min-width: 48em) {
    .accordion__slider, .adopt .footermeta__association, .cardia-trial-theme .footermeta__association, .col-m-1, .col-m-10, .col-m-11, .col-m-12, .col-m-2, .col-m-3, .col-m-4, .col-m-5, .col-m-6, .col-m-7, .col-m-8, .col-m-9, .consortium-fbuek .footermeta__association, .corp .footermeta__association, .hcc .footermeta__association, .infektiologie .footermeta__association, footer .footermeta__association, footer .footermeta__fc-cologne, footer .footermeta__link, footer .footermeta__logo, footer .footernav__bookmark, footer .footernav__link {
        float: left
    }

    .col-m-1 {
        width: 8.3333333333%
    }

    .col-m-2 {
        width: 16.6666666667%
    }

    .col-m-3 {
        width: 25%
    }

    .col-m-4, footer .footernav__link {
        width: 33.3333333333%
    }

    .col-m-5 {
        width: 41.6666666667%
    }

    .accordion__slider, .col-m-6 {
        width: 50%
    }

    .col-m-7 {
        width: 58.3333333333%
    }

    .col-m-8, footer .footernav__bookmark {
        width: 66.6666666667%
    }

    .col-m-9 {
        width: 75%
    }

    .col-m-10 {
        width: 83.3333333333%
    }

    .col-m-11 {
        width: 91.6666666667%
    }

    .adopt .footermeta__association, .cardia-trial-theme .footermeta__association, .col-m-12, .consortium-fbuek .footermeta__association, .corp .footermeta__association, .hcc .footermeta__association, .infektiologie .footermeta__association, footer .footermeta__association, footer .footermeta__fc-cologne, footer .footermeta__link, footer .footermeta__logo {
        width: 100%
    }

    .col-m-pull-0 {
        right: auto
    }

    .col-m-pull-1 {
        right: 8.3333333333%
    }

    .col-m-pull-2 {
        right: 16.6666666667%
    }

    .col-m-pull-3 {
        right: 25%
    }

    .col-m-pull-4 {
        right: 33.3333333333%
    }

    .col-m-pull-5 {
        right: 41.6666666667%
    }

    .col-m-pull-6 {
        right: 50%
    }

    .col-m-pull-7 {
        right: 58.3333333333%
    }

    .col-m-pull-8 {
        right: 66.6666666667%
    }

    .col-m-pull-9 {
        right: 75%
    }

    .col-m-pull-10 {
        right: 83.3333333333%
    }

    .col-m-pull-11 {
        right: 91.6666666667%
    }

    .col-m-pull-12 {
        right: 100%
    }

    .col-m-push-0 {
        left: auto
    }

    .col-m-push-1 {
        left: 8.3333333333%
    }

    .col-m-push-2 {
        left: 16.6666666667%
    }

    .col-m-push-3 {
        left: 25%
    }

    .col-m-push-4 {
        left: 33.3333333333%
    }

    .col-m-push-5 {
        left: 41.6666666667%
    }

    .col-m-push-6 {
        left: 50%
    }

    .col-m-push-7 {
        left: 58.3333333333%
    }

    .col-m-push-8 {
        left: 66.6666666667%
    }

    .col-m-push-9 {
        left: 75%
    }

    .col-m-push-10 {
        left: 83.3333333333%
    }

    .col-m-push-11 {
        left: 91.6666666667%
    }

    .col-m-push-12 {
        left: 100%
    }

    .col-m-offset-0 {
        margin-left: 0
    }

    .col-m-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-m-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-m-offset-3 {
        margin-left: 25%
    }

    .col-m-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-m-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-m-offset-6 {
        margin-left: 50%
    }

    .col-m-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-m-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-m-offset-9 {
        margin-left: 75%
    }

    .col-m-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-m-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-m-offset-12 {
        margin-left: 100%
    }
}

@media screen and (min-width: 62em) {
    .adopt .footermeta__association, .cardia-trial-theme .footermeta__association, .clinics .footermeta__link, .col-l-1, .col-l-10, .col-l-11, .col-l-12, .col-l-2, .col-l-3, .col-l-4, .col-l-5, .col-l-6, .col-l-7, .col-l-8, .col-l-9, .consortium-fbuek .footermeta__association, .corp .footermeta__association, .hcc .footermeta__association, .infektiologie .footermeta__association, .nav__flyout li, .tab-accordion__slider, footer .footermeta__association, footer .footermeta__fc-cologne, footer .footermeta__link, footer .footermeta__logo, footer .footernav__bookmark, footer .footernav__link {
        float: left
    }

    .col-l-1 {
        width: 8.3333333333%
    }

    .col-l-2, footer .footermeta__fc-cologne, footer .footermeta__logo, footer .footernav__bookmark, footer .footernav__link {
        width: 16.6666666667%
    }

    .col-l-3, .nav__flyout li {
        width: 25%
    }

    .adopt .footermeta__association, .cardia-trial-theme .footermeta__association, .col-l-4, .consortium-fbuek .footermeta__association, .corp .footermeta__association, .hcc .footermeta__association, .infektiologie .footermeta__association, .tab-accordion__slider, footer .footermeta__association, footer .footermeta__link {
        width: 33.3333333333%
    }

    .col-l-5 {
        width: 41.6666666667%
    }

    .clinics .footermeta__link, .col-l-6 {
        width: 50%
    }

    .col-l-7 {
        width: 58.3333333333%
    }

    .col-l-8 {
        width: 66.6666666667%
    }

    .col-l-9 {
        width: 75%
    }

    .col-l-10 {
        width: 83.3333333333%
    }

    .col-l-11 {
        width: 91.6666666667%
    }

    .col-l-12 {
        width: 100%
    }

    .col-l-pull-0 {
        right: auto
    }

    .col-l-pull-1 {
        right: 8.3333333333%
    }

    .col-l-pull-2 {
        right: 16.6666666667%
    }

    .col-l-pull-3 {
        right: 25%
    }

    .col-l-pull-4 {
        right: 33.3333333333%
    }

    .col-l-pull-5 {
        right: 41.6666666667%
    }

    .col-l-pull-6 {
        right: 50%
    }

    .col-l-pull-7 {
        right: 58.3333333333%
    }

    .col-l-pull-8 {
        right: 66.6666666667%
    }

    .col-l-pull-9 {
        right: 75%
    }

    .col-l-pull-10 {
        right: 83.3333333333%
    }

    .col-l-pull-11 {
        right: 91.6666666667%
    }

    .col-l-pull-12 {
        right: 100%
    }

    .col-l-push-0 {
        left: auto
    }

    .col-l-push-1 {
        left: 8.3333333333%
    }

    .col-l-push-2 {
        left: 16.6666666667%
    }

    .col-l-push-3 {
        left: 25%
    }

    .col-l-push-4 {
        left: 33.3333333333%
    }

    .col-l-push-5 {
        left: 41.6666666667%
    }

    .col-l-push-6 {
        left: 50%
    }

    .col-l-push-7 {
        left: 58.3333333333%
    }

    .col-l-push-8 {
        left: 66.6666666667%
    }

    .col-l-push-9 {
        left: 75%
    }

    .col-l-push-10 {
        left: 83.3333333333%
    }

    .col-l-push-11 {
        left: 91.6666666667%
    }

    .col-l-push-12 {
        left: 100%
    }

    .col-l-offset-0 {
        margin-left: 0
    }

    .col-l-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-l-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-l-offset-3 {
        margin-left: 25%
    }

    .col-l-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-l-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-l-offset-6 {
        margin-left: 50%
    }

    .col-l-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-l-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-l-offset-9 {
        margin-left: 75%
    }

    .col-l-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-l-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-l-offset-12 {
        margin-left: 100%
    }
}

@media screen and (min-width: 79.25em) {
    .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 {
        float: left
    }

    .col-xl-1 {
        width: 8.3333333333%
    }

    .col-xl-2 {
        width: 16.6666666667%
    }

    .col-xl-3 {
        width: 25%
    }

    .col-xl-4 {
        width: 33.3333333333%
    }

    .col-xl-5 {
        width: 41.6666666667%
    }

    .col-xl-6 {
        width: 50%
    }

    .col-xl-7 {
        width: 58.3333333333%
    }

    .col-xl-8 {
        width: 66.6666666667%
    }

    .col-xl-9 {
        width: 75%
    }

    .col-xl-10 {
        width: 83.3333333333%
    }

    .col-xl-11 {
        width: 91.6666666667%
    }

    .col-xl-12 {
        width: 100%
    }

    .col-xl-pull-0 {
        right: auto
    }

    .col-xl-pull-1 {
        right: 8.3333333333%
    }

    .col-xl-pull-2 {
        right: 16.6666666667%
    }

    .col-xl-pull-3 {
        right: 25%
    }

    .col-xl-pull-4 {
        right: 33.3333333333%
    }

    .col-xl-pull-5 {
        right: 41.6666666667%
    }

    .col-xl-pull-6 {
        right: 50%
    }

    .col-xl-pull-7 {
        right: 58.3333333333%
    }

    .col-xl-pull-8 {
        right: 66.6666666667%
    }

    .col-xl-pull-9 {
        right: 75%
    }

    .col-xl-pull-10 {
        right: 83.3333333333%
    }

    .col-xl-pull-11 {
        right: 91.6666666667%
    }

    .col-xl-pull-12 {
        right: 100%
    }

    .col-xl-push-0 {
        left: auto
    }

    .col-xl-push-1 {
        left: 8.3333333333%
    }

    .col-xl-push-2 {
        left: 16.6666666667%
    }

    .col-xl-push-3 {
        left: 25%
    }

    .col-xl-push-4 {
        left: 33.3333333333%
    }

    .col-xl-push-5 {
        left: 41.6666666667%
    }

    .col-xl-push-6 {
        left: 50%
    }

    .col-xl-push-7 {
        left: 58.3333333333%
    }

    .col-xl-push-8 {
        left: 66.6666666667%
    }

    .col-xl-push-9 {
        left: 75%
    }

    .col-xl-push-10 {
        left: 83.3333333333%
    }

    .col-xl-push-11 {
        left: 91.6666666667%
    }

    .col-xl-push-12 {
        left: 100%
    }

    .col-xl-offset-0 {
        margin-left: 0
    }

    .col-xl-offset-1 {
        margin-left: 8.3333333333%
    }

    .col-xl-offset-2 {
        margin-left: 16.6666666667%
    }

    .col-xl-offset-3 {
        margin-left: 25%
    }

    .col-xl-offset-4 {
        margin-left: 33.3333333333%
    }

    .col-xl-offset-5 {
        margin-left: 41.6666666667%
    }

    .col-xl-offset-6 {
        margin-left: 50%
    }

    .col-xl-offset-7 {
        margin-left: 58.3333333333%
    }

    .col-xl-offset-8 {
        margin-left: 66.6666666667%
    }

    .col-xl-offset-9 {
        margin-left: 75%
    }

    .col-xl-offset-10 {
        margin-left: 83.3333333333%
    }

    .col-xl-offset-11 {
        margin-left: 91.6666666667%
    }

    .col-xl-offset-12 {
        margin-left: 100%
    }
}

@font-face {
    font-family: Merriweather;
    font-weight: 400;
    font-style: normal;
    src: url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-regular/Merriweather-regular.eot);
    src: url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-regular/Merriweather-regular.eot?#iefix) format("embedded-opentype"), local("Merriweather"), local("Merriweather-regular"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-regular/Merriweather-regular.woff2) format("woff2"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-regular/Merriweather-regular.woff) format("woff"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-regular/Merriweather-regular.ttf) format("truetype"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-regular/Merriweather-regular.svg#Merriweather) format("svg")
}

@font-face {
    font-family: Merriweather;
    font-weight: 400;
    font-style: italic;
    src: url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-italic/Merriweather-italic.eot);
    src: url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-italic/Merriweather-italic.eot?#iefix) format("embedded-opentype"), local("Merriweather Italic"), local("Merriweather-italic"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-italic/Merriweather-italic.woff2) format("woff2"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-italic/Merriweather-italic.woff) format("woff"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-italic/Merriweather-italic.ttf) format("truetype"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-italic/Merriweather-italic.svg#Merriweather) format("svg")
}

@font-face {
    font-family: 'Merriweather Sans';
    font-weight: 300;
    font-style: normal;
    src: url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-300/Merriweather-Sans-300.eot);
    src: url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-300/Merriweather-Sans-300.eot?#iefix) format("embedded-opentype"), local("Merriweather Sans Light"), local("Merriweather-Sans-300"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-300/Merriweather-Sans-300.woff2) format("woff2"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-300/Merriweather-Sans-300.woff) format("woff"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-300/Merriweather-Sans-300.ttf) format("truetype"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-300/Merriweather-Sans-300.svg#MerriweatherSans) format("svg")
}

@font-face {
    font-family: 'Merriweather Sans';
    font-weight: 400;
    font-style: normal;
    src: url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-regular/Merriweather-Sans-regular.eot);
    src: url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-regular/Merriweather-Sans-regular.eot?#iefix) format("embedded-opentype"), local("Merriweather Sans Regular"), local("Merriweather-Sans-regular"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-regular/Merriweather-Sans-regular.woff2) format("woff2"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-regular/Merriweather-Sans-regular.woff) format("woff"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-regular/Merriweather-Sans-regular.ttf) format("truetype"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-regular/Merriweather-Sans-regular.svg#MerriweatherSans) format("svg")
}

@font-face {
    font-family: 'Merriweather Sans';
    font-weight: 700;
    font-style: normal;
    src: url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-700/Merriweather-Sans-700.eot);
    src: url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-700/Merriweather-Sans-700.eot?#iefix) format("embedded-opentype"), local("Merriweather Sans Bold"), local("Merriweather-Sans-700"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-700/Merriweather-Sans-700.woff2) format("woff2"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-700/Merriweather-Sans-700.woff) format("woff"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-700/Merriweather-Sans-700.ttf) format("truetype"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-700/Merriweather-Sans-700.svg#MerriweatherSans) format("svg")
}

@font-face {
    font-family: 'Merriweather Sans';
    font-weight: 800;
    font-style: normal;
    src: url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-800/Merriweather-Sans-800.eot);
    src: url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-800/Merriweather-Sans-800.eot?#iefix) format("embedded-opentype"), local("Merriweather Sans ExtraBold"), local("Merriweather-Sans-800"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-800/Merriweather-Sans-800.woff2) format("woff2"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-800/Merriweather-Sans-800.woff) format("woff"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-800/Merriweather-Sans-800.ttf) format("truetype"), url(/typo3conf/ext/bra_projectfiles_ukk/Resources/Public/fonts/Merriweather-Sans-800/Merriweather-Sans-800.svg#MerriweatherSans) format("svg")
}

.application__gretting, .application__headline, .breadcrumb, .category__headline, .custom-select, .dp-calendar table.jCalendar td, .dp-calendar table.jCalendar th, .figure-caption, .h1, .h2, .h3, .h4, .h5, .h6, .mediathek__container, .mediathek__headline-icon li, .news-list__date, .overlay__title, .search__topic strong, .selectboxit-container *, .slick-slider__pagination, .sub-navigation__header, .sub-navigation__headline-sub, .sub-navigation__list, .sub-service-navigation__item, .tab-content__select, .teaser-video__container, .teaser__header, blockquote footer, body, figcaption, footer .footermeta, footer .footermeta__copyright, footer .footermeta__link, footer .footernav__anker, footer .footernav__bmark-content, footer .footernav__bookmark, footer .footernav__headline, footer .footernav__link, footer .footernav__tweet, footer .footernav__youTube, h1, h2, h3, h4, h5, h6, input, select, textarea {
    font-family: 'Merriweather Sans', sans-serif;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

blockquote {
    font-family: Merriweather, serif;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.application__gretting, .category__headline, .h1, .search__topic strong, h1 {
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 400;
    color: #0f2d64
}

@media print {
    .application__gretting, .category__headline, .h1, .search__topic strong, h1 {
        color: #0f2d64 !important
    }
}

.application__gretting, .category__headline, .h1, .search__topic strong {
    font-size: 24px;
    font-size: 1.5rem;
    margin: .67em 0
}

.h2, .sub-navigation__header, .teaser__header, footer .footernav__tweet, footer .footernav__youTube, h2 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400;
    color: #0f2d64
}

@media print {
    .h2, .sub-navigation__header, .teaser__header, footer .footernav__tweet, footer .footernav__youTube, h2 {
        color: #0f2d64 !important
    }
}

.h2, footer .footernav__tweet, footer .footernav__youTube {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: .5em
}

.application__headline, .h3, .tab-content__select, h3 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    color: #0f2d64
}

@media print {
    .application__headline, .h3, .tab-content__select, h3 {
        color: #0f2d64 !important
    }
}

.h4, footer .footernav__anker, h4 {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    color: #0f2d64
}

@media print {
    .h4, footer .footernav__anker, h4 {
        color: #0f2d64 !important
    }
}

.dp-calendar table.jCalendar td, .dp-calendar table.jCalendar th, .h5, .mediathek__headline-icon li, .news-list__date, .sub-navigation__headline-sub, .sub-navigation__list, .sub-service-navigation__item, blockquote footer, footer .footermeta, footer .footermeta__copyright, footer .footermeta__link, footer .footernav__bmark-content, footer .footernav__bookmark, footer .footernav__headline, footer .footernav__link, h5 {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    color: #565656
}

.breadcrumb, .h6, .mediathek__container, .teaser-video__container, h6 {
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 400;
    color: #565656
}

.subtext {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    color: #565656
}

.parent-sub-navigation, .sub-navigation__headline {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    color: #565656
}

.sub-navigation__sub-item a, .sub-sub-navigation {
    font-size: 12px;
    font-size: .75rem;
    font-weight: 400;
    color: #565656
}

.figure-caption, figcaption {
    font-size: 11px;
    font-size: .6875rem;
    font-weight: 300;
    color: #565656
}

.accordion__content:after, .application__upload-wrapper:after, .box:after, .breadcrumb:after, .btn-set:after, .clearfix, .clone .service-navigation__flyout .clone:after, .contact-list dd:after, .contact-list:after, .downloadbar:after, .header:after, .infobox:after, .mediathek__content:after, .mediathek__download:after, .mod-form .mod-form__fields:after, .mod-form .mod-form__input-date-wrapper:after, .mod-form label:after, .mod-form__list li:after, .nav__flyout .clone:after, .nav__list:after, .overlay__title:after, .selectboxit-container .custom-select:after, .service-navigation:after, .service-navigation__flyout p:after, blockquote:after, fieldset:after, footer:after, hr, label:after, main:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden
}

.left, .right {
    display: inline
}

.breadcrumb ul, .color-pattern, .date ul, .events-box ul, .google-search__headline-tabs, .list-icon, .list-icon ul > li, .list-icon ul > li > ul > li, .mediathek__headline-icon, .mod-form__list, .nav ul, .news-list li, .pagination ul, .service-navigation__list, .share-me ul, .sub-navigation ul, .sub-service-navigation ul, .tab-content__headline, .tags, .tags--more, .unstyled, footer .footermeta__link ul, footer .footernav ul, footer .footernav__bookmark ul, footer .footernav__content ul, li[class*=icon] {
    margin: 0;
    padding: 0;
    list-style: none
}

.right {
    float: right
}

.center, .position-center {
    display: block;
    margin: 0 auto
}

.application__headline:last-child a:after, .downloadbar__link--size:after, .mediathek__item a:after, .no-icon:after, .no-icon:before, .scroll-top:after, .selectboxit-container .selectboxit-options a:after, .share-me .shariff-button a:after, .teaser-video__link:after {
    display: none !important
}

.util-reset-margin-left, .util-reset-margin-x {
    margin-left: 0 !important
}

.util-reset-margin-right, .util-reset-margin-x {
    margin-right: 0 !important
}

.text-right {
    text-align: right
}

.text-left, footer .footermeta__copyright, footer .footernav__anker, footer .footernav__bmark-content {
    text-align: left
}

.color-pattern li, .text-center {
    text-align: center
}

.text-bold {
    font-weight: 700
}

.text-normal {
    font-weight: 400 !important
}

.ci-color {
    color: #0f2d64 !important
}

@media screen and (max-width: 61.999em) {
    .no-padding-H {
        padding: 0
    }
}

@media screen and (min-width: 62em) {
    .no-padding-H {
        padding: 0 !important
    }
}

.no-padding-h-right, footer .footernav__social {
    padding-right: 0
}

@media screen and (max-width: 47.999em) {
    .no-padding-h-right, footer .footernav__social {
        padding: 10px
    }
}

.no-padding-h-left {
    padding-left: 0
}

@media screen and (max-width: 47.999em) {
    .no-padding-h-left {
        padding: 10px
    }

    .is-mobile-hidden {
        display: none !important
    }
}

.util-reset-padding-left, .util-reset-padding-x {
    padding-left: 0 !important
}

.util-reset-padding-right, .util-reset-padding-x {
    padding-right: 0 !important
}

.util-reset-padding-top, .util-reset-padding-y {
    padding-top: 0 !important
}

.util-reset-padding-bottom, .util-reset-padding-y {
    padding-bottom: 0 !important
}

.font-big {
    font-size: 24px;
    font-size: 1.5rem
}

.font-middle {
    font-size: 18px;
    font-size: 1.125rem
}

.no-margin-top {
    margin-top: 0
}

@media screen and (min-width: 48em) {
    .row-magrin-top {
        margin-top: 40px
    }
}

.margin-top {
    margin-top: 20px !important
}

@media screen and (min-width: 48em) {
    .margin-top {
        margin-top: 60px !important
    }

    .top-margin-desktop {
        margin-top: 40px
    }

    .row-margin-bottom {
        margin-bottom: 40px
    }
}

.util-reset-margin-top, .util-reset-margin-y {
    margin-top: 0 !important
}

.util-reset-margin-bottom, .util-reset-margin-y {
    margin-bottom: 0 !important
}

.util-reset-padding {
    padding: 0 !important
}

.util-add-padding {
    padding: 10px !important
}

.util-add-padding-full {
    padding: 20px !important
}

.util-add-padding-double {
    padding: 40px !important
}

.util-add-padding-top {
    padding-top: 10px !important
}

.util-add-padding-top-full {
    padding-top: 20px !important
}

.util-add-padding-top-double {
    padding-top: 40px !important
}

.util-add-padding-right {
    padding-right: 10px !important
}

.util-add-padding-right-full {
    padding-right: 20px !important
}

.util-add-padding-right-double {
    padding-right: 40px !important
}

.util-add-padding-bottom {
    padding-bottom: 10px !important
}

.util-add-padding-bottom-full {
    padding-bottom: 20px !important
}

.util-add-padding-bottom-double {
    padding-bottom: 40px !important
}

.util-add-padding-left {
    padding-left: 10px !important
}

.util-add-padding-left-full {
    padding-left: 20px !important
}

.util-add-padding-left-double {
    padding-left: 40px !important
}

.util-add-padding-x {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.util-add-padding-x-full {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.util-add-padding-x-double {
    padding-left: 40px !important;
    padding-right: 40px !important
}

.util-add-padding-y {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.util-add-padding-y-full {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.util-add-padding-y-double {
    padding-top: 40px !important;
    padding-bottom: 40px !important
}

.util-reset-margin {
    margin: 0 !important
}

.util-reset-margin-auto {
    margin-left: auto !important;
    margin-right: auto !important
}

.util-add-margin {
    margin: 10px !important
}

.util-add-margin-full {
    margin: 20px !important
}

.util-add-margin-double {
    margin: 40px !important
}

.util-add-margin-top {
    margin-top: 10px !important
}

.util-add-margin-top-full {
    margin-top: 20px !important
}

.util-add-margin-top-double {
    margin-top: 40px !important
}

.util-add-margin-right {
    margin-right: 10px !important
}

.util-add-margin-right-full {
    margin-right: 20px !important
}

.util-add-margin-right-double {
    margin-right: 40px !important
}

.util-add-margin-bottom {
    margin-bottom: 10px !important
}

.util-add-margin-bottom-full {
    margin-bottom: 20px !important
}

.util-add-margin-bottom-double {
    margin-bottom: 40px !important
}

.util-add-margin-left {
    margin-left: 10px !important
}

.util-add-margin-left-full {
    margin-left: 20px !important
}

.util-add-margin-left-double {
    margin-left: 40px !important
}

.util-add-margin-x {
    margin-left: 10px !important;
    margin-right: 10px !important
}

.util-add-margin-x-full {
    margin-left: 20px !important;
    margin-right: 20px !important
}

.util-add-margin-x-double {
    margin-left: 40px !important;
    margin-right: 40px !important
}

.util-add-margin-y {
    margin-top: 10px !important;
    margin-bottom: 10px !important
}

.util-add-margin-y-full {
    margin-top: 20px !important;
    margin-bottom: 20px !important
}

.util-add-margin-y-double {
    margin-top: 40px !important;
    margin-bottom: 40px !important
}

.util-negative-margin-top {
    margin-top: -20px !important
}

.util-negative-margin-top-double {
    margin-top: -40px !important
}

.util-negative-margin-bottom {
    margin-bottom: -20px !important
}

.util-negative-margin-bottom-double {
    margin-bottom: -40px !important
}

.util-no-float {
    float: none
}

.default-grid {
    display: none
}

.show-grid [class*=col-] {
    background: #ccc;
    outline: red solid 1px
}

.show-grid header {
    background: rgba(0, 255, 0, .5)
}

.show-grid footer {
    background: rgba(0, 255, 255, .5)
}

.show-grid .default-grid {
    display: block
}

.color-pattern span {
    display: block;
    width: 100%;
    height: 100px;
    border: 1px solid #e1e1e1
}

.pdf-visible {
    display: none !important
}

@media print {
    .pdf-visible {
        display: inline-block !important
    }
}

.border-width-2px {
    border-width: 2px !important
}

.font-size-110 {
    font-size: 110%
}

.color-inherit {
    color: inherit
}

.util-color-error {
    color: red
}

.util-uppercase {
    text-transform: uppercase
}

.util-table-note {
    margin-top: -42px;
    margin-bottom: 20px;
    font-size: 15px
}

.util-hidden {
    display: none
}

.util-bg--blue-dark {
    background: #0f2d64 !important
}

.util-bg--blue {
    background: #1299d9 !important
}

.btn, .btn--alternate, .btn--disabled, .btn[disabled] {
    border-radius: 0;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none;
    font-size: 16px;
    font-size: 1rem;
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-family: "Merriweather Sans", arial;
    padding: 8px 40px;
    text-decoration: underline;
    text-transform: none;
    transition: background-color .2s linear, border-color .2s linear, color .2s linear
}

.btn--alternate:before, [class^=btn].btn--list:before {
    font-family: icomoon;
    content: '\e603';
    position: absolute !important
}

@media screen and (max-width: 47.999em) {
    .btn, .btn--alternate, .btn--disabled, .btn[disabled] {
        font-size: 16px;
        font-size: 1rem
    }
}

.btn-full-width.btn, .btn-full-width.btn--alternate, .btn-full-width.btn--disabled {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    padding: 20px
}

.btn--alternate:hover, .btn--disabled:hover, .btn:hover {
    opacity: 1
}

.btn--alternate[disabled], .btn--disabled[disabled], .btn[disabled], .is-disabled.btn, .is-disabled.btn--alternate, .is-disabled.btn--disabled {
    cursor: default
}

.btn--alternate.is-disabled, .btn--alternate[disabled], .btn--disabled.is-disabled, .btn--disabled[disabled], .btn.is-disabled, .btn[disabled], .btn[disabled].is-disabled, .btn[disabled][disabled] {
    cursor: not-allowed
}

.btn {
    border: 1px solid #8a99a7;
    background: #fff;
    color: #0f2d64
}

.btn:hover {
    background: #0f2d64;
    border-color: #0f2d64;
    color: #fff
}

.btn--alternate, .btn--alternate.is-disabled:hover, .btn--alternate:hover, .btn--alternate[disabled]:hover, .btn--disabled, .btn--disabled.is-disabled:hover, .btn--disabled[disabled]:hover, .btn.is-disabled:hover, .btn[disabled], .btn[disabled].is-disabled:hover, .btn[disabled]:hover, .btn[disabled][disabled]:hover {
    background: #fff
}

@media print {
    .btn {
        display: none
    }
}

.btn.nav-buttons.btn {
    padding-bottom: 8px
}

.btn.nav-buttons.btn > div {
    display: inline-block
}

.btn.nav-buttons.btn > div p {
    margin: 0;
    display: inline-block;
    font-size: 14px
}

.btn.nav-buttons.btn:after, .btn.nav-buttons.btn:before {
    vertical-align: inherit
}

@media screen and (max-width: 29.999em) {
    .btn.nav-buttons.btn:after, .btn.nav-buttons.btn:before {
        display: none
    }
}

.btn--disabled, .btn[disabled] {
    border: 1px solid #8a99a7;
    color: #b7c0d1;
    cursor: not-allowed
}

.btn--disabled:hover, .btn[disabled]:hover {
    background: #fff;
    border-color: #b7c0d1;
    color: #b7c0d1
}

@media print {
    .btn--disabled, .btn[disabled] {
        display: none
    }
}

.btn--alternate {
    color: #0f2d64;
    border: none;
    display: block;
    padding: 0;
    text-align: left;
    text-decoration: none;
    width: 100%
}

.btn--alternate:hover {
    border-color: #fff;
    color: #0f2d64;
    text-decoration: underline
}

@media screen and (max-width: 47.999em) {
    .btn--alternate {
        text-align: left !important
    }
}

.btn--alternate:before {
    display: block !important;
    right: -10px;
    bottom: 0 !important
}

[class^=btn].btn--list {
    border: none;
    border-bottom: 1px solid #0f2d64;
    display: block;
    margin-bottom: 0 !important;
    padding: 20px !important;
    text-align: left;
    text-decoration: none;
    width: 100%
}

[class^=btn].btn--list:first-of-type {
    border-top: 1px solid #0f2d64
}

[class^=btn].btn--list:before {
    display: block !important;
    right: 10px;
    bottom: 15px !important
}

@media screen and (max-width: 47.999em) {
    [class^=btn].btn--list {
        text-align: left !important
    }

    [class^=btn] {
        float: none;
        display: block;
        margin: 0 auto 10px !important;
        text-align: center
    }
}

[class^=btn]:after, [class^=btn]:before {
    position: relative;
    bottom: 2px
}

[class^=btn].icon-after, [class^=btn].icon-before, [class^=btn].icon-only {
    padding: 5px 20px 1px 10px;
    text-decoration: none !important
}

[class^=btn].icon-after span, [class^=btn].icon-before span, [class^=btn].icon-only span {
    text-decoration: underline
}

[class^=btn].icon-after:hover span, [class^=btn].icon-before:hover span, [class^=btn].icon-only:hover span, [class^=btn]:hover, a.btn--no-border:hover span {
    text-decoration: none
}

[class^=btn].icon-after {
    padding: 5px 10px 1px 20px
}

[class^=btn].icon-after:before {
    display: none
}

a.btn--no-border {
    background: 0 0;
    border: none;
    text-align: inherit
}

a.btn--no-border:after {
    display: inline-block !important;
    background: 0 0;
    height: auto;
    width: auto;
    bottom: auto;
    right: auto
}

a.btn--no-border:hover {
    background: 0 0;
    color: #0f2d64;
    border: none
}

a.btn--no-border:hover:after {
    width: auto
}

a.btn--icon-highlight:after {
    background: #6e81a2;
    color: #fff;
    font-size: 28px;
    font-size: 1.75rem;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    overflow: hidden;
    padding: 11px;
    margin-left: 15px
}

a.btn--icon-highlight span {
    text-decoration: none !important
}

a.btn--icon-highlight:hover:after {
    background: #0f2d64;
    color: #fff
}

.header, .header__content, .header__item, .header__logo, .header__wrapper {
    background: #fff
}

input[class*=btn] {
    padding: 6px 20px
}

.btn-set {
    text-align: center;
    margin: 20px 0
}

@media screen and (min-width: 48em) {
    .btn-set > [class*=btn] {
        float: left
    }
}

.btn-set > [class*=btn] + [class*=btn] {
    margin-left: 4px
}

.btn-set > [class*=btn].center {
    display: inline-block;
    float: none
}

.btn-set > [class*=btn].right {
    float: right
}

.btn-set > [class*=btn].left {
    float: left
}

@media screen and (max-width: 29.999em) {
    .btn-set {
        margin-top: 40px !important
    }

    .btn-set > [class*=btn].left, .btn-set > [class*=btn].right {
        float: none
    }

    .btn-set > [class*=btn].center {
        clear: both;
        float: none;
        display: block
    }
}

.header {
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    position: relative;
    z-index: 10;
    padding: 0
}

.header.no-nav nav.nav {
    margin-top: 30px
}

.header.no-nav .nav-anchors, .header.no-nav .nav__list-item {
    display: none
}

@media screen and (min-width: 62em) {
    .header {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (min-width: 79.25em) {
    .header {
        padding-left: 40px;
        padding-right: 40px
    }
}

.header__single {
    box-shadow: none;
    position: relative
}

.header__logo-single {
    background: #fff;
    padding: 20px;
    overflow: hidden
}

@media screen and (max-width: 29.999em) {
    .header__logo-single {
        width: 30%;
        padding: 0;
        position: absolute
    }
}

@media screen and (max-width: 79.249em) {
    .header__logo-single {
        position: absolute;
        padding: 0
    }
}

@media screen and (max-width: 61.999em) {
    .header__wrapper:after {
        display: block;
        content: ".";
        clear: both;
        font-size: 0;
        line-height: 0;
        height: 0;
        overflow: hidden
    }
}

@media screen and (min-width: 62em) {
    .header__wrapper {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px
    }
}

.header__content {
    float: right;
    margin: 20px 20px 0 0
}

@media screen and (min-width: 48em) {
    .header__logo-single {
        width: 80%
    }

    .header__content {
        margin: 35px 35px 0 0
    }
}

@media screen and (min-width: 62em) {
    .header__content {
        float: none;
        margin: 0
    }
}

.header__logo {
    float: left
}

@media print {
    .header__logo {
        float: none
    }

    .header__logo img {
        margin-bottom: 2em
    }
}

.header__item {
    float: left
}

@media screen and (min-width: 62em) {
    .header__item {
        height: auto;
        float: none;
        width: auto
    }
}

.header__clinics-bar {
    display: block;
    width: 100%;
    padding: 8px 15px;
    background: #0f2d64;
    text-align: left;
    border-top: 1px solid #0f2d64;
    color: #fff;
    position: relative;
    z-index: -2
}

.header .logo, .header .logo-single {
    display: block;
    z-index: 1;
    text-indent: -90em;
    position: relative;
    overflow: hidden;
    clear: both
}

@media screen and (min-width: 48em) {
    .header__clinics-bar {
        padding: 8px 30px
    }
}

@media screen and (min-width: 62em) {
    .header__clinics-bar {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
        width: calc(100% + 2 * 20px)
    }
}

@media screen and (min-width: 79.25em) {
    .header__clinics-bar {
        margin-left: -40px;
        margin-right: -40px;
        padding-left: 40px;
        padding-right: 40px;
        width: calc(100% + 4 * 20px)
    }
}

.header__clinics-bar a {
    color: #fff;
    text-decoration: none;
    font-weight: 700
}

.header .logo-single {
    width: 160px;
    height: 50px
}

@media screen and (max-width: 47.999em) {
    .header .logo-single {
        background: url(../img/svg/UKK_Logo_RGB.svg) -52px 0 no-repeat;
        margin: 10px;
        width: 75px;
        background-size: 133px;
        height: 30px
    }
}

@media screen and (min-width: 48em) {
    .header .logo-single {
        margin: 9px 20px 9px 10px !important
    }
}

@media screen and (min-width: 62em) {
    .header .logo-single {
        float: left;
        width: 198px;
        height: 65px;
        margin: 0
    }
}

@media screen and (max-width: 47.999em) {
    .header .logo-single--fbuek {
        background: url(../img/svg/fbuek-logo.svg) -52px 0 no-repeat;
        margin: 10px;
        width: 75px;
        background-size: 133px;
        height: 30px
    }
}

.header .logo, .header .logo-single {
    background: url(../img/svg/UKK_Logo_RGB.svg) no-repeat
}

.mvz .header .logo, .mvz .header .logo-single {
    background: url(../img/svg/ukk-logo-mvz.svg) left center no-repeat;
    background-size: contain;
    width: 170px
}

@media screen and (min-width: 62em) {
    .mvz .header .logo, .mvz .header .logo-single {
        height: 36px;
        width: 250px
    }
}

.hcc .header .logo, .hcc .header .logo-single {
    background: url(../img/png/ukk-logo-hcc.png) left center no-repeat;
    background-size: contain;
    width: 170px
}

@media screen and (min-width: 62em) {
    .hcc .header .logo, .hcc .header .logo-single {
        height: 84px;
        width: 300px
    }
}

.consortium-fbuek .header .logo, .consortium-fbuek .header .logo-single {
    background: url(../img/svg/ukk_fbuek_new.svg) left center no-repeat;
    background-size: contain;
    width: 170px;
    height: 65px
}

@media screen and (max-width: 47.999em) {
    .consortium-fbuek .header .logo, .consortium-fbuek .header .logo-single {
        height: 40px
    }
}

@media screen and (min-width: 62em) {
    .consortium-fbuek .header .logo, .consortium-fbuek .header .logo-single {
        width: 250px;
        height: 90px
    }
}

.infektiologie .header .logo, .infektiologie .header .logo-single {
    background: url(../img/png/ukk-logo-infektiologie.png) left center no-repeat;
    background-size: contain;
    width: 170px
}

@media screen and (min-width: 62em) {
    .infektiologie .header .logo, .infektiologie .header .logo-single {
        width: 250px
    }
}

.abswest .header .logo, .abswest .header .logo-single {
    background: url(../img/svg/ukk_abswest.svg) left center no-repeat;
    background-size: contain;
    width: 170px
}

@media screen and (max-width: 47.999em) {
    .abswest .header .logo, .abswest .header .logo-single {
        height: 40px
    }
}

@media screen and (min-width: 62em) {
    .abswest .header .logo, .abswest .header .logo-single {
        width: 250px;
        height: 90px
    }
}

.adopt .header .logo, .adopt .header .logo-single {
    background: url(../img/svg/ukk-logo-adopt.svg) left center no-repeat;
    background-size: contain;
    width: 170px
}

@media screen and (min-width: 62em) {
    .adopt .header .logo, .adopt .header .logo-single {
        height: 84px;
        width: 240px
    }
}

.unireha .header .logo, .unireha .header .logo-single {
    background: url(../img/svg/ukk-logo-unireha.svg) left center no-repeat;
    background-size: contain;
    width: 170px
}

@media screen and (min-width: 62em) {
    .unireha .header .logo, .unireha .header .logo-single {
        height: 84px;
        width: 240px
    }
}

.header .logo {
    width: 160px;
    height: 50px
}

@media screen and (max-width: 47.999em) {
    .header .logo {
        background: url(../img/svg/UKK_Font_RGB.svg) no-repeat;
        margin: 15px !important;
        width: 115px;
        background-size: 110px 40px;
        height: 40px
    }
}

@media screen and (min-width: 48em) {
    .header .logo {
        margin: 30px
    }
}

@media screen and (min-width: 62em) {
    .header .logo {
        float: left;
        width: 198px;
        height: 80px;
        margin: 0;
        position: relative;
        bottom: 15px;
        background-size: cover;
    }
}

@media print {
    .header .logo {
        display: none
    }

    .header {
        -o-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none
    }
}

.header .lang-switch {
    display: none;
    list-style: none;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0;
    margin: 0;
    width: 100%
}

.header .lang-switch li {
    padding: 9px 10px 10px;
    font-weight: 700;
    font-size: .75rem
}

.header .lang-switch li:last-of-type {
    padding-right: 20px
}

.header .lang-switch li.active {
    text-decoration: underline
}

.header .lang-switch a {
    color: #565656;
    text-decoration: none
}

@media screen and (min-width: 62em) {
    .header .lang-switch {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.header .lang-switch.clone {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #f6f6f6;
    color: #565656;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 0 0 30px;
    width: 25%
}

.header .lang-switch.clone li {
    font-size: 1rem;
    font-weight: 400
}

@media screen and (max-width: 47.999em) {
    #open-nav:target .logo {
        height: 0
    }
}

.augennetzwerk .header .logo {
    background-size: contain;
    background-image: url(../img/png/augennetzwerk.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 170px;
    height: 60px
}

@media screen and (min-width: 62em) {
    body.clinics .header {
        -o-box-shadow: 0 -4px 5px rgba(0, 0, 0, .2);
        -ms-box-shadow: 0 -4px 5px rgba(0, 0, 0, .2);
        box-shadow: 0 -4px 5px rgba(0, 0, 0, .2)
    }

    body.clinics .header__wrapper {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    body.clinics .header__logo {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 30px
    }

    body.clinics .header__content {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    body.clinics .header__item.search {
        position: relative;
        bottom: -55px;
        top: auto
    }

    .augennetzwerk .header .logo {
        width: 230px;
        height: 77px
    }
}

.augennetzwerk footer .footermeta__logo {
    display: none
}

footer {
    -o-box-shadow: 0 -2px 5px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 -2px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 -2px 5px rgba(0, 0, 0, .2);
    background: #fff
}

footer .footernav ul {
    padding-top: 15px
}

footer .footernav li {
    padding: 5px 0
}

footer .footernav a {
    position: relative;
    text-decoration: underline;
    color: #565656
}

footer .footernav a:hover {
    text-decoration: none
}

footer .footernav a:after {
    background-color: #565656
}

footer .footernav__mobilemenu {
    color: #0f2d64
}

footer .footernav__anker {
    cursor: pointer;
    margin-top: 20px;
    color: #0f2d64 !important
}

footer .footernav__anker__active {
    color: #fff !important;
    background: #0f2d64;
    padding: 20px
}

footer .footernav__anker__active:after {
    float: right;
    clear: both
}

@media screen and (max-width: 47.999em) {
    footer .footernav__anker {
        display: block;
        padding: 20px;
        color: #fff;
        border: 1px solid #0f2d64
    }

    footer .footernav__anker:after {
        font-family: icomoon;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        padding: 0 .3rem;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e61a";
        font-size: 30px;
        font-size: 1.875rem;
        float: right;
        margin-top: -4px
    }

    footer .footernav__headline {
        text-align: center
    }
}

@media screen and (min-width: 48em) {
    footer .footernav__anker {
        display: none;
        color: #0f2d64
    }
}

@media screen and (min-width: 62em) {
    footer .footernav__anker {
        display: none
    }
}

@media screen and (max-width: 61.999em) {
    footer .footernav {
        padding: 20px 20px 40px
    }
}

footer .footernav__headline {
    color: #565656;
    line-height: 1em;
    padding: 40px 0 0
}

@media screen and (max-width: 61.999em) {
    footer .footernav__headline {
        padding: 20px 0 8px
    }
}

footer .footernav__headline:after {
    border-bottom: 1px solid #e1e1e1;
    content: '';
    display: inline-block;
    height: 1px;
    width: 100%
}

footer .footernav__subline {
    margin-left: 0;
    padding: 8px 0
}

@media screen and (max-width: 61.999em) {
    footer .footernav__subline {
        padding: 20px
    }

    footer .footermeta__link {
        text-align: center
    }
}

footer .footernav__subline li {
    margin: 0
}

footer .footernav__link {
    padding: 0
}

@media screen and (max-width: 47.999em) {
    footer .footernav__subline {
        text-align: center
    }

    footer .footernav__link {
        display: none;
        clear: both
    }
}

@media screen and (min-width: 62em) {
    footer .footernav__link {
        display: block !important;
        padding: 0 10px
    }
}

@media screen and (min-width: 48em) {
    footer .footernav__link {
        display: block !important
    }

    footer .footernav__link .footernav__headline:after {
        width: 113%
    }
}

footer .footernav__link:last-of-type .footernav__headline:after {
    width: 100%
}

footer .footernav__social a {
    color: #565656;
    text-decoration: none
}

footer .footernav__tweet:hover:before, footer .footernav__youTube:hover:before {
    color: #0f2d64
}

@media screen and (max-width: 47.999em) {
    footer .footernav__social {
        padding: 0 20px
    }
}

@media screen and (min-width: 48em) {
    footer .footernav__social {
        padding: 20px 0 20px 20px
    }
}

@media screen and (min-width: 62em) {
    footer .footernav__social {
        padding: 0 0 20px 20px
    }
}

@media print {
    footer .footernav__social {
        display: none
    }
}

@media screen and (max-width: 47.999em) {
    footer .footernav__content {
        text-align: center;
        overflow: hidden;
        padding: 0 20px
    }

    /*footer .footernav__content ul {*/
    /*    display: inline-block*/
    /*}*/
}

@media screen and (max-width: 48em) {
    footer .footernav__content {
        padding-left: 16px
    }
}

footer .footernav__list {
    padding: 20px 0;
    display: inline-block
}

/*footer .footernav__list:last-child {*/
/*    margin: 0 0 0 20px*/
/*}*/

/*@media screen and (max-width: 47.999em) {*/
/*    footer .footernav__list:last-child {*/
/*        margin: 0 0 0 50px*/
/*    }*/
/*}*/

footer .footernav__bmark-content--bmark, footer .footernav__bmark-content--pdf, footer .footernav__bmark-content--print, footer .footernav__bmark-content--share, footer .footernav__bookmark, footer .footernav__tweet, footer .footernav__youTube {
    margin-left: 0
}

footer .footernav__tweet:before {
    font-size: 57px;
    padding-left: 0;
}

footer .footernav__youTube:before {
    font-size: 50px;
    font-size: 3.125rem
}

footer .footernav__bookmark ul {
    padding-top: 15px
}

@media screen and (max-width: 47.999em) {
    footer .footernav__bookmark {
        padding: 0 20px
    }

    footer .footermeta__link {
        margin-bottom: 30px
    }
}

@media screen and (min-width: 48em) {
    footer .footernav__bookmark {
        padding: 20px 20px 20px 0
    }
}

@media screen and (min-width: 62em) {
    footer .footernav__bookmark {
        padding: 0 10px 20px 0
    }
}

@media print {
    footer .footernav__bookmark {
        display: none
    }
}

footer .footernav__bmark-content, footer .footernav__bmark-content li {
    padding: 0 0 12px
}

footer .footernav__bmark-content a {
    text-decoration: none;
    color: #565656
}

footer .footernav__bmark-content a:after {
    background-color: #565656
}

footer .footernav__bmark-content a:before {
    font-size: 20px;
    font-size: 1.25rem;
    display: inline-block;
    line-height: .9em;
    overflow: hidden;
    float: left
}

footer .footernav__bmark-content a:hover {
    text-decoration: underline
}

footer .footernav__bmark-content a.fancybox:before {
    position: static;
    top: auto;
    right: auto;
    color: inherit;
    background-color: transparent;
    width: auto;
    height: auto;
    overflow: visible;
    opacity: 1
}

@media print {
    footer .footernav {
        display: none
    }
}

footer .footermeta__container {
    padding: 0;
    overflow: hidden
}

@media screen and (min-width: 62em) {
    footer .footermeta__container {
        padding: 50px 20px 20px 10px
    }

    footer .footermeta__link {
        margin-left: -10px
    }
}

footer .footermeta__link {
    padding: 0 0 20px
}

footer .footermeta__link a {
    color: #565656;
    text-decoration: none
}

footer .footermeta__link a:after {
    background-color: #565656
}

footer .footermeta__link a:hover {
    text-decoration: underline
}

.clone .service-navigation__flyout .clone a.lang, .search__form button {
    text-decoration: none
}

@media screen and (max-width: 47.999em) {
    footer .footermeta__link ul {
        padding: 0
    }

    footer .footermeta__copyright {
        margin: 40px 0 0
    }
}

footer .footermeta__link ul li {
    display: inline-block;
    padding: 0 20px;
    border-right: 1px solid #e1e1e1
}

footer .footermeta__link ul li:first-child {
    text-align: left
}

footer .footermeta__link ul li:last-child {
    border: none;
    padding-right: 0
}

@media screen and (min-width: 62em) {
    footer .footermeta__link ul li {
        text-align: center;
        padding: 0 10px
    }
}

footer .footermeta__copyright {
    padding: 10px
}

@media screen and (max-width: 61.999em) {
    footer .footermeta__link ul li {
        text-align: center
    }

    footer .footermeta__copyright {
        margin: 10px 0 0;
        padding: 0 20px;
        text-align: center
    }
}

@media print {
    footer .footermeta__link {
        display: none
    }

    footer .footermeta__copyright {
        border-top: 2px solid #e1e1e1;
        color: #565656 !important;
        float: none !important;
        padding: 20px 0;
        page-break-inside: avoid;
        text-align: left !important;
        width: 100% !important
    }

    footer .footermeta__copyright span {
        color: #565656 !important;
        display: inline !important
    }
}

footer .footermeta__association {
    display: none;
    padding: 0
}

@media screen and (max-width: 47.999em) {
    footer .footermeta__association {
        margin: 20px 0
    }
}

@media screen and (max-width: 61.999em) {
    footer .footermeta__association {
        margin: 10px 0 40px
    }
}

@media screen and (min-width: 62em) {
    footer .footermeta__association {
        margin: 0;
        padding-left: 35px
    }
}

footer .footermeta__fc-cologne, footer .footermeta__logo {
    padding: 0
}

footer .footermeta__association a {
    background: url(../img/png/logo_verband_ukk.png) center 0 no-repeat;
    display: block;
    height: 56px;
    text-indent: -999em
}

.hcc footer .footermeta__association a {
    background: url(../img/png/Logo_CIO-Koeln-Bonn_RGB.png) center no-repeat;
    background-size: contain;
    height: 45px;
    margin-top: 5px
}

@media screen and (max-width: 47.999em) {
    footer .footermeta__association a {
        background-size: auto 65%;
        background-position: center
    }

    footer .footermeta__fc-cologne {
        margin: 20px 0
    }
}

@media screen and (min-width: 48em) {
    footer .footermeta__association a {
        background-size: auto 65%
    }
}

@media print {
    footer .footermeta__association a {
        display: none
    }
}

@media screen and (max-width: 61.999em) {
    footer .footermeta__fc-cologne {
        margin: 40px 0
    }
}

@media screen and (min-width: 62em) {
    footer .footermeta__association a {
        background-size: auto 65%;
        background-position: left 0
    }

    footer .footermeta__fc-cologne {
        margin: 0
    }
}

footer .footermeta__fc-cologne a {
    background: url(../img/jpg/FC_Logo.jpg) center no-repeat;
    background-size: contain;
    display: block;
    height: 100px;
    text-indent: -999em
}

@media print {
    footer .footermeta__fc-cologne a {
        display: none
    }
}

@media screen and (max-width: 47.999em) {
    footer .footermeta__logo {
        margin: 40px 0
    }
}

@media screen and (min-width: 62em) {
    footer .footermeta__logo {
        float: right;
        margin: 0
    }
}

footer .footermeta__logo a {
    background: url(../img/svg/UKK_Logo_RGB.svg) center 0 no-repeat;
    display: block;
    height: 80px;
    text-indent: -999em;
    margin: 0 auto
}

@media screen and (max-width: 47.999em) {
    footer .footermeta__logo a {
        background-size: 200px;
        width: 200px;
        background-position: center
    }

    .infektiologie .footermeta__association {
        margin: 20px 0
    }
}

@media screen and (min-width: 48em) {
    footer .footermeta__logo a {
        background-size: 150px;
        width: 150px
    }
}

@media print {
    footer .footermeta__logo a {
        display: none
    }

    footer {
        -o-box-shadow: none;
        -ms-box-shadow: none;
        box-shadow: none
    }
}

.infektiologie .footermeta__association {
    display: block;
    padding: 0
}

@media screen and (max-width: 61.999em) {
    .infektiologie .footermeta__association {
        margin: 10px 0 40px
    }
}

@media screen and (min-width: 62em) {
    footer .footermeta__logo a {
        background-size: 150px;
        left: 0
    }

    .infektiologie .footermeta__association {
        margin: 0;
        padding-left: 35px
    }
}

.infektiologie .footermeta__association a {
    background: url(../img/png/logo-dzif.png) center 0 no-repeat;
    display: block;
    height: 100px;
    text-indent: -999em
}

@media screen and (max-width: 47.999em) {
    .infektiologie .footermeta__association a {
        background-size: auto 90%;
        background-position: center
    }

    .corp .footermeta__association {
        margin: 20px 0
    }
}

@media screen and (min-width: 48em) {
    .infektiologie .footermeta__association a {
        background-size: auto 90%
    }
}

@media print {
    .infektiologie .footermeta__association a {
        display: none
    }
}

.corp .footermeta__association {
    display: block;
    padding: 0
}

@media screen and (max-width: 61.999em) {
    .corp .footermeta__association {
        margin: 10px 0 40px;
        text-align: center
    }
}

@media screen and (min-width: 62em) {
    .infektiologie .footermeta__association a {
        background-size: auto 90%;
        background-position: left 0
    }

    .corp .footermeta__association {
        margin: 0;
        padding-left: 35px
    }
}

.corp .footermeta__association a {
    display: block;
    text-indent: -999em;
    background: url(../img/png/logo_verband_ukk.png) center 0 no-repeat;
    height: 56px
}

@media screen and (max-width: 47.999em) {
    .corp .footermeta__association a {
        background-size: 197px;
        background-position: center
    }

    .hcc .footermeta__association {
        margin: 20px 0
    }
}

@media screen and (min-width: 48em) {
    .corp .footermeta__association a {
        background-size: 197px
    }
}

@media print {
    .corp .footermeta__association a {
        display: none
    }
}

.hcc .footermeta__association {
    display: block;
    padding: 0
}

@media screen and (max-width: 61.999em) {
    .hcc .footermeta__association {
        margin: 10px 0 40px
    }
}

@media screen and (min-width: 62em) {
    .corp .footermeta__association a {
        background-size: 197px;
        background-position: left 0
    }

    .hcc .footermeta__association {
        margin: 0;
        padding-left: 35px
    }
}

.hcc .footermeta__association a {
    background: url(../img/png/logo_verband_ukk.png) center 0 no-repeat;
    display: block;
    height: 56px;
    text-indent: -999em
}

.hcc .hcc .footermeta__association a {
    background: url(../img/png/Logo_CIO-Koeln-Bonn_RGB.png) center no-repeat;
    background-size: contain;
    height: 45px;
    margin-top: 5px
}

@media screen and (max-width: 47.999em) {
    .hcc .footermeta__association a {
        background-size: 197px;
        background-position: center
    }

    .adopt .footermeta__association, .cardia-trial-theme .footermeta__association {
        margin: 20px 0
    }
}

@media screen and (min-width: 48em) {
    .hcc .footermeta__association a {
        background-size: 197px
    }
}

@media print {
    .hcc .footermeta__association a {
        display: none
    }
}

.adopt .footermeta__association, .cardia-trial-theme .footermeta__association {
    display: block;
    padding: 0
}

@media screen and (max-width: 61.999em) {
    .adopt .footermeta__association, .cardia-trial-theme .footermeta__association {
        margin: 10px 0 40px
    }
}

@media screen and (min-width: 62em) {
    .hcc .footermeta__association a {
        background-size: 197px;
        background-position: left 0
    }

    .adopt .footermeta__association, .cardia-trial-theme .footermeta__association {
        margin: 0;
        padding-left: 35px
    }
}

.adopt .footermeta__association a, .cardia-trial-theme .footermeta__association a {
    background: url(../img/jpg/ukk-logo-bmbf.jpg) center 0 no-repeat;
    display: block;
    height: 138px;
    text-indent: -999em
}

@media screen and (max-width: 47.999em) {
    .adopt .footermeta__association a, .cardia-trial-theme .footermeta__association a {
        background-size: auto 100px;
        background-position: center
    }

    .consortium-fbuek .footermeta__association {
        margin: 20px 0
    }
}

@media screen and (min-width: 48em) {
    .adopt .footermeta__association a, .cardia-trial-theme .footermeta__association a {
        background-size: auto 100px
    }
}

@media print {
    .adopt .footermeta__association a, .cardia-trial-theme .footermeta__association a {
        display: none
    }
}

.consortium-fbuek .footermeta__association {
    display: block;
    padding: 0
}

@media screen and (max-width: 61.999em) {
    .consortium-fbuek .footermeta__association {
        margin: 10px 0
    }

    .search {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        transition: all .5s ease;
        position: absolute;
        left: 0;
        right: 0;
        z-index: -1;
        opacity: 0;
        visibility: hidden
    }

    .open-search .search {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1;
        visibility: visible
    }
}

@media screen and (min-width: 62em) {
    .adopt .footermeta__association a, .cardia-trial-theme .footermeta__association a {
        background-size: auto 100px;
        background-position: left 0
    }

    .consortium-fbuek .footermeta__association {
        margin: 0;
        padding-left: 35px
    }
}

.consortium-fbuek .footermeta__association a {
    background: url(../img/png/logo-deutsche-krebshilfe.png) center 0 no-repeat;
    display: block;
    height: 100px;
    text-indent: -999em
}

@media screen and (max-width: 47.999em) {
    .consortium-fbuek .footermeta__association a {
        background-size: auto 42.5%;
        background-position: center
    }
}

@media screen and (min-width: 48em) {
    .consortium-fbuek .footermeta__association a {
        background-size: auto 42.5%
    }
}

@media screen and (min-width: 62em) {
    .consortium-fbuek .footermeta__association a {
        background-size: auto 42.5%;
        background-position: left 0
    }
}

.search__flyout, .search__form button:hover {
    background: #fff;
    color: #0f2d64
}

@media print {
    .consortium-fbuek .footermeta__association a {
        display: none
    }
}

.clinics .footermeta__fc-cologne {
    display: none
}

body.clinics footer .footernav__headline {
    line-height: 1.4
}

.search {
    top: 70px
}

@media screen and (min-width: 48em) {
    .search {
        top: 110px
    }
}

.search__form {
    position: relative;
    width: 100%;
    z-index: 2
}

@media screen and (min-width: 62em) {
    .no-js .search:hover .search__form:after, .no-js .search:hover .search__form:before, .search.is-hover .search__form:after, .search.is-hover .search__form:before, .search:hover .search__form:after, .search:hover .search__form:before {
        display: block
    }

    .search {
        float: right
    }

    .search.is-hover .search__flyout, .search:hover .search__flyout {
        transition: all .5s ease;
        -webkit-transform: translate3d(0, 37px, 0);
        transform: translate3d(0, 37px, 0);
        opacity: 1;
        width: 100%;
        left: auto
    }

    .no-js .search:hover .search__flyout {
        transition: all .5s ease;
        -webkit-transform: translate3d(0, 37px, 0);
        transform: translate3d(0, 37px, 0);
        opacity: 1
    }

    .search__form {
        width: 270px
    }

    .search__form:after, .search__form:before {
        display: none;
        content: '';
        position: absolute;
        z-index: 20;
        bottom: -43px;
        left: 50%;
        margin-left: -12px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 12px 14px;
        border-color: transparent transparent #fff
    }

    .search__form:before {
        bottom: -42px;
        border-width: 0 13px 15px;
        margin-left: -13px;
        border-color: transparent transparent #e1e1e1
    }
}

@media screen and (min-width: 79.25em) {
    .search__form {
        width: 370px
    }
}

.search__form fieldset {
    position: relative;
    border: 3px solid #0f2d64;
    margin-top: 9px;
    margin-bottom: 5px
}

.search__form legend {
    position: absolute;
    text-indent: -90em
}

.search__form input[type=text] {
    font-size: 15px;
    font-size: .9375rem;
    padding: 10px 20px;
    border: none;
    outline: 0;
    width: 100%
}

.search__form button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 3px 10px 0 0 !important;
    color: #cecece;
    border: none
}

.search__form button span {
    display: none
}

.search__flyout {
    padding: 20px;
    display: block;
    margin: 0
}

@media screen and (min-width: 62em) {
    .search__flyout {
        -webkit-transform: translate3d(0, -200%, 0);
        transform: translate3d(0, -200%, 0);
        transition: all .5s ease .5s;
        position: absolute;
        left: 0;
        right: 0;
        z-index: -1;
        border-top: 1px solid #e1e1e1;
        opacity: 0
    }

    .adopt .search__flyout .footermeta__association:nth-child(4), .cardia-trial-theme .search__flyout .footermeta__association:nth-child(4), .consortium-fbuek .search__flyout .footermeta__association:nth-child(4), .corp .search__flyout .footermeta__association:nth-child(4), .hcc .search__flyout .footermeta__association:nth-child(4), .infektiologie .search__flyout .footermeta__association:nth-child(4), .search__flyout .adopt .footermeta__association:nth-child(4), .search__flyout .cardia-trial-theme .footermeta__association:nth-child(4), .search__flyout .col-l-4:nth-child(4), .search__flyout .consortium-fbuek .footermeta__association:nth-child(4), .search__flyout .corp .footermeta__association:nth-child(4), .search__flyout .hcc .footermeta__association:nth-child(4), .search__flyout .infektiologie .footermeta__association:nth-child(4), .search__flyout .tab-accordion__slider:nth-child(4), .search__flyout footer .footermeta__association:nth-child(4), .search__flyout footer .footermeta__link:nth-child(4), footer .search__flyout .footermeta__association:nth-child(4), footer .search__flyout .footermeta__link:nth-child(4) {
        clear: both
    }

    .search__flyout.is-active {
        display: block
    }
}

.search__flyout select {
    width: 100%;
    margin-bottom: 20px
}

.search__topic {
    margin: 0 0 20px
}

@media print {
    .search {
        display: none
    }
}

.search-anchors {
    display: none
}

.search-anchors__open:before {
    color: #0f2d64
}

.search-anchors__close:before {
    color: #fff
}

@media screen and (max-width: 61.999em) {
    .search-anchors {
        display: block;
        position: relative;
        margin-left: 35px
    }

    .search-anchors a {
        position: relative;
        overflow: hidden;
        text-indent: -999em;
        width: 35px;
        height: 35px
    }

    .search-anchors a:before {
        font-family: icomoon;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        padding: 0 .3rem;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 40px;
        font-size: 2.5rem;
        position: absolute;
        width: 35px;
        height: 35px;
        top: 50%;
        left: 47%;
        text-indent: 0;
        margin-top: -20px;
        margin-left: -22px;
        display: inline-block;
        overflow: hidden;
        line-height: .9em
    }

    .search-anchors a.search-anchors__close {
        background: #0f2d64
    }

    .search-anchors__open {
        display: inline-block
    }

    .search-anchors__open:before {
        content: "\e626"
    }

    .search-anchors__close {
        display: none
    }

    .search-anchors__close:before {
        content: "\e606";
        font-size: 30px !important;
        margin: -15px 0 0 -19px !important
    }
}

@media screen and (max-width: 47.999em) {
    .search-anchors {
        margin-top: -3px
    }
}

@media print {
    .search-anchors {
        display: none
    }
}

@media screen and (max-width: 61.999em) {
    #search-nav:target fieldset, .open-search fieldset {
        margin-top: 0
    }

    #search-nav:target .search-anchors, .open-search .search-anchors {
        background: #fff
    }

    #search-nav:target .search-anchors__open, .open-search .search-anchors__open {
        display: none
    }

    #search-nav:target .search-anchors__close, .open-search .search-anchors__close {
        display: inline-block !important
    }
}

body.clinics .search__flyout {
    display: none
}

.service-navigation {
    position: relative;
    z-index: 30
}

@media screen and (min-width: 62em) {
    body.clinics .search:hover form:after, body.clinics .search:hover form:before {
        display: none
    }

    .clinics .service-navigation {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .clinics .service-navigation .lang-switch {
        width: auto
    }

    .service-navigation {
        margin: 0 -20px;
        padding-bottom: 20px
    }

    .service-navigation__list {
        float: right
    }
}

@media screen and (max-width: 61.999em) {
    .service-navigation__list {
        display: none;
        background-color: #f6f6f6;
        width: 25%
    }

    .service-navigation__list.clone {
        display: block
    }

    .service-navigation__list.clone .is--langswitch {
        width: 100%
    }
}

.service-navigation__list:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden
}

.service-navigation__item, .service-navigation__item--emergency, .service-navigation__item--international {
    width: 50%;
    float: left;
    margin: 0
}

.service-navigation__item--emergency > a, .service-navigation__item--international > a, .service-navigation__item > a {
    position: relative;
    display: block;
    padding: 20px 0 20px 45px;
    text-decoration: none;
    color: #565656
}

.service-navigation__item--emergency > a[target="_blank"], .service-navigation__item--international > a[target="_blank"], .service-navigation__item > a[target="_blank"] {
    margin-right: 0
}

.service-navigation__item--emergency > a[target="_blank"]:after, .service-navigation__item--international > a[target="_blank"]:after, .service-navigation__item > a[target="_blank"]:after {
    display: none
}

.is-hover.service-navigation__item--emergency .service-navigation__flyout, .is-hover.service-navigation__item--international .service-navigation__flyout, .no-js .service-navigation__item--emergency:hover .service-navigation__flyout, .no-js .service-navigation__item--international:hover .service-navigation__flyout, .no-js .service-navigation__item:hover .service-navigation__flyout, .service-navigation__item.is-hover .service-navigation__flyout {
    display: block
}

.service-navigation__item--emergency > a[target="_blank"]:visited, .service-navigation__item--international > a[target="_blank"]:visited, .service-navigation__item > a[target="_blank"]:visited {
    color: #565656
}

@media screen and (min-width: 62em) {
    .service-navigation__item, .service-navigation__item--emergency, .service-navigation__item--international {
        width: auto;
        position: relative
    }

    .service-navigation__item--emergency > a, .service-navigation__item--international > a, .service-navigation__item > a {
        font-size: 11px;
        font-size: .6875rem;
        padding: 10px 20px 10px 50px;
        font-weight: 700
    }

    .is-hover.service-navigation__item--emergency > a, .is-hover.service-navigation__item--international > a, .service-navigation__item.is-hover > a {
        color: #fff;
        background-color: #8a99a7
    }
}

.service-navigation__item--emergency > a:before, .service-navigation__item--international > a:before, .service-navigation__item > a:before {
    font-size: 26px;
    font-size: 1.625rem;
    position: absolute;
    left: 10px;
    top: 4px
}

@media screen and (max-width: 61.999em) {
    .service-navigation__item--emergency:nth-child(2n) a, .service-navigation__item--international:nth-child(2n) a, .service-navigation__item:nth-child(2n) a {
        border-right: 0
    }

    .service-navigation__item--emergency:nth-child(2n+1), .service-navigation__item--international:nth-child(2n+1), .service-navigation__item:nth-child(2n+1) {
        clear: left
    }

    .service-navigation__item--emergency:last-child a, .service-navigation__item--international:last-child a, .service-navigation__item:last-child a {
        border-bottom: 0
    }

    .service-navigation__item--emergency > a, .service-navigation__item--international > a, .service-navigation__item > a {
        border: 1px solid #e1e1e1;
        border-bottom: 0;
        border-left: 0
    }

    .service-navigation__item--emergency > a:before, .service-navigation__item--international > a:before, .service-navigation__item > a:before {
        top: 19px
    }

    .service-navigation__item--contact .col-xs-3 {
        width: 67px
    }
}

.is-hover.service-navigation__item--emergency > a[target="_blank"]:visited, .is-hover.service-navigation__item--international > a[target="_blank"]:visited, .service-navigation__item.is-hover > a[target="_blank"]:visited {
    color: #fff
}

.service-navigation__item--contact {
    border-bottom: 1px solid #e1e1e1
}

@media screen and (min-width: 62em) {
    .no-js .service-navigation__item--emergency:hover > a, .no-js .service-navigation__item--international:hover > a, .no-js .service-navigation__item:hover > a {
        color: #fff;
        background-color: #8a99a7
    }

    .service-navigation__item--emergency:nth-child(n+3) .service-navigation__flyout, .service-navigation__item--emergency:nth-child(n+4) .service-navigation__flyout, .service-navigation__item--international:nth-child(n+3) .service-navigation__flyout, .service-navigation__item--international:nth-child(n+4) .service-navigation__flyout, .service-navigation__item:nth-child(n+3) .service-navigation__flyout, .service-navigation__item:nth-child(n+4) .service-navigation__flyout {
        left: auto;
        right: 0
    }

    .service-navigation__item--contact {
        border-bottom: 0
    }
}

.service-navigation__item--emergency > a {
    color: #ce2c2c
}

@media screen and (min-width: 62em) {
    .service-navigation__item--emergency:hover > a {
        background: #ce2c2c;
        color: #fff
    }
}

.service-navigation__item--emergency .service-navigation__flyout {
    background: #ce2c2c
}

.service-navigation__item--emergency .service-navigation__flyout a {
    display: inline-block;
    width: 80%
}

.service-navigation__item--emergency .service-navigation__flyout hr {
    color: #e7e7e7
}

.service-navigation__item--international {
    width: 100%
}

@media screen and (min-width: 62em) {
    .service-navigation__item--international {
        width: auto
    }
}

.service-navigation__flyout {
    font-size: 14px;
    font-size: .875rem;
    background: #8a99a7;
    color: #fff;
    display: none
}

.service-navigation__flyout a.link--more:visited, .service-navigation__flyout a[target="_blank"]:visited {
    color: #fff
}

.service-navigation__flyout .color-pattern, .service-navigation__flyout .row {
    margin-bottom: 15px
}

.service-navigation__flyout .color-pattern:last-of-type, .service-navigation__flyout .row:last-of-type {
    margin-bottom: 0
}

.clone .service-navigation__flyout {
    position: absolute;
    width: 25%;
    top: 0;
    left: 50%;
    display: block;
    visibility: hidden;
    padding: 20px
}

.clone .service-navigation__flyout .clone {
    margin: -20px -20px 20px;
    border-bottom: 1px solid #fff
}

.clone .service-navigation__flyout .clone a {
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    padding: 23px 20px 0 0;
    display: inline-block
}

.clone .service-navigation__flyout .clone a:before {
    display: inline-block;
    line-height: .9em;
    overflow: hidden;
    float: left;
    margin-top: -5px
}

.clone .service-navigation__flyout .clone a:after {
    display: none
}

@media screen and (max-width: 61.999em) {
    .service-navigation__flyout.is-active {
        left: 25%;
        visibility: visible
    }
}

@media screen and (min-width: 62em) {
    .service-navigation__flyout {
        position: absolute;
        width: 320px;
        padding: 30px;
        left: 0
    }
}

.service-navigation__flyout a {
    position: relative;
    text-decoration: underline;
    color: #fff
}

.nav__list-item.is-hover > a, .no-js .nav__list-item:hover > a {
    color: #0f2d64
}

.service-navigation__flyout a:hover {
    text-decoration: none
}

.service-navigation__flyout a:after {
    overflow: hidden;
    line-height: .9em
}

.service-navigation__flyout a[href*="//www.google.de/maps/"].link--more {
    text-decoration: underline !important
}

.service-navigation__flyout a[href*="//www.google.de/maps/"].link--more:hover {
    text-decoration: none !important
}

.service-navigation__flyout p {
    line-height: 21px;
    margin: 0;
    padding-top: 10px
}

.service-navigation__flyout .icon-only {
    font-size: 20px;
    font-size: 1.25rem;
    clear: both;
    float: left;
    width: 35px;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 15px
}

.service-navigation__flyout .icon-only:before {
    float: left;
    margin-left: -5px;
    margin-top: -5px
}

.service-navigation__flyout .icon-only.icon-emergency {
    font-size: 30px;
    font-size: 1.875rem
}

.service-navigation__flyout .icon-only.icon-emergency:before {
    font-size: 37px;
    margin: -7px 0;
    padding: 0
}

.service-navigation__flyout .icon-only + a {
    display: inline-block;
    margin-top: 3px
}

.service-navigation__flyout .icon-only.icon-location {
    min-height: 90px;
    margin-bottom: 0
}

.service-navigation__flyout .col-xs-3 .icon-phone01 {
    margin-top: 3px
}

.service-navigation__flyout > .lang {
    text-decoration: none
}

.service-navigation__flyout > .lang.icon-english {
    padding-left: 32px
}

.service-navigation__flyout > .lang.icon-english:before {
    font-size: 26px;
    font-size: 1.625rem;
    background: 0 0;
    display: inline-block;
    line-height: .9em;
    opacity: 1;
    padding: 0;
    position: absolute;
    width: auto;
    height: auto;
    top: -2px;
    left: 0
}

.service-navigation .corp .lang-switch {
    float: right;
    width: 100%
}

.service-navigation .lang:after {
    display: none
}

.service-navigation .lang + .service-navigation__flyout {
    width: auto
}

@media print {
    .service-navigation {
        display: none
    }
}

.nav {
    position: relative;
    background: #fff
}

.nav .icon-arrowright {
    margin-top: -5px;
    float: right
}

@media screen and (min-width: 62em) {
    .clone, .js-show-more {
        display: none !important
    }

    .nav .icon-arrowright {
        display: none
    }

    .nav {
        margin-left: -20px;
        margin-right: -20px
    }

    .nav__list {
        text-align: center
    }
}

.nav__list {
    border-bottom: 1px solid #e1e1e1
}

@media screen and (max-width: 61.999em) {
    .nav {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        transition: all .5s ease;
        clear: both;
        position: absolute;
        width: 100%;
        z-index: -1;
        overflow: hidden;
        background: 0 0
    }

    .nav__list {
        transition: all .5s ease;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        width: 400%;
        border: none;
        opacity: 0;
        visibility: hidden
    }

    .open-nav .nav__list {
        opacity: 1;
        visibility: visible
    }

    .nav__list.is-active {
        -webkit-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0)
    }

    .nav__list.is-active.third-lv {
        -webkit-transform: translate3d(-50%, 0, 0);
        transform: translate3d(-50%, 0, 0)
    }

    .nav__list > li > .nav__flyout > ul > li.is-active, .nav__list > li > .nav__flyout > ul > li:not(.is-hidden) {
        width: 100%;
        display: block
    }
}

.nav__list > li > .nav__flyout > ul > li {
    position: static
}

.nav__list-item {
    margin-bottom: 0
}

@media screen and (min-width: 62em) {
    .nav__list > li.last-item {
        display: inline-block !important
    }

    .nav__list > li:last-of-type {
        display: none
    }

    .nav__list-item {
        display: inline-block
    }

    .nav__list-item.is-hover > a:after, .nav__list-item.is-hover > a:before {
        display: block
    }

    .nav__list-item.is-hover .nav__flyout {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }

    .no-js .nav__list-item:hover > a:after, .no-js .nav__list-item:hover > a:before {
        display: block
    }

    .no-js .nav__list-item:hover .nav__flyout {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.nav__list-item a {
    display: block;
    text-decoration: none
}

.nav__list-item > a {
    position: relative;
    color: #565656
}

.nav__flyout, .nav__flyout a {
    color: #0f2d64
}

@media screen and (max-width: 61.999em) {
    .nav__list-item {
        background: #fff;
        width: 25%
    }

    .nav__list-item:first-child > a {
        border-top: 1px solid #e1e1e1
    }

    .nav__list-item > a {
        padding: 20px;
        border-bottom: 1px solid #e1e1e1;
        color: #0f2d64
    }
}

@media screen and (min-width: 62em) {
    .nav__list-item > a {
        font-size: 14px;
        font-size: .875rem;
        margin-bottom: 30px;
        padding: 22px 8px 21px;
        border-right: 1px solid #e1e1e1
    }

    .nav__list-item > a:after, .nav__list-item > a:before {
        display: none;
        content: '';
        position: absolute;
        z-index: 20;
        bottom: -31px;
        left: 50%;
        margin-left: -12px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 12px 14px;
        border-color: transparent transparent #fff
    }

    .nav__list-item > a:before {
        bottom: -30px;
        border-width: 0 13px 15px;
        margin-left: -13px;
        border-color: transparent transparent #e1e1e1
    }
}

@media screen and (min-width: 75em) {
    .nav__list-item > a {
        font-size: 16px;
        font-size: 1rem;
        padding: 20px
    }
}

@media screen and (min-width: 87.5em) {
    .nav__list-item > a {
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: 400;
        padding: 20px 25px
    }
}

.nav__list-item:last-child a {
    border-right: none
}

.nav__flyout {
    display: none;
    text-align: left
}

@media screen and (max-width: 61.999em) {
    .nav__flyout {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        width: 25%;
        background: #fff;
        visibility: hidden
    }

    .nav__flyout.is-active {
        left: 25%
    }
}

.nav__flyout .nav__flyout--3rd {
    display: none;
    width: 100%;
    left: 100%
}

.nav__flyout .nav__flyout--3rd.is-active {
    left: 100%
}

.nav__flyout .icon-arrowright {
    font-size: 10px;
    margin-top: -1px
}

.nav__flyout.is-active {
    visibility: visible
}

@media screen and (min-width: 62em) {
    .nav__flyout {
        -o-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
        -ms-box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
        box-shadow: 0 3px 5px rgba(0, 0, 0, .2);
        transition: all .5s ease;
        -webkit-transform: translate3d(0, -150%, 0);
        transform: translate3d(0, -150%, 0);
        display: block;
        opacity: 0;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        padding: 30px 20px 20px;
        background: rgba(255, 255, 255, .95);
        z-index: -1
    }

    .nav__flyout ul {
        padding-right: 20px
    }
}

@media screen and (max-width: 61.999em) {
    .nav__flyout .nav__flyout--3rd {
        display: block
    }

    .nav__flyout li {
        padding: 0;
        margin: 0
    }

    .nav__flyout li.is-hidden {
        display: none
    }

    .nav__flyout li.is-active {
        display: block
    }
}

@media screen and (min-width: 62em) {
    .nav__flyout li {
        padding-bottom: 20px;
        font-weight: 700;
        margin-bottom: 20px
    }

    .nav__flyout li:nth-child(-n+4) a {
        display: block;
        color: #0f2d64;
        text-decoration: none;
        padding: 20px 20px 0
    }

    .nav__flyout li:nth-child(4) {
        border-right: none
    }

    .nav__flyout li:nth-child(5) {
        clear: left
    }
}

.mediathek__item:nth-child(3n+4), .slick-track:after, .tx-indexedsearch .tx-indexedsearch-browsebox:after {
    clear: both
}

@media screen and (max-width: 61.999em) {
    .nav__flyout a {
        font-size: 14px;
        font-size: .875rem;
        padding: 15px 20px;
        border-bottom: 1px solid #e1e1e1;
        color: #565656
    }
}

@media screen and (min-width: 62em) {
    .nav__flyout a {
        padding-left: 20px
    }
}

.nav__flyout .clone {
    background: #8a99a7
}

.nav__flyout .clone a {
    font-size: 16px;
    font-size: 1rem;
    color: #fff;
    padding: 20px
}

.nav__flyout .clone a:after {
    font-size: 30px;
    font-size: 1.875rem;
    display: inline-block;
    position: absolute;
    line-height: .8em
}

.nav__flyout .clone a .icon-arrowright {
    display: none
}

.nav__back-btn {
    font-size: 12px;
    font-size: .75rem;
    display: block;
    float: left;
    padding-top: 13px;
    cursor: pointer;
    color: #fff;
    width: 75px;
    height: 63px;
    overflow: hidden;
    border-right: 1px solid #fff;
    text-align: center;
    margin: 0 20px 0 0 !important
}

.nav__back-btn:before {
    font-size: 30px;
    font-size: 1.875rem;
    margin-top: -5px;
    display: block
}

.nav .js-show-more {
    font-size: 14px;
    font-size: .875rem;
    padding: 15px 20px;
    border-bottom: 1px solid #e1e1e1;
    text-align: center;
    cursor: pointer
}

.nav .js-show-more:before {
    font-size: 50px;
    font-size: 3.125rem;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle
}

@media print {
    .nav {
        display: none
    }
}

.overlay-background {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(10, 9, 9, .57);
    top: 0;
    bottom: 0;
    display: none;
    z-index: 1
}

@media screen and (min-width: 62em) {
    .overlay-background {
        display: none !important;
        background: 0 0
    }
}

.nav-anchors {
    display: none
}

.nav-anchors__open:before {
    color: #0f2d64
}

.nav-anchors__close:before {
    color: #fff
}

@media screen and (max-width: 61.999em) {
    .nav-anchors {
        display: block;
        position: relative;
        margin-left: 35px
    }

    .nav-anchors a {
        position: relative;
        overflow: hidden;
        text-indent: -999em;
        width: 35px;
        height: 35px
    }

    .nav-anchors a:before {
        font-family: icomoon;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        padding: 0 .3rem;
        vertical-align: middle;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 60px;
        font-size: 3.75rem;
        display: inline-block;
        overflow: hidden;
        line-height: .9em;
        position: absolute;
        width: 60px;
        height: 60px;
        top: 50%;
        left: 47%;
        text-indent: 0;
        margin-top: -30px;
        margin-left: -35px
    }

    .nav-anchors a.nav-anchors__close {
        background: #0f2d64
    }

    .nav-anchors__open {
        display: inline-block
    }

    .nav-anchors__open:before {
        content: "\e617"
    }

    .nav-anchors__close {
        display: none
    }

    .nav-anchors__close:before {
        content: "\e606";
        font-size: 30px !important;
        margin: -15px 0 0 -19px !important
    }
}

label, select {
    position: relative
}

@media screen and (max-width: 47.999em) {
    .nav-anchors {
        margin-top: -3px
    }
}

@media print {
    .nav-anchors {
        display: none
    }
}

@media screen and (max-width: 61.999em) {
    #open-nav:target .nav, .open-nav .nav {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }

    #open-nav:target .nav-anchors, .open-nav .nav-anchors {
        background: #fff
    }

    #open-nav:target .nav-anchors__open, .open-nav .nav-anchors__open {
        display: none
    }

    #open-nav:target .nav-anchors__close, .open-nav .nav-anchors__close {
        display: inline-block !important
    }
}

@media screen and (min-width: 62em) {
    .amyloidosezentrum .nav .nav__list > li:last-of-type, .stadtwaldguertel .nav .nav__list > li:last-of-type {
        display: inline-block !important;
        border-right: 1px solid #e1e1e1 !important
    }

    body.clinics nav {
        clear: both
    }

    body.clinics .nav__flyout {
        padding-top: 40px
    }

    body.clinics .nav__list {
        text-align: left;
        border-bottom: 0
    }

    body.clinics .nav__list > li > a {
        padding: 10px
    }

    body.clinics .nav__list > li:first-child {
        margin-left: 20px
    }

    body.clinics .nav__list > li:first-child a {
        padding-left: 0
    }

    body.clinics .nav__list .nav__list-item {
        margin-bottom: 10px;
        margin-top: 10px
    }

    body.clinics .nav__list .nav__list-item > a {
        margin-bottom: 0
    }

    body.clinics .nav__list .nav__list-item > a:after {
        border-color: transparent transparent #0f2d64;
        bottom: -10px
    }

    body.clinics .nav__list .nav__list-item > a:before {
        bottom: -10px
    }

    body.clinics .nav__list .nav__flyout li:nth-child(-n+4) a {
        padding-top: 30px
    }
}

label, label span {
    display: inline-block
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
    margin: 0
}

select::-moz-focus-inner {
    border: 0;
    padding: 0
}

input, select, textarea {
    font-size: 14px;
    font-size: .875rem
}

input[type=date], input[type=email], input[type=file], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=time], input[type=url], select, textarea {
    padding: 10px;
    width: 100%;
    border-radius: 0;
    background: #fff;
    border: 1px solid #8999a8;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #565656;
    margin: 0;
    -webkit-appearance: none
}

input:focus, select:focus, textarea:focus {
    outline: 0;
    border: 1px solid #0f2d64
}

input[type=date] {
    height: 40px
}

input[type=file] {
    border: 1px solid #fff
}

input[disabled] {
    background: #dcdfe4
}

fieldset, textarea {
    display: block
}

fieldset legend {
    display: none
}

label {
    margin: 0
}

label input {
    position: absolute;
    left: 0;
    top: .2em
}

label span {
    padding-left: 1.5em
}

select:after {
    position: absolute;
    right: 0;
    top: 0;
    color: #0f2d64
}

.selectboxit-arrow {
    border: 0 !important
}

.selectboxit-arrow-container {
    height: 40px;
    width: 40px;
    margin: -5px 10px 0 0
}

.selectboxit-arrow-container:after {
    font-size: 40px;
    font-size: 2.5rem;
    margin-top: 2px;
    float: right
}

.selectboxit {
    width: 100% !important;
    padding: 5px !important;
    border-radius: 0 !important;
    border: 1px solid #8a99a7;
    background-color: #fff
}

.selectboxit-focus {
    border: 1px solid #0f2d64
}

@media screen and (max-width: 47.999em) {
    .mobilebtn {
        margin: 0 !important;
        float: none !important
    }
}

.selectboxit-text {
    max-width: 100% !important
}

.ng-invalid:not(.ng-pristine), select.ng-invalid:not(.ng-pristine) + .selectboxit-container .selectboxit-btn {
    border-color: #ce2c2c !important
}

.radio-error label, input[type=checkbox].ng-invalid:not(.ng-pristine) + span, input[type=radio].ng-invalid:not(.ng-pristine) + span {
    color: #ce2c2c !important
}

.radio-error input[type=checkbox].ng-invalid + span, .radio-error input[type=radio].ng-invalid + span {
    color: #565656 !important
}

div.csc-textpic {
    overflow: hidden
}

@media print {
    div.csc-textpic {
        overflow: visible
    }

    div.csc-textpic .csc-textpic-text {
        position: relative;
        width: 100%
    }
}

div.csc-textpic .csc-textpic-imagewrap {
    overflow: hidden
}

div.csc-textpic .csc-textpic-imagewrap figure {
    margin: 0 0 20px
}

@media screen and (max-width: 30em) {
    div.csc-textpic .csc-textpic-imagewrap figure {
        display: table
    }
}

@media print {
    div.csc-textpic figure {
        display: none
    }

    div.csc-textpic {
        page-break-inside: avoid
    }

    div.csc-textpic.csc-textpic-above {
        page-break-inside: auto
    }
}

div.csc-textpic figcaption {
    text-align: left;
    padding: 10px 0
}

@media screen and (max-width: 30em) {
    div.csc-textpic img {
        max-width: 100%;
        width: 100%;
        width: auto;
        display: inline-block !important
    }
}

div.csc-textpic + hr {
    margin-top: 0
}

div.csc-textpic .slick-slide figcaption {
    text-align: center
}

div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
    float: none;
    margin-left: 0
}

@media screen and (min-width: 48em) {
    div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
        float: right;
        margin-left: 20px;
        margin-top: 20px;
        width: 300px
    }
}

div.csc-textpic-intext-right .slick-slider--gallery .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .slick-slider--gallery .csc-textpic-imagewrap {
    float: left;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: none;
    margin-right: 0
}

@media screen and (min-width: 48em) {
    div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
        float: left;
        margin-right: 20px;
        margin-top: 20px;
        width: 300px
    }
}

.csc-textpicHeader span {
    font-size: 14px;
    font-size: .875rem
}

.csc-textpic-intext-left-nowrap-360 .csc-textpic-imagewrap {
    float: left;
    margin-right: 20px
}

@media screen and (max-width: 30em) {
    .csc-textpic-intext-left-nowrap-360 .csc-textpic-imagewrap {
        float: none;
        margin-right: 0
    }
}

.csc-textpic-intext-left-nowrap-360 .csc-textpic-text {
    margin-left: 0
}

div.csc-textpic img {
    max-height: 500px;
    width: 100%;
    max-width: 100%
}

.tx-indexedsearch .tx-indexedsearch-whatis {
    padding-left: 30px
}

.tx-indexedsearch .search__form {
    margin-top: 0;
    width: 100%
}

.tx-indexedsearch .search__form fieldset {
    padding-left: 0;
    margin-top: 6px
}

.tx-indexedsearch .search__form fieldset input.tx-indexedsearch-searchbox-sword {
    width: 100%;
    border: none;
    box-sizing: border-box;
    padding: 10px 20px
}

.tx-indexedsearch .tx-indexedsearch-res {
    margin: 20px 0
}

.tx-indexedsearch .tx-indexedsearch-res .result-title a {
    font-weight: 700;
    text-decoration: none
}

.tx-indexedsearch .tx-indexedsearch-browsebox {
    padding-left: 30px
}

.tx-indexedsearch .tx-indexedsearch-browsebox > p {
    float: left
}

.tx-indexedsearch .tx-indexedsearch-browsebox:after, .tx-indexedsearch .tx-indexedsearch-browsebox:before {
    content: " ";
    display: table
}

.link--more:before, .link-intern-pt:before, .lt-ie8 #main, .lt-ie8 footer, .lt-ie8 header, .lt-ie8 nav, .svg-icon::before, .tx-indexedsearch .tx-indexedsearch-browsebox .browsebox li {
    display: inline-block
}

.tx-indexedsearch .tx-indexedsearch-browsebox .browsebox {
    float: right;
    margin-bottom: 0
}

.tx-indexedsearch .tx-indexedsearch-browsebox .browsebox li a {
    text-decoration: none;
    padding: 10px 17px;
    background: #fff;
    font-weight: 700;
    border-right: 1px solid #e1e1e1;
    transition: all .5s
}

.tx-indexedsearch .tx-indexedsearch-browsebox .browsebox li:last-child a {
    border-right: none
}

.tx-indexedsearch .tx-indexedsearch-browsebox .browsebox li.tx-indexedsearch-browselist-currentPage a, .tx-indexedsearch .tx-indexedsearch-browsebox .browsebox li:hover a {
    background: #0f2d64;
    color: #fff
}

.box.section_frame_110 {
    margin-bottom: 0
}

.svg-icon::before {
    content: "";
    width: 50px;
    height: 50px
}

.sub-navigation a:after, .sub-service-navigation a:after {
    content: none
}

.icon-auge:before {
    background: url(../img/svg/ukk_augenklinik_auge.svg) 5px 0 no-repeat
}

.icon-hornhaut:before {
    background: url(../img/svg/ukk_augenklinik_hornhaut.svg) 5px 0 no-repeat
}

.icon-lehre:before {
    background: url(../img/svg/ukk_augenklinik_lehre.svg) 5px 0 no-repeat
}

.icon-newspaper:before {
    background: url(../img/svg/ukk_newspaper.svg) 5px 0 no-repeat
}

.fbuek-logo:before {
    background: url(../img/svg/ukk_fbuek_new.svg) 5px 0 no-repeat
}

.icon-donate:before {
    background: url(../img/svg/ukk_icon_donate.svg) 5px 0 no-repeat
}

.icon-donate-white:before {
    background: url(../img/svg/ukk_icon_donate-white.svg) 5px 0 no-repeat;
    background-size: contain;
    width: 50px !important;
    height: 50px !important
}

.link, .link--more, .link-intern-pt {
    position: relative;
    margin-left: 1.4rem
}

.link--more:before, .link-intern-pt:before, .link:before {
    font-size: 26px;
    font-size: 1.625rem;
    transition: left .2s;
    line-height: .9em;
    position: absolute;
    overflow: hidden;
    left: -2rem;
    top: -1px
}

.link--more:hover:before, .link-intern-pt:hover:before, .link:hover:before {
    left: -1.8rem
}

.link--more:visited, .link-intern-pt:visited, .link:visited {
    color: #b35d5d
}

.box.util-bg--blue .sub-navigation__header, .box.util-bg--blue .teaser__header, .box.util-bg--blue a, .box.util-bg--blue h1, .box.util-bg--blue h2, .box.util-bg--blue h3, .box.util-bg--blue h4, .box.util-bg--blue li, .box.util-bg--blue ol, .box.util-bg--blue p, .box.util-bg--blue ul, .box.util-bg--blue-dark .sub-navigation__header, .box.util-bg--blue-dark .teaser__header, .box.util-bg--blue-dark a, .box.util-bg--blue-dark h1, .box.util-bg--blue-dark h2, .box.util-bg--blue-dark h3, .box.util-bg--blue-dark h4, .box.util-bg--blue-dark li, .box.util-bg--blue-dark ol, .box.util-bg--blue-dark p, .box.util-bg--blue-dark ul, .link--more-white, .link-intern-pt-white {
    color: #fff
}

.link--more:visited:after, .link-intern-pt:visited:after, .link:visited:after {
    background: #b35d5d
}

.link--more-white:before, .link-intern-pt-white:before {
    display: inline-block;
    color: #fff;
    font-family: icomoon !important;
    font-size: 16px
}

.external-link-without-sign[target="_blank"]:after, .sub-navigation a[target="_blank"]:after, .sub-navigation__headline:after {
    display: none
}

.link-intern-pt[target="_blank"]:after {
    position: relative;
    left: auto;
    top: auto
}

.powermail_print-content--print {
    text-decoration: none
}

.box {
    position: relative;
    padding: 20px 30px;
    background-color: #fff;
    margin: 20px 0
}

.box:first-child, .box > .sub-navigation__header, .box > .teaser__header, .box > h1, .box > h2 {
    margin-top: 0
}

@media screen and (max-width: 47.999em) {
    .box {
        padding: 20px;
        margin-left: -10px;
        margin-right: -10px
    }

    .container--fullwidth .box, body.clinics .equalHeights.color-pattern .box, body.clinics .row.equalHeights .box {
        margin-left: 0;
        margin-right: 0
    }
}

@media print {
    .box {
        padding: 0 !important
    }
}

.box .box {
    padding: 0
}

.breadcrumb + .box {
    margin-top: 0 !important
}

@media screen and (min-width: 48em) {
    .breadcrumb + .box {
        margin-top: -20px !important
    }
}

.sub-navigation {
    -o-box-shadow: 3px 3px 3px rgba(68, 68, 68, .4);
    -ms-box-shadow: 3px 3px 3px rgba(68, 68, 68, .4);
    box-shadow: 3px 3px 3px rgba(68, 68, 68, .4);
    background: #fff;
    padding: 0;
    margin-bottom: 30px
}

.sub-navigation__header, .sub-navigation__headline {
    padding: 20px;
    color: #565656
}

.sub-navigation a {
    color: #565656;
    text-decoration: none
}

.sub-navigation a[target="_blank"] {
    margin-right: 0
}

.sub-navigation a[target="_blank"]:visited {
    color: #565656
}

.sub-navigation__header {
    border-bottom: 1px solid #e1e1e1
}

.sub-navigation__headline:hover {
    color: #565656;
    background: #dcdcdc
}

.sub-navigation__headline.active {
    background: #0f2d64;
    color: #fff;
    box-shadow: none
}

.sub-navigation__headline.active:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sub-navigation__has-child .sub-navigation__headline:before {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -13px
}

.sub-navigation__headline-sub {
    padding-left: 40px !important
}

.sub-navigation__headline-sub:hover {
    background: #dcdfe4;
    color: #0f2d64
}

.sub-navigation__headline-sub.active {
    background: #dcdfe4;
    box-shadow: none;
    color: #0f2d64
}

.sub-navigation__active {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -5px
}

.sub-navigation__list-item.active {
    background: #0f2d64;
    color: #fff
}

.sub-navigation__sub-item {
    background: #fff;
    border: none !important
}

.sub-navigation__sub-item a {
    color: #565656
}

.sub-navigation li {
    border-bottom: 1px solid #e1e1e1;
    margin: 0
}

.sub-navigation li:last-of-type {
    border-bottom: none
}

.sub-navigation li a {
    padding: 15px 20px;
    display: block
}

@media print {
    .sub-navigation {
        display: none
    }
}

.sub-service-navigation {
    -o-box-shadow: 3px 3px 3px rgba(68, 68, 68, .4);
    -ms-box-shadow: 3px 3px 3px rgba(68, 68, 68, .4);
    box-shadow: 3px 3px 3px rgba(68, 68, 68, .4);
    background: #fff;
    padding: 0;
    border: none
}

.sub-service-navigation a {
    color: #565656;
    text-decoration: none
}

.sub-service-navigation a:hover {
    color: #565656;
    background: #dcdcdc
}

.sub-service-navigation__headline {
    font-size: 18px;
    font-size: 1.125rem;
    position: relative;
    font-weight: 400;
    cursor: pointer;
    color: #565656;
    padding: 20px;
    border-bottom: 1px solid #e1e1e1
}

.sub-service-navigation__headline:after {
    font-size: 34px;
    font-size: 2.125rem;
    color: #8a99a7;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 0
}

.sub-service-navigation__headline.is-active:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sub-service-navigation .setcookie {
    display: none
}

.sub-service-navigation li {
    border-bottom: 1px solid #e1e1e1;
    margin: 0
}

.sub-service-navigation li a {
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    padding: 17px 20px;
    display: block
}

@media print {
    .sub-service-navigation {
        display: none
    }
}

.mod-form .helper-margin-top {
    margin-top: 8px !important
}

.mod-form .helper-inline-block {
    display: inline-block
}

.mod-form .helper-vertical-align-super {
    vertical-align: super
}

@media screen and (max-width: 47.999em) {
    .mod-form .helper-mobile-width-100 {
        width: 100%
    }
}

.mod-form .ci-arrow .selectboxit-arrow-container:after {
    color: #0f2d64
}

.mod-form textarea {
    height: 180px
}

.mod-form label {
    color: #565656;
    display: block;
    font-weight: 700;
    margin-bottom: 10px
}

.mod-form label input {
    float: left;
    margin: .1em .5em 0 0
}

.mod-form label span {
    color: #565656;
    float: left;
    text-align: left;
    font-weight: 400;
    margin-right: 20px
}

@media screen and (max-width: 79.249em) {
    .mod-form label span {
        width: 85%
    }
}

.mod-form .mod-form__field .mod-form__input-box.with-input label span, .mod-form .mod-form__fields, .mod-form__list li {
    width: 100%
}

.mod-form label a {
    color: #0f2d64
}

.mod-form label p.error, .mod-form label p.is-invalid {
    display: none !important
}

.mod-form__list li {
    margin: 0 0 10px
}

.mod-form__list li .mod-form__field {
    margin: 0
}

.mod-form__single-line label {
    display: block
}

@media screen and (min-width: 48em) {
    .mod-form__single-line label {
        display: inline-block
    }
}

.mod-form .mod-form__field .mod-form__input-box, .mod-form .mod-form__fields .mod-form__input-box {
    display: block
}

.mod-form__single-line label span {
    white-space: nowrap
}

.mod-form .mod-form__checkboxlist {
    height: 200px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-bottom: 20px
}

.mod-form .mod-form__fields .mod-form__field {
    float: left;
    margin-left: 1%
}

.mod-form .mod-form__fields .mod-form__field:first-of-type {
    margin-left: 0
}

.mod-form .mod-form__field {
    margin: 0 0 10px;
    width: 100%;
    position: relative
}

.mod-form .mod-form__field:first-child {
    margin-left: 0
}

.mod-form .mod-form__field .selectboxit-options.selectboxit-list .selectboxit-option-anchor {
    color: #565656
}

.mod-form .mod-form__field.error .ms-parent {
    border: 1px solid red
}

.mod-form .mod-form__field .mod-form__input-box.with-input label {
    display: inline-block;
    vertical-align: middle
}

.mod-form .mod-form__field .mod-form__input-box.with-input .mod-form__input-wrapper {
    display: inline-block;
    vertical-align: super;
    width: 40%
}

@media screen and (max-width: 47.999em) {
    .mod-form .mod-form__field .mod-form__input-box.with-input .mod-form__input-wrapper {
        width: 100%
    }
}

.mod-form .mod-form__field .mod-form__input-box #place {
    display: block !important;
    visibility: hidden;
    position: absolute
}

.mod-form .mod-form__field .mod-form__input-box input[type=text]::-webkit-input-placeholder {
    color: #999
}

.mod-form .mod-form__field .mod-form__input-box input[type=text]::-moz-placeholder {
    color: #999
}

.mod-form .mod-form__field .mod-form__input-box input[type=text]:-ms-input-placeholder {
    color: #999
}

.mod-form .mod-form__field .mod-form__input-box input[type=text]::placeholder {
    color: #999
}

.mod-form .mod-form__field .mod-form__input-box input[type=time] {
    height: 40px
}

.mod-form .mod-form__field .mod-form__input-box input.is--hidden {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 0
}

.mod-form .mod-form__field .mod-form__input-box .ms-search {
    display: none
}

.mod-form .mod-form__field .mod-form__input-box .ms-choice {
    background-color: transparent
}

.mod-form .mod-form__field .mod-form__input-box .ms-choice > span {
    right: 40px
}

.mod-form .mod-form__field .mod-form__input-box select.multiple-select {
    display: block;
    max-height: 100px;
    outline: 0
}

.mod-form .mod-form__field .mod-form__input-box select.multiple-select::-ms-value {
    background: 0 0 !important;
    color: inherit
}

.mod-form .error, .mod-form .error a, .mod-form .error a:focus, .mod-form .error a:hover, .mod-form .error a:visited, .mod-form .error label span, .mod-form .is-invalid label span {
    color: red
}

.mod-form .mod-form__field .mod-form__input-box select.multiple-select option.selected {
    background: #e1e1e1
}

.mod-form .mod-form__field .mod-form__input-box.multiple-selection input.multiple-select.is--hidden {
    display: block !important;
    top: 50%
}

.mod-form .mod-form__field .mod-form__input-box.multiple-selection .ms-parent.multiple-select.is--hidden, .mod-form .mod-form__field .mod-form__input-box.multiple-selection .selectboxit-container, .mod-form .mod-form__field p {
    display: none
}

.mod-form .mod-form__field .mod-form__time-wrapper {
    position: relative
}

.mod-form .mod-form__field .mod-form__time-unit {
    position: absolute;
    height: auto;
    top: 6px;
    left: 54px;
    line-height: 28px;
    padding: 0 10px 0 5px;
    background: 0 0
}

.mod-form .mod-form__field.mod-form__field--size-one-quarter {
    width: 24%
}

@media screen and (max-width: 480px) {
    .mod-form .mod-form__field.mod-form__field--size-one-quarter {
        width: 30%
    }
}

.mod-form .mod-form__field.mod-form__field--size-one-quarter .mod-form__input-box span + select + .selectboxit-container {
    width: 70%
}

.mod-form .mod-form__field.mod-form__field--size-three-quarter {
    width: 75%
}

@media screen and (max-width: 480px) {
    .mod-form .mod-form__field.mod-form__field--size-three-quarter {
        width: 49%;
        margin-left: 20px
    }
}

.mod-form .mod-form__field + .field {
    float: right
}

.mod-form .mod-form__field p.is-invalid {
    display: block
}

.mod-form .mod-form__input-date-wrapper .mod-form__input-box {
    float: left;
    margin-left: 1%;
    width: 32.66%
}

.mod-form .mod-form__input-date-wrapper .mod-form__input-box:first-child {
    margin-left: 0
}

.mod-form .mod-form__input-date-wrapper span {
    float: left;
    margin-left: 2%;
    padding: 8px 0
}

.mod-form .event-details {
    display: none
}

.mod-form .multiday-event {
    display: block;
    right: 0
}

.mod-form .error input, .mod-form .error select, .mod-form .error textarea, .mod-form .is-invalid input, .mod-form .is-invalid select, .mod-form .is-invalid textarea {
    border-color: red;
    color: red
}

.mod-form p.error, .mod-form p.is-invalid {
    font-size: 11px;
    font-size: .6875rem;
    display: block
}

@media print {
    .mod-form {
        display: none
    }
}

.mod-form.form .color-pattern, .mod-form.form .row {
    margin: 20px 0;
    position: relative
}

.mod-form.form .file-input-wrapper {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 0
}

.mod-form.form .file-input-wrapper input[type=file] {
    border: 1px solid #8999a8;
    padding: 7.6px;
    width: calc(100% - 40px)
}

@media screen and (min-width: 30em) {
    .mod-form.form .file-input-wrapper input[type=file] {
        width: calc(100% - 150px)
    }
}

.mod-form.form .file-input-wrapper .file-delete {
    position: relative;
    top: 0;
    right: 0;
    background: #fff;
    border: 1px solid #8999a8;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    outline: 0;
    cursor: pointer;
    width: 40px
}

@media screen and (min-width: 30em) {
    .mod-form.form .file-input-wrapper .file-delete {
        width: 150px
    }
}

.mod-form.form .file-input-wrapper .file-delete span {
    display: none
}

@media screen and (min-width: 48em) {
    .mod-form.form .file-input-wrapper .file-delete span {
        display: block
    }
}

.mod-form.form .mobilebtn {
    width: 100%
}

@media screen and (min-width: 30em) {
    .mod-form.form .mobilebtn {
        float: right !important;
        width: auto
    }
}

.mod-form__description {
    margin-top: 10px
}

.mod-form__field--side-label label {
    margin: 10px 0 0
}

.captcha__help, .captcha__input {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 0
}

.captcha__help .tx-srfreecap-pi2-accessible-link, .captcha__help .tx-srfreecap-pi2-cant-read {
    display: block
}

.captcha__help .tx-srfreecap-pi2-accessible-link:before, .captcha__help .tx-srfreecap-pi2-cant-read:before {
    color: #0f2d64
}

.captcha__input img {
    max-width: 400px;
    width: 100%;
    margin-bottom: 20px
}

.captcha__input input {
    max-width: 400px
}

.custom-select {
    font-size: 18px;
    font-size: 1.125rem;
    -o-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
    position: relative;
    padding: 20px !important;
    background-color: #fff;
    margin-bottom: 20px;
    border: 1px solid #e1e1e1;
    color: #0f2d64;
    border-radius: 0 !important
}

.custom-select.js-location {
    z-index: 8 !important
}

.selectboxit-container {
    width: 100%;
    margin-bottom: 20px
}

.selectboxit-container .custom-select {
    width: 100% !important;
    background-color: #fff;
    border: 1px solid #8a99a7
}

.selectboxit-container .custom-select .selectboxit-text {
    max-width: 60% !important;
    text-overflow: none;
    position: absolute;
    top: 50%;
    left: 45px;
    font-size: 12px;
    line-height: 22px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: left;
    text-indent: 0;
    white-space: nowrap
}

@media screen and (min-width: 30em) {
    .selectboxit-container .custom-select .selectboxit-text {
        font-size: 18px;
        font-size: 1.125rem;
        left: 70px
    }
}

.selectboxit-container .custom-select .selectboxit-arrow-container {
    height: 40px;
    width: 40px;
    margin: -5px 10px 0 0
}

.selectboxit-container .custom-select .selectboxit-arrow-container:after {
    font-size: 40px;
    font-size: 2.5rem;
    margin-top: 2px;
    float: right
}

.selectboxit-container .custom-select .selectboxit-option-icon-container {
    position: relative;
    margin-left: 0
}

.selectboxit-container .custom-select .selectboxit-option-icon:before {
    content: '';
    height: 30px;
    width: 30px;
    position: absolute;
    left: -10px;
    top: -15px
}

@media screen and (min-width: 30em) {
    .selectboxit-container .custom-select .selectboxit-option-icon:before {
        height: 50px;
        width: 50px;
        top: -24px;
        left: -10px
    }
}

.selectboxit-container .custom-select .selectboxit-option-icon.icon-medicalfield:before {
    background: url(../img/svg/ukk_medicalfield.svg) no-repeat
}

.selectboxit-container .custom-select .selectboxit-option-icon.icon-doctors:before {
    background: url(../img/svg/ukk_doctors.svg) no-repeat
}

.selectboxit-container .custom-select .selectboxit-option-icon.icon-sympton:before {
    background: url(../img/svg/ukk_symptom.svg) no-repeat
}

.selectboxit-container .custom-select .selectboxit-option-icon.icon-institutes:before {
    background: url(../img/svg/ukk_institutes.svg) no-repeat
}

.selectboxit-container .custom-select .selectboxit-option-icon.icon-administration:before {
    background: url(../img/svg/ukk_administration.svg) no-repeat
}

.selectboxit-container .custom-select.selectboxit-hover, .selectboxit-container .custom-select.selectboxit-open {
    background: #0f2d64;
    color: #fff
}

.selectboxit-container .custom-select.selectboxit-hover .selectboxit-option-icon.icon-medicalfield:before, .selectboxit-container .custom-select.selectboxit-open .selectboxit-option-icon.icon-medicalfield:before {
    background: url(../img/svg/ukk_medicalfieldw.svg) no-repeat
}

.selectboxit-container .custom-select.selectboxit-hover .selectboxit-option-icon.icon-doctors:before, .selectboxit-container .custom-select.selectboxit-open .selectboxit-option-icon.icon-doctors:before {
    background: url(../img/svg/ukk_doctorsw.svg) no-repeat
}

.selectboxit-container .custom-select.selectboxit-hover .selectboxit-option-icon.icon-sympton:before, .selectboxit-container .custom-select.selectboxit-open .selectboxit-option-icon.icon-sympton:before {
    background: url(../img/svg/ukk_symptomw.svg) no-repeat
}

.selectboxit-container .custom-select.selectboxit-hover .selectboxit-option-icon.icon-institutes:before, .selectboxit-container .custom-select.selectboxit-open .selectboxit-option-icon.icon-institutes:before {
    background: url(../img/svg/ukk_institutesw.svg) no-repeat
}

.selectboxit-container .custom-select.selectboxit-hover .selectboxit-option-icon.icon-administration:before, .selectboxit-container .custom-select.selectboxit-open .selectboxit-option-icon.icon-administration:before {
    background: url(../img/svg/ukk_administrationw.svg) no-repeat
}

.selectboxit-container span.custom-select--clinics .selectboxit-option-icon:before {
    content: '';
    height: 30px;
    width: 30px;
    position: absolute;
    left: -10px;
    top: -15px;
    background: url(../img/svg/ukk_institutes.svg) no-repeat
}

@media screen and (min-width: 30em) {
    .selectboxit-container span.custom-select--clinics .selectboxit-option-icon:before {
        height: 50px;
        width: 50px;
        top: -24px;
        left: -10px
    }
}

.selectboxit-container span.custom-select--clinics.selectboxit-hover .selectboxit-option-icon:before, .selectboxit-container span.custom-select--clinics.selectboxit-hover.custom-select--clinics.selectboxit-focus .selectboxit-option-icon:before, .selectboxit-container span.custom-select--clinics.selectboxit-open .selectboxit-option-icon:before {
    background: url(../img/svg/ukk_institutesw.svg) no-repeat
}

.selectboxit-container span {
    height: auto;
    line-height: 30px
}

.selectboxit-container .selectboxit-options {
    width: 100% !important;
    background: #fff;
    border-radius: 0;
    border: 1px solid #e1e1e1;
    border-top: none;
    max-height: 280px;
    min-height: 70px;
    min-width: 0 !important;
    z-index: 9
}

.selectboxit-container .selectboxit-options a {
    text-decoration: none
}

.selectboxit-container .selectboxit-options a:hover {
    background: #0f2d64;
    color: #fff
}

.selectboxit-container .selectboxit-options .selectboxit-option-icon:before {
    display: none
}

.scroll-top {
    transition: opacity ease .5s;
    position: fixed;
    display: block;
    overflow: hidden;
    text-indent: -20em;
    width: 45px;
    height: 40px;
    background: #8a99a7;
    bottom: 20px;
    right: 20px;
    opacity: 0;
    z-index: -1
}

@media screen and (min-width: 79.25em) {
    .scroll-top {
        left: 50%;
        margin-left: 569px
    }
}

.scroll-top:before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    font-size: 40px;
    font-size: 2.5rem;
    display: inline-block;
    overflow: hidden;
    position: absolute;
    color: #fff;
    line-height: .9em;
    top: 0;
    left: 0;
    text-indent: 0;
    margin-top: 0;
    margin-left: -3px
}

blockquote p:after, blockquote p:before {
    color: #8a99a7;
    width: 100%;
    position: absolute
}

.scroll-top.is-active {
    opacity: .8;
    z-index: 9
}

.scroll-top.is-at-footer {
    position: absolute
}

@media print {
    .scroll-top {
        display: none
    }
}

blockquote {
    position: relative;
    border-top: 2px solid #8a99a7;
    border-bottom: 2px solid #8a99a7;
    padding: 0 20px;
    background: #fff;
    font-size: 24px;
    margin: 30px 0;
    color: #565656;
    text-align: center;
    font-style: italic;
    width: 100%
}

blockquote p {
    margin-top: 40px;
    margin-bottom: 50px;
    position: relative
}

blockquote p:before {
    top: -40px;
    left: 0
}

blockquote p:after {
    bottom: auto;
    display: block
}

.infobox, .infobox.infobox--editor .infobox--editor-text a {
    color: #fff
}

blockquote img {
    width: 260px;
    height: 240px;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0
}

@media screen and (max-width: 47.999em) {
    blockquote {
        font-size: 20px
    }

    blockquote img {
        display: none
    }
}

blockquote footer {
    display: table;
    margin: 0 auto;
    font-style: normal;
    border: none;
    padding: 0 20px 20px;
    text-align: center;
    -o-box-shadow: none;
    -ms-box-shadow: none;
    box-shadow: none
}

@media screen and (min-width: 48em) {
    blockquote {
        padding: 20px 20px 0
    }

    blockquote img + p {
        width: 70%;
        float: right;
        min-height: 100px
    }
}

@media screen and (min-width: 62em) {
    blockquote {
        padding: 20px 20px 0
    }

    blockquote img + p {
        width: 40%;
        right: 30%
    }
}

@media screen and (min-width: 48em) {
    blockquote img + p + footer {
        width: 70%;
        clear: both;
        float: right
    }
}

@media screen and (min-width: 62em) {
    blockquote img + p + footer {
        width: 100%
    }
}

.infobox {
    background: #8a99a7;
    display: table;
    padding: 20px;
    margin: 0 0 20px
}

.infobox.infobox--editor {
    position: relative;
    display: block
}

.infobox.infobox--editor > span.info-icon {
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    vertical-align: baseline;
    padding: 0 0 10px
}

.infobox.infobox--editor .infobox--editor-text {
    display: inline-block;
    margin-left: 8%
}

@media screen and (max-width: 47.999em) {
    .infobox.infobox--editor .infobox--editor-text {
        margin-left: 22%
    }
}

.infobox.infobox--editor .infobox--editor-text p {
    display: block;
    padding: 0;
    margin: 10px 0;
    width: 100%
}

.infobox.infobox--editor:after {
    display: inline-block
}

@media screen and (max-width: 47.999em) {
    .infobox {
        padding: 10px;
        margin: 10px 0
    }
}

.infobox span.info-icon {
    font-size: 33px;
    float: none;
    padding: 12px 0 20px;
    text-align: center;
    vertical-align: top;
    display: table-cell
}

.infobox span.info-icon:before {
    margin: 0 5px 0 -5px
}

@media screen and (min-width: 48em) {
    .infobox span.info-icon:before {
        margin: 0 10px 0 -10px
    }
}

.infobox p {
    display: table-cell;
    float: none;
    padding: 20px 0
}

@media screen and (max-width: 47.999em) {
    .infobox p {
        margin-top: 3px
    }
}

@media print {
    .infobox {
        padding: 0 !important
    }

    .breadcrumb {
        display: none
    }
}

.breadcrumb {
    margin: 0;
    position: relative;
    padding: 20px 30px;
    background-color: #fff
}

@media screen and (max-width: 61.999em) {
    .breadcrumb {
        display: none
    }
}

.breadcrumb > span {
    float: left;
    padding: 0 10px 0 0;
    font-weight: 700
}

.breadcrumb li {
    float: left;
    color: #0f2d64;
    margin-bottom: 0
}

.breadcrumb li:after {
    font-size: 18px;
    color: #0f2d64;
    line-height: 13px;
    position: relative
}

.breadcrumb li a span {
    position: relative;
    top: -2px
}

.breadcrumb li:last-child:after {
    color: #565656;
    display: none
}

.breadcrumb li:last-child a {
    text-decoration: none;
    color: #565656
}

.breadcrumb li:last-child a span {
    top: 0
}

.breadcrumb li:last-child a:after {
    display: none
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    text-align: center
}

.slick-slider .fancybox:before {
    content: none
}

.slick-slider > div {
    display: none
}

.slick-slider.slick-initialized > div, .slick-slider > div:first-child {
    display: block
}

@media print {
    .slick-slider {
        display: none
    }
}

.slick-list, .slick-track {
    position: relative;
    display: block
}

.slick-slider--video-is-playing .slick-next, .slick-slider--video-is-playing .slick-prev {
    opacity: 0 !important
}

.slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: hand
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    left: 0;
    top: 0;
    overflow-y: hidden
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    text-align: center;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-dots, .slick-initialized .slick-slide {
    display: block
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-slide p {
    text-align: left
}

.slick-dots {
    position: absolute;
    bottom: -45px;
    list-style: none;
    text-align: center;
    padding: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 24px;
    width: 24px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    vertical-align: top
}

.slick-dots li.is-hidden {
    display: none
}

.slick-dots li button {
    border: 0;
    background: 0 0;
    display: block;
    height: 22px;
    width: 22px;
    outline: 0;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

.slick-dots li button:focus:before, .slick-dots li button:hover:before {
    opacity: 1;
    background: #0f2d64
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background-color: #fff;
    border: 3px solid #fff
}

.slick-dots li button[class*=slick__control] {
    position: absolute;
    color: #0f2d64;
    background-color: #fff;
    border: 3px solid #fff;
    line-height: 16px;
    height: 24px;
    width: 24px
}

.slick-dots li button[class*=slick__control]:before {
    font-size: 20px;
    font-size: 1.25rem;
    top: -1px;
    left: -6px;
    background: 0 0;
    border: none;
    opacity: 1
}

.slick-dots li button[class*=slick__control]:hover {
    background: #0f2d64;
    color: #fff;
    border-color: #0f2d64
}

.slick-dots li.slick-active button:before {
    background-color: #0f2d64;
    opacity: 1
}

.slick-next, .slick-prev {
    position: absolute;
    top: 50%;
    border: none;
    line-height: 0;
    font-size: 0;
    padding: 5px 0 0;
    margin-top: -20px
}

.slick-next:before, .slick-prev:before {
    display: block;
    height: 40px;
    font-size: 32px;
    font-size: 2rem
}

.slick-next:focus, .slick-prev:focus {
    outline: 0
}

.slick-slider--stage .slick-slide {
    position: relative
}

@media screen and (max-width: 61.999em) {
    .slick-slider--stage .slick-slide {
        padding-bottom: 10px
    }
}

.slick-slider--stage .slick-dots {
    bottom: 0
}

@media screen and (max-width: 47.999em) {
    .slick-slider--stage .slick-dots li {
        border: 1px solid #0f2d64
    }

    .slick-slider--stage .slick-dots button:before {
        top: -1px;
        left: -1px
    }

    .slick-slider--stage .slick-dots button[class*=slick__control]:before {
        top: -2px;
        left: -6px
    }
}

@media screen and (min-width: 48em) {
    .slick-slider--stage .slick-dots {
        bottom: auto;
        top: 51%
    }
}

@media screen and (min-width: 62em) {
    .slick-slider--stage .slick-dots {
        margin-right: auto;
        margin-left: auto;
        min-width: 20em;
        max-width: 79.25em;
        padding-left: 10px;
        padding-right: 10px;
        bottom: 10px;
        top: auto;
        left: 0;
        right: 0;
        text-align: right
    }

    .slick-slider--stage .slick-dots:after, .slick-slider--stage .slick-dots:before {
        content: " ";
        display: table
    }

    .slick-slider--stage .slick-dots:after {
        clear: both
    }
}

@media screen and (min-width: 62em) and (min-width: 48em) {
    .slick-slider--stage .slick-dots {
        padding-left: 20px
    }
}

@media screen and (min-width: 125em) {
    .slick-slider--stage .slick-slide {
        max-height: 800px
    }

    .slick-slider--stage .slick-dots {
        max-width: none;
        width: auto;
        margin: 0 12%;
        bottom: 160px
    }
}

.container--fullwidth .slick-slider--stage img {
    width: 100%;
    position: relative;
    z-index: 1
}

.slick-slider--stage article {
    padding: 0;
    text-align: left
}

@media screen and (min-width: 62em) {
    .slick-slider--stage article {
        transition: top ease .5s;
        margin-right: auto;
        margin-left: auto;
        min-width: 20em;
        max-width: 79.25em;
        padding-left: 10px;
        padding-right: 0;
        position: absolute;
        z-index: 2;
        top: 30%;
        left: 0;
        right: 0
    }

    .slick-slider--stage article:after, .slick-slider--stage article:before {
        content: " ";
        display: table
    }

    .slick-slider--stage article:after {
        clear: both
    }
}

@media screen and (min-width: 62em) and (min-width: 48em) {
    .slick-slider--stage article {
        padding-left: 20px;
        padding-right: 6px
    }
}

@media screen and (min-width: 79.25em) {
    .slick-slider--stage article {
        width: 79.25em
    }
}

@media screen and (min-width: 79.249em) {
    .slick-slider--stage article {
        top: 47%
    }
}

@media screen and (min-width: 2000px) {
    .slick-slider--stage article {
        bottom: 198px;
        font-size: 1.2em;
        max-width: none;
        padding-right: 12%;
        top: auto;
        width: auto
    }

    .slick-slider--stage article .h2, .slick-slider--stage article footer .footernav__tweet, .slick-slider--stage article footer .footernav__youTube, footer .slick-slider--stage article .footernav__tweet, footer .slick-slider--stage article .footernav__youTube {
        font-size: 1.2em
    }
}

.slick-slider--stage section {
    -o-box-shadow: 3px 3px 3px rgba(68, 68, 68, .2);
    -ms-box-shadow: 3px 3px 3px rgba(68, 68, 68, .2);
    box-shadow: 3px 3px 3px rgba(68, 68, 68, .2);
    padding: 20px 0 20px 20px;
    background: #fff;
    background: rgba(255, 255, 255, .9)
}

@media screen and (max-width: 61.999em) {
    .slick-slider--stage section {
        padding-bottom: 40px;
        min-height: 200px
    }
}

@media screen and (min-width: 62em) {
    .slick-slider--stage section {
        -o-box-shadow: 3px 3px 3px rgba(68, 68, 68, .2);
        -ms-box-shadow: 3px 3px 3px rgba(68, 68, 68, .2);
        box-shadow: 3px 3px 3px rgba(68, 68, 68, .2);
        width: 380px;
        float: right
    }
}

.slick-slider--content .slick-next:before, .slick-slider--content .slick-prev:before, .slick-slider--gallery .slick-next:before, .slick-slider--gallery .slick-prev:before, .slick-slider--intext .slick-next:before, .slick-slider--intext .slick-prev:before {
    width: 40px
}

.slick-slider--stage section a {
    text-decoration: none
}

.slick-slider--stage section a:hover {
    text-decoration: underline
}

.slick-slider--stage section a .h2, .slick-slider--stage section a .sub-navigation__header, .slick-slider--stage section a .teaser__header, .slick-slider--stage section a footer .footernav__tweet, .slick-slider--stage section a footer .footernav__youTube, .slick-slider--stage section a h2, footer .slick-slider--stage section a .footernav__tweet, footer .slick-slider--stage section a .footernav__youTube {
    margin: 14px 0
}

.slick-slider--stage section .h2, .slick-slider--stage section footer .footernav__tweet, .slick-slider--stage section footer .footernav__youTube, footer .slick-slider--stage section .footernav__tweet, footer .slick-slider--stage section .footernav__youTube {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400
}

.slick-slider--content .slick-next, .slick-slider--content .slick-prev {
    display: block !important;
    background: #0f2d64;
    color: #fff;
    opacity: .7
}

.slick-slider--content .slick-prev {
    left: 0
}

.slick-slider--content .slick-next {
    right: 0
}

.slick-slider--gallery .slick-next, .slick-slider--gallery .slick-prev, .slick-slider--intext .slick-next, .slick-slider--intext .slick-prev {
    display: block;
    background: #0f2d64;
    color: #fff;
    opacity: .7
}

.slick-slider--gallery .slick-prev, .slick-slider--intext .slick-prev {
    left: 10px
}

.slick-slider--gallery .slick-next, .slick-slider--intext .slick-next {
    right: 10px
}

.slick-slider--gallery .figure-caption, .slick-slider--intext .figure-caption {
    margin-bottom: 20px
}

@media screen and (min-width: 48em) {
    .slick-slider--gallery .figure-caption, .slick-slider--intext .figure-caption {
        margin-left: 45px;
        margin-right: 100px
    }
}

.slick-slider--gallery .slick-dots, .slick-slider--intext .slick-dots {
    display: none !important
}

.slick-slider--gallery img, .slick-slider--intext img {
    width: auto;
    height: auto;
    max-height: 500px
}

.slick-slider--intext .slick-slide img {
    margin: 0 auto
}

.slick-slider--thumbs {
    margin-top: 15px
}

.slick-slider--thumbs .slick-slider__item a {
    display: block;
    width: auto
}

.slick-slider--thumbs .slick-list {
    margin-left: 40px;
    margin-right: 40px
}

.slick-slider--thumbs .slick-next, .slick-slider--thumbs .slick-prev {
    background: 0 0
}

.slick-slider--thumbs .slick-next:before, .slick-slider--thumbs .slick-prev:before {
    padding: 0
}

.slick-slider--thumbs .slick-prev {
    left: -20px;
    padding-left: 10px
}

.slick-slider--thumbs .slick-next {
    right: -20px;
    padding-right: 10px
}

.slick-slider--thumbs .slick-dots {
    display: none !important
}

.slick-slider__item {
    margin-left: 5px;
    margin-right: 5px
}

.slick-slider__item a {
    width: 100%
}

.slick-slider__pagination {
    margin-bottom: 20px;
    width: auto;
    font-weight: 700;
    font-size: 14px;
    font-size: .875rem;
    background: #fff
}

.news-img-wrap .slick-prev {
    left: 10px;
    top: 127.5px
}

@media screen and (min-width: 48em) {
    .slick-slider__pagination {
        position: absolute;
        right: 0;
        bottom: 0
    }

    .news-img-wrap .slick-prev {
        left: 20px
    }
}

.news-img-wrap .slick-next {
    right: 10px;
    top: 127.5px
}

@media screen and (min-width: 48em) {
    .news-img-wrap .slick-next {
        right: 0
    }
}

.news-img-wrap .slick-slider__pagination {
    display: none
}

.news-img-wrap figcaption {
    width: 280px
}

.slick-slider--stage.slick-slider--career {
    margin: 0 auto 20px
}

@media screen and (max-width: 61.999em) {
    .slick-slider--stage.slick-slider--career {
        margin-bottom: 54px
    }
}

@media screen and (max-width: 47.999em) {
    .slick-slider--stage.slick-slider--career {
        margin-bottom: 64px
    }
}

.slick-slider--stage.slick-slider--career .slider-career__image img {
    width: 100%;
    object-fit: cover
}

@media screen and (min-width: 160em) {
    .slick-slider--stage.slick-slider--career .slick-slide, .slick-slider--stage.slick-slider--career .slider-career__image img {
        max-height: 931px
    }
}

.slick-slider--stage.slick-slider--career .slider-career__content {
    width: auto;
    min-width: auto;
    left: 100px;
    right: initial;
    float: none;
    top: 0;
    max-width: 450px;
    position: absolute;
    z-index: 2;
    text-align: left;
    height: 100%
}

@media screen and (max-width: 61.999em) {
    .slick-slider--stage.slick-slider--career .slider-career__content {
        -webkit-transform: none;
        transform: none;
        padding: 32px 16px;
        background: #fff;
        max-width: 100%;
        position: relative;
        left: 0
    }
}

.slick-slider--stage.slick-slider--career .slider-career__content a {
    background: 0 0;
    box-shadow: none;
    max-width: 100%;
    text-decoration: none;
    height: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.slick-slider--stage.slick-slider--career .slider-career__content .slider-career__headline {
    color: #0f2d64;
    font-size: 48px;
    line-height: 62px;
    font-weight: 700;
    text-align: left
}

@media screen and (max-width: 61.999em) {
    .slick-slider--stage.slick-slider--career .slider-career__content .slider-career__headline {
        font-size: 24px;
        line-height: 36px
    }
}

.slick-slider--stage.slick-slider--career .slider-career__content .slider-career__text {
    color: #0f2d64;
    font-size: 26px;
    line-height: 36px;
    margin: 0
}

.slick-slider--stage.slick-slider--career .slick-dots.slick-dots--career {
    text-align: center;
    bottom: 16px;
    top: initial
}

.slick-slider--quote {
    margin: 0 auto 24px
}

@media screen and (max-width: 61.999em) {
    .slick-slider--stage.slick-slider--career .slider-career__content .slider-career__text {
        font-size: 16px;
        line-height: 24px
    }

    .slick-slider--stage.slick-slider--career .slick-dots.slick-dots--career {
        top: auto;
        bottom: -60px
    }

    .slick-slider--quote {
        margin-bottom: 24px;
        margin-left: -16px !important;
        margin-right: -10 !important
    }
}

.slick-slider--quote .slick-slide {
    max-height: 100%
}

.slick-slider--quote blockquote {
    position: initial;
    color: #fff;
    border: none;
    background: #0f2d64;
    padding: 112px 112px 64px;
    font-style: normal
}

@media screen and (max-width: 47.999em) {
    .slick-slider--quote {
        margin-bottom: 64px;
        max-width: calc(100% + 16px)
    }

    .slick-slider--quote blockquote {
        padding: 80px 16px 48px
    }
}

@media screen and (min-width: 160em) {
    .slick-slider--quote blockquote {
        padding: 112px 400px 64px
    }
}

.slick-slider--quote blockquote:before {
    display: none
}

.slick-slider--quote .slider-quote__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.slick-slider--quote .slider-quote__quote-container {
    background: #0f2d64
}

.slick-slider--quote .slider-quote_img-container {
    width: 200px;
    height: 200px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 auto -100px
}

@media screen and (max-width: 47.999em) {
    .slick-slider--quote .slider-quote_img-container {
        width: 150px;
        height: 150px;
        margin: 0 auto -75px
    }
}

.slick-slider--quote .slider-quote_img-container img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
    object-fit: cover
}

.slick-slider--quote .slider-quote__quote-content {
    text-align: center;
    margin: 0 auto
}

.slick-slider--quote .slider-quote__quote-text {
    font-size: 28px;
    line-height: 42px;
    font-style: normal;
    letter-spacing: .3px;
    text-align: center;
    color: #fff;
    position: relative;
    padding: 0 24px;
    margin: 24px 0;
    font-weight: lighter;
    font-family: 'Merriweather Sans', sans-serif
}

.slick-slider--quote .slider-quote__quote-text:after, .slick-slider--quote .slider-quote__quote-text:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='47' viewBox='0 0 34 47'%3E%3Cg fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%23009BDC' stroke-width='3.6'%3E%3Cg%3E%3Cpath d='M0 0L15 21.3 0 42.6' transform='translate(-1207 -4529) matrix(-1 0 0 1 1239 4531)'/%3E%3Cpath d='M14.4 0L29.4 21.3 14.4 42.6' transform='translate(-1207 -4529) matrix(-1 0 0 1 1239 4531)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 1
}

.slick-slider--quote .slider-quote__quote-text:after {
    width: 30px;
    right: -10px;
    bottom: 0;
    height: 40px
}

@media screen and (max-width: 61.999em) {
    .slick-slider--quote .slider-quote__quote-text {
        font-size: 18px;
        line-height: 25px
    }

    .slick-slider--quote .slider-quote__quote-text:after {
        width: 20px;
        height: 30px
    }
}

@media screen and (min-width: 160em) {
    .slick-slider--quote .slider-quote__quote-text:after {
        right: -40px;
        height: 60px;
        width: 60px
    }
}

.slick-slider--quote .slider-quote__quote-text:before {
    width: 30px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    left: -10px;
    top: 0;
    height: 40px
}

@media screen and (max-width: 61.999em) {
    .slick-slider--quote .slider-quote__quote-text:before {
        width: 20px;
        height: 30px
    }
}

@media screen and (min-width: 160em) {
    .slick-slider--quote .slider-quote__quote-text:before {
        left: -40px;
        height: 60px;
        width: 60px
    }
}

.slick-slider--quote .slider-quote__quote-author {
    font-size: 16px;
    line-height: 26px;
    letter-spacing: .2px;
    background: #0f2d64;
    color: #fff
}

.slick-slider--quote .slider-quote__quote-author--name {
    display: block;
    font-weight: 700
}

.slick-slider--quote .slider-quote__quote-author--role {
    display: block;
    font-weight: lighter
}

.slick-slider--quote .slick-dots {
    position: relative;
    text-align: center;
    margin-top: -32px;
    bottom: initial
}

@media screen and (max-width: 61.999em) {
    .slick-slider--quote .slider-quote__quote-author {
        font-size: 14px;
        line-height: 22px
    }

    .slick-slider--quote .slick-dots {
        bottom: auto;
        top: auto;
        left: initial;
        text-align: center;
        position: relative
    }
}

.slick-slider--quote .slick-dots li {
    border-radius: 50%;
    border: 1px solid #fff;
    background: 0 0;
    width: 12px;
    height: 12px
}

.slick-slider--quote .slick-dots li.slick-active, .slick-slider--quote .slick-dots li.slick-active button, .slick-slider--quote .slick-dots li:focus, .slick-slider--quote .slick-dots li:hover {
    background: #fff
}

.slick-slider--quote .slick-dots li button:before {
    display: none
}

.video-gallery .slick-slider--video .video-gallery__headline {
    color: #0f2d64;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 32px
}

.slick-slider--stage.slick-slider--teaser {
    margin: 0 auto 24px
}

@media screen and (max-width: 61.999em) {
    .slick-slider--stage.slick-slider--teaser {
        margin-bottom: 24px;
        margin-left: -16px !important;
        margin-right: -10 !important
    }
}

@media screen and (max-width: 47.999em) {
    .slick-slider--stage.slick-slider--teaser {
        margin-bottom: 64px;
        max-width: calc(100% + 16px)
    }
}

.slick-slider--stage.slick-slider--teaser .slider-teaser__slide {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.slick-slider--stage.slick-slider--teaser .slider-teaser__image {
    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%
}

.slick-slider--stage.slick-slider--teaser .slider-teaser__image img {
    height: 626px;
    width: 100%;
    object-fit: cover
}

@media screen and (max-width: 61.999em) {
    .slick-slider--stage.slick-slider--teaser .slider-teaser__image {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .slick-slider--stage.slick-slider--teaser .slider-teaser__image img {
        height: 375px
    }
}

@media screen and (min-width: 125em) {
    .slick-slider--stage.slick-slider--teaser .slider-teaser__image img {
        height: auto
    }
}

.slick-slider--stage.slick-slider--teaser .slider-teaser__content {
    width: auto;
    min-width: auto;
    left: initial;
    right: 0;
    float: none;
    top: 50%;
    padding: 32px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    z-index: 2;
    max-width: 50%;
    text-align: left;
    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    color: #fff;
    height: 325px
}

@media screen and (min-width: 125em) {
    .slick-slider--stage.slick-slider--teaser .slider-teaser__content {
        height: 300px
    }
}

.slick-slider--stage.slick-slider--teaser .slider-teaser__content--blue {
    background: #009bdc
}

.slick-slider--stage.slick-slider--teaser .slider-teaser__content--green {
    background: #AFCD50
}

.slick-slider--stage.slick-slider--teaser .slider-teaser__content--violet {
    background: #910064
}

@media screen and (max-width: 61.999em) {
    .slick-slider--stage.slick-slider--teaser .slider-teaser__content {
        -webkit-transform: none;
        transform: none;
        max-width: 100%;
        position: relative;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin: -32px 16px 0;
        height: auto;
        min-height: 265px
    }
}

.slick-slider--stage.slick-slider--teaser .slider-teaser__content a {
    position: absolute;
    bottom: 32px;
    left: 32px;
    box-shadow: none;
    max-width: 100%;
    text-decoration: none;
    background: #0f2d64;
    color: #fff;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: .3px;
    padding: 16px 40px 16px 16px
}

.slick-slider--stage.slick-slider--teaser .slider-teaser__content a:after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='17' viewBox='0 0 10 17'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFF' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M283.9 28.264l-8.394-8.17c-.13-.126-.336-.125-.464.002l-.945.944c-.063.063-.098.147-.097.235 0 .088.037.173.1.234l7.205 6.991-7.205 6.991c-.063.061-.1.146-.1.234 0 .088.034.172.097.235l.946.944c.064.064.148.096.233.096.083 0 .166-.031.23-.094l8.394-8.17c.064-.062.1-.147.1-.236s-.036-.174-.1-.236z' transform='translate(-1001 -2040) translate(727 2020)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 12px;
    height: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px;
    background-size: contain
}

.slick-slider--stage.slick-slider--teaser .slider-teaser__content .slider-teaser__headline {
    font-size: 24px;
    line-height: 32px;
    text-align: left;
    color: #fff;
    font-weight: 400
}

.slick-slider--stage.slick-slider--teaser .slider-teaser__content .slider-teaser__text {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .2px
}

.slick-slider--stage.slick-slider--teaser .slick-dots.slick-dots--career {
    bottom: -64px;
    top: initial;
    position: absolute;
    left: 25%;
    right: initial;
    text-align: left
}

@media screen and (max-width: 61.999em) {
    .slick-slider--stage.slick-slider--teaser .slick-dots.slick-dots--career {
        bottom: auto;
        top: auto;
        left: initial;
        text-align: center;
        position: relative
    }
}

.slick-slider--stage.slick-slider--teaser .slick-dots.slick-dots--career li {
    border-radius: 50%;
    border: 1px solid #0f2d64;
    background: 0 0;
    width: 12px;
    height: 12px
}

.slick-slider--stage.slick-slider--teaser .slick-dots.slick-dots--career li.slick-active, .slick-slider--stage.slick-slider--teaser .slick-dots.slick-dots--career li.slick-active button, .slick-slider--stage.slick-slider--teaser .slick-dots.slick-dots--career li:focus, .slick-slider--stage.slick-slider--teaser .slick-dots.slick-dots--career li:hover {
    background: #0f2d64
}

.slick-slider--stage.slick-slider--teaser .slick-dots.slick-dots--career li button:before {
    display: none
}

body.clinics .slick-slider--stage section, table thead {
    background: #fff
}

.no-js .slick-slider--stage article {
    position: relative
}

@media screen and (min-width: 62em) {
    body.clinics .slick-slider--stage section {
        width: 400px
    }
}

.konsortium table, table {
    width: 100%;
    border-collapse: collapse
}

.responsive-table {
    margin-bottom: 20px;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.table {
    overflow: hidden
}

table {
    border-spacing: 0;
    margin-bottom: 30px;
    border-top: none
}

table thead th {
    font-weight: 400;
    padding: 20px;
    text-align: left;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1
}

table tbody tr:nth-child(odd) {
    background: #e8e8e8
}

table tbody tr:nth-child(even) {
    background: #f4f3f3
}

table tr td {
    padding: 20px;
    border: 1px solid #fff;
    vertical-align: top
}

table tr td.td-last {
    min-width: 130px
}

table tr td a {
    word-break: break-all
}

@media print {
    table, table td, table th {
        border: 1px solid #e1e1e1 !important
    }

    table {
        page-break-inside: avoid
    }
}

table.nolayout td, table.nolayout th {
    border: none;
    font-weight: 400
}

table.nolayout tbody tr:nth-child(odd) {
    background: 0 0
}

.data-label-table table thead {
    background: #fff;
    display: none
}

@media screen and (min-width: 48em) {
    body.clinics .slick-slider--stage article {
        margin-right: auto
    }

    table tr td a {
        word-break: break-word
    }

    .data-label-table table thead {
        display: table-header-group
    }
}

.data-label-table table tr td {
    display: block;
    border: none;
    padding: 10px 20px 20px
}

.data-label-table table tr td:before {
    content: attr(data-label) ": ";
    display: block;
    font-weight: 700
}

@media screen and (min-width: 48em) {
    .data-label-table table tr td {
        display: table-cell;
        border: 1px solid #fff;
        padding-top: 20px
    }

    .data-label-table table tr td:before {
        display: none
    }
}

.studienregister thead {
    border-top: 1px solid #e1e1e1
}

.konsortium tr:nth-of-type(odd) {
    background: #eee
}

.konsortium th {
    background: #333;
    color: #fff;
    font-weight: 700
}

.konsortium td, .konsortium th {
    padding: 6px;
    border: 1px solid #ccc;
    text-align: left
}

@media only screen and (max-width: 992px) {
    .konsortium table, .konsortium tbody, .konsortium td, .konsortium th, .konsortium thead, .konsortium tr {
        display: block
    }

    .konsortium thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .konsortium tr {
        border: 1px solid #ccc
    }

    .konsortium td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%
    }

    .konsortium td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap
    }

    .konsortium td:nth-of-type(1):before {
        content: "Name"
    }

    .konsortium td:nth-of-type(2):before {
        content: "Adresse"
    }

    .konsortium td:nth-of-type(3):before {
        content: "Telefon"
    }

    .konsortium td:nth-of-type(4):before {
        content: "Standortart"
    }
}

.list-icon {
    padding: 20px 20px 20px 0
}

.list-icon ul > li {
    line-height: 26px
}

.list-icon a[class^=icon-] {
    margin-left: 1.8rem
}

.list-icon .icon-before:before {
    display: inline-block;
    line-height: .9em;
    overflow: hidden;
    position: absolute;
    left: -2.5rem;
    top: -4px;
    color: #0f2d64
}

.tx-bra-events-ukk .events-uploads .list-icon .icon-before:before {
    display: inline-block;
    line-height: .9em;
    overflow: hidden;
    position: absolute;
    left: -2.2625rem;
    top: -4px;
    color: #0f2d64
}

.list-icon a:visited, .list-icon a:visited:before {
    color: #b35d5d
}

.list-icon a:visited:after {
    background: #b35d5d
}

.accordion {
    background: #fff;
    margin: 20px 0;
    padding: 0;
    overflow: hidden
}

.accordion__panel {
    position: relative;
    padding: 20px 80px 20px 20px;
    border-top: 1px solid #0f2d64;
    color: #0f2d64;
    font-weight: 400;
    cursor: pointer
}

.accordion__panel:after {
    position: absolute;
    top: 15px;
    right: 0
}

.accordion__panel.is-active {
    margin: 0;
    color: #565656
}

.accordion__content {
    padding: 0 20px 20px;
    display: none;
    overflow: hidden
}

.accordion .is-active, .no-js .accordion__content {
    display: block
}

.accordion__slider {
    position: relative;
    float: left;
    margin: 20px 20px 20px 0
}

@media screen and (max-width: 47.999em) {
    .slick-slider--stage.slick-slider--teaser .slider-teaser__content {
        min-height: 400px
    }

    .accordion__slider {
        width: 100%
    }
}

.accordion__slider img {
    width: 100%
}

.accordion--table .accordion__panel.is-active {
    background: #0f2d64;
    color: #fff
}

.accordion--table .accordion__content {
    padding: 0
}

.overlay {
    background: #fff;
    padding: 20px;
    margin: 20px 0;
    overflow: hidden
}

.overlay__next, .overlay__prev {
    position: absolute;
    top: 50%;
    width: 40px;
    padding: 3px 5px 0 0;
    background: #0f2d64 !important;
    color: #fff;
    height: 40px
}

.overlay__thumbnail:after {
    display: none
}

.overlay__next {
    right: 10px;
    opacity: .7
}

.overlay__next:hover {
    opacity: 10;
    background: #0f2d64 !important
}

.overlay__prev {
    left: 10px;
    opacity: .7
}

.overlay__prev:hover {
    opacity: 10;
    background: #0f2d64 !important
}

.overlay__content {
    border-radius: 0
}

.overlay__title {
    font-weight: 300;
    padding: 0 20px 10px
}

.overlay__title span {
    float: right;
    font-weight: 700
}

.overlay__close {
    margin: 30px;
    background: #0f2d64;
    color: #fff;
    text-decoration: none;
    padding: 8px 0 0 4px;
    opacity: .7;
    width: 41px;
    height: 40px
}

.overlay__close:before {
    font-size: 25px
}

.overlay__close:hover {
    opacity: 1
}

.overlay__zoom {
    border-top: 1px solid #8a99a7;
    padding: 10px 0 5px;
    margin: 10px 0 0
}

.overlay__zoom a {
    text-decoration: underline;
    color: #0f2d64;
    position: relative;
    margin-right: 1.3rem
}

.mediathek__item a, .overlay__zoom a:hover {
    text-decoration: none
}

.overlay__zoom a:after {
    font-size: 16px;
    font-size: 1rem;
    transition: bottom .2s;
    bottom: 2px;
    display: inline-block !important;
    line-height: .9em;
    overflow: hidden;
    position: absolute
}

.overlay__zoom a:hover:after {
    bottom: 7px
}

.overlay__zoom a:visited {
    color: #b35d5d
}

.overlay__zoom a:visited:after {
    background: #b35d5d
}

.overlay--header {
    background: #fff;
    padding: 20px
}

.overlay--header h3 {
    margin: 0
}

.fancybox {
    position: relative;
    display: inline-block
}

.fancybox:after, .mediathek__item-list span {
    display: none
}

.fancybox:before {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    background-color: #0f2d64;
    width: 40px;
    height: 40px;
    overflow: hidden;
    opacity: .75;
    font-size: 40px;
    font-size: 2.5rem;
    padding: 0
}

.fancybox:hover:before {
    opacity: 1
}

.fancybox--text:before {
    content: none
}

.fancybox-lock body {
    overflow-y: scroll !important
}

@media print {
    .fancybox {
        display: none
    }
}

.fancybox-wrap {
    margin-left: -8px !important
}

.mediathek {
    margin: 20px 0
}

@media screen and (max-width: 47.999em) {
    .mediathek__item-list span {
        display: block
    }
}

.mediathek__item-list select {
    display: none
}

.mediathek__headline-icon {
    overflow: hidden
}

.mediathek__headline-icon li {
    float: left;
    width: 25%;
    color: #0f2d64;
    background: #fff;
    padding: 20px;
    text-align: center;
    border: 1px solid #0f2d64;
    cursor: pointer;
    -o-box-shadow: inset 2px 2px 3px rgba(68, 68, 68, .2);
    -ms-box-shadow: inset 2px 2px 3px rgba(68, 68, 68, .2);
    box-shadow: inset 2px 2px 3px rgba(68, 68, 68, .2)
}

@media screen and (max-width: 47.999em) {
    .mediathek__item-list select {
        display: block
    }

    .mediathek__headline-icon li {
        border-top: 0
    }

    .mediathek__headline-icon li:first-child {
        border-top: 1px solid #0f2d64
    }
}

.mediathek__headline-icon li:before {
    display: block;
    content: '' !important;
    height: 62px;
    width: 100%
}

.mediathek__headline-icon li.icon-images:before {
    background: url(../img/svg/ukk_images.svg) center center no-repeat
}

.mediathek__headline-icon li.icon-videos:before {
    background: url(../img/svg/ukk_video.svg) center center no-repeat
}

.mediathek__headline-icon li.icon-annualreport:before {
    background: url(../img/svg/ukk_annualreport.svg) center center no-repeat
}

.mediathek__headline-icon li.icon-qualityreport:before {
    background: url(../img/svg/ukk_qualityreport.svg) center center no-repeat
}

.mediathek__headline-icon li.icon-employee:before {
    background: url(../img/svg/ukk_employee.svg) center center no-repeat
}

@media screen and (max-width: 47.999em) {
    .mediathek__headline-icon li {
        width: 100%;
        text-align: left;
        font-family: 'Merriweather Sans', sans-serif;
        speak: none;
        -webkit-font-smoothing: �antialiased;
        -moz-osx-font-smoothing: �grayscale;
        font-size: 16px;
        font-size: 1rem;
        font-weight: 700;
        color: #0f2d64
    }

    .mediathek__headline-icon li:before {
        display: inline
    }

    .mediathek__headline-icon {
        display: none
    }
}

.mediathek__headline-icon .is-active p, .mediathek__headline-icon li.is-active p, .mediathek__headline-icon li:hover p {
    color: #fff
}

.mediathek__headline-icon li.is-active, .mediathek__headline-icon li:hover {
    background: #0f2d64;
    color: #fff
}

.mediathek__headline-icon li.is-active.icon-images:before, .mediathek__headline-icon li:hover.icon-images:before {
    background: url(../img/svg/ukk_imagesw.svg) center center no-repeat
}

.mediathek__headline-icon li.is-active.icon-videos:before, .mediathek__headline-icon li:hover.icon-videos:before {
    background: url(../img/svg/ukk_videow.svg) center center no-repeat
}

.mediathek__headline-icon li.is-active.icon-annualreport:before, .mediathek__headline-icon li:hover.icon-annualreport:before {
    background: url(../img/svg/ukk_annualreportw.svg) center center no-repeat
}

.mediathek__headline-icon li.is-active.icon-qualityreport:before, .mediathek__headline-icon li:hover.icon-qualityreport:before {
    background: url(../img/svg/ukk_qualityreportw.svg) center center no-repeat
}

.mediathek__headline-icon li.is-active.icon-employee:before, .mediathek__headline-icon li:hover.icon-employee:before {
    background: url(../img/svg/ukk_employeew.svg) center center no-repeat
}

.mediathek__headline-icon .is-active {
    position: relative
}

.mediathek__headline-icon .is-active .mediathek__morecontent-divider {
    display: none;
    float: left
}

.mediathek__headline-icon .is-active:after {
    font-size: 40px;
    font-size: 2.5rem;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    right: 5%
}

@media screen and (min-width: 48em) {
    .mediathek__headline-icon li {
        border-left: 0
    }

    .mediathek__headline-icon li:first-child {
        border: 1px solid #0f2d64
    }

    .mediathek__headline-icon .is-active:after {
        display: none
    }
}

.mediathek__headline-icon .is-close {
    position: relative
}

.mediathek__headline-icon .is-close:after {
    display: none
}

@media screen and (min-width: 62em) {
    .mediathek__headline-icon li {
        border-left: 0
    }

    .mediathek__headline-icon li:first-child {
        border: 1px solid #0f2d64
    }

    .mediathek__headline-icon .is-active:after, .mediathek__headline-icon .is-close:after {
        display: none
    }
}

.mediathek__content {
    display: none;
    color: #565656 !important;
    position: relative;
    z-index: 1
}

.mediathek__content.is-active {
    display: block;
    color: #565656
}

.mediathek__container.is-flyout.is-active .mediathek__header, .mediathek__container.is-flyout.is-active > .mediathek__download, .mediathek__content a.fancybox:before {
    display: none
}

.mediathek__item {
    position: relative;
    background: 0 0;
    margin-top: 15px;
    color: #0f2d64;
    text-align: center
}

.mediathek__container {
    position: relative;
    padding: 10px 10px 0;
    line-height: 19px;
    width: 100%;
    background: #fff;
    text-align: left;
    height: 77px
}

@media screen and (min-width: 61.999em) {
    .mediathek__container {
        padding: 10px
    }
}

.mediathek__container.is-flyout.is-active .mediathek__flyout {
    display: block;
    color: #fff;
    background: rgba(15, 45, 100, .8)
}

@media screen and (max-width: 47.999em) {
    .mediathek__container.is-flyout.is-active .mediathek__flyout {
        position: relative;
        margin: -10px -10px 0;
        padding-top: 1px
    }
}

.mediathek__header {
    position: relative;
    margin: 0;
    padding: 0 30px 0 0
}

.is-flyout .mediathek__header:after {
    position: absolute;
    top: 0;
    margin-top: -1px;
    right: -10px;
    cursor: pointer
}

.mediathek__flyout {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 30px 0 10px;
    color: #fff;
    background: rgba(15, 45, 100, .8);
    z-index: 10
}

.news-list .col-xs-4, .news-list ul {
    padding-left: 0
}

.mediathek__flyout:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #fff;
    position: absolute;
    top: 0;
    margin-top: 8px;
    right: 0;
    cursor: pointer
}

.mediathek__download {
    margin: 0 0 10px
}

.mediathek__flyout .mediathek__download {
    margin-right: -21px
}

.mediathek__download .left {
    margin-left: -12px
}

.mediathek__download .right {
    margin-right: -12px
}

.mediathek__flyout .mediathek__download a {
    color: #fff
}

.mediathek__download span {
    font-size: 24px
}

.mediathek__download span:before {
    display: none
}

.mediathek__mobile-vid {
    position: relative;
    padding-bottom: 56%;
    padding-top: 0;
    height: 0;
    overflow: hidden
}

.mediathek__mobile-vid iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mediathek__fancy .fancybox-inner {
    overflow: hidden !important
}

.news-list {
    overflow: hidden;
    margin: 20px 0 0;
    padding: 0
}

.news-list .col-xs-8 {
    margin-left: -20px
}

@media screen and (min-width: 79.25em) {
    .news-list .col-xs-8 {
        margin-left: -60px;
        min-width: 350px
    }

    .news-list:not(.news-list--preview) .col-xs-8 {
        width: 670px
    }
}

@media screen and (max-width: 47.999em) {
    .news-list {
        padding-bottom: 20px
    }
}

.news-list li {
    background: #fff;
    overflow: hidden;
    clear: both;
    margin-bottom: 20px
}

@media screen and (min-width: 48em) {
    .news-list li {
        height: 193px
    }
}

@media screen and (min-width: 125em) {
    .news-list li {
        height: 221px
    }
}

.news-list li:last-child {
    margin-bottom: 0
}

.news-list li:hover .news-list__headline {
    text-decoration: underline
}

.news-list a, .news-list__text a, .pagination .btn, .pagination li a, .teaser > a {
    text-decoration: none
}

@media print {
    .mediathek__mobile-vid {
        display: none
    }

    .mediathek {
        display: none !important
    }

    .news-list li {
        height: auto !important
    }
}

.news-list__text {
    display: none;
    margin: 0 20px;
    padding: 0 20px 0 0;
    color: #565656
}

.news-list__text a {
    color: #565656
}

.news-list__text a:after {
    content: none
}

@media screen and (min-width: 48em) {
    .news-list__text {
        display: block;
        margin: 0;
        padding: 0 20px 10px
    }
}

@media print {
    .news-list__text {
        display: block !important;
        margin: 0 !important;
        padding: 0 !important
    }
}

.news-list__teaser-text {
    display: inline
}

.news-list__teaser-text.no-image {
    max-width: 90%;
    margin-left: 5%
}

.news-list__image {
    transition: max-width .5s ease;
    transition: max-height .5s ease;
    float: left;
    margin-right: 20px;
    max-height: 200px;
    overflow: hidden
}

@media screen and (max-width: 29.999em) {
    .news-list__teaser-text {
        display: inline-block;
        width: 100%
    }

    .news-list__image {
        max-width: 95px;
        max-height: 110px
    }
}

@media screen and (min-width: 62em) {
    .news-list__image {
        max-height: 193px
    }
}

@media screen and (min-width: 125em) {
    .news-list__image {
        max-height: 221px
    }
}

.news-list__image img {
    max-width: 250px;
    max-height: 219px
}

.news-list__date {
    font-size: 12px;
    font-size: .75rem;
    float: right;
    margin: 0 20px
}

@media screen and (max-width: 47.999em) {
    .news-list__date {
        display: block;
        float: none;
        margin: 0
    }
}

.news-list__category {
    color: #565656;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 400;
    margin: 0 0 10px 20px;
    padding-top: 10px
}

@media screen and (max-width: 47.999em) {
    .news-list__category {
        font-size: 12px;
        margin-bottom: 5px
    }
}

.news-list--preview .news-list__category {
    font-size: 12px
}

@media screen and (min-width: 125em) {
    .news-list--preview .news-list__category {
        font-size: 16px;
        font-size: 1rem
    }
}

@media print {
    .news-list__category {
        margin-left: 0 !important
    }
}

.news-list__headline {
    color: #0f2d64;
    font-weight: 400;
    margin: 0 20px;
    padding: 0
}

@media screen and (max-width: 29.999em) {
    .news-list__headline {
        font-size: 14px;
        margin-top: 0;
        padding: 0 0 10px
    }

    .category label {
        display: block
    }
}

@media screen and (max-width: 47.999em) {
    .news-list__headline {
        font-size: 14px;
        margin-top: 0;
        padding: 0 0 10px
    }
}

@media screen and (min-width: 48em) {
    .news-list__image img {
        max-width: 100%;
        max-height: 219px
    }

    .news-list__headline {
        font-size: 20px;
        margin-top: 0;
        padding: 0 0 10px
    }
}

@media screen and (min-width: 62em) {
    .news-list__image img {
        max-height: 100%
    }

    .news-list__headline {
        font-size: 20px;
        padding: 10px 0
    }

    .pagination ul {
        float: right
    }
}

.news-list--preview .news-list__headline {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 400
}

@media screen and (max-width: 47.999em) {
    .news-list--preview .news-list__headline {
        font-size: 16px;
        font-size: 1rem;
        line-height: 1.2rem
    }
}

@media screen and (min-width: 125em) {
    .news-list--preview .news-list__headline {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.category .selectboxit-arrow-container:after {
    transition: -webkit-transform .3s linear;
    transition: transform .3s linear;
    transition: transform .3s linear, -webkit-transform .3s linear;
    font-size: 28px;
    font-size: 1.75rem;
    position: absolute;
    right: 0;
    top: 2px;
    color: #0f2d64
}

.category__select, .video-container {
    position: relative
}

.category span {
    padding-left: 0
}

@media print {
    .news-list__headline {
        margin: 0 !important
    }

    .category {
        display: none
    }
}

i.category__select:after {
    display: none
}

.pagination {
    text-align: right
}

.pagination ul {
    margin: 20px 0 40px;
    display: inline-block
}

.pagination ul.f3-widget-paginator {
    float: none;
    margin-bottom: 0
}

.pagination .btn {
    border: none;
    padding: 10px 20px;
    border-right: 1px solid #e1e1e1
}

.pagination li {
    font-weight: 700;
    float: left;
    background: #fff
}

@media screen and (max-width: 47.999em) {
    .pagination li {
        background: 0 0
    }
}

.pagination li:first-child .btn {
    padding: 5px 3px
}

.pagination li:last-child .btn {
    padding: 5px 3px;
    border-right: 0
}

.pagination li:hover {
    background: #0f2d64;
    color: #fff
}

@media screen and (max-width: 47.999em) {
    .pagination li:hover {
        background: 0 0
    }
}

.pagination .active {
    background: #0f2d64;
    color: #fff
}

.pagination .active a {
    color: #fff
}

.video-container {
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden
}

.video-container img {
    width: 100%;
    height: 100%
}

.video-container__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer
}

.video-gallery .video-container__video:before {
    display: none
}

.video-container__video:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: opacity .3s ease-out
}

.video-container__video:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 105px;
    line-height: 105px;
    height: 105px;
    color: #0f2d64;
    background: #fff;
    background: rgba(255, 255, 255, .75);
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(0, 0, 0, .6);
    text-align: center;
    padding: 0;
    font-size: 55px;
    font-size: 3.4375rem;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: background .2s ease;
    z-index: 1
}

.no-touch .video-container__video:hover:before, .touch .video-container__video:active:before {
    opacity: .5
}

.no-touch .video-container__video:hover:after, .touch .video-container__video:active:after {
    background: #fff
}

.slick-slide .video-container img {
    height: auto;
    max-height: inherit
}

.audio-player {
    border: 2px solid #8a99a7;
    padding: 10px 0 8px 20px;
    margin: 20px 0
}

.audio-player .audioplayer {
    overflow: hidden
}

.audio-player .audioplayer-bar, .audio-player .audioplayer-playpause, .audio-player .audioplayer-volume {
    float: left
}

.audio-player .file-size {
    float: right
}

@media screen and (max-width: 29.999em) {
    .audio-player .file-size {
        display: none
    }
}

.audio-player .file-size:after {
    font-size: 40px;
    font-size: 2.5rem;
    color: #0f2d64
}

.audio-player .audioplayer-playpause, .audio-player .audioplayer-volume-button {
    color: #fff;
    background: #8a99a7;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer
}

.audio-player .audioplayer-playpause {
    position: relative;
    padding: 10px;
    font-size: 0
}

.audio-player .audioplayer-playpause:before {
    font-size: 26px;
    font-size: 1.625rem;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    margin-left: -15px;
    left: 50%
}

.audio-player .audioplayer-playing .audioplayer-playpause:before {
    margin-left: -18px
}

.audio-player .audioplayer-volume-button {
    position: relative;
    font-size: 0
}

.audio-player .audioplayer-volume-button:before {
    font-size: 35px;
    font-size: 2.1875rem;
    position: absolute;
    top: 50%;
    margin-top: -17px;
    right: -2px
}

.audio-player .audioplayer-bar {
    width: 55%;
    height: 10px;
    border-radius: 5px;
    background: #f6f6f6;
    margin: 15px 30px
}

.audio-player .audioplayer-bar-loaded {
    background: #333
}

.audio-player .audioplayer-bar-played {
    position: relative;
    background: #777;
    border-radius: 5px;
    height: 10px
}

.audio-player .audioplayer-bar-played::after {
    background: #8a99a7;
    height: 20px;
    width: 20px;
    content: '#';
    color: #8a99a7;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -10px;
    border-radius: 50%
}

.audio-player .audioplayer-time {
    display: none
}

@media print {
    .audio-player, .video-container {
        display: none
    }
}

.events-box {
    overflow: hidden;
    border: 1px solid #0f2d64;
    padding: 20px
}

.events-box ul {
    display: table
}

.events-box p {
    padding: 0 20px 0 100px
}

.events-box li > span {
    width: 100px;
    float: left
}

@media screen and (max-width: 47.999em) {
    .events-box p {
        padding: 0
    }

    .events-box li > span {
        float: none;
        font-weight: 700
    }
}

.date ul li {
    display: inline-block;
    padding: 0 20px 0 0
}

.date__sub {
    margin: 0
}

.share-me {
    margin: 20px 0
}

.share-me li {
    display: inline;
    padding: 10px 20px;
    border-left: 1px solid #e1e1e1
}

.share-me .shariff-button.info a span, .share-me .shariff-button.mail a:after, .share-me--layer {
    display: none
}

.share-me .shariff-button {
    background: #fff;
    color: #ccc;
    padding: 10px 0;
    -o-box-shadow: 3px 3px 3px rgba(68, 68, 68, .4);
    -ms-box-shadow: 3px 3px 3px rgba(68, 68, 68, .4);
    box-shadow: 3px 3px 3px rgba(68, 68, 68, .4);
    position: relative
}

@media screen and (max-width: 47.999em) {
    .share-me .shariff-button {
        padding: 5px 0
    }

    .share-me .shariff-button span {
        display: none
    }
}

.share-me .shariff-button:hover {
    color: #fff
}

.share-me .shariff-button a {
    color: #ccc;
    text-decoration: none
}

.share-me .shariff-button a:hover, .teaser.util-bg--blue .teaser__content .sub-navigation__header, .teaser.util-bg--blue .teaser__content .teaser__header, .teaser.util-bg--blue .teaser__content a, .teaser.util-bg--blue .teaser__content h1, .teaser.util-bg--blue .teaser__content h2, .teaser.util-bg--blue .teaser__content h3, .teaser.util-bg--blue .teaser__content li, .teaser.util-bg--blue .teaser__content ol, .teaser.util-bg--blue .teaser__content p, .teaser.util-bg--blue .teaser__content ul, .teaser.util-bg--blue-dark .teaser__content .sub-navigation__header, .teaser.util-bg--blue-dark .teaser__content .teaser__header, .teaser.util-bg--blue-dark .teaser__content a, .teaser.util-bg--blue-dark .teaser__content h1, .teaser.util-bg--blue-dark .teaser__content h2, .teaser.util-bg--blue-dark .teaser__content h3, .teaser.util-bg--blue-dark .teaser__content li, .teaser.util-bg--blue-dark .teaser__content ol, .teaser.util-bg--blue-dark .teaser__content p, .teaser.util-bg--blue-dark .teaser__content ul {
    color: #fff
}

.share-me .shariff-button.googleplus a {
    padding: 10px 20px 10px 10px
}

.share-me .shariff-button.googleplus a:hover {
    background: #D34836
}

@media screen and (max-width: 47.999em) {
    .share-me .shariff-button.googleplus a {
        padding: 5px
    }
}

.share-me .shariff-button.facebook a {
    padding: 10px 20px
}

.share-me .shariff-button.facebook a:hover {
    background: #3B5998
}

@media screen and (max-width: 47.999em) {
    .share-me .shariff-button.facebook a {
        padding: 5px
    }
}

.share-me .shariff-button.twitter a {
    padding: 10px 20px 10px 10px
}

.share-me .shariff-button.twitter a:hover {
    background: #55ACEE
}

@media screen and (max-width: 47.999em) {
    .share-me .shariff-button.twitter a {
        padding: 5px
    }
}

.share-me .shariff-button.mail a {
    padding: 10px 20px;
    margin: 0
}

.share-me .shariff-button.mail a:before {
    position: absolute;
    left: 0;
    top: 5px
}

@media screen and (max-width: 47.999em) {
    .share-me .shariff-button.mail a:before {
        padding: 0;
        position: relative;
        left: 0;
        top: 0
    }
}

.share-me .shariff-button.mail a:hover {
    background: #2c9ab7
}

.share-me .shariff-button.mail a span {
    padding-left: 10px
}

@media screen and (max-width: 47.999em) {
    .share-me .shariff-button.mail a {
        padding: 5px
    }
}

.share-me .shariff-button.whatsapp a {
    padding: 10px 20px 10px 10px;
    margin: 0
}

.share-me .shariff-button.whatsapp a:hover {
    background: #4dc247
}

@media screen and (max-width: 47.999em) {
    .share-me .shariff-button.whatsapp a {
        padding: 5px
    }
}

.share-me .shariff-button.info a {
    padding: 10px 20px;
    margin: 0
}

.share-me .shariff-button.info a:before {
    position: absolute;
    top: 5px;
    right: 2px
}

.share-me .shariff-button.info a:hover {
    background: #55ACEE
}

@media screen and (max-width: 47.999em) {
    .share-me .shariff-button.info a {
        padding: 5px
    }
}

.share-me--content {
    padding: 20px
}

.teaser.teaser--height-small, .teaser.teaser--height-small.teaser--center-text {
    min-height: 106px
}

@media print {
    .share-me {
        display: none
    }

    .teaser.teaser--height-small, .teaser.teaser--height-small.teaser--center-text {
        min-height: inherit !important
    }
}

.teaser {
    min-height: 232px;
    max-height: 232px;
    position: relative;
    overflow: hidden;
    background: #fff;
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1rem
}

@media print {
    .teaser {
        min-height: inherit !important;
        max-height: none !important
    }
}

.teaser--position {
    min-height: 256px;
    max-height: none
}

@media print {
    .teaser--position {
        min-height: inherit !important
    }
}

.teaser--logo, .teaser--logo-wide {
    min-height: 300px;
    max-height: none
}

@media print {
    .teaser--logo, .teaser--logo-wide {
        min-height: inherit !important
    }
}

@media screen and (min-width: 48em) {
    .share-me li:last-child {
        display: none
    }

    .share-me--content {
        min-width: 500px
    }

    .teaser {
        font-size: 14px;
        font-size: .875rem
    }
}

@media screen and (min-width: 79.25em) {
    .teaser {
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (min-width: 125em) {
    .teaser {
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (min-width: 62em) {
    .share-me li:last-child {
        display: none
    }

    .teaser--icon-line.teaser--center-text {
        height: auto;
        max-height: none;
        min-height: 0
    }

    .teaser--icon-line.teaser--center-text .teaser__content {
        padding: 50px 25px;
        position: static;
        -webkit-transform: none;
        transform: none
    }
}

.teaser--icon-line.teaser--center-text .teaser__header {
    display: inline-block
}

.teaser > a[target="_blank"]:visited, .teaser__link p {
    color: #565656
}

.teaser .col:first-child {
    padding: 0
}

.teaser .sub-navigation__header, .teaser .teaser__header, .teaser h2 {
    font-size: 18px;
    font-size: 1.125rem
}

@media screen and (min-width: 48em) {
    .teaser .sub-navigation__header, .teaser .teaser__header, .teaser h2 {
        font-size: 16px;
        font-size: 1rem
    }
}

@media screen and (min-width: 79.25em) {
    .teaser .sub-navigation__header, .teaser .teaser__header, .teaser h2 {
        font-size: 18px;
        font-size: 1.125rem
    }
}

@media screen and (min-width: 125em) {
    .teaser .sub-navigation__header, .teaser .teaser__header, .teaser h2 {
        font-size: 22px;
        font-size: 1.375rem
    }
}

.teaser img {
    width: auto;
    max-width: none
}

.teaser > a {
    display: block;
    min-height: inherit
}

.teaser > a:hover .teaser__header {
    text-decoration: underline
}

.teaser > a[target="_blank"].teaser__link {
    margin-right: 0
}

.teaser > a[target="_blank"]:after {
    display: none
}

.teaser > a[target="_blank"]:hover .sub-navigation__header:after, .teaser > a[target="_blank"]:hover .teaser__header:after, .teaser > a[target="_blank"]:hover h2:after {
    text-decoration: none !important;
    margin-top: -19px
}

.teaser__content {
    padding: 20px
}

.teaser__content a {
    color: #565656;
    text-decoration: none
}

.teaser__content a:hover {
    text-decoration: underline
}

@media screen and (max-width: 47.999em) {
    .teaser__content {
        padding: 20px
    }

    .teaser__content > span.icon-only {
        float: none
    }
}

.teaser__content > span.icon-only:before {
    content: '';
    display: inline-block;
    height: 60px;
    width: 60px
}

.teaser__content > span.icon-only.icon-medicalfield:before {
    background: url(../img/svg/ukk_medicalfield.svg) 5px 0 no-repeat
}

.teaser__content > span.icon-only.icon-doctors:before {
    background: url(../img/svg/ukk_doctors.svg) 5px 0 no-repeat
}

.teaser__content > span.icon-only.icon-emergency:before {
    background: url(../img/svg/ukk_emergency.svg) 5px 0 no-repeat
}

.teaser__content > span.icon-only.icon-phone01:before {
    background: url(../img/svg/ukk_phone01.svg) 5px 0 no-repeat
}

.teaser__content > span.icon-only.icon-sympton:before {
    background: url(../img/svg/ukk_symptom.svg) 5px 0 no-repeat
}

.teaser__content > span.icon-only.icon-leber:before {
    background: url(../img/svg/ukk_leber.svg) 5px 0 no-repeat
}

.teaser__content > span.icon-only.icon-nieren:before {
    background: url(../img/svg/ukk_nieren.svg) 5px 0 no-repeat
}

.teaser__content > span.icon-only.icon-pankreas:before {
    background: url(../img/svg/ukk_pankreas.svg) 5px 0 no-repeat
}

.teaser__content > span.icon-only.icon-herz:before {
    background: url(../img/svg/ukk_herz.svg) 5px 0 no-repeat
}

.teaser__content > span.icon-only.icon-verwaltung:before {
    background: url(../img/svg/ukk_verwaltung.svg) 5px 0 no-repeat
}

.teaser__content > span.icon-only.icon-tabletten:before {
    background: url(../img/svg/ukk_tabletten.svg) 5px 0 no-repeat
}

.teaser__content > span.icon-only.icon-termin:before {
    background: url(../img/svg/ukk_termin.svg) 5px 0 no-repeat
}

.teaser__content > span.icon-only.icon-termin-ohne-haken:before {
    background: url(../img/svg/ukk_termin-ohne-haken.svg) 5px 0 no-repeat
}

.teaser__content > span.icon-only.icon-institutes:before {
    background: url(../img/svg/ukk_institutes.svg) 5px 0 no-repeat
}

.teaser__content > span.icon-only.icon-administration:before {
    background: url(../img/svg/ukk_administration.svg) 5px 0 no-repeat
}

.teaser__content > span.icon-only.icon-images:before {
    background: url(../img/svg/ukk_images.svg) center center no-repeat
}

.teaser__content > span.icon-only.icon-videos:before {
    background: url(../img/svg/ukk_video.svg) center center no-repeat
}

.teaser__content > span.icon-only.icon-annualreport:before {
    background: url(../img/svg/ukk_annualreport.svg) center center no-repeat
}

.teaser__content > span.icon-only.icon-annualreport-white:before {
    background: url(../img/svg/ukk_annualreport-white.svg) center center no-repeat
}

.teaser__content > span.icon-only.icon-qualityreport:before {
    background: url(../img/svg/ukk_qualityreport.svg) center center no-repeat
}

.teaser__content > span.icon-only.icon-qualityreport-white:before {
    background: url(../img/svg/ukk_qualityreport-white.svg) center center no-repeat
}

.teaser__content > span.icon-only.icon-employee:before {
    background: url(../img/svg/ukk_employee.svg) center center no-repeat
}

.teaser__content > span.icon-only.icon-assign:before {
    background: url(../img/svg/ukk_assign.svg) center center no-repeat
}

.teaser__content > span.icon-only.icon-bedhouse:before {
    background: url(../img/svg/ukk_bedhouse.svg) center center no-repeat
}

.teaser__content > span.icon-only.icon-blood:before {
    background: url(../img/svg/ukk_blood.svg) center center no-repeat
}

.teaser__content > span.icon-only.icon-facts:before {
    background: url(../img/svg/ukk_fakten.svg) center center no-repeat
}

.teaser__content > span.icon-only.icon-numbers:before {
    background: url(../img/svg/ukk_zahlen.svg) center center no-repeat
}

.teaser__content > span.icon-only.icon-fokusgruppe:before {
    background: url(../img/svg/ukk_fokusgruppe.svg) center center no-repeat
}

.teaser__content > span.icon-only.icon-verwaltung-kontakt:before {
    background: url(../img/svg/ukk_verwaltung_kontakt.svg) center center no-repeat
}

.teaser__content > span.icon-only.icon-doctors-white:before {
    background: url(../img/svg/ukk_doctors_white.svg) center center no-repeat
}

.teaser__content > span.icon-only.icon-phone-white:before {
    background: url(../img/svg/ukk_phone_white.svg) center center no-repeat
}

.teaser__content > span.icon-only.icon-appointment-white:before {
    background: url(../img/svg/ukk_appointment_white.svg) center center no-repeat
}

@media print {
    .teaser__content {
        padding: 0 !important
    }
}

.teaser__content-text {
    padding: 20px
}

@media print {
    .teaser__content-text {
        padding: 0 !important
    }
}

.teaser__header {
    margin: 0
}

.teaser__image {
    margin-right: 20px;
    overflow: hidden;
    float: left
}

.teaser .icon-only {
    font-size: 200%;
    color: #0f2d64
}

.teaser a[href^=tel] {
    color: #565656
}

.teaser--portrait-image .teaser__image {
    max-width: 50%
}

.teaser--portrait-image .teaser__content p {
    overflow: hidden;
    word-wrap: break-word
}

.teaser--landscape-image .teaser__image {
    width: 45%;
    margin-right: 0
}

@media screen and (min-width: 125em) {
    .teaser--landscape-image .teaser__image img {
        width: 100%
    }
}

.teaser--landscape-image .teaser__content {
    float: left;
    max-width: 55%;
    word-wrap: break-word;
    padding: 2%
}

.teaser--center-text .teaser__link {
    display: block
}

.teaser--center-text .teaser__content {
    width: 100%;
    text-align: center;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media print {
    .teaser--center-text .teaser__content {
        position: static !important;
        -webkit-transform: none !important;
        transform: none !important;
        text-align: left !important
    }
}

@media screen and (max-width: 47.999em) {
    .teaser--landscape-image .teaser__content {
        max-width: 100%
    }

    .teaser--center-text .icon-only {
        float: left
    }
}

.teaser--logo .color-pattern + a, .teaser--logo .row + a, .teaser--logo-wide .color-pattern + a, .teaser--logo-wide .row + a {
    margin-top: 20px;
    display: inline-block
}

.teaser--logo .teaser__pic, .teaser--logo-wide .teaser__pic {
    width: 100%;
    min-height: 140px;
    border-bottom: 1px solid #565656;
    position: relative
}

.teaser--logo .teaser__pic img, .teaser--logo-wide .teaser__pic img {
    position: absolute;
    width: auto;
    max-height: 100px;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%)
}

@media print {
    .teaser--logo, .teaser--logo-wide {
        display: none !important
    }
}

@media screen and (min-width: 62em) {
    .teaser--logo .teaser__pic {
        float: left;
        border-right: 1px solid #565656;
        min-height: inherit;
        width: 30%;
        border-bottom: none
    }

    .teaser--logo .teaser__pic + .teaser__content {
        float: left;
        border-left: 1px solid #565656;
        margin-left: -1px;
        width: 60%
    }
}

.teaser--image-top {
    max-height: inherit
}

.teaser--image-top .subline {
    color: #565656;
    font-size: 12px;
    font-size: .75rem;
    margin: 0 0 10px
}

.teaser--image-top .teaser__image {
    float: none;
    margin-right: 0
}

@media screen and (min-width: 125em) {
    .teaser--image-top .teaser__image img {
        width: 100%
    }
}

.teaser--contact .col {
    padding: 0
}

.teaser--contact .icon-only {
    float: left;
    color: #8a99a7;
    margin-left: -1.2rem
}

@media screen and (max-width: 47.999em) {
    .teaser--contact .icon-only {
        margin-left: -1rem
    }
}

.teaser--contact .icon-only + a {
    display: inline-block
}

.teaser--contact .icon-only + a, .teaser--contact .icon-only + div, .teaser--contact .icon-only + p {
    float: left;
    margin-top: 10px
}

@media screen and (min-width: 48em) {
    .teaser--contact .icon-only {
        float: none;
        display: block;
        text-align: center;
        font-size: 200%
    }

    .teaser--contact .icon-only + a, .teaser--contact .icon-only + div, .teaser--contact .icon-only + p {
        float: none;
        text-align: left;
        clear: both
    }

    .teaser--position .teaser__image + .teaser__content {
        float: left;
        width: 75%;
        width: calc(100% - 190px)
    }
}

@media screen and (min-width: 62em) {
    .teaser--contact {
        margin-top: 20px
    }

    .teaser--contact .icon-only {
        float: left;
        text-align: left
    }

    .teaser--contact .icon-only + a, .teaser--contact .icon-only + div, .teaser--contact .icon-only + p {
        float: left;
        clear: none
    }
}

.teaser--position .teaser__image + .teaser__content {
    padding: 20px
}

.teaser--position .teaser__content a:not([href^=tel]) {
    color: #0f2d64;
    text-decoration: underline
}

.teaser--position .teaser__content a:not([href^=tel]).link--more:after {
    content: '|'
}

.teaser--position .teaser__content a:not([href^=tel]).link--more.no-pipe:after, .teaser--position .teaser__content a:not([href^=tel]).link--more:last-of-type:after {
    content: ''
}

.teaser--position .teaser__content a:not([href^=tel]).link--more:hover:after {
    bottom: 2px
}

.teaser--position .teaser__content hr {
    margin: 40px 0
}

.teaser--position p {
    margin: 10px 0 20px
}

@media screen and (max-width: 47.999em) {
    .teaser {
        min-height: initial;
        max-height: initial
    }

    .teaser--landscape-image .teaser__image, .teaser--portrait-image .teaser__image, .teaser--position .teaser__image {
        float: none;
        width: 100%;
        max-width: 100%
    }

    .teaser img {
        display: block;
        max-width: 100%;
        margin-right: auto;
        margin-left: auto
    }

    .teaser.teaser--center-text {
        min-height: 232px;
        max-height: 232px
    }
}

.cv-container {
    margin: -20px 0 20px
}

.cv-container .box {
    margin: 0;
    padding: 20px
}

.cv-container .tab-accordion {
    margin: 0
}

.tab-content {
    overflow: hidden
}

.tab-content__apply-button {
    padding: 10px 40px !important
}

.tab-content__select {
    padding: 20px !important;
    border: 1px solid #8a99a7;
    position: relative;
    color: #fff;
    background: #0f2d64;
    z-index: 8 !important
}

@media screen and (min-width: 48em) {
    .tab-content__select {
        display: none
    }
}

@media print {
    .teaser {
        width: 100% !important
    }

    .tab-content__select {
        display: none !important
    }
}

.tab-content__dropped-down span {
    display: none
}

@media screen and (max-width: 47.999em) {
    .tab-content__dropped-down span {
        display: block
    }
}

@media print {
    .tab-content__dropped-down {
        display: none !important
    }
}

.tab-content__headline {
    display: table;
    width: 100%;
    -o-box-shadow: 0 3px 3px rgba(68, 68, 68, .2);
    -ms-box-shadow: 0 3px 3px rgba(68, 68, 68, .2);
    box-shadow: 0 3px 3px rgba(68, 68, 68, .2);
    margin-bottom: 20px
}

.tab-content__headline li {
    -o-box-shadow: inset 2px 2px 3px rgba(68, 68, 68, .2);
    -ms-box-shadow: inset 2px 2px 3px rgba(68, 68, 68, .2);
    box-shadow: inset 2px 2px 3px rgba(68, 68, 68, .2);
    text-align: center;
    display: table-cell;
    float: none;
    cursor: pointer;
    width: 33%;
    border: 1px solid #8a99a7;
    border-left: 0;
    padding: 20px;
    font-weight: 700;
    background-color: #fff
}

.application, .tab-content .active, .tab-content__active-mobile {
    background: #0f2d64;
    color: #fff
}

.tab-content__headline li:first-child {
    border-left: 1px solid #8a99a7
}

.tab-content__headline li:hover {
    background: #0f2d64;
    color: #fff;
    border-color: #0f2d64
}

@media screen and (max-width: 29.999em) {
    .tab-content__headline li {
        border: 1px solid #0f2d64;
        width: 100%;
        display: block;
        padding: 20px;
        position: relative
    }
}

@media screen and (max-width: 47.999em) {
    .tab-content__headline li {
        border: 1px solid #8a99a7;
        width: 100%;
        display: block;
        padding: 20px;
        text-align: left;
        margin-bottom: 0
    }

    .tab-content__headline li:first-child {
        border-bottom: 0
    }

    .tab-content__headline li:last-child {
        border-bottom: 1px solid #8a99a7;
        border-top: 0
    }

    .tab-content__headline {
        display: none
    }
}

.tab-content .active {
    position: relative;
    border-color: #0f2d64
}

.tab-content .active:first-child {
    border-left: 1px solid #0f2d64
}

@media screen and (min-width: 48em) {
    .tab-content .active:after {
        display: none
    }
}

@media screen and (min-width: 62em) {
    .tab-content .active:after {
        display: none
    }
}

.tab-content__flyout {
    display: none
}

@media print {
    .tab-content__flyout {
        display: block !important
    }
}

.no-js .tab-content__flyout, .tab-content .is-active {
    display: block
}

.tab-content__active-mobile:after {
    position: absolute;
    top: 15px;
    right: 15px
}

.application {
    border-bottom: 1px solid #fff
}

.application__frm {
    padding-top: 40px
}

.application__headline {
    position: relative;
    padding: 20px 35px 20px 20px;
    border-bottom: 1px solid #e1e1e1;
    color: #0f2d64;
    cursor: pointer
}

.application__headline a:before {
    display: inline-block;
    line-height: .9em;
    overflow: hidden
}

.application__headline:last-child {
    background: 0 0;
    border: 0
}

.application__headline:last-child:after {
    display: none
}

.application__headline:after {
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -20px
}

.application__headline.application--active {
    background: #0f2d64;
    color: #fff !important;
    position: relative
}

.application__headline.application--active:after {
    margin-top: -15px
}

.application__context {
    padding: 20px;
    overflow: hidden
}

.application__content label {
    display: block;
    font-weight: 700;
    padding: 20px 0
}

.application__documents {
    margin-bottom: 40px
}

.application__documents:before {
    background-position: top;
    background-repeat: repeat-x;
    background-size: 28px 28px;
    content: "";
    display: block;
    position: absolute;
    top: -25px;
    left: 0;
    width: 100%;
    height: 32px
}

.application__upload-wrapper .btn {
    float: right;
    width: 20%;
    padding: 4px 10px 4px 20px !important;
    border-color: #8a99a7 !important;
    white-space: nowrap
}

.application__upload-wrapper .btn span {
    display: none
}

@media screen and (min-width: 48em) {
    .application__upload-wrapper .btn span {
        display: inline
    }
}

@media screen and (max-width: 29.999em) {
    .application__upload-wrapper .btn {
        float: left;
        padding: 4px 10px 2px 6px !important;
        display: inline-block;
        margin-top: 4px !important
    }
}

.application__upload-input {
    float: left;
    border: 1px solid #8a99a7;
    border-right: none;
    padding: 8px;
    width: 80%
}

@media screen and (max-width: 29.999em) {
    .application__upload-input {
        width: 100%;
        border-right: 1px solid #8a99a7
    }

    .application__upload-input input {
        width: 100%
    }
}

.application__content-application {
    border-bottom: 1px solid #e1e1e1;
    padding: 0 0 20px;
    margin: 20px 0
}

.application__is-active-icon:after {
    font-size: 24px;
    font-size: 1.5rem;
    position: absolute;
    top: 50%;
    margin-top: -12px
}

.application__info {
    width: 50%
}

.application__bra-uploadbutton {
    width: 30% !important;
    text-align: center !important;
    color: #0f2d64;
    cursor: pointer;
    text-decoration: underline;
    border: 1px solid #8a99a7;
    border-left: 0;
    padding: 8px;
    float: left
}

@media screen and (max-width: 47.999em) {
    .application__bra-uploadbutton {
        width: 50% !important
    }
}

.application__uploadbtn {
    overflow: hidden;
    position: relative;
    float: right;
    white-space: nowrap;
    text-align: center
}

.application__filesize {
    display: none
}

@media screen and (min-width: 48em) {
    .application__filesize {
        display: block;
        float: right
    }
}

.application__bra-filename {
    margin: 20px 0;
    float: left;
    padding: 10px !important;
    width: 70% !important
}

@media screen and (max-width: 47.999em) {
    .application__bra-filename {
        width: 50% !important
    }
}

.application__bra-uploadwrapper {
    width: 85%;
    float: left;
    margin-bottom: 20px
}

.application__required {
    color: red
}

.application__form-error-msg {
    font-size: .9em;
    color: red
}

.application__required-field label::after {
    content: "*";
    color: red
}

.application__field-error input {
    border: 1px solid red
}

.application__gretting {
    text-align: center;
    display: none
}

.application .mobile {
    display: none
}

.application .mobile .form-nav-next, .application .mobile .form-nav-prev {
    padding: 10px 30px
}

@media screen and (max-width: 47.999em) {
    .application .mobile {
        display: block
    }

    .application .desktop {
        display: none
    }
}

.direct-search > .sub-navigation__header, .direct-search > .teaser__header, .direct-search > h1, .direct-search > h2 {
    margin-top: 0
}

@media print {
    .direct-search {
        display: none !important
    }
}

.content-header {
    margin: 0 auto 20px
}

@media screen and (max-width: 47.999em) {
    .content-header {
        margin-bottom: 0
    }
}

@media screen and (min-width: 125em) {
    .content-header {
        max-height: 600px;
        overflow: hidden
    }
}

.content-header img {
    width: 100%;
    position: relative;
    z-index: 1
}

.content-header__logo-content {
    background: #fff;
    padding: 20px;
    display: block
}

.content-header__logo {
    background: url(../img/svg/UKK_Logo_RGB.svg) no-repeat;
    width: 250px;
    background-size: 200px;
    height: 80px
}

@media screen and (max-width: 61.999em) {
    .corp .content-header {
        margin-bottom: 0
    }
}

.date-picker {
    display: table;
    margin-bottom: 20px;
    width: 100%
}

.date-picker label {
    display: inline-block;
    font-weight: 400;
    line-height: 40px;
    margin-bottom: 0;
    margin-right: 1rem
}

@media screen and (min-width: 48em) {
    .date-picker label {
        display: table-cell;
        float: left
    }

    .date-picker label:nth-of-type(2) {
        margin-left: 1rem
    }
}

.date-picker__field:before {
    display: none
}

.date-picker__field .date-input-wrapper {
    position: relative
}

.date-picker__field .date-input-wrapper .date-calendar {
    color: #fff;
    position: absolute;
    top: 0;
    height: 40px;
    width: 44px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #0f2d64;
    cursor: pointer;
    padding: 3px;
    right: 0;
    z-index: 2;
    pointer-events: none
}

.date-picker__field .date-input-wrapper input::-webkit-calendar-picker-indicator {
    margin-right: -10px;
    height: 34px;
    width: 34px
}

.date-picker__input {
    display: block;
    position: relative;
    float: none
}

@media screen and (min-width: 48em) {
    .date-picker__input {
        display: table-cell;
        float: left;
        vertical-align: bottom
    }
}

@media screen and (min-width: 62em) {
    .date-picker__input {
        float: none;
        min-width: 156px
    }
}

.date-picker__input:before {
    color: #0f2d64;
    position: absolute;
    top: 1px;
    border-left: 1px solid #8a99a7;
    padding: 3px;
    right: 0;
    z-index: 2;
    pointer-events: none
}

.date-picker__input:hover:before {
    transition: background-color .2s linear, color .2s linear;
    background: #0f2d64;
    color: #fff
}

.date-picker .dp-choose-date.is-active {
    background: #0f2d64;
    color: #fff
}

.date-picker input {
    cursor: pointer
}

@media print {
    .date-picker {
        display: none !important
    }
}

.dp-popup {
    background: #f6f6f6 !important;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
    padding: 0 !important;
    width: 350px !important;
    margin: 15px 0;
    line-height: 1.2em
}

@media screen and (max-width: 47.999em) {
    .dp-popup {
        width: 60% !important
    }
}

.dp-popup .sub-navigation__header, .dp-popup .teaser__header, .dp-popup h2 {
    color: #565656;
    font-size: 16px !important;
    text-align: center;
    margin: 0 !important;
    padding: 14px !important;
    overflow: hidden;
    width: 100%
}

.dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 0 2px !important
}

.dp-popup a.disabled {
    cursor: default
}

.dp-popup div {
    background: #f6f6f6;
    padding: 0
}

.dp-popup div.dp-nav-next, .dp-popup div.dp-nav-prev {
    position: absolute;
    top: 13px !important
}

.dp-popup div.dp-nav-next a, .dp-popup div.dp-nav-prev a {
    cursor: pointer;
    line-height: 0;
    font-size: 0;
    margin-top: -9px
}

.dp-popup div.dp-nav-next a.disabled, .dp-popup div.dp-nav-prev a.disabled {
    cursor: default
}

.dp-popup div.dp-nav-next a:before, .dp-popup div.dp-nav-prev a:before {
    font-family: icomoon;
    font-size: 32px;
    font-size: 2rem
}

.dp-popup div .dp-nav-next-month, .dp-popup div .dp-nav-prev-month {
    font-size: 20px;
    font-size: 1.25rem;
    color: #0f2d64
}

.dp-popup div .dp-nav-next-year, .dp-popup div .dp-nav-prev-year {
    display: none
}

.dp-popup div.dp-nav-prev {
    left: 4px
}

.dp-popup div.dp-nav-prev a {
    float: left
}

.dp-popup div.dp-nav-prev a:before {
    content: "\e602"
}

.dp-popup div.dp-nav-next {
    right: 4px
}

.dp-popup div.dp-nav-next a {
    float: right
}

.dp-popup div.dp-nav-next a:before {
    content: "\e603"
}

.dp-popup td {
    cursor: pointer
}

.dp-popup td.disabled {
    cursor: default
}

@media print {
    .dp-popup {
        display: none !important
    }
}

.dp-calendar {
    padding: 0 !important
}

.dp-calendar table.jCalendar {
    border: 0;
    background: #fff !important;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0
}

.dp-calendar table.jCalendar thead {
    border-bottom: 1px solid #f6f6f6
}

.dp-calendar table.jCalendar th {
    background: #fff;
    color: #8a99a7;
    font-weight: 700;
    line-height: 35px;
    padding: 0;
    border: 0;
    text-align: center;
    width: 50px
}

.dp-calendar table.jCalendar td {
    font-size: 16px;
    font-size: 1rem;
    background: #fff;
    border: 1px solid #f6f6f6;
    border-right: none;
    color: #8a99a7;
    line-height: 29px;
    padding: 0;
    text-align: center
}

@media screen and (max-width: 47.999em) {
    .dp-calendar table.jCalendar tr {
        padding: 0
    }

    .dp-calendar table.jCalendar td {
        display: inline-table
    }

    .dp-calendar table.jCalendar td:before {
        display: none
    }
}

.dp-calendar table.jCalendar td.other-month {
    background: #fff;
    color: #fff;
    cursor: default
}

.dp-calendar table.jCalendar td.other-month:hover {
    background: #fff
}

.dp-calendar table.jCalendar td.today {
    color: #eb8f00;
    font-weight: 700
}

.dp-calendar table.jCalendar td.selected {
    background: #0f2d64;
    color: #fff
}

.dp-calendar table.jCalendar td.selected.dp-hover {
    background: #8a99a7;
    color: #565656
}

.dp-calendar table.jCalendar td.dp-hover {
    transition: background-color .2s linear, color .2s linear;
    background: #0f2d64;
    color: #fff
}

.dp-calendar table.jCalendar tr.activeWeekHover td {
    background: #fff;
    color: #000
}

.dp-calendar table.jCalendar tr.selectedWeek td {
    background: #e1e1e1;
    color: #fff
}

.dp-calendar a#dp-close {
    font-size: 14px;
    padding: 4px 0;
    text-align: center;
    display: block
}

.dp-calendar a#dp-close:hover {
    text-decoration: underline
}

.downloadbar__link--size, .teaser-video__link {
    text-decoration: none
}

.disclaimer {
    background: #fff;
    position: relative;
    -o-box-shadow: 3px 3px 3px rgba(68, 68, 68, .4);
    -ms-box-shadow: 3px 3px 3px rgba(68, 68, 68, .4);
    box-shadow: 3px 3px 3px rgba(68, 68, 68, .4);
    padding: 20px;
    margin: 40px 0 20px
}

.disclaimer:before {
    content: '';
    position: absolute;
    top: -13px;
    left: 0;
    right: 0;
    height: 13px;
    background-size: 22px 44px;
    background-repeat: repeat-x;
    background-image: linear-gradient(45deg, transparent 34%, #fff 34%, #fff 63%, rgba(68, 68, 68, .1) 3%, transparent 66%), linear-gradient(315deg, transparent 34%, #fff 34%, #fff 65%, rgba(68, 68, 68, .05) 1%, transparent 66%)
}

@media print {
    .dp-calendar {
        display: none !important
    }

    .disclaimer {
        padding: 0 !important
    }

    .map img, .map.fancybox img {
        display: block !important
    }
}

.darksite {
    padding: 20px;
    background: #fff
}

.darksite__emergency {
    background: #ce2c2c;
    color: #fff;
    padding: 20px
}

.darksite__emergency a {
    color: #fff
}

.darksite__emergency p {
    float: left;
    margin-top: 0;
    width: 100%
}

.darksite__emergency p span {
    margin-top: -10px
}

.darksite__emergency p a {
    font-weight: 700;
    text-decoration: none
}

.darksite .icon-only {
    font-size: 28px;
    font-size: 1.75rem;
    float: left;
    margin-left: -1.2rem
}

.map {
    border: 1px solid #919fac
}

.downloadbar {
    border: 1px solid #8b98a8;
    margin-top: 20px
}

.downloadbar__textcol {
    padding: 30px 20px 0
}

.downloadbar__linkcol {
    padding: 20px
}

@media screen and (min-width: 48em) {
    .downloadbar {
        display: table;
        width: 100%;
        vertical-align: middle
    }

    .downloadbar__textcol {
        display: table-cell;
        padding: 20px;
        border-right: 1px solid #8b98a8
    }

    .downloadbar__linkcol {
        display: table-cell;
        text-align: center;
        border-left: 1px solid #8b98a8;
        margin-left: -1px
    }

    .downloadbar__linkcol > span {
        margin-left: -35px
    }
}

.downloadbar__link--download {
    padding-left: 35px
}

.downloadbar .icon-before {
    color: #0f2d64
}

.downloadbar .icon-before:before {
    display: inline-block;
    line-height: .9em;
    overflow: hidden;
    padding: 0;
    position: absolute;
    left: 0;
    top: -3px
}

.downloadbar .icon-after:before, .downloadbar .icon-before:after {
    display: none
}

.downloadbar .icon-after {
    color: #0f2d64;
    position: relative
}

.downloadbar .icon-after:after {
    display: inline-block;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: -5px
}

.downloadbar .icon-psdfile {
    font-size: 24px;
    font-size: 1.5rem
}

@media screen and (max-width: 47.999em) {
    .downloadbar {
        margin-left: 10px;
        margin-right: 10px
    }
}

.tab-accordion {
    background: #fff;
    margin: 20px 0;
    overflow: hidden;
    border-bottom: 1px solid #8a99a7
}

.tab-accordion__headline {
    position: relative;
    padding: 20px 80px 20px 20px;
    border-top: 1px solid #8a99a7;
    color: #0f2d64;
    font-weight: 500;
    cursor: pointer
}

.tab-accordion__headline:last-child {
    cursor: default;
    padding: 0
}

.tab-accordion__headline:last-child:after {
    display: none
}

.tab-accordion__headline:after {
    font-size: 32px;
    font-size: 2rem;
    position: absolute;
    line-height: 1em;
    top: 15px;
    right: 0
}

@media print {
    .downloadbar {
        display: none
    }

    .tab-accordion__headline:after {
        display: none !important
    }
}

.tab-accordion__headline.is-active {
    margin: 0
}

.tab-accordion__headline.is-active:after {
    font-size: 32px;
    font-size: 2rem
}

.tab-accordion__flyout {
    padding: 0 20px;
    display: none;
    overflow: hidden
}

.tab-accordion__flyout img {
    margin: 20px auto
}

@media screen and (max-width: 47.999em) {
    .tab-accordion__flyout img {
        width: 100%;
        padding-right: 0
    }
}

.tab-accordion__flyout--content img {
    margin: 0
}

@media print {
    .tab-accordion__flyout {
        display: block !important
    }
}

.tab-accordion__slider {
    position: relative
}

.tab-accordion__slider.next, .tab-accordion__slider.prev {
    background: #0f2d64;
    color: #fff;
    width: 40px;
    height: 40px;
    position: absolute;
    padding: 4px 0;
    top: 40%;
    cursor: pointer;
    opacity: .8
}

.tab-accordion__slider.next {
    right: 10px
}

.tab-accordion__slider.prev {
    left: 10px
}

.tab-accordion__slider .slick-slider__pagination {
    position: relative;
    text-align: right;
    margin: 0
}

.tab-accordion__slider--right {
    float: right
}

.tab-accordion__slider--center {
    width: 100%;
    padding: 0 20%
}

.tab-accordion__slider--center .slick-track {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.tab-accordion__slider--center .slick-next, .tab-accordion__slider--center .slick-prev {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0
}

.tab-accordion__slider--center .slick-next {
    right: 13%;
    left: auto
}

@media screen and (max-width: 47.999em) {
    .tab-accordion__slider--center {
        padding: 0 25px
    }

    .tab-accordion__slider--center .slick-next {
        right: 0;
        left: auto
    }
}

.tab-accordion__slider--center .slick-prev {
    left: 13%;
    right: auto
}

.tab-accordion__flyout .csc-textpic-imagewrap {
    float: right;
    width: auto !important
}

.tab-accordion__flyout .csc-textpic-imagewrap figure {
    float: right;
    max-width: 300px
}

.tab-accordion__flyout .csc-textpic-imagewrap figure img {
    max-width: 300px
}

.no-js .tab-accordion__flyout {
    display: block
}

ng-form.ng-invalid .tab-accordion__headline:after {
    color: red
}

ng-form.ng-invalid .tab-accordion__headline.is-active:after, ng-form.ng-invalid.ng-pristine .tab-accordion__headline:after {
    color: inherit
}

.tab-accordion__flyout .text-content__slider {
    width: 300px
}

.google-search {
    position: relative;
    width: 100%
}

.google-search__headline {
    background: #fff;
    width: 100%
}

.google-search__headline-tabs {
    border-bottom: 1px solid #0f2d64;
    display: block;
    padding: 10px 0 0;
    margin: 45px 0 0;
    clear: both;
    height: 53px
}

.google-search__headline-tabs li {
    float: left;
    cursor: pointer;
    padding: 10px 20px;
    margin: 0;
    background: #e1e1e1;
    border-right: 1px solid #fff
}

.google-search__flyout {
    display: none;
    padding: 20px 0
}

.google-search .is-active {
    display: block
}

.google-search .active {
    border: 1px solid #0f2d64;
    border-bottom: 0;
    background: #fff
}

.google-search__input-field {
    width: 90%;
    float: left
}

@media screen and (max-width: 47.999em) {
    .tab-accordion__slider--center .slick-prev {
        left: 0;
        right: auto
    }

    .google-search__input-field {
        width: 80%
    }
}

.google-search__input-button {
    width: 9%;
    float: left;
    background: #0f2d64;
    color: #fff;
    border: 0;
    margin-left: 1%;
    height: 40px;
    text-align: center
}

@media screen and (max-width: 47.999em) {
    .google-search__input-button {
        width: 19%
    }
}

.google-search__input-button:before {
    font-size: 30px;
    font-size: 1.875rem;
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    width: 30px
}

.warning, .warning:before {
    display: none
}

.google-search__data {
    position: relative;
    padding-top: 15px;
    height: 0;
    overflow: hidden;
    clear: left
}

.cirs-formular__textfield-cleared, .main-points:after, .teaser-video__item:nth-child(3n+4) {
    clear: both
}

.google-search__data iframe {
    width: 100%;
    border: none;
    position: absolute;
    top: -100px;
    left: 0;
    height: 100%
}

.google-search .dataFrame {
    padding-bottom: 56.25%
}

.underconstruction, .warning {
    padding: 20px;
    background: #fff;
    overflow: hidden
}

.underconstruction {
    margin: 0 100px
}

@media screen and (max-width: 47.999em) {
    .underconstruction {
        width: 100%;
        margin: 0
    }
}

.warning__icon {
    color: #0f2d64;
    font-size: 0;
    margin: 0 40%
}

.warning__icon:after {
    font-size: 100px;
    font-size: 6.25rem
}

.warning h1 {
    margin-bottom: 0
}

.warning p {
    margin-top: 5px
}

.cirs-formular__col-select {
    width: 20%;
    float: left;
    padding: 0 10px
}

@media screen and (max-width: 47.999em) {
    .cirs-formular__col-select {
        width: 100%;
        padding: 0
    }
}

.cirs-formular__col-select:last-child {
    padding-right: 0
}

.cirs-formular .nopadding-left {
    padding-left: 0
}

.cirs-formular__col-headline-select {
    float: none
}

.cirs-formular__submit-right {
    margin-right: 10px
}

.content-englisch__main {
    background: #fff
}

.content-englisch__captions {
    background: #0f2d64;
    color: #fff;
    padding: 5px 20px
}

@media screen and (max-width: 47.999em) {
    .content-englisch__captions {
        padding-left: 20px
    }
}

.content-englisch__clearly, .content-englisch__container {
    margin: 20px auto;
    padding: 20px
}

.content-englisch__container {
    background: #fff
}

.content-englisch .fancybox-skin {
    background: #0f2d64 !important
}

.content-englisch__logo {
    background: url(../img/svg/UKK_Logo_RGB.svg) no-repeat;
    margin: 10px;
    width: 150px;
    background-size: 150px;
    height: 60px
}

.content-englisch__content-logo {
    background: #fff
}

.content-englisch .fancybox-outer {
    overflow-x: hidden
}

.englisch-pages div.csc-textpic-imagewrap {
    width: 200px;
    float: left;
    margin-right: 20px;
    margin-top: 10px
}

.englisch-pages div.csc-textpic figure {
    text-align: left
}

.englisch-pages .box > .sub-navigation__header, .englisch-pages .box > .teaser__header, .englisch-pages .box > h2, .englisch-pages h1 {
    margin-top: 10px
}

@media screen and (min-width: 62em) {
    .englisch-pages .box {
        width: 100%
    }

    .englisch-pages .color-pattern, .englisch-pages .row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .englisch-pages [class^=col-] {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.contact-list dt {
    float: left;
    width: 20%
}

.contact-list dd {
    float: left;
    margin-left: 0;
    width: 80%
}

.button-list {
    margin: 30px 0 0
}

.button-list a {
    font-weight: 400
}

@media print {
    .button-list {
        display: none
    }
}

.tags, .tags--more {
    position: relative;
    margin-bottom: 20px;
    margin-left: 1rem
}

.tags li, .tags--more li {
    display: inline-block;
    margin-right: 2.2rem;
    position: relative
}

.tags li:after, .tags--more li:after {
    content: '|';
    position: absolute;
    right: -.8rem
}

.tags li:last-child:after, .tags--more li:last-child:after {
    content: ''
}

.tags a:before, .tags--more a:before {
    font-size: 24px;
    font-size: 1.5rem;
    transition: left .2s;
    display: inline-block;
    overflow: hidden;
    line-height: .9em;
    position: absolute;
    left: -1.8rem;
    top: -1px
}

.tags a:hover:before, .tags--more a:hover:before {
    left: -1.8rem
}

.tags a:visited, .tags--more a:visited {
    color: #b35d5d
}

.tags a:visited:after, .tags--more a:visited:after {
    background: #b35d5d
}

@media print {
    .tags {
        display: none !important
    }
}

.app-links .app-links__link {
    display: block;
    margin: 20px 0;
    max-width: 200px
}

.app-links .app-links__link::after {
    content: none
}

@media screen and (min-width: 48em) {
    .app-links .app-links__link {
        display: inline-block;
        margin: 0 10px 0 0;
        max-width: 150px
    }

    .app-links .app-links__link--mobile {
        display: none
    }
}

.teaser-video__item {
    position: relative;
    background: 0 0;
    margin-top: 15px;
    color: #0f2d64;
    text-align: center
}

.teaser-video__link {
    display: block;
    width: 100%
}

.teaser-video__image {
    width: 100%
}

.teaser-video__container {
    position: relative;
    padding: 10px 10px 0;
    line-height: 19px;
    width: 100%;
    background: #fff;
    text-align: left;
    height: 77px
}

@media screen and (min-width: 61.999em) {
    .teaser-video__container {
        padding: 10px
    }
}

.teaser-video__header {
    position: relative;
    margin: 0;
    padding: 0 15px 0 0
}

.popup-cookie {
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 5%;
    background: rgba(15, 45, 100, .9);
    -webkit-transform: translateY(102%);
    transform: translateY(102%);
    transition: -webkit-transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s
}

@media screen and (min-width: 30em) {
    .popup-cookie {
        padding: 30px 5%
    }
}

.popup-cookie.show-popup {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.popup-cookie__text {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 0 15px;
    float: left;
    color: #fff;
    font-size: 14px
}

@media screen and (min-width: 30em) {
    .popup-cookie__text {
        padding-left: 70px;
        font-size: 16px
    }
}

@media screen and (min-width: 62em) {
    .popup-cookie__text {
        width: 70%;
        margin-bottom: 0
    }
}

.popup-cookie__text:before {
    position: absolute;
    left: 0;
    top: -8px;
    display: none;
    font-size: 60px
}

.popup-cookie__text a {
    color: #fff;
    text-decoration: underline
}

.cio-theme .slick-slider section:hover a, .cio-theme .slick-slider section:hover p, .cio-theme [class^=btn].icon-after span, .cio-theme [class^=btn].icon-before span, .cio-theme [class^=btn].icon-only span, .consortium-fbuek .slick-slider section:hover a, .consortium-fbuek .slick-slider section:hover p, .consortium-fbuek [class^=btn].icon-after span, .consortium-fbuek [class^=btn].icon-before span, .consortium-fbuek [class^=btn].icon-only span, .main-points .main-point a {
    text-decoration: none
}

.popup-cookie__button {
    background: 0 0;
    border-color: #fff;
    color: #fff;
    float: left;
    margin: 5px 0 0;
    text-decoration: none
}

@media screen and (min-width: 30em) {
    .popup-cookie__text:before {
        display: block
    }

    .popup-cookie__button {
        margin-left: 70px
    }
}

@media screen and (min-width: 62em) {
    .popup-cookie__button {
        max-width: 30%;
        float: right;
        margin-left: 0
    }
}

.popup-cookie__button:hover {
    background: #fff;
    color: #0f2d64
}

.cio-theme .sub-navigation__headline.active, .cio-theme .tab-content .active, .cio-theme .tab-content__headline li:hover {
    background: #bc282f
}

.cio-theme .application__gretting, .cio-theme .application__headline, .cio-theme .category__headline, .cio-theme .h1, .cio-theme .h2, .cio-theme .h3, .cio-theme .h4 .sub-navigation__header, .cio-theme .search__topic strong, .cio-theme .sub-navigation__header, .cio-theme .sub-navigation__headline-sub.active, .cio-theme .sub-navigation__headline-sub:hover, .cio-theme .tab-content__select, .cio-theme .teaser__header, .cio-theme footer .footernav__anker .sub-navigation__header, .cio-theme footer .footernav__tweet, .cio-theme footer .footernav__youTube, .cio-theme h1, .cio-theme h2, .cio-theme h3, .cio-theme h4, .search__topic .cio-theme strong, footer .cio-theme .footernav__anker .sub-navigation__header, footer .cio-theme .footernav__tweet, footer .cio-theme .footernav__youTube {
    color: #bc282f
}

.tx-felogin-pi1 > h3 {
    font-size: 1.125rem
}

.tx-felogin-pi1 form {
    margin-top: 30px
}

.tx-felogin-pi1 fieldset > div {
    margin-bottom: 20px
}

.tx-felogin-pi1 fieldset input {
    margin-top: 15px
}

.tx-felogin-pi1 fieldset label {
    vertical-align: middle
}

body.cio-theme .nav__list .nav__list-item > a::after {
    border-color: transparent transparent #bc282f
}

.cio-theme input:focus, .cio-theme select:focus, .cio-theme textarea:focus {
    border: 1px solid #565656
}

.cio-theme .search__form input[type=text] {
    border: none
}

.cio-theme .breadcrumb a, .cio-theme .breadcrumb li {
    color: #565656
}

.cio-theme .nav__list-item.is-hover > a, .cio-theme .result-title a {
    color: #bc282f
}

.cio-theme .search__form fieldset {
    border: 3px solid #CCC
}

.cio-theme .header__clinics-bar {
    background: #bc282f;
    border-top: 1px solid #bc282f
}

.cio-theme .tab-content .active:first-child {
    border-left: 1px solid #bc282f
}

.cio-theme .tab-content:not(.active) {
    border: none
}

.cio-theme .tab-content__headline li:not(.active) {
    border: none;
    box-shadow: none
}

.cio-theme .tab-content .active {
    border-color: #bc282f
}

.cio-theme .pagination .btn, .cio-theme .pagination .btn.icon-arrowright:hover, .cio-theme .pagination .btn:hover {
    border: none
}

.cio-theme .popup-cookie {
    background: rgba(188, 42, 52, .9)
}

.cio-theme .nav__flyout li a {
    color: #565656
}

.cio-theme .nav__flyout li a:hover, .cio-theme .teaser--portrait-image .teaser__content .teaser__header {
    color: #bc282f
}

.cio-theme .teaser--portrait-image .teaser__content p {
    color: #565656
}

.cio-theme .teaser__header {
    color: #bc282f
}

.cio-theme .slick-slider .slick-slide p {
    color: #565656
}

.cio-theme .slick-slider .slick-dots li button:focus, .cio-theme .slick-slider .slick-dots li button:hover {
    outline: 0
}

.cio-theme .slick-slider .slick-dots li button:focus:before, .cio-theme .slick-slider .slick-dots li button:hover:before {
    background: #565656
}

.cio-theme .slick-slider .slick-dots li button[class*=slick__control] {
    color: #565656;
    border: none
}

.cio-theme .slick-slider .slick-dots li button[class*=slick__control]:before {
    color: #565656;
    padding: 3px 8px
}

.cio-theme .slick-slider .slick-dots li button[class*=slick__control]:hover {
    color: #fff;
    background: #565656
}

.cio-theme .slick-slider .slick-dots li button[class*=slick__control]:hover:before {
    color: #fff;
    background: 0 0
}

.cio-theme .slick-slider .slick-dots li.slick-active button:before, .cio-theme .slick-slider--gallery .slick-next, .cio-theme .slick-slider--gallery .slick-prev, .cio-theme .slick-slider--intext .slick-next, .cio-theme .slick-slider--intext .slick-prev {
    background: #565656
}

.cio-theme .main-points a, .cio-theme .main-points span:before {
    color: #565656
}

.cio-theme .news-list .news-list__headline {
    color: #bc282f
}

.cio-theme .tab-accordion__headline, .cio-theme .text-right a {
    color: #565656
}

.cio-theme .btn:hover, .cio-theme .pagination .btn.active {
    background: #bc282f;
    color: #fff
}

.cio-theme .tab-accordion__slider.next, .cio-theme .tab-accordion__slider.prev {
    background: #bc282f
}

.cio-theme .pagination .btn.icon-arrowright {
    height: auto
}

.cio-theme .btn:hover {
    border: 1px solid #8a99a7
}

.cio-theme .btn.icon-arrowright, .cio-theme .btn.icon-close {
    height: 45.6px;
    outline: 0
}

.cio-theme .btn.icon-arrowright:hover, .cio-theme .btn.icon-close:hover {
    border: 1px solid #bc282f
}

.cio-theme .btn.icon-close {
    padding: 7px 20px 1px 10px
}

.cio-theme .btn, .cio-theme .date-picker__input::before {
    color: #bc282f
}

.cio-theme .date-picker__input:hover::before {
    background: 0 0
}

.cio-theme .selectboxit-container .selectboxit-options li.selectboxit-focus {
    border: none
}

.cio-theme .selectboxit-container .selectboxit-options a {
    color: #565656
}

.cio-theme .selectboxit-container .selectboxit-options a:hover {
    color: #fff;
    background: #bc282f
}

.cio-theme .selectboxit-focus {
    border: 1px solid #8a99a7
}

.cio-theme .popup-cookie__button.btn {
    color: #fff
}

.cio-theme .popup-cookie__button.btn:hover {
    border: 1px solid #fff;
    background: rgba(188, 42, 52, .9)
}

.cio-theme .tx-indexedsearch .tx-indexedsearch-browsebox .browsebox li.tx-indexedsearch-browselist-currentPage a, .cio-theme .tx-indexedsearch .tx-indexedsearch-browsebox .browsebox li:hover a {
    background: #bc282f;
    color: #fff
}

.cio-theme .tx-indexedsearch .tx-indexedsearch-browsebox .browsebox li a {
    color: #bc282f
}

.cio-theme footer .footernav__social a {
    color: #565656
}

.cio-theme footer .footernav__social a:hover:before {
    color: #bc282f
}

.cio-theme .tx-bra-events-ukk h1 {
    color: #565656
}

.cio-theme .tab-content__select {
    background: #bc282f;
    color: #fff
}

.form-fastlane {
    margin: 25px 0
}

.form-fastlane #step-2 {
    display: none
}

.form-fastlane #formz-ex-form-appointment-date {
    width: auto;
    display: inline-block
}

.form-fastlane h1 {
    text-align: center
}

.form-fastlane .btn, .form-fastlane__field {
    margin-top: 20px
}

@media screen and (max-width: 47.999em) {
    .form-fastlane__field {
        margin-top: 10px
    }
}

.form-fastlane__field label {
    color: #565656;
    font-weight: 700;
    margin-bottom: 10px
}

.form-fastlane__field label span {
    color: #565656;
    float: left;
    text-align: left;
    font-weight: 400;
    margin-right: 20px
}

.form-fastlane input.util-color-error {
    border: 1px solid red;
    color: red
}

.form-fastlane .js-validation-type-error, .form-fastlane input.util-color-error + div, .form-fastlane input.util-color-error + span {
    color: red
}

.form-fastlane select.util-color-error {
    border: 1px solid red;
    color: red
}

.form-fastlane select.util-color-error + div {
    color: red
}

.form-fastlane__input-box select {
    font-size: 16px;
    outline: 0;
    cursor: pointer
}

.form-fastlane__input-box select option {
    color: #666
}

.form-fastlane__select-wrapper {
    position: relative
}

.form-fastlane__select-wrapper:after {
    content: '\e601';
    font: normal normal normal 36px/1 icomoon;
    right: 11px;
    top: 5px;
    height: 39px;
    padding: 10px 0 0 8px;
    border-left: 1px solid #8999a8;
    position: absolute;
    pointer-events: none
}

.form-fastlane__select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    outline: 0;
    height: 50px;
    float: right;
    margin: 5px 0;
    font-size: 16px;
    line-height: 1.75;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #8999a8;
    -ms-word-break: normal;
    word-break: normal
}

@media screen and (max-width: 47.999em) {
    .form-fastlane__select-wrapper select {
        height: 40px
    }

    .color-pattern .equalHeights > li, .equalHeights > .col-s-6 {
        width: 100%
    }
}

.form-fastlane__select-wrapper__steps {
    text-align: center
}

form[name=exForm] #step-1 [fz-field-container=alreadyPatientAtUHC], form[name=exForm] #step-2 [fz-field-container=contractualGeneralConditions], form[name=exForm] #step-3 [fz-field-container=insuranceType] {
    display: block
}

form[name=exForm] #step-1 [fz-field-container=alreadyPatientAtUHC] .btn, form[name=exForm] #step-2 [fz-field-container=contractualGeneralConditions] .btn, form[name=exForm] #step-3 [fz-field-container=insuranceType] .btn {
    border: 1px solid #8a99a7;
    pointer-events: none;
    background: #fff;
    color: #8a99a7
}

form[name=exForm][fz-valid-already-patient-at-u-h-c="1"][fz-valid-patient-first-name="1"][fz-valid-patient-last-name="1"][fz-valid-patient-date-of-birth="1"][fz-valid-patient-street="1"][fz-valid-patient-housenumber="1"][fz-valid-patient-postal-code="1"][fz-valid-patient-city="1"][fz-valid-patient-email-address="1"] #step-2 [fz-field-container=contractualGeneralConditions] .btn, form[name=exForm][fz-valid-appointment-date="1"][fz-valid-treatment-type="1"][fz-valid-specialistarea-clinic-ambulance="1"] #step-1 [fz-field-container=alreadyPatientAtUHC] .btn, form[name=exForm][fz-valid-contractual-general-conditions="1"][fz-valid-patient-information-d-s-g-v-o="1"] #step-3 [fz-field-container=insuranceType] .btn, form[name=exForm][fz-valid="1"] #step-4 button#send {
    background: #0f2d64;
    border-color: #0f2d64;
    color: #fff;
    pointer-events: all
}

form[name=exForm][fz-valid-already-patient-at-u-h-c="1"][fz-valid-patient-first-name="1"][fz-valid-patient-last-name="1"][fz-valid-patient-date-of-birth="1"][fz-valid-patient-street="1"][fz-valid-patient-housenumber="1"][fz-valid-patient-postal-code="1"][fz-valid-patient-city="1"][fz-valid-patient-email-address="1"] #step-2 [fz-field-container=contractualGeneralConditions], form[name=exForm][fz-valid-appointment-date="1"][fz-valid-treatment-type="1"][fz-valid-specialistarea-clinic-ambulance="1"] #step-1 [fz-field-container=alreadyPatientAtUHC], form[name=exForm][fz-valid-contractual-general-conditions="1"][fz-valid-patient-information-d-s-g-v-o="1"] #step-3 [fz-field-container=insuranceType] {
    display: block
}

form[name=exForm] #step-4 button#send {
    border: 1px solid #8a99a7;
    pointer-events: none;
    background: #fff;
    color: #8a99a7
}

.consortium-fbuek .application__gretting, .consortium-fbuek .application__headline, .consortium-fbuek .category__headline, .consortium-fbuek .h1, .consortium-fbuek .h2, .consortium-fbuek .h3, .consortium-fbuek .h4 .sub-navigation__header, .consortium-fbuek .nav-anchors__open::before, .consortium-fbuek .search__topic strong, .consortium-fbuek .sub-navigation__header, .consortium-fbuek .sub-navigation__headline-sub.active, .consortium-fbuek .sub-navigation__headline-sub:hover, .consortium-fbuek .tab-content__select, .consortium-fbuek .teaser__header, .consortium-fbuek footer .footernav__anker .sub-navigation__header, .consortium-fbuek footer .footernav__tweet, .consortium-fbuek footer .footernav__youTube, .consortium-fbuek h1, .consortium-fbuek h2, .consortium-fbuek h3, .consortium-fbuek h4, .search__topic .consortium-fbuek strong, footer .consortium-fbuek .footernav__anker .sub-navigation__header, footer .consortium-fbuek .footernav__tweet, footer .consortium-fbuek .footernav__youTube {
    color: #f07922
}

body.consortium-fbuek .nav__list .nav__list-item > a::after {
    border-color: transparent transparent #f07922
}

body.consortium-fbuek {
    background: #e2eef0
}

.consortium-fbuek .nav-anchors a.nav-anchors__close, .consortium-fbuek .sub-navigation__headline.active {
    background: #f07922
}

.consortium-fbuek input:focus, .consortium-fbuek select:focus, .consortium-fbuek textarea:focus {
    border-top: 1px solid #565656
}

.consortium-fbuek .breadcrumb a, .consortium-fbuek .breadcrumb li {
    color: #565656
}

.consortium-fbuek .result-title a, .consortium-fbuek .search-anchors .search-anchors__open::before {
    color: #f07922
}

.consortium-fbuek .search__form fieldset {
    border: 3px solid #CCC
}

.consortium-fbuek .search__form fieldset .btn:hover {
    background: #fff;
    color: #f07922
}

.consortium-fbuek .nav__flyout .clone, .consortium-fbuek .popup-cookie, .consortium-fbuek .search-anchors .search-anchors__close, .consortium-fbuek .tab-content .active, .consortium-fbuek .tab-content__headline li:hover {
    background: #f07922
}

.consortium-fbuek .header__clinics-bar {
    background: #f07922;
    border-top: 1px solid #f07922
}

.consortium-fbuek .tab-content .active:first-child {
    border-left: 1px solid #f07922
}

.consortium-fbuek .tab-content:not(.active) {
    border: none
}

.consortium-fbuek .tab-content__headline li:not(.active) {
    border: none;
    box-shadow: none
}

.consortium-fbuek .tab-content .active {
    border-color: #f07922
}

.consortium-fbuek .pagination .btn, .consortium-fbuek .pagination .btn.icon-arrowright:hover, .consortium-fbuek .pagination .btn:hover {
    border: none
}

.consortium-fbuek .nav__list-item > a {
    color: #565656
}

.consortium-fbuek .nav__flyout, .consortium-fbuek .nav__list-item.is-hover > a {
    color: #f07922
}

.consortium-fbuek .nav__flyout li a {
    color: #565656
}

.consortium-fbuek .nav__flyout li a:hover, .consortium-fbuek .teaser--portrait-image .teaser__content .teaser__header {
    color: #f07922
}

.consortium-fbuek .teaser--portrait-image .teaser__content p, .consortium-fbuek main a {
    color: #565656
}

.consortium-fbuek .teaser__header {
    color: #f07922
}

.consortium-fbuek .slick-slider .slick-slide p {
    color: #565656
}

.consortium-fbuek .slick-slider .slick-dots li button:focus, .consortium-fbuek .slick-slider .slick-dots li button:hover {
    outline: 0
}

.consortium-fbuek .slick-slider .slick-dots li button:focus:before, .consortium-fbuek .slick-slider .slick-dots li button:hover:before {
    background: #565656
}

.consortium-fbuek .slick-slider .slick-dots li button[class*=slick__control] {
    color: #565656;
    border: none
}

.consortium-fbuek .slick-slider .slick-dots li button[class*=slick__control]:before {
    color: #565656;
    padding: 3px 8px
}

.consortium-fbuek .slick-slider .slick-dots li button[class*=slick__control]:hover {
    color: #fff;
    background: #565656
}

.consortium-fbuek .slick-slider .slick-dots li button[class*=slick__control]:hover:before {
    color: #fff;
    background: 0 0
}

.consortium-fbuek .slick-slider .slick-dots li.slick-active button:before {
    background: #565656
}

.consortium-fbuek .main-points a, .consortium-fbuek .main-points span:before {
    color: #565656
}

.consortium-fbuek .downloadbar .icon-after, .consortium-fbuek .downloadbar .icon-before, .consortium-fbuek .list-icon .icon-before, .consortium-fbuek .list-icon .icon-before:before, .consortium-fbuek .news-list .news-list__headline {
    color: #f07922
}

.consortium-fbuek .tab-accordion__headline, .consortium-fbuek .text-right a {
    color: #565656
}

.consortium-fbuek .btn:hover, .consortium-fbuek .pagination .btn.active {
    background: #f07922;
    color: #fff
}

.consortium-fbuek .tab-accordion__slider.next, .consortium-fbuek .tab-accordion__slider.prev {
    background: #f07922
}

.consortium-fbuek .pagination .btn.icon-arrowright {
    height: auto
}

.consortium-fbuek .btn:hover {
    border: 1px solid #8a99a7
}

.consortium-fbuek .btn.icon-arrowright, .consortium-fbuek .btn.icon-close {
    height: 45.6px;
    outline: 0
}

.consortium-fbuek .btn.icon-arrowright:hover, .consortium-fbuek .btn.icon-close:hover {
    border: 1px solid #f07922
}

.consortium-fbuek .btn.icon-close {
    padding: 7px 20px 1px 10px
}

.consortium-fbuek .btn, .consortium-fbuek .date-picker__input::before {
    color: #f07922
}

.consortium-fbuek .date-picker__input:hover::before {
    background: 0 0
}

.consortium-fbuek .selectboxit-container .custom-select.selectboxit-hover, .consortium-fbuek .selectboxit-container .custom-select.selectboxit-open {
    background: #f07922;
    color: #fff
}

.consortium-fbuek .selectboxit-container .selectboxit-options li.selectboxit-focus {
    border: none
}

.consortium-fbuek .selectboxit-container .selectboxit-options a {
    color: #565656
}

.consortium-fbuek .selectboxit-container .selectboxit-options a:hover {
    color: #fff;
    background: #f07922
}

.consortium-fbuek .selectboxit-focus {
    border: 1px solid #8a99a7
}

.consortium-fbuek .popup-cookie__button.btn {
    color: #fff
}

.consortium-fbuek .popup-cookie__button.btn:hover {
    border: 1px solid #fff;
    background: rgba(188, 42, 52, .9)
}

.consortium-fbuek .external-link-new-window {
    color: #565656
}

.consortium-fbuek .external-link-new-window:visited {
    color: #f07922
}

.consortium-fbuek footer .footernav__social a {
    color: #565656
}

.consortium-fbuek footer .footernav__social a:hover:before {
    color: #f07922
}

.consortium-fbuek footer .footernav__anker {
    border: 1px solid #f07922;
    color: #f07922 !important
}

.consortium-fbuek .tx-bra-events-ukk h1 {
    color: #565656
}

.consortium-fbuek .tab-content__select {
    background: #f07922;
    color: #fff
}

.consortium-fbuek .checkliste_table {
    border-collapse: collapse
}

.consortium-fbuek .checkliste_table .checkliste_td label {
    display: block;
    padding-left: 20px
}

.consortium-fbuek .checkliste_table .checkliste_td input {
    top: 6px
}

.equalHeights {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.equalHeights:after, .equalHeights:before {
    content: normal
}

.color-pattern .equalHeights > li, .equalHeights > .col-s-6 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.equalHeights > li {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.equalHeights .box {
    width: 100%
}

.main-points {
    margin-bottom: 20px
}

.main-points:after, .main-points:before {
    content: " ";
    display: table
}

.contact-module .icon-location > div, .contact-module .icon-phone > div, .contact-module .icon-route > div, .tx-bra-clinical-study-register-uk .title {
    display: inline-block
}

.main-points .main-point {
    background: #fff;
    padding: 10px;
    margin-bottom: 20px;
    font-weight: 700
}

.main-points .main-point a:hover {
    text-decoration: underline
}

.icons-career a, .job-categories a, .job-teaser a, .people-teaser__link {
    text-decoration: none
}

body.clinics .main-points .main-point {
    padding: 15px;
    position: relative
}

body.clinics .main-points .main-point > span {
    left: 10px;
    position: absolute;
    top: 10px
}

body.clinics .main-points .main-point a {
    display: inline-block;
    padding-left: 45px
}

.contact-module .icon-location:before, .contact-module .icon-phone:before, .contact-module .icon-route:before {
    vertical-align: top;
    font-size: 50px;
    font-size: 3.125rem;
    color: #8a99a7
}

.contact-module .icon-location > div a, .contact-module .icon-phone > div a, .contact-module .icon-route > div a {
    color: #0f2d64
}

.tx-bra-clinical-study-register-uk .status-green {
    color: #afcd50
}

.people-teaser .fancybox::before, .tx-bra-clinical-study-register-uk .study-register-tree > li > ul {
    display: none
}

.tx-bra-clinical-study-register-uk .precompiled-content, .tx-bra-clinical-study-register-uk p {
    margin-left: 20px
}

.tx-bra-clinical-study-register-uk .contacts {
    padding: 5px 20px;
    background: #efefef
}

.tx-bra-clinical-study-register-uk ul {
    margin: 5px 0
}

.tx-bra-clinical-study-register-uk p:blank {
    background: red
}

.tx-bra-clinical-study-register-uk .study-register-tree > li {
    cursor: pointer
}

.tx-bra-clinical-study-register-uk .study-register-tree > li > ul li {
    cursor: auto
}

.people-teaser {
    margin: 0;
    padding: 0;
    list-style: none
}

.people-teaser__item {
    border: 1px solid #565656;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 1em
}

.people-teaser__name {
    font-weight: 700;
    margin: 0 4em 0 0
}

@media (min-width: 48em) {
    .people-teaser__name {
        width: 35%
    }
}

.people-teaser__email {
    display: inline-block;
    margin: 0 4em 0 0
}

.people-teaser__link {
    color: #2c9ab7;
    display: inline-block;
    font-size: .9em
}

.people-teaser__right {
    padding-right: .5em;
    position: absolute;
    right: 40px
}

.people-teaser-content__wrapper {
    display: none
}

.people-teaser-content {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.people-teaser-content__image {
    height: 100%;
    margin: 0 2em 0 0
}

.people-teaser-content__content {
    overflow: auto;
    padding: 0 70px 0 1em
}

.people-teaser-content__content span.icon-only::before {
    color: #0f2d64;
    font-size: 150%
}

.people-teaser-content__content a {
    white-space: nowrap
}

.people-teaser-content__headline {
    margin-top: 0
}

.hcc .footernav__social {
    visibility: hidden
}

.fbek_checklist_risk .fbek_first_p {
    text-align: justify
}

.fbek_checklist_risk .fbek_second_p {
    font-size: .8em;
    text-align: left
}

.fbek_checklist_risk #checkliste_risk_result_text, .fbek_checklist_risk .fbek_wrapper, .job-teaser {
    text-align: center
}

.fbek_checklist_risk table#checkliste_risk_table {
    display: block;
    border-spacing: .9em;
    width: 100%;
    border-collapse: collapse;
    margin-top: 16px
}

.fbek_checklist_risk table#checkliste_risk_table tbody, .fbek_checklist_risk table#checkliste_risk_table tr {
    display: table;
    width: 100%
}

.fbek_checklist_risk table#checkliste_risk_table td, .fbek_checklist_risk table#checkliste_risk_table th {
    width: 15%
}

.fbek_checklist_risk table#checkliste_risk_table .selectboxit-container .custom-select, .fbek_checklist_risk table#checkliste_risk_table select {
    padding: 4px !important;
    -webkit-appearance: revert;
    cursor: pointer
}

.fbek_checklist_risk table#checkliste_risk_table select:disabled {
    color: color("grey");
    box-shadow: none;
    border: none;
    pointer-events: none;
    opacity: .8
}

.highlight, .highlight a {
    color: #fff
}

.fbek_checklist_risk #checkliste_risk_result {
    display: none
}

@media only screen and (max-width: 760px),(min-device-width: 768px) and (max-device-width: 1024px) {
    .fbek_checklist_risk table, .fbek_checklist_risk tbody, .fbek_checklist_risk td, .fbek_checklist_risk th, .fbek_checklist_risk thead, .fbek_checklist_risk tr {
        display: block;
        width: 100% !important
    }

    .fbek_checklist_risk thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }

    .fbek_checklist_risk tr:first-child {
        display: none !important
    }

    .fbek_checklist_risk tr {
        border: 1px solid #ccc
    }

    .fbek_checklist_risk td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%
    }

    .fbek_checklist_risk td:before {
        position: absolute;
        top: 50%;
        left: 6px;
        width: 40%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        white-space: wrap
    }

    .fbek_checklist_risk td:nth-of-type(1):before {
        content: "Geschlecht"
    }

    .fbek_checklist_risk td:nth-of-type(2):before {
        content: "Krebsart"
    }

    .fbek_checklist_risk td:nth-of-type(3):before {
        content: "Beideseitig"
    }

    .fbek_checklist_risk td:nth-of-type(4):before {
        content: "TNBC Status *"
    }

    .fbek_checklist_risk td:nth-of-type(5):before {
        content: "Alter bei Erstdiagnoe"
    }

    .fbek_checklist_risk td:nth-of-type(6):before {
        content: ""
    }
}

.highlight {
    padding: 24px;
    margin-bottom: 24px;
    position: relative
}

@media screen and (max-width: 47.999em) {
    .highlight {
        width: 100%
    }
}

.highlight__text {
    font-size: 1.125rem;
    font-weight: 400;
    padding-left: 48px
}

.highlight__text:before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 68 93'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3EElement 1%3C/title%3E%3Cg id='Ebene_2' data-name='Ebene 2'%3E%3Cg id='UKK_Icons'%3E%3Cpath class='cls-1' d='M12,71a8,8,0,0,0,8,8H60a8,8,0,0,0,8-8V30H12ZM51,41h9v9H51Zm0,17h9v9H51ZM36,41h9v9H36Zm0,17h9v9H36ZM21,41h9v9H21Zm0,17h9v9H21Z'%3E%3C/path%3E%3Cpath class='cls-1' d='M54,87H14.25A8.55,8.55,0,0,1,6,78.19V26a3,3,0,0,0-6,0V78.19C0,86.36,6.39,93,14.25,93H54a3,3,0,0,0,0-6Z'%3E%3C/path%3E%3Cpath class='cls-1' d='M52,14a2,2,0,0,0,2-2V2a2,2,0,0,0-4,0V12A2,2,0,0,0,52,14Z'%3E%3C/path%3E%3Cpath class='cls-1' d='M60,10H57v2a5,5,0,0,1-10,0V10H33v2a5,5,0,0,1-10,0V10H20a8,8,0,0,0-8,8v9H68V18A8,8,0,0,0,60,10Z'%3E%3C/path%3E%3Cpath class='cls-1' d='M28,14a2,2,0,0,0,2-2V2a2,2,0,0,0-4,0V12A2,2,0,0,0,28,14Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 20px
}

.intro {
    background: #fff;
    padding: 20px 30px 30px
}

@media screen and (max-width: 61.999em) {
    .fbek_checklist_risk {
        overflow-x: auto
    }

    .intro {
        padding: 20px 16px 30px
    }
}

.intro .breadcrumb {
    font-size: 10px;
    padding: 0
}

.intro .intro__headline {
    color: #0f2d64;
    font-size: 24px;
    margin: 15px 0 10px
}

.intro .intro__text {
    font-size: 16px;
    line-height: 28px;
    margin: 0
}

.sticky-banner {
    position: fixed;
    z-index: 9;
    bottom: 70px;
    left: 0;
    height: 70px;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media screen and (max-width: 61.999em) {
    .sticky-banner {
        position: absolute;
        top: 165px;
        height: 50px;
        bottom: 0
    }
}

@media screen and (max-width: 47.999em) {
    .sticky-banner {
        top: 75px
    }
}

.sticky-banner .sticky-banner__container {
    background: #0f2d64;
    color: #fff;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: .3px;
    margin-right: 40px
}

.sticky-banner .sticky-banner__container a {
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    display: block;
    padding: 16px 40px 16px 16px
}

.sticky-banner .sticky-banner__container a:after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='17' viewBox='0 0 10 17'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFF' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M283.9 28.264l-8.394-8.17c-.13-.126-.336-.125-.464.002l-.945.944c-.063.063-.098.147-.097.235 0 .088.037.173.1.234l7.205 6.991-7.205 6.991c-.063.061-.1.146-.1.234 0 .088.034.172.097.235l.946.944c.064.064.148.096.233.096.083 0 .166-.031.23-.094l8.394-8.17c.064-.062.1-.147.1-.236s-.036-.174-.1-.236z' transform='translate(-1001 -2040) translate(727 2020)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 12px;
    height: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px;
    background-size: contain
}

.job-teaser .job-teaser__cta:after, .job-teaser .job-teaser__item:after {
    position: absolute;
    width: 12px;
    height: 20px;
    -webkit-transform: translateY(-50%);
    content: "";
    top: 50%;
    right: 16px
}

.job-teaser {
    padding: 16px 0
}

@media screen and (max-width: 61.999em) {
    .sticky-banner .sticky-banner__container {
        font-size: 14px;
        letter-spacing: .2px;
        margin-right: 16px
    }

    .job-teaser {
        padding: 0
    }
}

.job-teaser .job-teaser__headline {
    color: #0f2d64;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px
}

.job-teaser .job-teaser__item {
    text-align: left;
    background: #fff;
    display: block;
    padding: 16px 32px;
    margin-bottom: 12px
}

.job-teaser .job-teaser__item:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230F2D64' fill-rule='nonzero'%3E%3Cg%3E%3Cg%3E%3Cpath d='M976.512 59.723l-9.761-9.613c-.15-.148-.39-.147-.539.003l-1.1 1.11c-.072.074-.113.174-.112.277 0 .104.043.203.116.275L973.494 60l-8.378 8.225c-.073.072-.115.17-.116.275 0 .103.04.203.113.276l1.1 1.11c.074.076.172.114.27.114.097 0 .194-.037.268-.11l9.761-9.613c.074-.073.116-.173.116-.277 0-.104-.042-.204-.116-.277z' transform='translate(-1338 -1663) translate(373 1557) translate(0 56)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    transform: translateY(-50%);
    background-size: contain;
    background-repeat: no-repeat
}

.job-teaser .job-teaser__item .job-teaser__job {
    text-align: left;
    color: #0f2d64;
    font-size: 18px;
    line-height: 25px;
    font-weight: bolder
}

@media screen and (max-width: 61.999em) {
    .job-teaser .job-teaser__item {
        padding: 12px 40px 12px 12px
    }

    .job-teaser .job-teaser__item .job-teaser__job {
        font-size: 18px;
        line-height: 25px
    }
}

.job-teaser .job-teaser__item .job-teaser__description {
    color: #333;
    margin: 8px 0
}

.job-teaser .job-teaser__cta {
    display: inline-block;
    background: #0f2d64;
    color: #fff;
    border-radius: 4px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    letter-spacing: .3px;
    padding: 16px 40px 16px 16px;
    margin-top: 32px
}

.job-teaser .job-teaser__cta:after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='17' viewBox='0 0 10 17'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23FFF' fill-rule='nonzero'%3E%3Cg%3E%3Cpath d='M283.9 28.264l-8.394-8.17c-.13-.126-.336-.125-.464.002l-.945.944c-.063.063-.098.147-.097.235 0 .088.037.173.1.234l7.205 6.991-7.205 6.991c-.063.061-.1.146-.1.234 0 .088.034.172.097.235l.946.944c.064.064.148.096.233.096.083 0 .166-.031.23-.094l8.394-8.17c.064-.062.1-.147.1-.236s-.036-.174-.1-.236z' transform='translate(-1001 -2040) translate(727 2020)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    transform: translateY(-50%);
    background-size: contain
}

.icons-career {
    text-align: center;
    padding: 16px 0
}

.icons-career .icons-career__headline {
    color: #0f2d64;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px
}

.icons-career .icons-career__inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.icons-career .icons-career__item {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width: 61.999em) {
    .icons-career {
        padding: 0
    }

    .icons-career .icons-career__item {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        margin-top: 24px
    }
}

.icons-career .icons-career__item a {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center
}

.icons-career .icons-career__text {
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 32px
}

.icons-career .icons-career__image-wrapper {
    max-width: 100px;
    min-width: 100px;
    max-height: 100px;
    min-height: 100px;
    margin: 0 auto 32px;
    padding: 24px;
    object-fit: none;
    position: relative;
    background: #46afb4;
    border-radius: 50%
}

.icons-career .icons-career__image {
    width: 50px;
    height: 50px;
    object-fit: contain
}

.job-categories {
    text-align: center;
    padding: 16px 0
}

@media screen and (max-width: 61.999em) {
    .job-categories {
        padding: 0
    }
}

.job-categories .job-categories__headline {
    color: #0f2d64;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px
}

.job-categories .job-categories__text {
    margin-bottom: 24px
}

.job-categories .job-categories__wrapper {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.job-categories .job-categories__item {
    text-align: left;
    background: #fff;
    display: block;
    padding: 16px 32px;
    margin-bottom: 12px;
    -webkit-flex-basis: calc(50% - 20px);
    -ms-flex-preferred-size: calc(50% - 20px);
    flex-basis: calc(50% - 20px)
}

.job-categories .job-categories__item:nth-child(odd) {
    margin-right: 40px
}

@media screen and (max-width: 61.999em) {
    .job-categories .job-categories__item:nth-child(odd) {
        margin-right: 0
    }

    .job-categories .job-categories__item {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        display: block;
        padding: 16px
    }
}

.job-categories .job-categories__item:after {
    content: "";
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='20' viewBox='0 0 12 20'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230F2D64' fill-rule='nonzero'%3E%3Cg%3E%3Cg%3E%3Cpath d='M976.512 59.723l-9.761-9.613c-.15-.148-.39-.147-.539.003l-1.1 1.11c-.072.074-.113.174-.112.277 0 .104.043.203.116.275L973.494 60l-8.378 8.225c-.073.072-.115.17-.116.275 0 .103.04.203.113.276l1.1 1.11c.074.076.172.114.27.114.097 0 .194-.037.268-.11l9.761-9.613c.074-.073.116-.173.116-.277 0-.104-.042-.204-.116-.277z' transform='translate(-1338 -1663) translate(373 1557) translate(0 56)'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    width: 12px;
    height: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px;
    background-size: contain
}

.job-categories .job-categories__item .job-categories__category {
    text-align: left;
    color: #0f2d64;
    font-size: 18px;
    line-height: 25px;
    font-weight: bolder
}

.video-gallery {
    text-align: center;
    padding: 16px 32px 32px
}

@media screen and (max-width: 61.999em) {
    .video-gallery {
        padding: 0
    }
}

.video-gallery:after {
    content: '';
    position: absolute;
    display: block;
    right: 0;
    left: 0;
    bottom: 0;
    top: 25%;
    background-color: #fff;
    z-index: -1
}

@media screen and (max-width: 47.999em) {
    .video-gallery {
        padding-bottom: 40px
    }

    .video-gallery:after {
        right: -10px;
        left: -10px
    }
}

.video-gallery .video-gallery__headline {
    color: #0f2d64;
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 32px
}

.video-gallery .video-gallery__subline {
    color: #0f2d64;
    font-size: 18px;
    line-height: 25px;
    font-weight: bolder
}

.video-gallery .video-gallery__text {
    text-align: center;
    color: #333
}

.video-gallery .video-gallery__item {
    padding: 0 112px;
    margin-bottom: 24px
}

.video-gallery .video-container {
    margin-bottom: 24px
}

.video-gallery .video-container__video:after {
    color: #fff;
    background: #0f2d64 !important;
    box-shadow: none
}

.video-gallery .video-container__video:hover .video-container__video::before {
    display: none
}

.video-gallery .slick-slider__pagination {
    position: absolute;
    right: 112px;
    font-weight: 700;
    color: #333;
    background: 0 0
}

.video-gallery .slick-slider__item {
    cursor: pointer
}

.video-gallery .video-gallery__thumbs-headline {
    color: #0f2d64;
    font-size: 18px;
    line-height: 25px;
    display: block;
    font-weight: bolder;
    text-align: left;
    margin-left: 40px
}

.video-gallery .slick-slider--thumbs .slick-next, .video-gallery .slick-slider--thumbs .slick-prev {
    background: #0f2d64;
    width: 40px;
    height: 40px
}

.video-gallery .slick-slider--thumbs .slick-prev {
    left: 25px;
    padding-left: 0
}

@media screen and (max-width: 47.999em) {
    .video-gallery .video-gallery__item {
        padding: 0
    }

    .video-gallery .slick-slider__pagination {
        position: relative;
        right: initial
    }

    .video-gallery .video-gallery__thumbs-headline {
        margin-left: 0
    }

    .video-gallery .slick-slider--thumbs .slick-prev {
        left: 0
    }
}

.video-gallery .slick-slider--thumbs .slick-next {
    right: 25px;
    padding-right: 0
}

@media screen and (max-width: 47.999em) {
    .video-gallery .slick-slider--thumbs .slick-next {
        right: 0
    }
}

.video-gallery .slick-next::before, .video-gallery .slick-prev::before, .video-gallery .slick-slider--thumbs .slick-next::before, .video-gallery .slick-slider--thumbs .slick-prev::before {
    color: #fff
}