/* TEXT

01	GENERAL
02	HEADLINE
03	TEXT
04  TEXT BIG

*/

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

.wfbb_only_text .paragraph {
    padding: var(--section-inner-side-padding);
    background: var(--color-grey-light);
    border-radius: var(--border-radius);
    display: grid;
    grid-column-gap: var(--grid-gap);
    grid-template-columns: var(--grid-columns);
}


/* -----------------------------------------------------------------------
	02	HEADLINE
/* ---------------------------------------------------------------------*/

.field--name-field-title-wfbb-only-text {
    grid-column: span 3;
}

.wfbb_only_text .paragraph.weiss .field--name-field-title-wfbb-only-text {
    grid-column: span 10;
}

@media (max-width: 991px) {
    .wfbb_only_text .paragraph.weiss .field--name-field-title-wfbb-only-text {
        grid-column: span 12;
    }
}

/* -----------------------------------------------------------------------
	03	TEXT
/* ---------------------------------------------------------------------*/

.field--name-field-text-wfbb-only-text {
    grid-column: span 7;
    margin-top: .25rem;
}


.event-content .field--name-field-text-wfbb-only-text {
    grid-column: span 12;
}

.field--name-field-text-wfbb-only-text ul {
    list-style: none;
    padding-left: 2rem;
}

.field--name-field-text-wfbb-only-text ul li {
    position: relative;
}

.field--name-field-text-wfbb-only-text ul li:before {
    display: block;
    content: '';
    position: absolute;
    width: 2rem;
    height: .85rem;
    background: var(--arrow-next-primary);
    background-repeat: no-repeat;
    background-size: contain;
    top: .6rem;
    left: -2rem;
}

.field--name-field-text-wfbb-only-text ul li:not(:first-child) {
    margin-top: .5rem;
}


.wfbb_only_text .paragraph.weiss {
    background: #fff;
    padding-top: 0;
    padding-bottom: 0;
}

.wfbb_only_text .paragraph.weiss .field--name-field-text-wfbb-only-text {
    grid-column: span 10;
}


.node--type-wfbb-newsletter-article .field--name-field-title-wfbb-only-text {
    grid-column: 3 / 11;
}

@media (max-width: 991px) {

    .wfbb_only_text .paragraph {
        padding: calc(var(--section-inner-side-padding) * 2);
    }

    .field--name-field-title-wfbb-only-text,
    .field--name-field-text-wfbb-only-text,
    .wfbb_only_text .paragraph.weiss .field--name-field-text-wfbb-only-text {
        grid-column: span 12;
    }

    .node--type-wfbb-newsletter-article .field--name-field-title-wfbb-only-text,
    .node--type-wfbb-newsletter-article .wfbb_only_text .field--name-field-text-wfbb-only-text {
        grid-column: 2 / 12;
    }

}

@media (max-width: 767px) {

    .wfbb_only_text .paragraph {
        padding: var(--section-inner-side-padding);
    }

    .node--type-wfbb-newsletter-article .wfbb_only_text .paragraph {
        padding: 0;
    }

    .node--type-wfbb-newsletter-article .field--name-field-title-wfbb-only-text,
    .node--type-wfbb-newsletter-article .wfbb_only_text .field--name-field-text-wfbb-only-text {
        grid-column: span 12;
    }

}

/* THEMATICS PAGE LAYOUT */

.node--type-wfbb-thematic-focus .paragraph.paragraph--type--wfbb-only-text.paragraph--view-mode--default {
    background: transparent;
    padding: 0;
}

.node--type-wfbb-thematic-focus .paragraph.paragraph--type--wfbb-only-text .field--name-field-title-wfbb-only-text,
.node--type-wfbb-thematic-focus .paragraph.paragraph--type--wfbb-only-text .field--name-field-text-wfbb-only-text {
    grid-column: 3 / 11;
}

@media (max-width: 991px) {

    .node--type-wfbb-thematic-focus .paragraph.paragraph--type--wfbb-only-text .field--name-field-title-wfbb-only-text,
    .node--type-wfbb-thematic-focus .paragraph.paragraph--type--wfbb-only-text .field--name-field-text-wfbb-only-text {
        grid-column: 1 / 13;
    }

}

/* -----------------------------------------------------------------------
	04	TEXT BIG WITH OPTIONAL IMAGE
/* ---------------------------------------------------------------------*/

.wfbb_text .paragraph {
    position: relative;
    border-radius: var(--border-radius);
    overflow: hidden;
    background: var(--color-primary);
}

/* --IMAGE----------------------------------*/

.wfbb_text .field--name-field-image-wfbb-t {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.wfbb_text .field--name-field-image-wfbb-t div {
    height: 100%;
}

.wfbb_text img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* --CAPTION----------------------------------*/

.wfbb_text .field--name-field-image-wfbb-t .field--name-field-caption-image {
    height: auto;
    z-index: 1;
    left: inherit;
    right: 1rem;
}


/* --TEXT----------------------------------*/

.wfbb_text .group-text-elements {
    position: relative;
    z-index: 1;
    padding: calc(var(--section-inner-side-padding) * 1.5) var(--section-inner-side-padding);
    display: grid;
    grid-gap: var(--grid-gap);
    grid-template-columns: var(--grid-columns);
    row-gap: 0;
    color: #fff;
}

.event-content .wfbb_text .group-text-elements {
    padding: 3rem 4rem;
}

.event-content .wfbb_only_text .paragraph {
    padding: 2rem 4rem;
}

.wfbb_text .group-text-elements > div {
    grid-column: span 8;
}


.event-content .wfbb_text .group-text-elements > div {
    grid-column: span 12;
}

.wfbb_text h2 {
    margin-bottom: 1rem;
}

.wfbb_text .field.field--name-field-text-wfbb-text {
    grid-row-start: 2;
}

.wfbb_text .field--name-field-link-wfbb-text {
    grid-row-start: 3;
}

@media (max-width: 500px) {

    .wfbb_text .group-text-elements {
        padding: calc(var(--section-inner-side-padding) * 2);
    }

}

/* --BUTTON----------------------------------*/

#main-wrapper .paragraph--type--wfbb-text article:not(.node--promoted) > .node__content {
    display: block;
    padding: 0;
}

#main-wrapper .paragraph--type--wfbb-text article:not(.node--promoted) > .node__content .node--type-media-link {
    margin-top: 1em;
}

.wfbb_text .field--name-field-link-wfbb-text .btn-wfbb {
    margin-top: 1rem;
    border-color: #fff;
    color: #fff;
}

.wfbb_text .group-text-elements .field--name-field-titel-wfbb-text:after {
    display: block;
    content: '';
    height: 3px;
    width: 40%;
    background: #fff;
    border-radius: 3px;
    margin: 2rem 0;
}

.wfbb_text .group-text-elements:before {
    display: block;
    content: '';
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    background: linear-gradient(281deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
}

.wfbb_text .field--name-field-link-wfbb-text .btn-wfbb:after {
    background-image: var(--arrow-next-white);
}

.wfbb_text .field--name-field-link-wfbb-text .btn-wfbb:hover {
    background: #fff;
    color: var(--color-primary);
}

.wfbb_text .field--name-field-link-wfbb-text .btn-wfbb:hover:after {
    background-image: var(--arrow-next-primary);
}

@media (max-width: 767px) {

    .wfbb_text .group-text-elements > div {
        grid-column: span 12;
    }

}