/* THEMATIC TOPIC LAYOUT */

/* -----------------------------------------------------------------------
    GENERAL
/* ---------------------------------------------------------------------*/

.node--type-wfbb-thematic-focus #block-wfbb-breadcrumbs {
    margin-top: 1rem;
}

.node--type-wfbb-thematic-focus .breadcrumb a,
.node--type-wfbb-thematic-focus .breadcrumb-item+.breadcrumb-item::before {
    color: var(--color-grey-dark);
}


/* -----------------------------------------------------------------------
    CONTENT
/* ---------------------------------------------------------------------*/

.node--type-wfbb-thematic-focus .main-content {
    display: grid;
    grid-gap: var(--grid-gap);
    grid-template-columns: var(--grid-columns);
    grid-row-gap: 0;
    margin-top: -30vh;
    position: relative;
    z-index: 5;
}

.node--type-wfbb-thematic-focus .main-content > .section {
    grid-column: span 12;
    display: grid;
    grid-gap: var(--grid-gap);
    grid-template-columns: var(--grid-columns);
    grid-row-gap: 0;
}

.node--type-wfbb-thematic-focus .main-content > section.section :is(#block-seitentitel, #block-wfbb-breadcrumbs) {
    grid-column: span 12;
    padding-left: var(--section-inner-side-padding);
    padding-right: var(--section-inner-side-padding);
    display: grid;
    grid-gap: var(--grid-gap);
    grid-template-columns: var(--grid-columns);
    grid-row-gap: 0;
}

.node--type-wfbb-thematic-focus .main-content > section.section :is(#block-seitentitel, #block-wfbb-breadcrumbs) > div {
    grid-column: 3 / 11;
}

.node--type-wfbb-thematic-focus #block-wfbb-content {
    grid-column: span 12;
}

.group-intro .field--name-field-teaser-intro-wfbb-thematic {
    font-weight: 700;
}

.node--type-wfbb-thematic-focus #main-wrapper .node__content > div:not(.field--name-field-ements-wfbb-page) > div {
    grid-column: 3 / 11;
    text-align: left;
}

.field--name-field-teaser-intro-wfbb-thematic p {
    font-size: var(--font-size-h3);
    line-height: 1.3;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    position: relative;
}

.field--name-field-teaser-intro-wfbb-thematic p:last-child:after {
    display: block;
    content: '';
    width: 30%;
    height: 4px;
    background: var(--color-primary);
    border-radius: 1rem;
    position: absolute;
    bottom: -4px;
}

.node--type-wfbb-thematic-focus .field--name-field-images-wfbb-gallery-title {
    padding: 0;
}

.node--type-wfbb-thematic-focus :is(.field__item.wfbb_business_news_with_topic, .field__item.wfbb_gallery_optional_title, .field__item.wfbb_tabs) {
    padding-left: var(--section-inner-side-padding);
    padding-right: var(--section-inner-side-padding);
}

.node--type-wfbb-thematic-focus :is(.wfbb_quote .paragraph, .wfbb_text_optional_icon_link .paragraph) {
    padding-left: 0;
    padding-right: 0;
}

.node--type-wfbb-thematic-focus .field__item.wfbb_accordion .paragraph.paragraph--type--wfbb-accordion {
    grid-column: 3 / 11;
}


/* -----------------------------------------------------------------------
    ELEMENTS
/* ---------------------------------------------------------------------*/

.node--type-wfbb-thematic-focus #main-wrapper .node__content > div:not(.field--name-field-ements-wfbb-page) {
    grid-template-columns: var(--grid-columns);
    padding-left: var(--section-inner-side-padding);
    padding-right: var(--section-inner-side-padding);
}

.node--type-wfbb-thematic-focus .field--name-field-ements-wfbb-page > .field__item {
    padding-left: 0;
    padding-right: 0;
}

.node--type-wfbb-thematic-focus .field--name-field-ements-wfbb-page > .field__item > .paragraph {
    grid-column: span 12;
}


