:root {
--first-color: #E6007E; 
--second-color: #009FE3; 
--gradient: linear-gradient(to right, var(--first-color), var(--second-color));
}
body{overflow-x:hidden}
.home .sub-menu{top: 60%!important;} #main-content .et_pb_column .et_pb_module h1 {font-size: calc(24px + (32 - 24) * ((100vw - 320px) / (1600 - 320))); font-weight:800}
#main-content .et_pb_column .et_pb_module h2 {font-size: calc(20px + (26 - 20) * ((100vw - 320px) / (1600 - 320))); font-weight:800} 
#main-content .et_pb_column .et_pb_module h3 {font-size: calc(18px + (24 - 18) * ((100vw - 320px) / (1600 - 320))); font-weight:800}
#main-content .et_pb_column .et_pb_module h4 {font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1600 - 320))); font-weight:300}
#main-content .et_pb_column .et_pb_module h5 {font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1600 - 320)))}
#main-content .et_pb_column .et_pb_module h6 {font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1600 - 320))); }
#main-content .et_pb_column .et_pb_module h1,
#main-content .et_pb_column .et_pb_module h2,
#main-content .et_pb_column .et_pb_module h3,
#main-content .et_pb_column .et_pb_module h4,
#main-content .et_pb_column .et_pb_module h5,
#main-content .et_pb_column .et_pb_module h6{font-family:'Varela Round', sans-serif, Arial;text-transform:uppercase; line-height:1.4em!important;white-space: wrap; word-wrap: normal; hyphens: none}
#main-content body{font-family:'Almarai', sans-serif, Arial;}
.sub-menu li a {font-size: calc(14px + (15 - 14) * ((100vw - 320px) / (1600 - 320)))!important; padding: 6px 10px!important;}
#main-content .et_pb_column a, .bunt, .color h4 {
color: var(--first-color); 
background: var(--gradient); 
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent; 
}
.dontbreak a, .nobreak {word-wrap:unset;white-space:nowrap}
.et-waypoint{
color: var(--first-color); 
background: var(--gradient); 
-webkit-background-clip: text; 
-webkit-text-fill-color: transparent; 
word-wrap:unset;
white-space:nowrap
}
@media (max-width: 980px) {.et_pb_menu .et_pb_menu__wrap {justify-content: flex-end!important; padding-right:5%}
.et_pb_menu .et_pb_menu_inner_container{display:flex;flex-direction: row;-webkit-box-align: center;-ms-flex-align: center;align-items: center;flex-wrap: nowrap}
#startsection {padding-top: 25vh!important}	
}
#toggleblau .et_pb_toggle_open, 
#toggleblau .et_pb_toggle_close{background:var(--gradient)}
#et-main-area .et_pb_module ul {
list-style-type: none;
padding: 0;
line-height:1.2em!important;
}
#et-main-area .et_pb_module li{
position: relative;
padding-left: 1.5em; margin-bottom: 0.5em;
}
#et-main-area .et_pb_module li::before {
content: '•'; position: absolute;
left: 0;
top: 0;
font-size: 2.5em;
background: var(--gradient);
-webkit-background-clip: text;
color: transparent;
}
.flexfooter{display:flex;flex-direction: row;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}
#faq a{  background:none!important; -webkit-text-fill-color:unset!important}
@media (max-width: 768px) {
.et_pb_menu .et_pb_menu_inner_container{display:flex}
}
.fm-icon{background: var(--gradient);}
.fm-icon svg {color:#fff!important; background-color:transparent!important}
.fm-label{color:#fff!important; background-color:var(--second-color)!important} .job-cta a, .jobs-row-apply button{color:#fff!important;  background: var(--gradient); -webkit-background-clip: unset!important; -webkit-text-fill-color: unset!important}
.job-post {max-width:1920px!important;width: 80%!important;}
.et_pb_divider:before{border-top-width: 2px!important;border-top-color: transparent!important;border-top-style: solid; background: var(--gradient)}
.et_pb_divider{height: 7px;width: 120px;box-shadow: inset 40px 0px 0px 0px var(--first-color)!important}
.footer-container {
display: -ms-flex;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: row;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: space-between;
align-items: flex-start;
align-content: flex-start;}
@media (max-width: 768px) {
.footer-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap}}
.flex-item {-ms-flex-order: 0; -webkit-box-ordinal-group: 1; order: 0; -ms-flex: 0 1 auto; -webkit-box-flex: 0; flex: 0 1 auto; -webkit-align-self: auto; -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto;    width: 100%;margin: 3px 0!important}
.brain img{padding: 25px}
.flip_cards_3d {
display: flex!important;
margin-bottom: 0!important;
max-width: 1920px;
width: 80%;
margin:0 auto;
padding:0;
}
.flip_cards_3d .row_flip_box {
background-color: transparent;
width: 24%;
padding-right: 1%!important;
height: 310px;
perspective: 1000px;
}
.flip_cards_3d .column_flip_box {
position: relative;
width: 100%;
height: 100%;
transition: all 1.2s cubic-bezier(0.5, 1.3, 0.5, 1.3);
transform-style: preserve-3d;
}
.flip_cards_3d .row_flip_box:hover .column_flip_box {
transform: rotateY(180deg);
}
.flip_cards_3d .flip_front_text,
.flip_cards_3d .flip_back_text {
position: absolute!important;
width: 100%;
height: 100%;
text-align: left;
border-radius: 0;
box-shadow: 0 12px 18px -6px rgba(0, 0, 0, 0.2);
display: flex;
transform-style: preserve-3d;
backface-visibility: hidden;
font-size:16px; line-height:1.2em;
color:#666;
}
.flip_cards_3d .flip_front_text {align-items: center; justify-content:center}
.flip_cards_3d .flip_back_text{	justify-content: flex-start;     align-items: center;padding:20px}
.flip_cards_3d .flip_back_text {
transform: rotateY(180deg);
}
.flip_cards_3d h3 {font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1600 - 320)))!important; font-weight:600!important}
@media only screen and (max-width: 980px) {
.flip_cards_3d {
display: block!important;
width: 100%!important;
}
.flip_cards_3d .row_flip_box {
width: 80%!important;
height: 350px;
}
}
.flex-container.leistungen {
display: flex;
justify-content: space-around;
align-items: flex-start;
flex-wrap: wrap;
flex-direction: row;
}
.flex-container.leistungen .flex-item {width: 30%}
.referenz .et_pb_promo_description, .referenz .et_pb_button_wrapper {opacity: 0}
.referenz:hover .et_pb_promo_description,.referenz:hover .et_pb_button_wrapper {opacity: 1}
.referenz {color: #fff!important;font-size: 16px!important;line-height: 1.2em}
@media only screen and (min-width: 980px) {.referenz {min-height: 300px}}
.wpcf7-submit {color: #ffffff !important;
border-width: 0px !important;
border-radius: 100px!important;
letter-spacing: 2px;
font-size: 12px!important;
font-weight: 900 !important;
text-transform: uppercase !important;
background-image: linear-gradient(90deg, #e6007e 0%, #009fe3 100%)!important;
background-color: #007aff!important;
padding-top: 20px !important;
padding-right: 24px !important;
padding-bottom: 20px !important;
padding-left: 24px !important;
}
.et_pb_button, .meabutton, .wpcf7-submit{box-shadow:	0px 2px 16px 0px rgba(0, 20, 20, 0.15)!important}
.meabutton {
border-width: 0px !important;
border-radius: 100px!important;
letter-spacing: 2px;
font-size: 12px!important;
font-weight: 900 !important;
text-transform: uppercase !important;
background-image: linear-gradient(90deg, #e6007e 0%, #009fe3 100%)!important;
background-color: #007aff;
color: var(--first-color);
background: var(--gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
padding-top: 20px !important;
padding-right: 24px !important;
padding-bottom: 20px !important;
padding-left: 24px !important;
border: 2px solid!important;
transition-property: all !important;
display: inline-block; 
text-align: center; 
text-decoration: none!important; }
.standortflex{display:flex;flex-direction: row;flex-wrap: wrap;grid-gap:20px;justify-content: flex-start; align-items: flex-start}
.standortitems{flex:1 1 200px; min-height:200px;  box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.18);padding:10px 5px;border-radius: 10px;}
#jobs-modal-form input::placeholder {color: transparent} #powerTip {} .contact-form-row {width:100%; margin:10px 0}
.contact-form-row input[type=text], input[type=tel], input[type=email], 
.contact-form-row textarea {width: 100%;padding: 10px;font-size: 16px;border-radius:8px;background-color:#f2f2f2}
.twocolumn {display: flex;flex-wrap: nowrap;gap: 15px}
.cfbutton{text-align: end;}