section.teaser {
padding-top: 88px;
}
section.teaser .flex {
height: 100%;
position: relative;
z-index: 9;
padding-top: 0;
background: none;
}
section.teaser.text-align-center div.flex {
justify-content: center;
}
section.teaser div.image {
position: relative;
display: flex;
}
section.teaser div.image.image-position-top {
align-items: flex-start;
padding-bottom: 64px;
}
section.teaser div.image.image-position-center {
align-items: center;
padding-bottom: 64px;
padding-top: 64px;
}
section.teaser div.image.image-position-bottom {
align-items: flex-end;
padding-top: 64px;
}
section.teaser div.image div.image-content {
display: inline-flex;
width: 100%;
height: calc(100% - 160px);
}
section.teaser div.image div.image-content div.bg {
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
border-radius: var(--revilodesign_borderRadiusBigs) var(--revilodesign_borderRadiusBigs) 0 0;
}
section.teaser div.image div.image-content div.bg.bg-right {
left: auto;
right: 0;
}
section.teaser div.image picture,
section.teaser div.image picture img {
object-fit: contain;
object-position: bottom;
position: relative;
z-index: 9;
}
section.teaser div.image.image-position-center picture,
section.teaser div.image.image-position-center picture img {
align-items: center;
}
section.teaser div.image.image-position-top picture,
section.teaser div.image.image-position-top picture img {
align-items: flex-start;
}
section.teaser div.image.image-position-bottom picture,
section.teaser div.image.image-position-bottom picture img {
align-items: flex-end;
}
section.teaser div.image picture {
z-index: 6;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
}
section.teaser div.image picture img {
width: 100%;
height: 100%;
object-fit: contain;
}
section+section.teaser div.image picture {
height: 100%;
z-index: 6;
}
section+section.teaser div.image.image-position-center picture,
section+section.teaser div.image.image-position-center picture img {
padding: 80px 0;
}
section.teaser div.text {
display: flex;
align-items: flex-start;
flex-direction: column;
position: relative;
z-index: 9;
}
section.teaser.text-align-center div.text {
justify-content: center;
align-items: center;
}
section+section.teaser div.text {
padding: 80px 0;
}
section.teaser div.text {
max-width: calc(var(--revilodesign_maxWidth) / 1.8 );
}
section.teaser .content-width-full div.text {
max-width: 100%;
}
section.teaser div.text h1,
section.teaser div.text h2 {
position: relative;
z-index: 1;
}
section.teaser div.text div.buttons {
padding-top: 24px;
}
section.teaser div.text .subheadline {
color: rgba( var(--revilodesign_yellow), 1);	
}   section.teaser.image-type-logo *.flex {
gap: 64px;
}
section.teaser.image-type-logo div.text {
max-width: 100%;
}
section.teaser.image-type-logo div.text h1,
section.teaser.image-type-logo div.text h2 {
width: 100%;
}
section.teaser.image-type-logo div.text p {
width: 80%;
}
section.teaser.image-type-logo div.image {
display: flex;
justify-content: flex-end;
align-items: center;
}
section.teaser.image-type-logo div.image div.image-content {
height: auto;
display: inline-flex;
position: relative;
left: auto;
top: auto;
justify-content: center;
}
section.teaser.image-type-logo div.image picture {
padding: 48px;
height: auto;
max-height: 50%;
width: 100%;
position: relative;
left: auto;
bottom: auto;
width: auto;
transform: none;
}
section.teaser.image-type-logo div.image picture img {
width: 100%;
height: 100%;
object-fit: contain;
position: relative;
left: auto;
bottom: auto;
border-radius: 0;
}
section.teaser.image-type-logo div.image picture.vector img {
min-width: 100%;
max-width: 100%;
}
section.teaser.image-type-logo div.image div.image-content div.bg {
border-radius: var(--revilodesign_borderRadiusBigs);
}
@media ( max-width: 768px ) {
section.teaser div.flex {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
height: auto;
}
section.teaser div.text {
padding: 0 0 48px;
}
section.teaser div.image,
section.teaser div.image.image-position-center {
order: -1;
padding: 0;
width: calc( 100% + 48px);
max-width: calc( 100% + 48px);
margin-left: -24px;
}
section.teaser div.image div.image-content {
max-height: 56vh;
height: 480px;
overflow: hidden;
display: block;
}
section.teaser div.image div.image-content picture,
section.teaser div.image div.image-content picture img  {
width: 100%;
height: 100%;
max-height: 100%;
display: block;
object-fit: cover;
position: absolute;
left: 0;
top: 0;
}
}section.text *.flexbox.text ul.icon {
padding-top: 24px;
}
section.text .flex .flexbox.text.bgImageContent {
align-items: center;
}
section.text .flex .flexbox.text.bgImageContent article {
border-left: 4px solid rgba( var(--revilodesign_primary), 1);
margin: 124px 0;
padding-left: 64px;
}
section.text .flex .flexbox.text.split_text article .paragraphs {
column-count: 2;
column-gap: 48px;
}
@media ( max-width: 999px ) {
section.text .flex .flexbox.text.split_text article .paragraphs {
column-count: 1;
gap: initial;
}
section.text .flex .flexbox.text.bgImageContent {
width: 50%;
max-width: 50%;
min-width: 50%;
}
section.text  .flex .flexbox.assets.assets-type-text {
width: 50%;
max-width: 50%;
min-width: 50%;		
}
}
@media ( max-width: 589px ) {
section.text .flex .flexbox.text.bgImageContent,
section.text .flex .flexbox.assets.assets-type-text {
width: 100%;
max-width: 100%;
min-width: 100%;		
}
section.text .flex .flexbox.text.bgImageContent article {
border: none;
padding: 0;
margin: 80px 0;
}
section.text .flex .flexbox.text.bgImageContent {
order: 99;
width: calc(100% + 48px);
max-width: calc(100% + 48px);
min-width: calc(100% + 48px);
transform: translateX(-24px);
min-height: 40vh;
}
section.text .flex .flexbox.assets.assets-type-text {
order: 99;
width: calc(100% + 48px);
max-width: calc(100% + 48px);
min-width: calc(100% + 48px);
padding: 0 24px;
}	
}   section.text *.flexbox.image picture {
width: 100%;
min-height: 100%;
}
section.text *.flexbox.image picture img {
width: 100%;
min-height: 100%;
}   .revilodesign .bgImageContent .subheadline,
.revilodesign .bgImageContent h1,
.revilodesign .bgImageContent h2,
.revilodesign .bgImageContent p {
color: rgba( var(--revilodesign_white), 1);
}   .revilodesign.text .flex.flex-text {
gap: 0;
margin: 64px -24px -64px -64px;
text-align: center;
}
.revilodesign.text .flex.flex-text .revilodesign-card {
padding: 0;
display: flex;
align-items: stretch;
}
.revilodesign.text .flex.flex-text .revilodesign-card .revilodesign-card-content {
color: rgba( var(--revilodesign_white), 1);
background: #2A2A2A;
padding: 24px 24px 0 24px;
height: 100%;
}
.revilodesign.text .flex.flex-text .revilodesign-card .revilodesign-card-content .h2 {
padding: 0;
}
.revilodesign.text .flex.flex-text .revilodesign-card .revilodesign-card-content * {
color: rgba( var(--revilodesign_white), 1);
}
.revilodesign.text .flex.flex-text .flexbox:nth-child(2) .revilodesign-card-content {
background: #A62700;
}
.revilodesign.text .flex.flex-text .flexbox:nth-child(3) .revilodesign-card-content {
background: #000;
}
.revilodesign.text .flex.flex-text .revilodesign-card-icon {
margin-bottom: 124px;
text-align: right;
font-size: 32px;
}
.revilodesign.text .flex.flex-text .revilodesign-card-logo {
margin-bottom: 64px;
}
.revilodesign.text .flex.flex-text .revilodesign-card-content .card-headline {
font-size: var(--revilodesign_text_medium_fontSize);
line-height: var(--revilodesign_text_medium_lineHeight);
padding: 0 0 8px 0;
}
@media ( max-width: 589px ) {
.revilodesign.text .flex.flex-text {
margin: 24px -24px -40px -24px;
flex-direction: row;
flex-wrap: nowrap;
align-self: stretch;
}
.revilodesign.text .flex.flex-text .flexbox+.flexbox {
padding: initial;
}
.revilodesign.text .flex.flex-text .revilodesign-card .revilodesign-card-content .h2 {
margin-bottom: 8px;
}
}   *.revilodesign *.flex *.flexbox.assets div.image {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
}
*.revilodesign *.flex *.flexbox.assets div.image > picture {
position: relative;
z-index: 9;
width: 100%;
}
*.revilodesign *.flex *.flexbox.assets div.image > picture img {
width: 100%;
height: 100%;
object-fit: cover;
}
*.revilodesign *.flex *.flexbox.assets div.image > div.swiper {
position: relative;
z-index: 9;
overflow: hidden;
}
*.revilodesign *.flex *.flexbox.assets div.image > div.swiper div.swiper-button-next,
*.revilodesign *.flex *.flexbox.assets div.image > div.swiper div.swiper-button-prev {
background: rgba( var(--revilodesign_white), .8);
}
*.revilodesign *.flex *.flexbox.assets div.image > div.swiper div.swiper-button-next i,
*.revilodesign *.flex *.flexbox.assets div.image > div.swiper div.swiper-button-prev i {
color: rgba( var(--revilodesign_black), 1);
}
*.revilodesign *.flex *.flexbox.assets div.image > div.swiper div.swiper-button-next:hover,
*.revilodesign *.flex *.flexbox.assets div.image > div.swiper div.swiper-button-prev:hover {
background: rgba( var(--revilodesign_white), 1);
color: rgba( var(--revilodesign_black), 1);
}
*.revilodesign *.flex *.flexbox.assets div.image > div.swiper div.swiper-button-next:hover i,
*.revilodesign *.flex *.flexbox.assets div.image > div.swiper div.swiper-button-prev:hover i {
color: rgba( var(--revilodesign_black), 1);
}
*.revilodesign *.flex *.flexbox.assets div.image > div.swiper div.swiper-pagination span {
background: rgba( var(--revilodesign_white), 1);
}
*.revilodesign *.flex *.flexbox.assets div.image > div.swiper div.swiper-pagination span.swiper-pagination-bullet-active {
background: rgba( var(--revilodesign_black), 1);
}
*.revilodesign *.flex *.flexbox.assets div.image div.background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
}
*.revilodesign *.flex *.flexbox.assets div.image div.background picture,
*.revilodesign *.flex *.flexbox.assets div.image div.background picture img {
width: 100%;
height: 100%;
object-fit: cover;
}   *.revilodesign *.flex *.flexbox.assets div.image.image-layout-overlapping > picture {
width: 120%;
min-width: 120%;
max-width: inherit;
}   *.revilodesign *.flex *.flexbox.assets div.image.image-layout-padding {
padding: 48px;
}   *.revilodesign *.flex *.flexbox.assets div.image.image-layout-border > picture img {
border: 4px solid rgba( var(--revilodesign_white), 1);
border-radius: var(--revilodesign_borderRadiusBigs);
}   *.revilodesign *.flex *.flexbox.assets div.image.image-layout-contain > picture {
width: 100%;
height: auto;
object-fit: contain;
}   *.revilodesign *.flex *.flexbox.assets div.image.image-layout-cover > picture {
width: 100%;
height: 100%;
object-fit: cover;
}   *.revilodesign *.flex *.flexbox.assets div.image.image-position-top {
align-items: flex-start;
}
*.revilodesign *.flex *.flexbox.assets div.image.image-position-center {
align-items: center;
}
*.revilodesign *.flex *.flexbox.assets div.image.image-position-bottom {
align-items: flex-end;
}