@charset "UTF-8";
  #page-container {
padding-top: 158px !important;
}
@media screen and (max-width: 980px) {
#page-container {
padding-top: 66px !important;
}
}
.flow-text-col p {
hyphens: auto;
font-size: clamp(1.25rem, 2vw + 0.5rem, 3rem) !important;
line-height: clamp(2rem, 2vw + 0.5rem, 4rem) !important;
}
#main-content .et_pb_text_inner p, #main-content .et_pb_text_inner li {
font-size: 1.125rem;
line-height: 1.75rem;
}
.overlay-gradient {
position: relative;
}
.overlay-gradient::after {
content: "";
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: linear-gradient(90deg, rgb(33, 57, 84) 0%, rgba(7, 11, 17, 0.16) 100%) !important;
}
.checklist ul {
list-style: none;
padding-left: 0;
padding-bottom: 0;
}
.checklist ul li {
position: relative;
padding-left: 1.5rem;
margin-bottom: 0.5rem;
font-size: 1.125rem;
line-height: 2rem;
}
.checklist ul li::before {
content: "\f054";
font-family: "Font Awesome 7 Pro";
position: absolute;
left: 0;
}
.flex-col {
display: flex;
justify-content: center;
column-gap: 3rem;
}
.flex-col .et_pb_blurb_content {
max-width: max-content !important;
display: flex;
align-items: first baseline;
}
.flex-col .et_pb_blurb_content .et_pb_main_blurb_image {
max-width: max-content !important;
margin-bottom: 0;
}
@media screen and (max-width: 980px) {
.flex-col {
flex-wrap: wrap;
}
.flex-col .et_pb_blurb {
margin-bottom: 1rem !important;
}
}
.two-col-content {
column-count: 2;
column-gap: 6.25rem;
column-rule: 1px solid #213954;
}
.two-col-content h2, .two-col-content h3, .two-col-content h4 {
break-inside: avoid;
}
@media screen and (max-width: 980px) {
.two-col-content {
column-count: 1;
column-rule: none;
}
}
.text-image-row .et_pb_column .et_pb_image {
height: 100%;
width: 100%;
}
.text-image-row .et_pb_column .et_pb_image .et_pb_image_wrap {
height: 500px;
width: 100%;
}
.text-image-row .et_pb_column .et_pb_image .et_pb_image_wrap img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: bottom;
}
@media screen and (max-width: 980px) {
.text-image-row {
margin-left: auto !important;
margin-right: auto !important;
width: 90% !important;
display: flex;
flex-direction: column;
}
.text-image-row .et_pb_image .et_pb_image_wrap {
aspect-ratio: 1;
overflow: hidden;
height: unset !important;
margin-bottom: 2rem;
}
.text-image-row .et_pb_image .et_pb_image_wrap img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.text-image-row.switched-mobile .et_pb_column:first-child {
order: 2;
padding-bottom: 0;
margin-bottom: 0;
}
.text-image-row:not(.switched-mobile) .et_pb_column:first-child {
margin-bottom: 0;
}
.text-image-row:not(.switched-mobile) .et_pb_column:last-child {
padding-bottom: 0;
}
}
.et_pb_accordion .et_pb_toggle_title::before {
font-size: 1.5rem !important;
color: #213954 !important;
}
.et_pb_accordion .et_pb_toggle_open .et_pb_toggle_title::before {
display: block !important;
content: "K" !important;
}
.et_pb_accordion .et_pb_toggle_content p, .et_pb_accordion .et_pb_toggle_content li {
font-size: 1.125rem !important;
line-height: 1.75rem !important;
}
.subnav {
position: sticky;
top: 88px;
z-index: 9999;
overflow-x: scroll;
}
.subnav .et_pb_column {
display: flex;
gap: 2.5rem;
}
.subnav .et_pb_column .et_pb_module {
margin-bottom: 0;
}
.subnav .et_pb_column .et_pb_module a, .subnav .et_pb_column .et_pb_module .et_pb_text_inner {
font-size: 1rem;
white-space: nowrap;
}
.subnav .et_pb_column .et_pb_module:last-of-type {
padding-right: 20px;
}
@media screen and (max-width: 980px) {
.category-col-wrapper .et_pb_column_1_3 {
width: 48.5% !important;
margin-right: 3% !important;
margin-bottom: 2rem;
}
.category-col-wrapper .et_pb_column_1_3:nth-child(2) {
margin-right: 0 !important;
}
}
@media screen and (max-width: 480px) {
.category-col-wrapper .et_pb_column_1_3 {
width: 100% !important;
margin-right: 0 !important;
}
} @font-face {
font-display: swap; font-family: "Raleway";
font-style: normal;
font-weight: 300;
src: url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-300.eot); src: url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-300.eot?#iefix) format("embedded-opentype"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-300.woff2) format("woff2"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-300.woff) format("woff"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-300.ttf) format("truetype"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-300.svg#Raleway) format("svg"); } @font-face {
font-display: swap; font-family: "Raleway";
font-style: normal;
font-weight: 400;
src: url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-regular.eot); src: url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-regular.eot?#iefix) format("embedded-opentype"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-regular.woff2) format("woff2"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-regular.woff) format("woff"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-regular.ttf) format("truetype"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-regular.svg#Raleway) format("svg"); } @font-face {
font-display: swap; font-family: "Raleway";
font-style: normal;
font-weight: 500;
src: url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-500.eot); src: url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-500.eot?#iefix) format("embedded-opentype"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-500.woff2) format("woff2"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-500.woff) format("woff"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-500.ttf) format("truetype"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-500.svg#Raleway) format("svg"); } @font-face {
font-display: swap; font-family: "Raleway";
font-style: normal;
font-weight: 600;
src: url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-600.eot); src: url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-600.eot?#iefix) format("embedded-opentype"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-600.woff2) format("woff2"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-600.woff) format("woff"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-600.ttf) format("truetype"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-600.svg#Raleway) format("svg"); } @font-face {
font-display: swap; font-family: "Raleway";
font-style: normal;
font-weight: 700;
src: url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-700.eot); src: url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-700.eot?#iefix) format("embedded-opentype"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-700.woff2) format("woff2"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-700.woff) format("woff"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-700.ttf) format("truetype"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-700.svg#Raleway) format("svg"); } @font-face {
font-display: swap; font-family: "Raleway";
font-style: normal;
font-weight: 900;
src: url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-900.eot); src: url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-900.eot?#iefix) format("embedded-opentype"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-900.woff2) format("woff2"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-900.woff) format("woff"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-900.ttf) format("truetype"), url(//pke-ing.de/wp-content/themes/Divi-child/assets/fonts/raleway/raleway-v37-latin-900.svg#Raleway) format("svg"); }
* {
font-family: "Raleway";
font-size: 1rem;
font-variant-numeric: lining-nums;
font-feature-settings: "lnum" 1;
}
.white * {
color: white;
}
h1 {
font-size: clamp(2rem, 4vw + 0.5rem, 4.1rem);
line-height: clamp(2.5rem, 4vw + 0.5rem, 4.75rem);
text-transform: uppercase;
hyphens: auto;
}
body:not(.privacy-policy, .page-id-779) h2 {
font-size: clamp(1.5rem, 4vw + 0.5rem, 2.8rem) !important;
line-height: clamp(2rem, 4vw + 0.5rem, 3.25rem) !important;
text-transform: uppercase;
hyphens: auto;
}
.cta-content h2 {
font-size: 1.875rem !important;
}
h3 {
hyphens: auto;
}
#main-header {
padding-top: 3.125rem;
padding-bottom: 3.125rem;
box-shadow: none !important;
transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1120px) {
#main-header {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
#main-header .et_menu_container {
padding-left: 6.25rem !important;
padding-right: 6.25rem !important;
display: flex;
}
@media screen and (max-width: 1460px) {
#main-header .et_menu_container {
padding-left: 3rem !important;
padding-right: 3rem !important;
}
}
@media screen and (max-width: 980px) {
#main-header .et_menu_container {
padding-left: 0 !important;
padding-right: 0 !important;
width: 90% !important;
}
}
#main-header .et_menu_container .logo_container {
height: max-content !important;
position: unset;
max-width: 25%;
flex: 0 0 25%;
}
@media screen and (max-width: 1740px) {
#main-header .et_menu_container .logo_container {
max-width: 20%;
flex: 0 0 20%;
}
}
@media screen and (max-width: 980px) {
#main-header .et_menu_container .logo_container {
max-width: 80%;
flex: 0 0 80%;
display: flex;
align-items: center;
}
#main-header .et_menu_container .logo_container img {
height: unset !important;
max-width: 100% !important;
}
}
#main-header .et_menu_container .logo_container img {
height: 50px !important;
}
#main-header .et_menu_container #et-top-navigation {
padding: 0 !important;
max-width: 75%;
flex: 0 0 75%;
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
@media screen and (max-width: 1740px) {
#main-header .et_menu_container #et-top-navigation {
max-width: 80%;
flex: 0 0 80%;
}
}
@media screen and (max-width: 980px) {
#main-header .et_menu_container #et-top-navigation {
max-width: 20%;
flex: 0 0 20%;
}
}
#main-header .et_menu_container #et-top-navigation nav li {
padding-right: 2.5rem;
}
#main-header .et_menu_container #et-top-navigation nav li a {
font-size: 1.375rem;
text-transform: uppercase;
font-weight: 400;
color: #213954;
border-bottom: 1px solid transparent;
padding-bottom: 10px !important;
}
@media screen and (max-width: 1740px) {
#main-header .et_menu_container #et-top-navigation nav li a {
font-size: 1.25rem;
}
}
@media screen and (max-width: 1460px) {
#main-header .et_menu_container #et-top-navigation nav li a {
font-size: 1rem;
}
}
#main-header .et_menu_container #et-top-navigation nav li:hover > a, #main-header .et_menu_container #et-top-navigation nav li.current-menu-item > a {
color: #045EA0;
opacity: 1;
border-bottom: 1px solid #045EA0;
}
#main-header .et_menu_container #et-top-navigation nav li:last-child {
padding-right: 0;
}
@media screen and (max-width: 1740px) {
#main-header .et_menu_container #et-top-navigation nav li {
padding-right: 1.5rem;
}
}
@media screen and (max-width: 1460px) {
#main-header .et_menu_container #et-top-navigation nav li {
padding-right: 1.25rem;
}
}
@media screen and (max-width: 1120px) {
#main-header .et_menu_container #et-top-navigation nav {
display: none;
}
}
#main-header .et_menu_container #et-top-navigation nav .sub-menu {
padding: 20px !important;
}
#main-header .et_menu_container #et-top-navigation nav .sub-menu li {
padding: 0 !important;
}
#main-header .et_menu_container #et-top-navigation nav .sub-menu li a {
text-transform: none;
font-size: 1.25rem;
padding: 0 !important;
margin-bottom: 10px;
border-bottom: none !important;
}
#main-header .et_menu_container #et-top-navigation nav .sub-menu li a:hover {
background-color: unset !important;
}
#main-header .et_menu_container #et-top-navigation nav .sub-menu li:hover a {
border-bottom: none !important;
}
@media screen and (max-width: 1120px) {
#main-header .et_menu_container #et-top-navigation #et_mobile_nav_menu {
display: block;
}
#main-header .et_menu_container #et-top-navigation #et_mobile_nav_menu .mobile_menu_bar {
padding-bottom: 10px;
}
#main-header .et_menu_container #et-top-navigation #et_mobile_nav_menu .et_mobile_menu {
left: 50%;
transform: translateX(-50vw);
width: 100vw;
border-top: 0 !important;
background-color: #045EA0;
height: calc(100vh - 66px);
}
#main-header .et_menu_container #et-top-navigation #et_mobile_nav_menu .et_mobile_menu li {
margin-bottom: 1rem;
}
#main-header .et_menu_container #et-top-navigation #et_mobile_nav_menu .et_mobile_menu li a {
border-bottom: none !important;
color: white !important;
text-transform: uppercase;
padding: 0 !important;
}
#main-header .et_menu_container #et-top-navigation #et_mobile_nav_menu .et_mobile_menu li.current-menu-item {
border-bottom: 1px solid white !important;
}
}
#main-header.et-fixed-header {
padding-top: 1.5rem;
padding-bottom: 1.5rem;
box-shadow: none !important;
transition: all 0.3s ease-in-out;
}
#main-header.et-fixed-header .et_menu_container .logo_container img {
height: 40px !important;
transition: height 0.3s ease-in-out;
}
@media screen and (max-width: 980px) {
#main-header {
position: fixed !important;
}
} .mobile_menu_bar:before {
content: "" !important;
position: absolute;
left: 0;
top: 0;
width: 30px;
height: 2px;
background: currentColor;
border-radius: 2px;
transition: transform 0.25s ease, top 0.25s ease, box-shadow 0.25s ease;
box-shadow: 0 9.5px 0 0 currentColor, 0 19px 0 0 currentColor; } .mobile_menu_bar {
position: relative;
width: 30px;
height: 38px;
} .mobile_nav.opened .mobile_menu_bar:before {
top: 9.5px;
transform: rotate(45deg);
box-shadow: 0 0 0 0 transparent, 0 0 0 0 transparent;
} .mobile_menu_bar:after {
content: "";
position: absolute;
left: 0;
top: 9.5px;
width: 30px;
height: 2px;
background: currentColor;
border-radius: 2px;
transform: rotate(0deg);
opacity: 1;
transition: transform 0.25s ease, opacity 0.2s ease;
}
.mobile_nav.opened .mobile_menu_bar:after {
opacity: 1;
transform: rotate(-45deg);
}
footer .et_pb_blurb_content {
margin-left: 0;
margin-right: 0;
}
footer .et_pb_social_media_follow a {
width: 24px !important;
height: 24px !important;
}
footer .et_pb_social_media_follow a::before {
width: 24px !important;
height: 24px !important;
line-height: 24px !important;
}
.category-col-wrapper .category-col {
aspect-ratio: 1;
display: flex;
flex-direction: column;
justify-content: flex-end;
position: relative;
overflow: hidden;
}
.category-col-wrapper .category-col .et_pb_button_module_wrapper {
opacity: 0;
margin-bottom: -70px !important;
transition: all 0.3s ease-in-out;
}
.category-col-wrapper .category-col:after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(33, 57, 84, 0.35);
transition: all 0.3s ease-in-out;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.category-col-wrapper .category-col:hover:after {
background-color: rgba(33, 57, 84, 0.7);
}
.category-col-wrapper .category-col:hover .et_pb_button_module_wrapper {
opacity: 1;
margin-bottom: 0 !important;
}
.four-col-blog .et_pb_salvattore_content[data-columns]::before {
content: "4 .column.size-1of4" !important;
}
.four-col-blog .et_pb_salvattore_content[data-columns] {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 0;
}
.four-col-blog .et_pb_salvattore_content[data-columns]::after {
content: "";
display: block;
clear: both;
}
.four-col-blog .column.size-1of4 {
width: 22.75% !important;
margin-right: 3% !important;
float: none !important;
display: flex;
height: auto !important;
}
.four-col-blog .column.size-1of4:nth-child(4n) {
margin-right: 0 !important;
}
.four-col-blog .column.size-1of4 article {
padding: 0 !important;
border: none !important;
display: flex;
flex-direction: column;
width: 100%;
height: auto !important;
min-height: 95%;
position: relative;
}
.four-col-blog .column.size-1of4 article .et_pb_image_container {
margin: 0 0 2rem 0 !important;
aspect-ratio: 1;
}
.four-col-blog .column.size-1of4 article .et_pb_image_container a {
display: block;
height: 100%;
margin-bottom: 0;
}
.four-col-blog .column.size-1of4 article .et_pb_image_container img {
object-fit: cover;
height: 100%;
width: 100%;
display: block;
}
.four-col-blog .column.size-1of4 article h3 {
font-size: 1.5rem;
line-height: 2rem;
color: #045EA0;
font-weight: 700;
}
.four-col-blog .column.size-1of4 article .post-content {
display: flex;
flex-direction: column;
flex-grow: 1;
margin-top: auto;
}
.four-col-blog .column.size-1of4 article .post-content-inner {
margin-bottom: 2rem;
}
.four-col-blog .column.size-1of4 article .more-link {
display: inline-block;
align-self: flex-start;
margin-top: auto;
background-color: #045EA0;
color: white;
font-size: 1.25rem;
border: 1px solid #045EA0;
padding: 0.75rem 1.25rem;
font-weight: 300;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
}
.four-col-blog .column.size-1of4 article .more-link:hover {
background-color: transparent;
color: #045EA0;
}
@media screen and (max-width: 980px) {
.four-col-blog .column.size-1of4 {
width: 48.5% !important;
margin-right: 3% !important;
margin-bottom: 2rem;
}
.four-col-blog .column.size-1of4:nth-child(2n) {
margin-right: 0 !important;
}
.four-col-blog .column.size-1of4:nth-child(4n) {
margin-right: 0 !important;
}
}
@media screen and (max-width: 480px) {
.four-col-blog .column.size-1of4 {
width: 100% !important;
margin-right: 0 !important;
}
}
.four-col-blog.referenzen .column.size-1of4 article {
overflow: hidden;
}
.four-col-blog.referenzen .column.size-1of4 article .et_pb_image_container {
margin-bottom: 0 !important;
position: relative;
}
.four-col-blog.referenzen .column.size-1of4 article .et_pb_image_container::after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(33, 57, 84, 0.5);
transition: all 0.3s ease-in-out;
position: absolute;
top: 0;
left: 0;
}
.four-col-blog.referenzen .column.size-1of4 article .et_pb_image_container a {
margin-bottom: 0;
}
.four-col-blog.referenzen .column.size-1of4 article h3 {
color: white;
position: absolute;
bottom: 30px;
left: 30px;
margin-bottom: 0;
padding: 0;
transition: all 0.3s ease-in-out;
padding-right: 30px;
}
.four-col-blog.referenzen .column.size-1of4 article .post-content {
position: absolute;
opacity: 0;
bottom: -35px;
left: 30px;
transition: all 0.3s ease-in-out;
margin-top: 0;
flex-grow: 0;
}
.four-col-blog.referenzen .column.size-1of4 article .post-content .more-link {
background-color: white;
color: #213954;
border-color: white;
}
.four-col-blog.referenzen .column.size-1of4 article .post-content .more-link:hover {
background-color: transparent;
color: white;
}
.four-col-blog.referenzen .column.size-1of4 article:hover .et_pb_image_container::after {
background-color: rgba(33, 57, 84, 0.8);
}
.four-col-blog.referenzen .column.size-1of4 article:hover h3 {
bottom: 90px;
}
.four-col-blog.referenzen .column.size-1of4 article:hover .post-content {
opacity: 1;
bottom: 30px;
}
.three-col-blog .et_pb_salvattore_content[data-columns]::before {
content: "3 .column.size-1of3" !important;
}
.three-col-blog .et_pb_salvattore_content[data-columns] article {
height: 100%;
position: relative;
}
.three-col-blog .et_pb_salvattore_content[data-columns] article .post-content {
position: absolute;
bottom: -45px;
}
.three-col-blog .column.size-1of3 {
width: 31.33% !important;
margin-right: 3% !important;
}
.three-col-blog .column.size-1of3:nth-child(3) {
margin-right: 0 !important;
}
.three-col-blog .column.size-1of3 article {
padding: 0 !important;
border: none !important;
}
.three-col-blog .column.size-1of3 article .et_pb_image_container {
margin: 0 0 2rem 0 !important;
aspect-ratio: 1;
}
.three-col-blog .column.size-1of3 article .et_pb_image_container a {
height: 100%;
}
.three-col-blog .column.size-1of3 article .et_pb_image_container img {
object-fit: cover;
height: 100%;
width: 100%;
}
.three-col-blog .column.size-1of3 article h3 {
font-size: 1.5rem;
line-height: 2rem;
text-transform: uppercase;
color: #045EA0;
font-weight: 700;
margin-bottom: 2rem;
min-height: 100px;
}
.three-col-blog .column.size-1of3 article .more-link {
background-color: #045EA0;
color: white;
font-size: 1.25rem;
border: 1px solid #045EA0;
padding: 0.75rem 1.25rem;
font-weight: 300;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
}
.three-col-blog .column.size-1of3 article .more-link:hover {
background-color: transparent;
color: #045EA0;
}
@media screen and (max-width: 980px) {
.three-col-blog .column.size-1of3 {
width: 48.5% !important;
margin-right: 3% !important;
margin-bottom: 2rem;
float: left !important;
}
.three-col-blog .column.size-1of3:nth-child(2) {
margin-right: 0 !important;
}
}
@media screen and (max-width: 480px) {
.three-col-blog .column.size-1of3 {
width: 100% !important;
margin-right: 0 !important;
}
}
.three-col-blog.referenzen .column.size-1of3 article {
overflow: hidden;
}
.three-col-blog.referenzen .column.size-1of3 article .et_pb_image_container {
margin-bottom: 0 !important;
position: relative;
}
.three-col-blog.referenzen .column.size-1of3 article .et_pb_image_container::after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(33, 57, 84, 0.5);
transition: all 0.3s ease-in-out;
position: absolute;
top: 0;
left: 0;
}
.three-col-blog.referenzen .column.size-1of3 article .et_pb_image_container a {
margin-bottom: 0;
}
.three-col-blog.referenzen .column.size-1of3 article h3 {
color: white;
position: absolute;
bottom: 30px;
left: 30px;
margin-bottom: 0;
padding: 0 30px 0 0;
transition: all 0.3s ease-in-out;
min-height: unset;
}
.three-col-blog.referenzen .column.size-1of3 article .post-content {
opacity: 0;
bottom: -35px;
left: 30px;
transition: all 0.3s ease-in-out;
}
.three-col-blog.referenzen .column.size-1of3 article .post-content .more-link {
background-color: white;
color: #213954;
border-color: white;
}
.three-col-blog.referenzen .column.size-1of3 article .post-content .more-link:hover {
background-color: transparent;
color: white;
}
.three-col-blog.referenzen .column.size-1of3 article:hover .et_pb_image_container::after {
background-color: rgba(33, 57, 84, 0.8);
}
.three-col-blog.referenzen .column.size-1of3 article:hover h3 {
bottom: 90px;
}
.three-col-blog.referenzen .column.size-1of3 article:hover .post-content {
opacity: 1;
bottom: 30px;
}
.project-image .et_pb_image_wrap {
aspect-ratio: 2/1;
overflow: hidden;
}
.project-image .et_pb_image_wrap img {
height: 100%;
width: 100%;
object-fit: cover;
}
.project-content p {
margin-bottom: 1.5rem !important;
padding-bottom: 0 !important;
}
.project-content ul li {
font-size: 1.25rem !important;
line-height: 1.7em !important;
}
.history-wrapper {
position: relative;
margin: 0 auto;
padding: 10px 0;
}
.history-wrapper .history-line {
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 2px;
transform: translateX(-1px);
background: #213954;
}
.history-wrapper .timeline-item {
position: relative;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
padding: 1rem 0;
}
.history-wrapper .timeline-item.left .et_pb_text_inner {
grid-column: 1;
justify-self: end;
text-align: right;
padding-right: 3.5rem;
}
.history-wrapper .timeline-item.left .et_pb_text_inner h3 {
position: relative;
}
.history-wrapper .timeline-item.left .et_pb_text_inner h3::before {
content: "";
position: absolute;
width: 2.5rem;
height: 2px;
background-color: #213954;
right: -3.5rem;
top: 0.75rem;
}
.history-wrapper .timeline-item.left .et_pb_text_inner h3::after {
content: "";
height: 0.75rem;
width: 0.75rem;
background-color: white;
border: 2px solid #213954;
border-radius: 50%;
position: absolute;
right: -4rem;
top: 0.25rem;
}
.history-wrapper .timeline-item.right .et_pb_text_inner {
grid-column: 2;
padding-left: 3.5rem;
}
.history-wrapper .timeline-item.right .et_pb_text_inner h3 {
position: relative;
}
.history-wrapper .timeline-item.right .et_pb_text_inner h3::before {
content: "";
position: absolute;
width: 2.5rem;
height: 2px;
background-color: #213954;
left: -3.5rem;
top: 0.75rem;
}
.history-wrapper .timeline-item.right .et_pb_text_inner h3::after {
content: "";
height: 0.75rem;
width: 0.75rem;
background-color: white;
border: 2px solid #213954;
border-radius: 50%;
position: absolute;
left: -4rem;
top: 0.25rem;
}
.history-wrapper .timeline-item.left-image .et_pb_image_wrap {
grid-column: 1;
justify-self: end;
text-align: right;
padding-right: 3.5rem;
max-width: 400px;
}
.history-wrapper .timeline-item.right-image .et_pb_image_wrap {
grid-column: 2;
padding-left: 3.5rem;
max-width: 400px;
}
@media screen and (max-width: 560px) {
.history-wrapper .history-line {
left: 0;
}
.history-wrapper .timeline-item {
grid-template-columns: 1fr;
}
.history-wrapper .timeline-item.right .et_pb_text_inner {
grid-column: 1;
}
.history-wrapper .timeline-item.left .et_pb_text_inner {
padding-left: 3.5rem;
text-align: left;
justify-self: flex-start;
}
.history-wrapper .timeline-item.left .et_pb_text_inner h3 {
position: relative;
}
.history-wrapper .timeline-item.left .et_pb_text_inner h3::before {
content: "";
position: absolute;
width: 2.5rem;
height: 2px;
background-color: #213954;
left: -3.5rem;
top: 0.75rem;
}
.history-wrapper .timeline-item.left .et_pb_text_inner h3::after {
content: "";
height: 0.75rem;
width: 0.75rem;
background-color: white;
border: 2px solid #213954;
border-radius: 50%;
position: absolute;
left: -4rem;
top: 0.25rem;
}
.history-wrapper .timeline-item.left-image .et_pb_image_wrap {
padding-left: 3.5rem;
}
.history-wrapper .timeline-item.right-image .et_pb_image_wrap {
grid-column: 1;
}
}
.history-section:not(:last-of-type) {
border-bottom: 1px solid #213954;
}
.history-section .history-image .et_pb_blurb_content {
max-width: unset;
}
.history-section .history-image .et_pb_blurb_content .et_pb_main_blurb_image {
margin-bottom: 10px;
}
.history-section .history-image .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap {
aspect-ratio: 1.5/1;
overflow: hidden;
}
.history-section .history-image .et_pb_blurb_content .et_pb_main_blurb_image .et_pb_image_wrap img {
height: 100%;
width: 100%;
object-fit: cover;
}
.team-image {
max-width: 300px;
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
padding-top: 2rem;
display: flex;
justify-content: center;
align-items: center;
}
.team-image .et_pb_image_wrap {
width: 90%;
}
.jobs-list {
display: flex;
flex-wrap: wrap;
gap: 2rem;
}
.jobs-list .job-item {
max-width: calc(33% - 2rem);
flex: 0 0 calc(33% - 2rem);
background-color: #213954;
padding: 1.5rem;
}
.jobs-list .job-item * {
color: white;
}
.jobs-list .job-item h3 {
font-weight: 700;
margin-bottom: 1rem;
padding-bottom: 0;
}
.jobs-list .job-item .job-item__type {
margin-bottom: 1.25rem;
}
.jobs-list .job-item .job-item__button {
padding: 0.75rem 1.5rem;
background-color: white;
color: #213954;
text-transform: uppercase;
transition: all 0.3s ease-in-out;
border: 1px solid white !important;
}
.jobs-list .job-item .job-item__button:hover {
background-color: transparent;
color: white;
}
@media screen and (max-width: 1080px) {
.jobs-list .job-item {
max-width: calc(50% - 2rem);
flex: 0 0 calc(50% - 2rem);
}
}
@media screen and (max-width: 620px) {
.jobs-list .job-item {
max-width: 100%;
flex: 0 0 100%;
}
}