body.home {
--gdp-blue: #3162A6;
--gdp-magenta: oklch(61% 0.24 345);
--gdp-deep-navy: #0E3D70;
--gdp-shadow-soft: 0 0 24px rgba(255, 255, 255, 0.12);
background-color: #0E3D70 !important;
}
.hero-title {
font-weight: 600 !important;
}
.underline-magenta {
position: relative;
display: inline-block;
padding-bottom: 0.45em;
}
.underline-magenta::after {
content: "";
position: absolute;
left: 50%;
bottom: -0.1em;
transform: translateX(-50%);
width: 115%;
height: 0.9em;
background-image: url(//www.gdp-group.com/dev-gdp/wordpress/wp-content/uploads/2026/01/underline-magenta-v1.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
pointer-events: none;
}
a.fusion-button.gdp-btn-primary {
background: linear-gradient(
135deg,
oklch(72% 0.28 345),
oklch(58% 0.28 345)
);
color: #ffffff;
border: 0 !important;
outline: none !important;
border-radius: 999px; box-shadow: none !important;
background-clip: padding-box;
background-origin: padding-box;
transition:
transform 200ms ease,
box-shadow 200ms ease,
filter 200ms ease;
}
a.fusion-button.gdp-btn-primary:hover {
transform: scale(1.03);
box-shadow: 0 22px 55px rgba(12, 222, 192, 0.5) !important;
}
a.fusion-button.gdp-btn-secondary {
background: rgba(4, 11, 40, 0.9);
border: 1px solid rgba(255,255,255,0.6);
color: #ffffff;
border-radius: 999px;
transition:
transform 200ms ease,
background 200ms ease,
box-shadow 200ms ease;
}
a.fusion-button.gdp-btn-secondary:hover {
transform: scale(1.03);
background: rgba(10, 18, 60, 0.95);
box-shadow: 0 10px 26px rgba(0,0,0,0.35);
} .hero-subline {
font-size: clamp(1.2rem, 2vw, 2.2rem);
color: rgba(255, 255, 255, 0.7);
margin-bottom: 2rem;
}
.hero-cta {
background: linear-gradient(to right, oklch(61% 0.24 345), oklch(61% 0.24 330));
color: white;
padding: 0.8rem 2rem;
border-radius: 100px;
text-transform: uppercase;
font-weight: 500;
box-shadow: 0 0 24px rgba(255, 0, 153, 0.25);
transition: background 0.3s ease;
}
.hero-cta:hover {
background: linear-gradient(to right, oklch(61% 0.24 345), oklch(61% 0.24 315));
} .gdp-home-postcards .swiper-slide {
height: 320px;
}  .gdp-home-postcards .fusion-column-anchor {
position: relative;
overflow: hidden;
}
.gdp-home-postcards .fusion-column-anchor::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background: linear-gradient(
to bottom,
rgba(0, 0, 0, 0) 0%,
rgba(0, 0, 0, 0) 50%,
rgba(0, 0, 0, 0.25) 65%,
rgba(0, 0, 0, 0.6) 85%,
rgba(0, 0, 0, 0.85) 100%
);
pointer-events: none;
} .gdp-h2-with-line {
position: relative;
}
.gdp-h2-with-line::before {
content: "";
position: absolute; left: -28px;
top: -70px; width: 70px;
height: 140px; border-left: 2px solid oklch(61% 0.24 345);
border-bottom: 2px solid oklch(61% 0.24 345); border-bottom-left-radius: 28px;
pointer-events: none;
} @media (max-width: 768px) {
.gdp-h2-with-line::before {
top: -40px; }
} .gdp-h2-inner {
position: relative;
display: inline-block;
} .gdp-h2-inner::after {
content: "";
position: absolute; left: calc(100% + 12px);
top: 30px;
width: 220px;
height: 120px;
border-top: 2px solid oklch(61% 0.24 345);
border-right: 2px solid oklch(61% 0.24 345);
border-top-right-radius: 28px;
pointer-events: none;
}
@media (max-width: 768px) {
.gdp-h2-inner::after {
display: none;
}
}  .gdp-news-postcards-wrap {
position: relative;
}
.gdp-news-postcards-wrap::after {
content: "";
position: absolute; right: 10px;
top: 100px;
width: 90px;
height: 90px;
border-right: 2px solid oklch(61% 0.24 345);
border-top: 2px solid oklch(61% 0.24 345);
border-top-right-radius: 28px;
pointer-events: none;
z-index: 5;
} @media (max-width: 768px) {
.gdp-news-postcards-wrap::after {
right: -16px; }
} .gdp-loesungsfelder-col {
position: relative;
} .gdp-loesungsfelder-col::after {
content: "";
position: absolute;
left: -200px;
top: 10px;
width: 620px;
height: 80px;
border-bottom: 2px solid oklch(61% 0.24 345);
border-right: 2px solid oklch(61% 0.24 345);
border-bottom-right-radius: 28px;
pointer-events: none;
z-index: 1;
} @media (max-width: 900px) {
.gdp-loesungsfelder-col::after {
left: -320px; }
}  .gdp-icon-col-1,
.gdp-icon-col-2,
.gdp-icon-col-3,
.gdp-messen-events-col {
position: relative;
z-index: 5;
} .gdp-icon-col-1 {
position: relative;
z-index: 5; }
.gdp-icon-col-1::after {
content: "";
position: absolute;
right: -50px;
top: 50%;
width: 120px;
height: 2px;
background: oklch(61% 0.24 345);
pointer-events: none;
z-index: -1; } .gdp-icon-col-2 {
position: relative;
z-index: 5; }
.gdp-icon-col-2::after {
content: "";
position: absolute;
right: -60px;
top: 50%;
width: 120px;
height: 2px;
background: oklch(61% 0.24 345);
pointer-events: none;
z-index: -1; } .gdp-icon-col-3 {
position: relative;
z-index: 5; }
.gdp-icon-col-3::after {
content: "";
position: absolute;
right: 0;
bottom: 50%;
width: 120px;
height: 263px; border-right: 2px solid oklch(61% 0.24 345);
border-bottom: 2px solid oklch(61% 0.24 345);
border-bottom-right-radius: 28px;
pointer-events: none;
z-index: -1;
}
.gdp-messen-events-col{
position: relative;
z-index: 5;
}  .gdp-messen-events-col::before{
content:"";
position:absolute; left: -2px; top: 110px; width: 40px; height: 40px;  border-left: 2px solid oklch(61% 0.24 345);
border-top: 2px solid oklch(61% 0.24 345);
border-top-left-radius: 28px;
pointer-events:none;
z-index: -1; } @media (max-width: 768px) {
.gdp-icon-col-1::after,
.gdp-icon-col-2::after,
.gdp-icon-col-3::after,
.gdp-messen-events-col::before {
display: none !important;
}
}  .fusion-layout-column.gdp-solution-card {
position: relative;
} .fusion-layout-column.gdp-solution-card .fusion-column-wrapper {
transition:
transform 0.5s cubic-bezier(.25,.75,.25,1) !important;
will-change: transform !important;
overflow: visible !important;
} .fusion-layout-column.gdp-solution-card:hover .fusion-column-wrapper {
transform: translateY(-2px) !important;
} .fusion-layout-column.gdp-solution-card img,
.fusion-layout-column.gdp-solution-card svg,
.fusion-layout-column.gdp-solution-card .fusion-imageframe img {
transition: none !important;
transform: none !important;
} .gdp-loesungsfelder-viertelkreis {
position: relative;
overflow: hidden;
} .gdp-loesungsfelder-viertelkreis::after {
content: "";
position: absolute;
top: clamp(-160px, -22vw, -90px);
right: clamp(-220px, -28vw, -120px);
width: clamp(560px, 70vw, 970px);
height: clamp(560px, 70vw, 970px);
background-color: #a2cff8;
border-radius: 0 0 0 100%;
z-index: 0;
} .gdp-loesungsfelder-viertelkreis > * {
position: relative;
z-index: 1;
}
@media (max-width: 768px) {
.gdp-loesungsfelder-viertelkreis::after {
top: auto;
bottom: -160px;
right: -180px;
width: 420px;
height: 420px; border-radius: 0 0 0 100%;
transform: rotate(90deg);
opacity: 1;
}
} .gdp-ueberuns-row {
max-width: 2000px;
margin-inline: auto;
}  .gdp-ueberuns-col {
position: relative;
max-width: 1200px;
} .gdp-ueberuns-col > .fusion-column-wrapper {
overflow: visible !important;
} .gdp-ueberuns-col::after {
content: "";
position: absolute;
left: 30px;
top: 3.6em; width: clamp(600px, 94%, 1280px);
height: 120px;
border-top: 2px solid oklch(61% 0.24 345);
border-right: 2px solid oklch(61% 0.24 345);
border-top-right-radius: 28px;
pointer-events: none;
z-index: 0;
} @media (min-width: 768px) and (max-width: 820px){
.gdp-ueberuns-col::after{
left: 0; 
width: clamp(550px, 120%, 600px);
}
} .gdp-strength-box {
position: relative;
overflow: visible;
}
.gdp-strength-box::after {
content: "";
position: absolute;
width: 60px;
height: 60px; border-right: 2px solid oklch(61% 0.24 345);
border-bottom: 2px solid oklch(61% 0.24 345);
border-radius: 0 0 20px 0; right: 15px;
bottom: -20px;
pointer-events: none;
}
@media (max-width: 768px) {
.gdp-strength-box::after {
width: 60px;
height: 60px;
border-right-width: 2px;
border-bottom-width: 2px;
border-radius: 0 0 12px 0;
right: -13px;
bottom: -15px;
}
}  .gdp-h2-erfolgsgeschichte {
color: #0e3d70;
} .section-erfolgsgeschichten .eg-card {
background: #fff;
border-radius: 20px;
padding: 32px 50px 36px 40px; height: 100%;
box-sizing: border-box;
} .section-erfolgsgeschichten .fusion-image-element {
height: 80px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
} .section-erfolgsgeschichten .fusion-image-element img {
max-height: 64px; max-width: 100%;
width: auto;
height: auto;
object-fit: contain;
} .section-erfolgsgeschichten
[class^="fusion-content-tb"] p {
font-style: italic;
font-size: 15px;
line-height: 1.55;
color: #2a2a2a;
margin: 0 0 18px 0;
} .section-erfolgsgeschichten
[class^="fusion-text"].eg-name {
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 0.04em;
margin: 0 0 2px 0;
} .section-erfolgsgeschichten
[class^="fusion-text"].eg-title,
.section-erfolgsgeschichten
[class^="fusion-text"].eg-company {
font-size: 0.8rem;
line-height: 1.3;
color: #555;
margin: 0;
}  .section-erfolgsgeschichten
.fusion-text.eg-name p {
margin-top: 26px; margin-bottom: 4px;
} .section-erfolgsgeschichten
.fusion-text.eg-name p {
font-size: 0.85rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.04em;
} .section-erfolgsgeschichten
.fusion-text.eg-title p {
margin: 0 0 2px 0; font-size: 0.8rem;
line-height: 1.25;
color: #555;
} .section-erfolgsgeschichten
.fusion-text.eg-company p {
margin: 0;
font-size: 0.8rem;
line-height: 1.25;
color: #555;
}  .section-erfolgsgeschichten .eg-card {
display: flex;
flex-direction: column;
height: 100%;
} .section-erfolgsgeschichten
[class^="fusion-content-tb"] {
flex: 1 1 auto;
} .section-erfolgsgeschichten .eg-meta {
margin-top: auto;
}   .fusion-image-carousel {
margin-bottom: 0;
} .section-kundenlogos {
padding: 24px 0;
overflow: hidden;
}
.kundenlogos-carousel {
padding: 0 32px;
} .kundenlogos-carousel .awb-swiper-button-prev,
.kundenlogos-carousel .awb-swiper-button-next {
display: none !important;
} .kundenlogos-carousel .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
height: 120px;
padding: 60px;
border-radius: 16px;
box-sizing: border-box;
} .kundenlogos-carousel img {
max-height: 100%;
max-width: 100%;
object-fit: contain;
} @media (max-width: 768px) {
.kundenlogos-carousel .swiper-slide {
min-height: 90px;
padding: 0; border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.kundenlogos-carousel img {
max-height: 100px; max-width: 100%;
object-fit: contain;
}	
}
.to-top-right #toTop {
right: 25px;
} .fusion-tb-categories {
font-size: 0;
}
.fusion-tb-categories a {
font-size: 14px; line-height: 1.2;
}