@media (max-width: 991px) {

    .node--type-wfbb-thematic-focus .main-content > .section {
        grid-column: 1 / 13;
    }

    .node--type-wfbb-thematic-focus .field--name-field-ements-wfbb-page {
        left: 0;
        margin-right: 0;
        transform: translate(0, 0);
    }

    .node--type-wfbb-thematic-focus .main-content {
        margin-top: -20vh;
    }

    .field--name-field-teaser-intro-wfbb-thematic p {
        padding-bottom: 2rem;
        margin-bottom: 2rem;
    }

    .node--type-wfbb-thematic-focus .field--name-field-ements-wfbb-page > .field__item > .paragraph {
        grid-column: 1 / 13;
    }

     .node--type-wfbb-thematic-focus .field--name-field-images-wfbb-gallery-title {
        padding: 0;
    }

    .node--type-wfbb-thematic-focus .main-content > section.section :is(#block-seitentitel, #block-wfbb-breadcrumbs) > div,
    .node--type-wfbb-thematic-focus #main-wrapper .node__content > div:not(.field--name-field-ements-wfbb-page) > div,
    .node--type-wfbb-thematic-focus .field__item.wfbb_accordion .paragraph.paragraph--type--wfbb-accordion {
        grid-column: span 12;
    }

    .node--type-wfbb-thematic-focus .field--name-field-ements-wfbb-page > .field__item.wfbb_accordion,
    .node--type-wfbb-thematic-focus .field--name-field-ements-wfbb-page > .field__item.wfbb_only_text {
        padding-left: var(--section-inner-side-padding) !important;
        padding-right: var(--section-inner-side-padding) !important;
    }

}

@media (max-width: 767px) {

    .node--type-wfbb-thematic-focus .main-content {
        padding: 0;
    }

    .node--type-wfbb-thematic-focus #main-wrapper .node__content > div:not(.field--name-field-ements-wfbb-page),
    .node--type-wfbb-thematic-focus :is(.field__item.wfbb_business_news_with_topic, .field__item.wfbb_gallery_optional_title, .field__item.wfbb_tabs),
    .node--type-wfbb-thematic-focus .field--name-field-ements-wfbb-page > .field__item.wfbb_accordion,
    .node--type-wfbb-thematic-focus .field--name-field-ements-wfbb-page > .field__item.wfbb_only_text{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .group-logos-wfbb-sponsor img {
        max-height: unset;
    }

}

/* -----------------------------------------------------------------------
	LOGGED IN HEADER FIX
/* ---------------------------------------------------------------------*/

.contextual-region.view.view-wfbb-thematic-focus-header-image.view-id-wfbb_thematic_focus_header_image .contextual-region {
    position: absolute !important;
}

.contextual-region.view.view-wfbb-thematic-focus-header-image.view-id-wfbb_thematic_focus_header_image .contextual {
    pointer-events: none;
}

.contextual-region.view.view-wfbb-thematic-focus-header-image.view-id-wfbb_thematic_focus_header_image .field--name-field-caption-image {
    z-index: 1000;
}

/* -----------------------------------------------------------------------
	NEW ELEMENTS ON THEMATIC-FOCUS
/* ---------------------------------------------------------------------*/

.node--type-wfbb-thematic-focus .field__item.headline .paragraph.headline,
.node--type-wfbb-thematic-focus .field__item.text .paragraph.text,
.node--type-wfbb-thematic-focus .field__item.columns .paragraph.columns-view {
  display: grid !important;
  grid-column-gap: var(--grid-gap) !important;
  grid-template-columns: var(--grid-columns) !important;
}

.node--type-wfbb-thematic-focus .field__item.headline .paragraph.headline .container,
.node--type-wfbb-thematic-focus .field__item.text .paragraph.text .container,
.node--type-wfbb-thematic-focus .field__item.columns .paragraph.columns-view .container {
  grid-column: span 12;
}

.node--type-wfbb-thematic-focus .field__item.columns .paragraph.columns-view.bg-white {
  padding: unset !important;
}

@media (max-width: 991px) {
  .node--type-wfbb-thematic-focus .field__item.text .paragraph.text .container,
  .node--type-wfbb-thematic-focus .field__item.headline .paragraph.headline .container,
  .node--type-wfbb-thematic-focus .field__item.columns .paragraph.columns-view .container {
    grid-column: 1 / 13 !important;
  }

  .node--type-wfbb-thematic-focus .field__item.text,
  .node--type-wfbb-thematic-focus .field__item.headline,
  .node--type-wfbb-thematic-focus .field__item.columns {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
}