.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%; } }@media (min-width: 768px) {
.contactForm .content-col {
width: 83.33333333%; } }
.contactForm .content-col .font-head {
color: #00EB85;
margin-bottom: 1.25rem; }
@media (min-width: 1265px) {
.contactForm .content-col .font-head {
margin-bottom: clamp(1.25rem, calc(0.64rem + 0.77vw), 1.875rem); } }
.contactForm .content-col .inner-wrap {
display: flex;
flex-direction: column; }
.contactForm .content-col .inner-wrap .company-wrap {
margin-top: 80px; }
@media (min-width: 768px) {
.contactForm .content-col .inner-wrap {
flex-direction: row;
gap: 4.0625rem; }
.contactForm .content-col .inner-wrap .company-wrap {
margin-top: 0; } }
@media (min-width: 1024px) {
.contactForm .content-col .inner-wrap {
gap: 6.8125rem; } }
@media (min-width: 1265px) {
.contactForm .content-col .inner-wrap {
gap: clamp(6.8125rem, calc(4.92rem + 2.39vw), 8.75rem); } }
.contactForm .content-col .inner-wrap .socials {
display: flex;
gap: 1rem;
margin-top: 15px; }
@media (min-width: 1265px) {
.contactForm .content-col .inner-wrap .socials {
margin-top: clamp(1rem, calc(0.02rem + 1.23vw), 2rem); } }
.contactForm .content-col .inner-wrap .socials svg {
width: 19px; }
@media (min-width: 1265px) {
.contactForm .content-col .inner-wrap .socials svg {
width: clamp(1.1875rem, calc(0.58rem + 0.77vw), 1.8125rem); } }
.contactForm .content-col .inner-wrap .socials svg .st0 {
fill: #09372A !important; }
.contactForm .content-col .inner-wrap .socials a:hover svg .st0 {
fill: var(--green) !important; } .form-container {
border: 2px solid #00EB85;
padding: 25px; }
@media (min-width: 768px) {
.form-container {
max-width: 313px;
padding: 1.5625rem; } }
@media (min-width: 1265px) {
.form-container {
max-width: clamp(22.8125rem, calc(1.17rem + 27.39vw), 45rem);
padding: clamp(1.5625rem, calc(0.04rem + 1.93vw), 3.125rem); } } .success-message {
background-color: #EDFDF6;
color: #00EB85;
padding: 15px;
margin-bottom: 20px;
border-left: 4px solid #00EB85; } .form-field {
margin-bottom: .9375rem;
position: relative; }
@media (min-width: 1265px) {
.form-field {
margin-bottom: clamp(0.9375rem, calc(0.33rem + 0.77vw), 1.5625rem); } }
.form-field.text {
border-bottom: 2px solid #00EB85; }
.form-field.text input[type="text"], .form-field.text [type="email"] {
border-bottom: 7px solid #fff; }
.form-field label {
display: block;
color: #00B185;
margin-bottom: 4px; } .form-field input[type="text"],
.form-field input[type="email"] {
width: 100%;
border: none;
background: transparent;
outline: none;
color: #09372A; }
.form-field textarea {
resize: vertical;
min-height: 100px;
width: calc(100% - 20px);
border: 2px solid #00EB85;
padding: 8px 8px;
background: transparent;
outline: none;
color: #09372A;
margin-top: 7px; }
@media (min-width: 1265px) {
.form-field textarea {
margin-top: clamp(0.4375rem, calc(-0.17rem + 0.77vw), 1.0625rem); } } .form-field.error input[type="text"],
.form-field.error input[type="email"],
.form-field.error textarea {
background-color: #EDFDF6; }
.form-field.error .custom-dropdown {
background-color: #EDFDF6; } .error-icon {
display: none;
position: absolute;
right: -1px;
top: 30%;
color: #00B185;
font-weight: bold; }
.form-field.error .error-icon {
display: block; } .custom-dropdown {
position: relative;
cursor: pointer; }
.dropdown-selected {
border-bottom: 2px solid #00EB85;
padding: 8px 30px 8px 0;
position: relative; }
.dropdown-selected::after {
content: '';
position: absolute;
right: 8px;
top: 50%;
transform: translateY(-50%);
width: 22px;
height: 14px;
background-repeat: no-repeat;
background-size: contain;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' viewBox='0 0 22 14'%3E%3Cpolyline points='2,2 11,12 20,2' fill='none' stroke='%2300B185' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.custom-dropdown.active .dropdown-selected::after {
transform: translateY(-50%) rotate(180deg); }
.custom-dropdown.active .dropdown-selected {
border-bottom: 0; }
.dropdown-options {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: white;
border: 2px solid #00EB85;
list-style: none;
padding: 0;
margin: 0;
z-index: 10;
display: none; }
.custom-dropdown.active .dropdown-options {
display: block; }
.dropdown-options li {
padding: 10px;
cursor: pointer; }
.dropdown-options li:hover {
background-color: #EDFDF6; } .checkbox-field {
margin-bottom: 2.5rem; }
@media (min-width: 1265px) {
.checkbox-field {
margin-bottom: clamp(2.5rem, calc(1.89rem + 0.77vw), 3.125rem); } }
.checkbox-container {
display: flex !important;
align-items: flex-start;
cursor: pointer;
position: relative; }
.checkbox-container input[type="checkbox"] {
position: absolute;
opacity: 0;
cursor: pointer; }
.custom-checkbox {
width: 20px;
height: 20px;
border: 2px solid #00EB85;
margin-right: 10px;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
background: white;
margin-top: 5px; }
@media (min-width: 1265px) {
.custom-checkbox {
width: clamp(1.25rem, calc(0.64rem + 0.77vw), 1.875rem);
height: clamp(1.25rem, calc(0.64rem + 0.77vw), 1.875rem); } }
.checkbox-icon {
width: 24px;
height: 24px;
color: #00EB85;
display: none; }
.checkbox-container input[type="checkbox"]:checked ~ .custom-checkbox .checkbox-icon {
display: block; }
.checkbox-text {
color: #09372A; }
.privacy-link {
color: #00B185;
text-decoration: none; }
.privacy-link:hover {
text-decoration: underline; } .checkbox-field.error .custom-checkbox {
background-color: #EDFDF6; }
.checkbox-field.error .error-icon {
top: 2px; }.relation-box .ref_news {
background-color: #EDFDF6; }
.relation-box .ref_person {
background-color: #EFF8FF; }
.flex-relation-box {
padding: 30px 20px 40px 20px; }
@media all and (min-width: 768px) {
.flex-relation-box {
padding: 50px 0 60px 0; } }
@media all and (min-width: 1024px) {
.flex-relation-box {
padding: 60px 0 120px 0; } }
@media all and (min-width: 1266px) {
.flex-relation-box {
padding-top: clamp(3.75rem, calc(-2.15rem + 7.46vw), 7.5rem);
padding-bottom: clamp(7.5rem, calc(-1.36rem + 11.19vw), 13.125rem); } }
@media all and (max-width: 767px) {
.flex-relation-box.personal .image {
margin-bottom: 1.875rem; } }
.flex-relation-box h3 {
margin-bottom: 1.25rem; }
@media all and (min-width: 1266px) {
.flex-relation-box h3 {
margin-bottom: clamp(1.25rem, calc(0.27rem + 1.24vw), 1.875rem); } }
.flex-relation-box .box {
display: flex; }
@media all and (max-width: 767px) {
.flex-relation-box .box {
flex-direction: column; } }
.flex-relation-box .box .image {
flex: 1; }
@media all and (min-width: 768px) {
.flex-relation-box .box .image {
width: 41.6666666667%;
margin-right: 8.333333333%; } }
.flex-relation-box .box .image img {
width: 100%;
height: auto; }
@media all and (max-width: 767px) {
.flex-relation-box .box.news .image {
margin-bottom: 1.875rem; } }
.flex-relation-box .box .meta {
flex: 1; }
.flex-relation-box .box .meta p {
margin-bottom: 0; }
@media all and (min-width: 768px) {
.flex-relation-box .box .meta {
width: 50%; } }
.flex-relation-box .box .meta .category {
margin-bottom: .4375rem; }
@media all and (min-width: 1560px) {
.flex-relation-box .box .meta .category {
margin-bottom: .9375rem; } }
.flex-relation-box .box .meta .btn-row {
margin: 1.875rem 0 1.875rem 2px; }
@media all and (min-width: 768px) {
.flex-relation-box .box .meta .btn-row {
margin-top: 2.5rem;
margin-bottom: 2.5rem; } }
@media all and (min-width: 1266px) {
.flex-relation-box .box .meta .btn-row {
margin-top: clamp(2.5rem, calc(0.53rem + 2.49vw), 3.75rem);
margin-bottom: clamp(2.5rem, calc(0.53rem + 2.49vw), 3.75rem); } }
.flex-relation-box .box .meta .contact-row.first {
margin-top: 2rem; }
.flex-relation-box .box .meta .contact-row span {
padding-right: 7px; }
.flex-relation-box .box .meta .contact-row a:hover {
color: var(--green); }
.flex-relation-box .font-head {
color: var(--green);
margin-bottom: .875rem; }
@media all and (min-width: 768px) {
.flex-relation-box .font-head {
margin-bottom: 1.25rem; } }
@media all and (min-width: 1266px) {
.flex-relation-box .font-head {
margin-bottom: 1.875rem; } }
.flex-relation-box .text-content .font-subline, .flex-relation-box .text-content a {
color: var(--light_blue); }
.flex-relation-box .swiper-button-prev:after,
.flex-relation-box .swiper-button-next:after {
content: ""; }
.flex-relation-box .swiper-button-prev {
rotate: -180deg;
left: 0; }
.flex-relation-box .swiper-button-next {
right: 0; }
.flex-relation-box .paging {
gap: 5px;
position: relative;
margin-top: .625rem; }
.flex-relation-box .paging.outerbox {
display: flex; }
@media all and (min-width: 768px) {
.flex-relation-box .paging.outerbox {
display: none; } }
.flex-relation-box .paging.imagebox {
display: none; }
@media all and (min-width: 768px) {
.flex-relation-box .paging.imagebox {
display: flex; } }
@media all and (min-width: 1266px) {
.flex-relation-box .paging {
margin-top: 1.25rem;
gap: 20px; } }
.flex-relation-box .paging .swiper-button-prev, .flex-relation-box .paging .swiper-button-next {
position: relative;
margin-top: 0;
height: auto; }
.flex-relation-box .paging .swiper-button-prev svg, .flex-relation-box .paging .swiper-button-next svg {
width: 17px; }
.flex-relation-box .paging .swiper-button-prev svg .st0, .flex-relation-box .paging .swiper-button-next svg .st0 {
fill: var(--light_blue); }
@media all and (min-width: 1266px) {
.flex-relation-box .paging .swiper-button-prev svg, .flex-relation-box .paging .swiper-button-next svg {
width: 30px; } }
.flex-relation-box .paging .swiper-button-prev:hover .st0, .flex-relation-box .paging .swiper-button-next:hover .st0 {
fill: var(--green); }