/* TEXT + IMAGE 

01	GENERAL
02	TEXT
03	IMAGE

*/

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

.node--type-frontpage-wfbb .main-content .field--name-field-ements-wfbb-page > .wfbb_text_image {
    padding-left: var(--section-inner-side-padding);
    padding-right: var(--section-inner-side-padding);
}

.wfbb_text_image .paragraph {
    display: grid;
    grid-gap: var(--grid-gap);
    grid-template-columns: var(--grid-columns);
    padding: 0 var(--section-inner-side-padding);
}

.node--type-frontpage-wfbb .wfbb_text_image .paragraph {
    padding: 0;
}

.paragraph--type--wfbb-text-image > div {
    grid-column: span 6;
}

.wfbb_text_image .paragraph.rechts .wfbb-text-image-info-group {
    padding-right: 2.875rem;
}

.wfbb_text_image .paragraph.links .wfbb-text-image-info-group {
    padding-left: 2.875rem;
}

.wfbb_text_image .paragraph.links .field--name-field-image-wfbb-text-image {
	order: 1;
}

.wfbb_text_image .paragraph.links .wfbb-text-image-info-group {
	order: 2;
}

@media (max-width: 1400px) {

    .wfbb_text_image .paragraph {
        padding: 0;
    }

}

@media (max-width: 767px) {

    .paragraph--type--wfbb-text-image > div {
        grid-column: span 12;
    }

    .wfbb_text_image .paragraph.links .wfbb-text-image-info-group {
        padding-left: 0;
    }

    .wfbb_text_image .paragraph.rechts .wfbb-text-image-info-group {
        order: 2;
    }

    .wfbb_text_image .paragraph.links .wfbb-text-image-info-group,
    .wfbb_text_image .paragraph.rechts .wfbb-text-image-info-group {
        padding: 0;
    }

}

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

.wfbb-text-image-info-group {
    align-self: center;
}

.wfbb_text_image .field--name-field-title-text-wfbb:after {
    display: block;
    content: '';
    height: 3px;
    width: 40%;
    background: var(--color-primary);
    border-radius: 3px;
    margin: 2rem 0;
}

.wfbb_text_image .field--name-field-title-text-wfbb h2 {
    margin: 0;
}

.node--type-frontpage-wfbb .wfbb_text_image .paragraph h2 {
    text-align: left;
}

@media (max-width: 1400px) {

    .wfbb_text_image .field--name-field-title-text-wfbb:after {
        margin: 1.5rem 0;
    }

}

@media (max-width: 1280px) {

    .wfbb_text_image .field--name-field-title-text-wfbb:after {
        margin: 1rem 0;
    }

}

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

.wfbb_text_image .text-wfbb-text-image-wrapper {
    position: relative;
}

.wfbb_text_image .field--name-field-media-image {
    padding-top: 66.66%;
}

.wfbb_text_image .field--name-field-media-image,
.wfbb_text_image .field--name-field-media-image img {
    width: 100%;
    height: auto;
}

.wfbb_text_image .field--name-field-media-image img {
    border-radius: var(--border-radius);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.wfbb_text_image .paragraph.links .field--name-field-caption-image {
    left: 1rem;
    right: inherit;
}

.text-wfbb-text-image-wrapper img {
    border-radius: var(--border-radius);
}