/**
 * Default clearfix implementation.
 *
 * @usage
 *    .box {
 *      @include clearfix;
 *    }
 */
/**
 * Casts a string into a number.
 *
 * @param {string} $value
 *    Tje string to cast to a number.
 * @return {$number}
 *    The value as number.
 */
/**
 * Split a string into a list of strings.
 *
 * @param {string} $string
 *    Tje string to be split.
 * @param {string} $delimiter
 *    The boundary string.
 * @return {list} $result
 *    The result list.
 */
@media print {
  @page {
    margin: 1cm;
    size: 21cm 29.7cm;
  }
  html body {
    margin: 0;
    background-color: #fff;
    color: #000;
    font-size: 11pt;
  }
  html body [dir=rtl] body {
    direction: rtl;
  }
  html body a {
    color: #000;
    text-decoration: none;
  }
  html body th {
    text-align: left;
    border-bottom: 1px solid #EDEFF8;
  }
  html body tr:nth-child(odd) {
    background-color: #fff;
  }
  html body tr:nth-child(even) {
    background-color: #fff;
  }
  html body td {
    padding: 5pt;
  }
  html body h1, html body h2, html body h3, html body h4,
  html body .field--name-field-title {
    color: #05598C;
  }
  html body h1 a, html body h2 a, html body h3 a, html body h4 a,
  html body .field--name-field-title a {
    color: #05598C;
  }
  html body .scp-layout {
    padding: 0;
  }
  html body .scp-layout .layout__title {
    font-size: 15pt;
    text-align: left;
    margin-top: 1rem;
  }
  html body h1, html body .is-h1, html body .intro .intro__bluebox h1, html body .intro.gradient h1 {
    font-size: 18pt;
    line-height: 24pt;
    padding-bottom: 12pt;
    border-bottom: 3px solid #05598C;
    margin-bottom: 14pt;
    font-weight: bold;
  }
  html body h2, html body .is-h2 {
    font-size: 15pt;
    font-weight: bold;
  }
  html body h3, html body .is-h3 {
    font-size: 14pt;
    font-weight: bold;
  }
  html body h4, html body .is-h4,
  html body .field__label,
  html body .block--field-block > .field.field--label-above > .field__label {
    font-size: 13pt;
    font-weight: bold;
  }
  html body .sidebar {
    font-size: 11pt;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
  }
  html body .sidebar::after {
    display: block;
    content: "";
    clear: both;
  }
  html body .sidebar .block {
    width: 48%;
    margin: 0 1% 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  html body .sidebar .field__label {
    font-size: 14pt !important;
  }
  html body .scp-header .header-fixed-wrapper,
  html body .header-small .scp-header .header-fixed-wrapper {
    position: relative;
    height: 30mm;
  }
  html body .scp-header,
  html body .colorbar__content,
  html body .group-header,
  html body .group-header__menu,
  html body .colorbar,
  html body .intro,
  html body .intro .intro__bluebox,
  html body .breadcrumbs__before,
  html body .container--content,
  html body .colorbar__content .container,
  html body .group-title .container {
    padding: 0;
    margin: 0;
    min-height: initial;
    height: initial;
  }
  html body .colorbar.with-image > figure {
    display: none;
  }
  html body .container {
    max-width: 100%;
  }
  html body .scp-layout.layout-twocol-1-2 > .container {
    display: initial;
  }
  html body .breadcrumbs nav ol li a {
    color: #0378A3;
  }
  html body .breadcrumbs nav ol li::after {
    content: "/";
    color: #0378A3;
    vertical-align: baseline;
    margin: 0;
  }
  html body .scp-header .header-fixed-wrapper,
  html body .group-title__icon,
  html body .group-header__menu,
  html body .colorbar__content,
  html body .colorbar,
  html body .colorbar::before,
  html body .colorbar::after,
  html body .gradient,
  html body .gradient::before,
  html body .gradient::after,
  html body .breadcrumbs nav ol li a,
  html body .breadcrumbs nav ol li::after,
  html body .intro .intro__bluebox,
  html body .intro .intro__bluebox h1,
  html body .block-better-social-sharing-buttons,
  html body .colorbar.gradient::before {
    background: #fff none;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-shadow: none;
  }
  html body .scp-header .menu-bar,
  html body .contextual,
  html body .region-breadcrumb .block.block-creational,
  html body .block-creational,
  html body .scp-menu,
  html body .group-title__icon,
  html body .gin-secondary-toolbar,
  html body .block-editorial-action,
  html body aside,
  html body .sidebar.region-sidebar-first,
  html body .operation-links,
  html body .footer,
  html body .scp-button,
  html body .paragraph--type--link-button,
  html body #block-scp-social-share,
  html body .view-filters,
  html body .views-exposed-form,
  html body .type-marker,
  html body audio {
    display: none;
  }
  html body div, html body main, html body footer {
    -webkit-column-break-inside: auto;
       -moz-column-break-inside: auto;
            break-inside: auto;
  }
  html body .clearfix {
    -webkit-column-break-after: avoid;
       -moz-column-break-after: avoid;
            break-after: avoid;
  }
  html body .block,
  html body .view-content,
  html body .main,
  html body .carousel,
  html body .carousel__slick,
  html body .scp-layout {
    -webkit-column-break-inside: auto;
       -moz-column-break-inside: auto;
            break-inside: auto;
  }
  html body .scp-header .header-bar {
    margin-top: 1cm;
    padding: 0;
  }
  html body .scp-header .logos {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    margin-bottom: 0.8cm;
  }
  html body .scp-header .logos .bmwsb-link,
  html body .scp-header .logos .scp-link {
    height: 20mm;
  }
  html body .scp-header .logos .bmwsb-link .eagle,
  html body .scp-header .logos .scp-link .eagle {
    height: 9mm;
  }
  html body .scp-header .logos .bmwsb-link .flag,
  html body .scp-header .logos .scp-link .flag {
    height: 20mm;
  }
  html body .scp-header .logos .bmwsb-link .text,
  html body .scp-header .logos .scp-link .text {
    height: 11mm;
    opacity: 1;
  }
  html body .scp-header .logos .bmwsb-link .logo,
  html body .scp-header .logos .scp-link .logo {
    opacity: 1;
    height: 20mm;
  }
  html body main {
    margin-top: 0.8cm;
  }
  html body main footer.node-meta {
    background: none transparent;
    padding: 3mm 0;
    font-style: italic;
  }
  html body .group-title {
    color: #000;
    border-bottom: none;
  }
  html body .intro__text,
  html body .intro__text p,
  html body .intro__text a,
  html body .is-background--blue .intro__text a {
    color: #000;
    font-size: 11pt;
  }
  html body .intro .colorbar:before, html body .intro .colorbar:after {
    display: none;
  }
  html body .intro.gradient .colorbar__content {
    background: none transparent;
    padding: 0;
    aspect-ratio: initial;
  }
  html body .intro .colorbar__content .intro__buttons,
  html body .intro .colorbar__content .intro__content-links,
  html body .intro .colorbar__content .intro__additional_buttons {
    display: none;
  }
  html body .carousel {
    margin: 0;
    max-width: 100%;
  }
  html body .carousel .carousel__slick {
    display: block;
    margin: 0;
  }
  html body .carousel .carousel__slick > div article {
    display: block;
    clear: both;
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    padding: 5mm 0 5mm 0;
    border: 0;
    border-top: 1mm solid #EDEFF8;
    -webkit-column-break-after: auto;
       -moz-column-break-after: auto;
            break-after: auto;
    background: none transparent;
    text-align: left;
    margin-bottom: 0;
  }
  html body .carousel .carousel__slick > div article.card-teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  html body .carousel .carousel__slick > div article.card-teaser .card-teaser__contentwrapper {
    display: none;
  }
  html body .carousel .carousel__slick > div article.card-teaser .h3 {
    margin: 0;
  }
  html body .carousel .carousel__slick > div article.card-teaser {
    padding: 5mm 0;
  }
  html body .carousel .carousel__slick > div article .card-teaser__media {
    height: 3cm;
    width: 3cm;
    margin-right: 5mm;
    margin-left: 5mm;
    border: 1mm solid #EDEFF8;
  }
  html body .carousel .carousel__slick > div article .card-teaser__media a,
  html body .carousel .carousel__slick > div article .card-teaser__media div,
  html body .carousel .carousel__slick > div article .card-teaser__media figure {
    max-width: 100%;
    max-height: 100%;
  }
  html body .carousel .carousel__slick > div article .publication-thumbnail,
  html body .carousel .carousel__slick > div article .publication-thumbnail svg {
    height: 3cm;
    width: 3cm;
    margin-right: 5mm;
    float: left;
  }
  html body .carousel button, html body .carousel .button, html body .carousel .slick-dots {
    display: none;
  }
  html body .publication-teaser {
    margin-bottom: 0;
  }
  html body .article-teaser {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    display: block;
    clear: both;
    padding-top: 10mm;
    border: 0;
    border-top: 1mm solid #EDEFF8;
    -webkit-column-break-after: auto;
       -moz-column-break-after: auto;
            break-after: auto;
    background: none transparent;
    text-align: left;
    grid-row: span 3;
  }
  html body .article-teaser__img {
    position: relative;
    float: left;
    width: 50mm;
    margin-right: 5mm !important;
    height: auto !important;
  }
  html body .article-teaser__main, html body .article-teaser .buttons {
    height: auto !important;
    margin: 0;
  }
  html body .grey-card,
  html body .box-wrapper.grey-card {
    border: 1mm solid #EDEFF8;
    background: none transparent;
  }
  html body .card-teaser {
    -webkit-column-break-inside: avoid;
       -moz-column-break-inside: avoid;
            break-inside: avoid;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
            flex-flow: row-reverse;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: none transparent;
    border-top: 1mm solid #EDEFF8;
  }
  html body .card-teaser__media, html body .card-teaser__media svg,
  html body .card-teaser .scp-podcast {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    max-height: 2cm;
    max-width: 2cm;
  }
  html body .card-teaser__media .podcast, html body .card-teaser__media svg .podcast,
  html body .card-teaser .scp-podcast .podcast {
    aspect-ratio: 1;
    margin-bottom: 0;
  }
  html body .card-teaser__media .video, html body .card-teaser__media svg .video,
  html body .card-teaser .scp-podcast .video {
    aspect-ratio: 1;
  }
  html body .card-teaser__media .video:before, html body .card-teaser__media svg .video:before,
  html body .card-teaser .scp-podcast .video:before {
    font-family: "iconfont";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    speak: none;
    text-decoration: none;
    text-transform: none;
    vertical-align: middle;
    content: "\e05d";
    color: #fff;
    font-size: 2em;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: absolute;
    left: 0;
    top: 0;
  }
  html body .card-teaser__media .video video, html body .card-teaser__media .video iframe, html body .card-teaser__media svg .video video, html body .card-teaser__media svg .video iframe,
  html body .card-teaser .scp-podcast .video video,
  html body .card-teaser .scp-podcast .video iframe {
    display: none;
  }
  html body details[open] {
    background: none transparent;
  }
  html body details[open] summary {
    padding-bottom: 0;
    text-decoration: none;
    color: #05598C;
  }
  html body details[open] summary::after {
    content: "";
  }
  html body .tag-pill {
    display: inline;
    background: none;
    padding: 0;
    color: #000;
    font-size: 11pt;
  }
  html body .tag-pill div {
    display: inline;
  }
  html body .tag-pill:not(:last-child) > div:after {
    content: ", ";
  }
}