@media all and (min-width: 1266px) {
.flex-content-block.intro {
width: 50%; } }
.flex-content-block.default {
color: var(--blue); }
.flex-content-block.default .font-head {
color: var(--green);
margin-bottom: .875rem; }
@media all and (min-width: 768px) {
.flex-content-block.default .font-head {
margin-bottom: 1.25rem; } }
@media all and (min-width: 1266px) {
.flex-content-block.default .font-head {
margin-bottom: 1.875rem; } }
.flex-content-block.default .text-content .font-subline, .flex-content-block.default .text-content a {
color: var(--light_blue); }
.flex-content-block p {
margin-bottom: 1.5rem; }
@media all and (min-width: 1560px) {
.flex-content-block p {
margin-bottom: 2rem; } }
.flex-content-block ul {
list-style: none;
margin-left: 0; margin-top: -1rem;
position: relative;
padding-left: 21px;
margin-top: -1rem; }
@media all and (min-width: 1600px) {
.flex-content-block ul {
padding-left: clamp(1.3125rem, calc(-0.6rem + 1.91vw), 1.875rem); } }
.flex-content-block ul li:before {
text-indent: 0;
content: '\2014';
padding-right: 0;
color: var(--green);
position: absolute;
left: 0; }
.flex-content-block .btn-ani-wrap {
margin-top: 2.5rem;
display: block; }
@media all and (min-width: 1266px) {
.flex-content-block .btn-ani-wrap {
margin-top: clamp(2.5rem, calc(0.53rem + 2.49vw), 3.75rem); } }.flex-teaser.big-teaser-content { }
@media all and (min-width: 768px) {
.flex-teaser.content-col {
width: 100%;
margin: 80px auto 0 auto; } }
@media all and (min-width: 1024px) {
.flex-teaser.content-col {
width: 83.333333%;
margin: 100px auto 0 auto; } }
@media all and (min-width: 1266px) {
.flex-teaser.content-col {
margin: clamp(6.25rem, calc(1.33rem + 6.22vw), 9.375rem) auto 0 auto; } }
.flex-teaser h2 {
margin-bottom: 20px; }
@media all and (max-width: 767px) {
.flex-teaser h2 {
margin-top: 30px; } }
@media all and (min-width: 1266px) {
.flex-teaser h2 {
margin-bottom: clamp(1.25rem, calc(0.27rem + 1.24vw), 1.875rem); } }
.flex-teaser .image img {
width: 100%;
height: auto; }
.flex-teaser .btn-ani-wrap {
margin-top: 2.5rem;
display: block; }
@media all and (min-width: 1266px) {
.flex-teaser .btn-ani-wrap {
margin-top: clamp(2.5rem, calc(0.53rem + 2.49vw), 3.75rem); } }
.flex-teaser .teaser.small {
display: flex;
align-items: center;
flex-direction: column; }
@media all and (min-width: 768px) {
.flex-teaser .teaser.small {
flex-direction: row; } }
.flex-teaser .teaser.small .img-left, .flex-teaser .teaser.small .img-right {
display: none; }
.flex-teaser .teaser.small .image {
line-height: 0;
overflow: hidden;
position: relative;
width: 100%; }
@media all and (min-width: 768px) {
.flex-teaser .teaser.small .image {
width: 50%;
padding-right: 8.3333333%; } }
.flex-teaser .teaser.small .image .img-left {
display: block;
position: absolute;
top: 0;
left: 0;
width: 45%; }
.flex-teaser .teaser.small .image.right .img-left {
display: none; }
.flex-teaser .teaser.small .image.right .img-right {
display: block;
position: absolute;
bottom: 0;
right: 0;
width: 45%; }
@media all and (min-width: 768px) {
.flex-teaser .teaser.small .image.right {
order: 2;
padding-right: 0;
padding-left: 8.3333333%; } }
.flex-teaser .teaser.small .image.left .img-right {
display: none; }
.flex-teaser .teaser.small .content {
width: 100%; }
@media all and (min-width: 768px) {
.flex-teaser .teaser.small .content {
width: 41.6666666%; } }
@media all and (min-width: 768px) {
.flex-teaser .teaser.small .content.right {
order: 1; } }
.flex-teaser.teaser_big {
margin: 60px auto 0 auto; }
@media all and (min-width: 768px) {
.flex-teaser.teaser_big {
margin: 80px auto 0 auto; } }
@media all and (min-width: 1024px) {
.flex-teaser.teaser_big {
margin: 100px auto 0 auto; } }
@media all and (min-width: 1266px) {
.flex-teaser.teaser_big {
margin: clamp(6.25rem, calc(1.33rem + 6.22vw), 9.375rem) auto 0 auto; } }
@media all and (min-width: 2560px) {
.flex-teaser.teaser_big {
width: 100%; } }
.flex-teaser.teaser_big a {
color: #fff; }
.flex-teaser.teaser_big p {
color: white; }
.flex-teaser.teaser_big .btn-ani-wrap {
margin-top: 1.5rem;
display: block; }
@media all and (min-width: 1024px) {
.flex-teaser.teaser_big .btn-ani-wrap {
margin-top: 1.875rem; } }
@media all and (min-width: 1266px) {
.flex-teaser.teaser_big .btn-ani-wrap {
margin-top: clamp(1.875rem, calc(-0.09rem + 2.49vw), 3.125rem); } }
.flex-teaser.teaser_big .image {
line-height: 0;
aspect-ratio: 2/3;
position: relative; }
@media all and (min-width: 768px) {
.flex-teaser.teaser_big .image {
aspect-ratio: 1/1; } }
@media all and (min-width: 1024px) {
.flex-teaser.teaser_big .image {
aspect-ratio: 2/1; } }
.flex-teaser.teaser_big .image .medium, .flex-teaser.teaser_big .image .def {
display: none; }
@media all and (min-width: 768px) {
.flex-teaser.teaser_big .image .small {
display: none; }
.flex-teaser.teaser_big .image .medium {
display: block; } }
@media all and (min-width: 1024px) {
.flex-teaser.teaser_big .image .medium {
display: none; }
.flex-teaser.teaser_big .image .def {
display: block; } }
.flex-teaser.teaser_big .image .img-left, .flex-teaser.teaser_big .image .img-right {
position: absolute;
z-index: 1;
max-width: 20%; }
.flex-teaser.teaser_big .image .img-left {
left: 0; }
.flex-teaser.teaser_big .image .img-right {
bottom: 0;
right: 0; }
.flex-teaser.teaser_big .image .content-overlay {
position: absolute;
bottom: 1.875rem;
left: 1.25rem;
z-index: 10; }
@media all and (min-width: 768px) {
.flex-teaser.teaser_big .image .content-overlay {
bottom: 3.75rem;
left: 2.5rem; } }
@media all and (min-width: 1560px) {
.flex-teaser.teaser_big .image .content-overlay {
bottom: clamp(3.125rem, calc(-2.62rem + 5.89vw), 5rem);
left: clamp(2.5rem, calc(-5.16rem + 7.86vw), 5rem); } }
.flex-teaser.teaser_big .image .gradient {
position: absolute;
width: 100%;
height: 75%;
bottom: 0;
left: 0;
z-index: 1;
background: linear-gradient(0deg, rgba(0, 0, 190, 0.801541) 0%, rgba(0, 0, 190, 0) 80%); }@media all and (min-width: 768px) {
.flex-zitat.content-col {
width: 100%; } }
@media all and (min-width: 1024px) {
.flex-zitat.content-col {
width: 83.333333333%; } }
@media all and (min-width: 1266px) {
.flex-zitat.content-col {
width: 83.333333333%; } }