.blumango-menu .blumango-side-menu-button, .blumango-menu .blumango-search-button{
height: var(--min-height,50px);
width: var(--min-width,50px);
overflow: hidden !important;
}
.blumango-menu .blumango-side-menu-button .elementor-widget-button, .blumango-menu .blumango-search-button .elementor-widget-button{
transition: all 0.5s cubic-bezier(0.76, 0, 0.24, 1);
}
.blumango-menu.open .blumango-side-menu-button .elementor-widget-button, .blumango-menu.search-open .blumango-search-button .elementor-widget-button{
transform: translateY(-100%);
}
.blumango-menu .blumango-side-menu-button .elementor-button, .blumango-menu .blumango-search-button .elementor-button{
height: var(--min-height, 50px);
display: flex;
align-items: center;
justify-content: center;
}
.blumango-menu .blumango-side-menu-button .elementor-button-icon, .blumango-menu .blumango-search-button .elementor-button-icon{
margin: 0;
justify-content: center;
}
.blumango-menu .blumango-side-menu-button .elementor-button-icon svg{
width: 40%;
height: 100%;
}
.blumango-menu .blumango-side-menu-button .elementor-button-content-wrapper, .blumango-menu .blumango-search-button .elementor-button-content-wrapper{
perspective: 6em;
} .blumango-menu .blumango-side-menu-button .elementor-button-text:nth-child(2){
position: absolute;
}
.blumango-menu .blumango-side-menu:before{
top: 0;
right: 0px;
left: unset;
transition: all 0.5s cubic-bezier(.76,0,.24,1);
}
@media (max-width: 767px) {
.blumango-menu:not(.open) .blumango-side-menu:before{
right: calc((100vw - 340px) / 2);
height: var(--button-height,50px);
width: 50px;
transform: translate(calc(-1*var(--button-right,25px)), var(--button-top,25px));
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.blumango-menu:not(.open) .blumango-side-menu:before{
right: calc((100vw - 720px) / 2);
height: var(--button-height,50px);
width: 50px;
transform: translate(calc(-1*var(--button-right,25px)), var(--button-top,25px));
}
}
.blumango-menu:not(.anim) .blumango-side-menu:before{
transition: none;
opacity: 0;
}
.blumango-menu .blumango-side-menu .e-con::-webkit-scrollbar,
.blumango-menu .blumango-side-menu .e-container::-webkit-scrollbar{
display: none;
}
.blumango-menu .blumango-side-menu .e-con,
.blumango-menu .blumango-side-menu .e-container{
max-height: calc(100vh - 20px - var(--margin-block-start,113px));
-ms-overflow-style: none;
scrollbar-width: none;
}
.blumango-menu .blumango-side-menu .menu-item a {
transform: rotateX(90deg) translate3d(0, 60px, 0);
opacity: 0;
transition: transform 0s linear .45s, opacity 0.3s linear !important;
transform-origin: center bottom;
}
.blumango-menu.open-instant .blumango-side-menu .menu-item a {
transform: rotateX(0deg);
opacity: 1;
transition: transform .65s cubic-bezier(.215, .61, .355, 1) calc(var(--index, 0) * .1s + .55s), 
opacity .35s linear calc(var(--index, 0) * .1s + .55s), 
margin-left .65s cubic-bezier(.215, .61, .355, 1) !important;
}
.blumango-cta-button {
opacity: 0;
}
.blumango-menu.open-instant .blumango-cta-button{
opacity: 1;
transition: opacity .25s linear .75s;
} .blumango-menu .blumango-search-button .elementor-button-icon svg{
width: 40%;
height: 100%;
}
.blumango-menu:not(.anim) .blumango-search-menu:before{
transition: none;
opacity: 0;
}
.blumango-menu .blumango-search-menu:before{
top: 0;
right: 0px;
left: unset;
transition: all 0.5s cubic-bezier(.76,0,.24,1);
}
.blumango-menu:not(.search-open) .blumango-search-menu {
pointer-events: none;
}
.blumango-menu.search-open .blumango-search-menu {
pointer-events: auto;
}
.blumango-menu.search-open .blumango-search-menu:before{
pointer-events: auto;
}
.blumango-menu:not(.search-open) .blumango-search-menu:before {
top: 0;
height: var(--button-height, 50px);
width: 50px;
transform: translate(calc(-1 * var(--button-right, 25px)), var(--button-top, 25px));
transition: transform 0.5s ease, right 0.5s ease;
pointer-events: none;
}
@media (max-width: 767px) {
.blumango-menu:not(.search-open) .blumango-search-menu:before {
right: calc((100vw - 340px) / 2);
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.blumango-menu:not(.search-open) .blumango-search-menu:before {
right: calc((100vw - 720px) / 2);
}
}
@media (min-width: 1025px) and (max-width: 1439px) {
.blumango-menu:not(.search-open) .blumango-search-menu:before {
top: 10px;
right: calc((100% - 1140px) / 2);
}
}
@media (min-width: 1440px) {
.blumango-menu:not(.search-open) .blumango-search-menu:before {
top: 10px;
right: calc((100% - 1440px) / 2);
}
}
.blumango-menu .blumango-search-menu .e-con::-webkit-scrollbar,
.blumango-menu .blumango-search-menu .e-container::-webkit-scrollbar{
display: none;
}
.blumango-menu .blumango-search-menu .e-con,
.blumango-menu .blumango-search-menu .e-container{
max-height: calc(100vh - 20px - var(--margin-block-start,113px));
-ms-overflow-style: none;
scrollbar-width: none;
}
.blumango-menu .blumango-search-menu .elementor-widget-search {
transform: rotateX(90deg) translate3d(0, 60px, 0);
opacity: 0;
transition: transform 0s linear .45s, opacity 0.3s linear !important;
transform-origin: center bottom;
}
.blumango-menu.search-instant .blumango-search-menu .elementor-widget-search {
transform: rotateX(0deg);
opacity: 1;
transition: transform .65s cubic-bezier(.215, .61, .355, 1) calc(var(--index, 0) * .1s + .55s), 
opacity .35s linear calc(var(--index, 0) * .1s + .55s), 
margin-left .65s cubic-bezier(.215, .61, .355, 1) !important;
} .blumango-live-search-overlay {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-color: rgba(0, 0, 0, 0.7);
z-index: 1; 
display: none; 
} .blumango-footer {
display: flex;
justify-content: space-between;
}
.blumango-footer .e-con {
flex: 0 1 auto;
width: auto;
}
@media (max-width: 1024px) {
.blumango-footer {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.blumango-footer .e-con:nth-child(1) {
flex: 0 0 100%;
}
.blumango-footer .e-con:nth-child(2),
.blumango-footer .e-con:nth-child(3) {
flex: 0 1 auto;
width: auto;
}
.blumango-footer .e-con:nth-child(2) {
margin-right: 50px;
}
.blumango-footer .e-con:nth-child(3) {
margin-right: 0;
}
.blumango-footer .e-con:nth-child(4) {
flex: 0 0 100%;
margin-top: 10px;
}
}
@media (max-width: 767px) {
.blumango-footer .e-con {
flex: 0 0 100% !important;
margin-bottom: 10px;
}
} .blumango-gradient-heading-blue {
width: fit-content;
background: linear-gradient(90deg, var(--e-global-color-9560602), var(--e-global-color-d90dd0e));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
background-size: 100%;
background-repeat: no-repeat;
}
.blumango-gradient-heading-purple {
width: fit-content;
background: linear-gradient(90deg, var( --e-global-color-52dd5d0 ), var( --e-global-color-2f56f6d ));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
background-size: 100%;
background-repeat: no-repeat;
}
.blumango-gradient-heading-red {
width: fit-content;
background: linear-gradient(90deg, var( --e-global-color-5a6462c ) 0%, var( --e-global-color-8f4b54c ) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
background-size: 100%;
background-repeat: no-repeat;
}
.blumango-gradient-heading-orange {
width: fit-content;
background: linear-gradient(90deg, var( --e-global-color-191d8aa ) 0%, var( --e-global-color-69b37a4 ) 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
background-size: 100%;
background-repeat: no-repeat;
}
.blumango-gradient-heading-green {
width: fit-content;
background: linear-gradient(90deg, var( --e-global-color-8a72a43 ), var( --e-global-color-0e0d92a ));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
background-size: 100%;
background-repeat: no-repeat;
} .blumango-gradient-termin-blue {
background-image: linear-gradient(90deg, var( --e-global-color-9560602 ) 0%, var( --e-global-color-d90dd0e ) 100%) !important;
}
.blumango-gradient-termin-purple {
background-image: linear-gradient(90deg, var( --e-global-color-52dd5d0 ) 0%, var( --e-global-color-2f56f6d ) 100%) !important;
}
.blumango-gradient-termin-red {
background-image: linear-gradient(90deg, var( --e-global-color-5a6462c ) 0%, var( --e-global-color-8f4b54c ) 100%) !important;
}
.blumango-gradient-termin-orange {
background-image: linear-gradient(90deg, var( --e-global-color-191d8aa ) 0%, var( --e-global-color-69b37a4 ) 100%) !important;
}
.blumango-gradient-termin-green {
background-image: linear-gradient(90deg, var( --e-global-color-8a72a43 ) 0%, var( --e-global-color-0e0d92a ) 100%) !important;
}
.blumango-gradient-termin-turquoise {
background-image: linear-gradient(90deg, var( --e-global-color-6167e5a ) 0%, var( --e-global-color-bf78f86 ) 100%) !important;
} .blumango-image-gradient-blue::before {
background-image: linear-gradient(270deg, var( --e-global-color-9560602 ) 0%, var( --e-global-color-d90dd0e ) 50%, var( --e-global-color-06cc379 ) 100%) !important;
}
.blumango-image-gradient-purple::before {
background-image: linear-gradient(270deg, var( --e-global-color-52dd5d0 ) 0%, var( --e-global-color-2f56f6d ) 50%, var( --e-global-color-06cc379 ) 100%) !important;
}
.blumango-image-gradient-red::before {
background-image: linear-gradient(270deg, var( --e-global-color-5a6462c ) 0%, var( --e-global-color-8f4b54c ) 50%, var( --e-global-color-06cc379 ) 100%) !important;
}
.blumango-image-gradient-orange::before {
background-image: linear-gradient(270deg, var( --e-global-color-191d8aa ) 0%, var( --e-global-color-69b37a4 ) 50%, var( --e-global-color-06cc379 ) 100%) !important;
}
.blumango-image-gradient-green::before {
background-image: linear-gradient(270deg, var( --e-global-color-8a72a43 ) 0%, var( --e-global-color-0e0d92a ) 50%, var( --e-global-color-06cc379 ) 100%) !important;
}
.blumango-image-gradient-turquoise::before {
background-image: linear-gradient(270deg, var( --e-global-color-6167e5a ) 0%, var( --e-global-color-bf78f86 ) 50%, var( --e-global-color-06cc379 ) 100%) !important;
} .blumango-bento {
display: flex;
justify-content: space-between;
gap: 20px;
}
.blumango-bento .blumango-bento-left {
flex: 1;
display: flex;
flex-direction: column;
gap: 20px;
}
.blumango-bento .blumango-bento-right {
display: flex;
flex-direction: column;
gap: 20px;
flex: 1;
}
.blumango-bento .blumango-bento-right > .blumango-bento-container {
flex: 1;
display: flex;
align-items: stretch;
} .blumango-link-container {
position: absolute;
top: 0;
right: 0;
height: 50px;
z-index: 1;
}
@media (max-width: 767px) {
.blumango-link-container {
height: 100px;
width: 280px;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.blumango-link-container {
width: 660px;
}
}
@media (min-width: 1025px) and (max-width: 1439px) {
.blumango-link-container {
width: calc((1020px / 2) - 40px);
}
}
@media (min-width: 1440px) {
.blumango-link-container {
width: calc((1320px / 2) - 40px);
}
} .blumango-blog {
display: flex;
justify-content: space-between;
gap: 20px;
}
.blumango-blog-left {
flex: 0 0 calc(70% - 20px) !important;
}
.blumango-blog-right {
flex: 0 0 30% !important;
}
.blumango-blog-sticky-cta {
position: -webkit-sticky !important;
position: sticky !important;
top: 100px;
}
@media (max-width: 1024px) {
.blumango-blog {
display: block;
}
.blumango-blog-left,
.blumango-blog-right {
flex: none !important;
}
.blumango-blog-sticky-cta {
position: static !important;
top: auto;
}
} .blumango-beitrag-vorschaubild {
transition: background-size .5s ease !important;
position: relative;
overflow: hidden;
background-size: 100% !important;
background-position: center;
}
.blumango-beitrag-vorschaubild:hover {
background-size: 110% !important;
} .blumango-marquee .swiper-wrapper{
transition-timing-function: linear !important; 
} body {
overflow-x: hidden;
}
.blumango-scroll-container, .blumango-timeline-container {
overflow: visible;
will-change: transform;
transition: transform 0.2s ease;
}
.blumango-leistung {
will-change: transform;
aspect-ratio: 1.5;
transition: background-size .5s ease, transform 0.3s ease !important;
position: relative;
overflow: hidden;
background-size: 100% !important;
background-position: center;
}
.blumango-sticky-container, .blumango-sticky-timeline-container {
transition: position 0.2s ease;
}
.blumango-leistung-title {
position: relative;
transform: translateY(0);
transition: transform 0.3s ease;
}
.blumango-leistung-text {
opacity: 0;
max-height: 0;
overflow: hidden;
transition: opacity 0.3s ease, max-height 0.3s ease;
}
.blumango-leistung:hover {
background-size: 110% !important;
}
@media (max-width: 1024px) {
.blumango-leistung-title {
transform: translateY(0);
padding-bottom: 20px;
}
.blumango-leistung-text {
opacity: 1;
max-height: none;
}
}
.blumango-home-karriere-sticky-heading {
position: -webkit-sticky;
position: sticky !important;
top: 200px;
}