div.sib-sms-field {
display: inline-block;
position: relative;
width: 100%;
}
.sib-sms-field .sib-country-block {
position: absolute;
right: auto;
left: 0;
top: 0;
bottom: 0;
padding: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sib-country-block .sib-toggle.sib-country-flg {
z-index: 1;
position: relative;
width: 46px;
height: 100%;
padding: 0 0 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #dbdbdb;
cursor: pointer;
}
.sib-country-block .sib-toggle .sib-cflags {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 15px;
width: 20px;
background-repeat: no-repeat;
background-color: #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//s2bconnected.com/wp-content/plugins/mailin/img/flags/fr.png);
}
.sib-country-block .sib-toggle .sib-icon-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width:  0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid;
}
.sib-sms-field ul.sib-country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0px;
margin: 0px 0px 0px -1px;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px;
background-color: white;
border: 1px solid rgb(204, 204, 204);
white-space: nowrap;
max-height: 150px;
overflow-y: scroll;
overflow-x: hidden;
top: 50px;
width: 250px;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix {
font-size: 14px;
padding:1px 10px;
cursor: pointer;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix:hover {
background-color: #dbdbdb;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box {
width: 20px;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag {
height: 18px;
width: 20px;
background-image: url(//s2bconnected.com/wp-content/plugins/mailin/img/flags/ad.png);
vertical-align: middle;
display: inline-block;
background-repeat:no-repeat;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-dial-code {
margin-left: 20px;
}
.sib-sms-field .sib-sms {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0;
}
.sib-multi-lists.sib_error {
color: #A94442;
}:root{
--primary:#0095ed;
--primary-rgb:0,149,237;
--secondary:#0014a1;
--secondary-rgb:0,20,161;
--color-white:#fff;
--color-white-rgb:255,255,255;
--color-blue:#99d4f7;
--color-blue-rgb:153,212,247;
--color-lightblue:#e5f4fd;
--color-lightblue-rgb:229,244,253;
--color-darkorange:#d54f00;
--color-darkorange-rgb:213,79,0;
--color-lightorange:#fbddcc;
--color-lightorange-rgb:251,221,204;
--color-lightsalmon:#f6ab7f;
--color-lightsalmon-rgb:246,171,127;
--color-turquoise:#00edcf;
--color-turquoise-rgb:0,237,207;
--color-lightturquoise:#ccfbf5;
--color-lightturquoise-rgb:204,251,245;
--accent-consult:#0086d5;
--accent-consult-rgb:0,134,213;
--accent-academy:#f07932;
--accent-academy-rgb:240,121,50;
--accent-coach:#00d5ba;
--accent-coach-rgb:0,213,186;
--link:#0095ed;
--link-hover:#ed5800;
--default:#313131;
--default-rgb:49,49,49;
--font-level1:36px;
--font-level2:28px;
--font-level3:22px;
--font-level4:18px;
--font-level5:16px;
--font-level6:14px;
--icon-font:'ETmodules'; --medium:500;
--semi-bold:600;
--bold:700;
--extrabold:800;
--padding-box-desktop:30px;
--padding-box-tablet:15px;
--padding-box-mobil:10px;
--duration: 30s;
} ::-moz-selection { background: rgba(0,149,237,0.4); }
::selection { background: rgba(0,149,237,0.4); }
::-webkit-scrollbar {
height: 10px; width: 10px;
background-color: #F5F5F5;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
background-color: #F5F5F5; }
::-webkit-scrollbar-thumb {
background-color: #0095ed; border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); 
}
body {
counter-reset: section et-text headline; color: var(--default);
}
h1, h2, h3, h4, h5, h6, .head1, .head2, .head3{
font-weight: var(--medium);
line-height: 1.3;
}
h1, .head1{
font-size:var(--font-level1);
color: var(--secondary);
}
h2, .head2{
font-size:var(--font-level2);
color: var(--primary);
}
h3, .head3{
font-size:var(--font-level3);
display:block;
color: var(--primary);
}
h4{
font-size: var(--font-level4);;
}
a{
color: var(--link);
font-weight: var(--medium);
transition: .5s ease;
}
a:hover{
color: var(--link-hover);
}
a:focus{
outline:none !important;
}
.et_pb_module.s2bcacademy .et_pb_button_two.et_pb_button{
border-color: var(--primary)!important;
}
.et_pb_button_two.et_pb_button{
display: inline-block;
}
.et_pb_toggle_close .et_pb_toggle_title:before {
content: "\50";
font-size: 120%;
}
.et_pb_toggle_open .et_pb_toggle_title:before{
content: "\4f";
}
.et_pb_toggle_content p{
margin-bottom: 1em!important;
}
body.page header{
position: absolute;
left:0;
width: 100%;
}
.et_pb_text ul, .et_pb_text ol, .et_pb_promo_description ul, .et_pb_promo_description ol{
margin: 20px 0 10px 20px;
list-style-position: outside;
}
.et_pb_text ul li, .et_pb_text ol li{
margin: 0 0 10px;
}
.et_pb_text ul li::marker, .et_pb_text ol li::marker{
font-size: var(--font-level4);
font-weight: var(--bold);
color: var(--primary);
}
.column-content{
column-count: 2;
column-gap: 50px;
}
.column-content ul{
margin-top:0;
}
input::placeholder, textarea::placeholder{
transition: .2s ease;
}
input:focus::placeholder, textarea:focus::placeholder{
position: absolute;
top: 5px;
font-size: 12px!important;
}
strong, b{
color: #000840;
font-size: 105%;
} header .et_pb_menu.main-nav .et_pb_menu__wrap{
justify-content: flex-end;
}
header .main-nav li a{
font-size: var(--font-level4);
color: var(--secondary);
font-weight: var(--semi-bold);
}
header .main-nav li a:hover{
color:var(--link-hover);
}
.et-menu .menu-item-has-children>a:first-child{
padding-right: 0;
}
.et-menu .menu-item-has-children>a:first-child:after{
position: relative;
}
.main-header-container{
display: flex;
align-items: center;
}
.main-header-container .navi-container{
padding-right: 2%;
width: 88% !important;
transition: .5s width ease;
}
.main-header-container .navi-container:after{
content:"|";
font-weight: var(--bold);
color: var(--secondary);
position:absolute;
right: 0;
top: 50%;
transform: translateY(-25%);
font-size:150%;
}
.main-header-container .contact-container{
display: flex;
align-items:center;
width: 12% !important;
}
.main-header-container .contact-container .icon-item{
padding-top: 5px;
}
.contact-container .icon-item .et_pb_blurb_content{
text-align: right;
}
.contact-container .icon-item .et_pb_main_blurb_image{
margin-bottom: 0px !important;
}
.contact-container .icon-item .et-pb-icon:hover{
color: var(--link-hover);
}
.header-cta-infoboxes-container{
display: block!important;
}
.infobox-opened{
background-color: var(--secondary);
color: var(--color-white);
width: 100%;
font-size: var(--font-level4);
text-align: center;
}
.infobox-opened a{
color: var(--color-white);
}
.infobox-opened a:hover{
color: var(--link-hover);
}
[id*="header-cta"]{
cursor: pointer;
}
[id*="header-item"] {
visibility: hidden;
opacity: 0; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;  
}
.show-item {
visibility:visible;
opacity: 1;
cursor: crosshair;
}
.highlight-icon{
color: var(--secondary) !important;
}
nav #menu-language li>a{
padding-bottom: 0;
} 
nav #menu-language li>a img{
width: 20px !important;
height: auto!important;
}
body.dsm_fixed_header_shrink_active_scrolled.dsm_fixed_header_shrink_active header{
background-color: var(--color-white);
box-shadow: 0 2px 10px rgba(var(--secondary-rgb),.3);
}
body.dsm_fixed_header_shrink_active_scrolled.dsm_fixed_header_shrink_active .lang-nav,
body.dsm_fixed_header_shrink_active_scrolled.dsm_fixed_header_shrink_active .main-header-container .contact-container{
display: none;
}
body.dsm_fixed_header_shrink_active_scrolled.dsm_fixed_header_shrink_active .main-header-container .navi-container{
width: 100%!important;
padding-right: 0;
}
body.dsm_fixed_header_shrink_active_scrolled.dsm_fixed_header_shrink_active .main-header-container .navi-container:after{
content: none;
} .icon-link a:after{
content:"\3d";
font-family: var(--icon-font);
margin-left: .3em;
}
.icon-link.link-bottom a:after{
content:"\3b";
}
#thisisus .et_pb_blurb .et_pb_main_blurb_image img{
display: block;
width: 100% !important;
position: relative;
z-index:10;
border-radius:50%;
top: 20px;
left: 20px;
transition:.25s;
} 
#thisisus .et_pb_blurb:hover .et_pb_main_blurb_image img{
top: 0px;
left: 0px;
} .top-shutter,
.bottom-shutter {
transition: transform 1s;
}
.divi-transform-none .top-shutter,
.divi-transform-none .bottom-shutter {
transform: none;
}
.on-click {
cursor:pointer;
}
.shutter-column .et_pb_blurb .et_pb_blurb_content{
opacity:0;
transition:.5s linear;
}
.shutter-column:hover .et_pb_blurb .et_pb_blurb_content{
opacity:1;
} .approach_style_blurb .et_pb_main_blurb_image:after{
content: "";
position: absolute;
top: -6px;
left: 6px;
width: 56px;
height: 56px;
background-color: #0014a1;
z-index: -1;
border-radius: 50%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
.approach_style_blurb:hover .et_pb_main_blurb_image:after{  
top: -0;
left: 0;
}
.faq_accordion_style .et_pb_accordion .et_pb_toggle_open h5:before{
content:'\32' !important;
background:#fff;
border:1px solid #0095ed;
color:#0095ed;
}
#cta{
margin: 50px 0;
}
.et-post-ticker.et_pb_slider:hover .et-pb-arrow-prev,
.et-post-ticker .et-pb-arrow-prev {
right: 40px !important;
opacity: 1 !important;
left: auto !important;
}
.et-post-ticker.et_pb_slider:hover .et-pb-arrow-next,
.et-post-ticker .et-pb-arrow-next {
right: 0px !important;
opacity: 1 !important;
}
.et-post-ticker .et_pb_slide {
padding: 0 84px 0 3% !important;
}
#upcoming-event .not-found-title, #upcoming-event .not-found-title ~ p{
display: none;
}
#upcoming-event .et_pb_module_header > a{
display: block;
white-space: nowrap;
}
#upcoming-event .et_pb_ajax_pagination_container{
width: 100%;
display: grid;
grid-template-columns: repeat(2, 50%);
}
#upcoming-event div.project{
float: left;
padding-right: 1em;
border-right: 1px solid;
padding-left: 1em;
margin-bottom: 0;
}
#upcoming-event div.project:last-child{
border: 0;
padding-right: 0;
margin-right: 0;
}
#upcoming-event .et_pb_module_header:before{
font-weight: 500;
counter-increment: et-text;
content: counter(et-text);
background-color: transparent;
color: var(--default);
display: block;
float: left;
margin-right: 10px;
margin-top: 5px;
border-radius: 50%;
border: 1px solid;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
transition: .5s;
}
#upcoming-event .et_pb_module_header:hover:before{
background-color: var(--secondary);
color: var(--color-white);
}
.case_image img{
height:480px;
object-fit: cover;
clip-path: polygon(0 0,100% 0,100% 70%,0 92%);
padding-top: 10px;
padding-right: 10px;
border-right: 10px solid var(--primary);
} 
.case_image_animate{
-webkit-animation: feature-ani-one 20s infinite linear;
animation: feature-ani-one 20s infinite linear;
}
.case_text h3{
padding-bottom:0px;
}
@keyframes feature-ani-one{
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
50% {
-webkit-transform: translate(80px, -60px);
transform: translate(80px, -60px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
} .headline-with-element h2{
color: rgba(var(--primary-rgb),.1);
font-size: 80px;
font-weight: var(--extrabold);
padding-bottom: 0;
position: absolute;
bottom: -50px;
}
.headline-with-element h3{
font-size: var(--font-level1);
color: var(--secondary);
overflow: hidden;
}
.headline-with-element h3:before{
content: url(//s2bconnected.com/wp-content/themes/S2BC-Divi-Child/img/headline-element-kreis.png);
width: 80px;
height: 80px;
position: absolute;
right:-38px;
bottom:-10px;
}
.headline-with-element h3:after{
content: "";
border-top: 2px solid var(--secondary);
display: inline-block;
height: 8px;
margin: 0 -200% 0 0;
position: relative;
bottom: 0;
left: 20px;
width: 200%;
}
.headline-with-element.light-element h2{
color: rgba(var(--color-white-rgb),.2);
}
.headline-with-element.light-element h3{
color: var(--color-white);
}
.headline-with-element.light-element h3:before{
content: url(//s2bconnected.com/wp-content/themes/S2BC-Divi-Child/img/headline-element-kreis-weiss.png);
}
.headline-with-element.light-element h3:after{
border-color: rgba(var(--color-white-rgb), .3);
} #hero{
font-size:20px;
}
#hero:not(.project-wrapper) .et_pb_image_wrap img{
width: 100%;
max-width: 450px;
} #trainig-fullwith-promo-bar img{
opacity:.15;
max-height: 80px;
width: auto;
}
#trainig-fullwith-promo-bar .et_pb_main_blurb_image{
position: absolute;
right: -20px;
margin-bottom: 0;
}
#trainig-fullwith-promo-bar .et_pb_module_header{
font-size: var(--font-level4);
color: var(--secondary);
}
#trainig-fullwith-promo-bar .icon-link{
font-size: var(--font-level4);
font-weight: var(--medium);
} .color-teaser{
overflow: hidden;
transition: .5s ease!important;
padding: 20px;
}
.color-teaser.icon-link{
padding: 114px 20px 20px;
transition: .5s ease!important;
}
.color-teaser.icon-link .et_pb_module_header a:hover{
color: var(--link-hover)!important;
}
.color-teaser .et_pb_blurb_container{
transform: translateY(-20px);
}
.color-teaser .et_pb_module_header{
padding-bottom: 60px;
transition: .5s ease;
}
.color-teaser .et_pb_main_blurb_image{
margin-bottom: 0;
}
.color-teaser .et_pb_image_wrap{
position: relative;
z-index: 10;
}
.color-teaser .et_pb_main_blurb_image img{
max-height: 90px;
width: auto;
transition: .5s ease;
}
.color-teaser .et_pb_blurb_description .et_pb_button{
background-color: var(--color-white);
color: var(--link-hover);
font-size: var(--font-level5);
padding-top: 8px;
padding-bottom: 8px;
display: inline-block;
margin-top: 15px;
height: 0;
opacity: 0;
transition: .5s ease;
}
.color-teaser .et_pb_blurb_description .et_pb_button.button-consult{
color: var(--primary) !important;
border-color: var(--primary) !important;
}
.color-teaser .et_pb_blurb_description .et_pb_button.button-coach{
color: var(--accent-coach)!important;
background-color: var(--secondary)!important;
border-color: var(--accent-coach) !important;
}
.color-teaser .et_pb_main_blurb_image:before, .color-teaser .et_pb_main_blurb_image:after{
content:"";
width: 0px;
height: 0px;
border-radius:50%;
position: absolute;
transition: .5s ease;
}
.color-teaser .et_pb_main_blurb_image:before{
background-color: rgba(var(--secondary-rgb),.3);
right: -10px;
top:-10px;
}
.color-teaser .et_pb_main_blurb_image:after{
right: 0px;
top:0px;
z-index: 2;
}
.color-teaser.teaser-consult .et_pb_main_blurb_image:after{
background-color: var(--primary);
}
.color-teaser.teaser-academy .et_pb_main_blurb_image:after{
background-color: var(--accent-academy);
}
.color-teaser.teaser-coach .et_pb_main_blurb_image:after{
background-color: var(--accent-coach);
}
.color-teaser:hover, .color-teaser.icon-link:hover{
box-shadow: 0 1.5em 0.5em -1em rgba(var(--secondary-rgb), .3);
transform: translateY(-40px);
padding-bottom: 30px;
}
.color-teaser:hover .et_pb_module_header{
transform: translateY(-55px);
}
.color-teaser:hover .et_pb_blurb_description .et_pb_button{
height: auto;
opacity: 1;
}
.color-teaser:hover .et_pb_main_blurb_image:before{
width: 320px;
height: 320px;
top: -160px;
right: -160px;
}
.color-teaser:hover .et_pb_main_blurb_image:after{
width: 100px;
height: 100px;
right: 5px;
top: -5px;
}
.color-teaser:hover .et_pb_main_blurb_image img{
transform: scale(.8);
transform-origin: left;
} .single-insights .et_pb_slide_title, .single-insights .et_pb_slide_description{
text-shadow: none;
}
.single-insights .et_pb_slide_title{
padding-bottom: 30px;
position: relative;
}
.single-insights .et_pb_slide_title:before, .single-insights .et_pb_slide_title:after,
.background-list article h4.entry-title >a:before, .background-list article h4.entry-title>a:after{
content:"";
border-radius: 50%;
position: absolute;
}
.single-insights .et_pb_slide_title:before, .background-list article h4.entry-title>a:before{
background-color: var(--color-lightblue);
left: -30px;
z-index: -1;
}
.single-insights .et_pb_slide_title:before{
width: 80px;
height: 80px;	
bottom: 15%;	
}
.background-list article h4.entry-title>a:before{
width: 60px;
height: 60px;
top: -20%;
}
.single-insights .et_pb_slide_title:after, .background-list article h4.entry-title>a:after{
border: 5px solid rgba(var(--primary-rgb), .5);
bottom: 100%;
}
.single-insights .et_pb_slide_title:after{
width: 25px;
height: 25px;
left: 20px;
}
.background-list article h4.entry-title>a:after{
width: 15px;
height: 15px;
left: 10px;
}
.background-list article .post-content:after{
content: "";
width: 20%;
height: 20px;
border-bottom: 2px dashed var(--default);
display: block;
}
.background-list article .post-meta{
display: none;
} .testimonials-default-style{
transition: .5s ease;
}
.testimonials-default-style.et_pb_testimonial:before, .testimonial-quote.et_pb_testimonial:before{
content: "\7b";
font-family: ETmodules;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
left: 40px;
}
.testimonials-default-style:hover{
transform: translateY(-40px);
background-color: var(--color-lightblue)!important;
}
.testimonial-quote{
margin-top: 50px;
}
.testimonial-quote.et_pb_testimonial:before{
left: 50px;
top: -25px;
}
.testimonial-quote .et_pb_testimonial_author{
margin-top: 0;
} #testimonial-slider{
overflow: visible;
}
#testimonial-slider .et_pb_slides .et_pb_slider_container_inner{
display: flex;
flex-direction: column;
}
#testimonial-slider .et_pb_slides .et_pb_slider_container_inner .et_pb_slide_image{
position: relative;
margin: 50px auto 0 !important;
}
#testimonial-slider .et_pb_slides .et_pb_slider_container_inner .et_pb_slide_description{
text-shadow: none;
width: 70%;
}
#testimonial-slider .et_pb_slides .et_pb_slide_content{
font-size: var(--font-level5);
}
#testimonial-slider .et_pb_slides .et_pb_slide_image img{
max-width: 100px;
height: auto;
}
#testimonial-slider .et_pb_slides .et_pb_slide{
box-shadow: 0px 2px 18px 0px rgba(var(--secondary-rgb), .2);
min-height: 565px;
}
#testimonial-slider .et-pb-controllers{
position: relative;
bottom: auto;
margin-top: 40px;
}
#testimonial-slider .et-pb-controllers a{
width: 10px;
height: 10px;
}
#testimonial-slider .et-pb-controllers .et-pb-active-control{
box-shadow: 0 0 0 2px var(--primary);
border:2px solid var(--color-white);
width: 14px;
height: 14px;
}
#testimonial-slider strong{
color: var(--primary);
} #about-expert .expert-image:before, #about-expert .expert-image:after{
content:"";
position: absolute;
top:15%;
border-radius: 50%;
z-index: 2;
}
#about-expert .expert-image:before{
width: 60px;
height: 60px;
left:-20px;
background-color: var(--color-lightsalmon);
}
#about-expert .expert-image:after{
width: 20px;
height: 20px;
left:-30px;
border:5px solid var(--color-blue);
}
.counter-text{
font-size: var(--font-level3);
font-weight: var(--medium)
} .et_pb_contact_form_container .et_pb_contact_main_title{
font-size: var(--font-level3);
margin-bottom:20px;
}
.et_pb_contact_form_container .et_contact_bottom_container{
margin-top: 15px;
}
.person-contact p.et_pb_member_position{
padding-bottom: 30px; 
}
.person-contact .et_pb_member_social_links{
text-align: center;
margin-top: 40px;
}
.person-contact .et_pb_member_social_links a {
background: var(--color-white);
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
} .step-counter:before{
font-size: 24px;
font-weight: 500;
border-radius: 50%;
width: 50px;
height: 50px;
text-align: center;
line-height: 50px;
position: absolute;
}
.step-counter.dark:before{
counter-increment: section;
content: counter(section);
color: var(--color-white);
background-color: var(--primary);
left: 10px;
top: 50%;
transform: translateY(-50%);
}
.step-counter.light:before{
counter-increment: et-text;
content: counter(et-text);
color: var(--primary);
border:1px solid var(--primary);
left: 0;
margin-top: -10px;
} .et_pb_tabs.tabs-standard ul{
background: transparent;
}
.et_pb_tabs.tabs-standard ul:after{
border-top:none;
}
.et_pb_tabs.tabs-standard ul li{
border-right: none;
position: relative;
}
.et_pb_tabs.tabs-standard ul li a{
padding:4px 0;
text-align:center;
}
.et_pb_tabs.tabs-standard ul li:nth-child(2):before,
.et_pb_tabs.tabs-standard ul li:nth-child(3):before, 
.et_pb_tabs.tabs-standard ul li:nth-child(4):before{
height: 2px;
top: 15px;
left: -27px;
background: #919191;
width: 60px;
content: "";
position: absolute;
}
.et_pb_tabs.tabs-standard ul li:nth-child(3):before{
left: -35px;
}  
.et_pb_tabs.tabs-standard ul li.et_pb_tab_active:nth-child(2):before,
.et_pb_tabs.tabs-standard ul li.et_pb_tab_active:nth-child(3):before,
.et_pb_tabs.tabs-standard ul li.et_pb_tab_active:nth-child(4):before{
background: var(--primary);
}  
.et_pb_tabs.tabs-standard .et_pb_tab{
padding: 30px 35px;
-webkit-box-shadow: 0 3px 10px 0 rgb(0 0 0 / 10%);
box-shadow: 0 2px 10px 0 rgb(0 0 0 / 12%);
margin-top: 30px;
}
.et_pb_tabs.tabs-standard .et_pb_all_tabs{
background-color: transparent;
} .et_pb_tabs.tabs-standard.three-items ul li{
width: 33%;
} .et_pb_tabs.tabs-standard.four-items ul li{
width: 25%;
} .et_pb_tabs.tabs_navi_left{
display: flex;
}
.et_pb_tabs.tabs_navi_left ul:after{
border-top:none;
}
.et_pb_tabs.tabs_navi_left ul{
background:transparent;
width:25%;
}
.et_pb_tabs.tabs_navi_left ul li{
border-right: none;
width:75%;
margin-bottom:12px;
height: 77px !important;
float:none;
display:block;
}
.et_pb_tabs.tabs_navi_left ul li a{
padding: 25px 18px 0;
display:block;
text-align:center;
}
.et_pb_tabs.tabs_navi_left .et_pb_all_tabs{  
width:80%;
}
.et_pb_tabs.tabs_navi_left .et_pb_tab{
padding: 30px 35px;
-webkit-box-shadow: 0 3px 10px 0 rgb(0 0 0 / 10%);
box-shadow: 0 2px 10px 0 rgb(0 0 0 / 12%);
background:#fff;
} .tab-navi-right{
display: flex;
flex-direction: row-reverse;
border:none!important;
}
.tab-navi-right h3{
color: var(--color-white);
margin-bottom:10px;
}
.tab-navi-right .et_pb_all_tabs, .tab-navi-right ul.et_pb_tabs_controls{
background-color:transparent!important;
}
.tab-navi-right .et_pb_all_tabs{
color:var(--color-white);
width: 70%;
}
.tab-navi-right .et_pb_all_tabs>div{
min-height:150px;
font-size: var(--font-level4);
}
.tab-navi-right ul.et_pb_tabs_controls{
border-left:3px solid var(--color-white);
width: 30%;
padding-left:30px !important;
}
.tab-navi-right ul.et_pb_tabs_controls:after{
content:none;
}
.tab-navi-right ul li{
display: block;
width: 100%;
border:none !important;
}
.tab-navi-right ul li.et_pb_tab_active{
background-color: transparent !important;
} .grid-wrapper{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 3em;
grid-template-rows: 1fr;
overflow-x: scroll;
}
.grid-wrapper > div{
margin-bottom: 0!important;
} .grid-wrapper.six-item-grid{
grid-template-rows: 1fr;
grid-template-columns: repeat(6, 35%);
}
.grid-wrapper.six-boxes-grid{
grid-template-rows: 1fr 1fr;
overflow:unset;
} body.error404, body.error404 #page-container{
width: 100%;
height: 100%;
overflow-x: hidden;
}
#space-wrapper{
width: 100%;
height:800px;
}
.space {
width: 100%;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
}
.space >div {
position: absolute;   
}
.space .text {
display: table;
z-index: 100;
margin-top: -250px;
margin-left: -250px;
width: 500px;
height: 500px;
}
.space .text .align-middle {
display: table-cell;
vertical-align: middle;
text-align: center;
} div[class^="moon"] {
background: var(--primary);
width: 60px;
height:60px;
border-radius: 50%;
z-index: 10;
border: 1px solid var(--secondary);
box-shadow: 0 0 6px rgba(var(--color-white-rgb), .6);
}
.space div[class^="moon"].sm {
width: 30px;
height: 30px;
}
.space .moon-1.sm{
background: var(--accent-coach);
}
.space .moon-2.sm{
background: var(--accent-academy);
}
.space .moon-1 {
margin-top: -15px;
margin-left: -15px;
animation: orbit1 15s linear infinite;
}
.space .moon-2 {
margin-top: -15px; 
margin-left: -15px;    
animation: orbit2 -6s 18s linear infinite;
}
.space .moon-3 {
margin-top: -30px;
margin-left: -30px;
animation: orbit3 -12s 22s linear infinite;
}
div[class^="orbit"]{
border-radius: 50%;
border: 1px solid rgba(var(--secondary-rgb), .3);
}
.space .orbit-1 {
margin-top: -250px;
margin-left: -250px;
width: 500px;
height: 500px;       
z-index: 8;
background: rgba(var(--accent-consult-rgb),.2);
}
.space .orbit-2 {
margin-top: -340px;
margin-left: -340px;
width: 680px;
height: 680px;
z-index: 7;
}
.space .orbit-3 {
margin-top: -395px;
margin-left: -395px;
width: 790px;
height: 790px;
z-index: 6;
}
@keyframes orbit1 {
from {  transform: rotate(0deg) translateX(250px); }
to   {  transform: rotate(360deg) translateX(250px); }
}
@keyframes orbit2 {
from {  transform: rotate(0deg) translateX(340px); }
to   {  transform: rotate(360deg) translateX(340px); }
}
@keyframes orbit3 {
from {  transform: rotate(0deg) translateX(395px); }
to   {  transform: rotate(360deg) translateX(395px); }
}  .ewd-ufaq-faq-category-title{
padding: 15px 0 10px;
}
.ewd-ufaq-faq-title .ewd-ufaq-post-margin-symbol span{
display: none!important;
}
div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol:before{
content: "\e044";
background: var(--color-white);
border-radius: 50%;
font-family: var(--icon-font);
color: var(--secondary);
font-size: var(--font-level3);
position: relative;
top: 3px;
}
.ewd-ufaq-post-active div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol:before{
content: "\3a";
color: var(--primary);
}
.ewd-ufaq-faq-title.ewd-ufaq-faq-toggle{
border-bottom: 1px solid var(--secondary);
}
.ewd-ufaq-post-active .ewd-ufaq-faq-title.ewd-ufaq-faq-toggle{
border-bottom: 1px solid var(--primary);
}
.ewd-ufaq-faq-title-text h4{
color: var(--secondary);
}
.ewd-ufaq-post-active .ewd-ufaq-faq-title-text h4{
color: var(--primary);
}
.ewd-ufaq-faq-body {
padding: 20px 25px 20px 45px!important;
}
#tabs-faqs .ewd-ufaq-faq-category-title {
display: none;
}
#all-faqs-grid .ewd-ufaq-faqs{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-gap: 3em;
} .mec-container{
width:auto !important;
max-width: 1400px !important;
}
.mec-single-event .mec-event-meta dt, .mec-single-event .mec-event-meta h3{
font-weight: var(--medium)!important;
color: var(--secondary)!important;
}
.mec-single-event .mec-events-meta-group-booking form>h4, .mec-single-event .mec-frontbox-title, .mec-single-event .mec-wrap-checkout h4{
font-weight: var(--medium)!important;
color: var(--secondary)!important;
font-size: var(--font-level5)!important;
}
.mec-single-event .mec-speakers-details ul li .mec-speaker-name{
font-size: var(--font-level5)!important;
}
.mec-wrap p, .mec-single-event .mec-event-meta .mec-events-event-categories a, .mec-single-event .mec-event-meta dd, .mec-time-comment, 
.mec-single-event .mec-event-meta h6, .mec-single-event .mec-speakers-details ul li .mec-speaker-job-title,
.mec-event-data-fields .mec-event-data-field-item .mec-event-data-field-name, .mec-event-data-fields .mec-event-data-field-item .mec-event-data-field-value,
.mec-event-schedule-content dl{
font-size: var(--font-level5);
color: var(--default)!important; 
}
#page-container .mec-event-data-fields .mec-event-data-field-item .mec-event-data-field-name{
font-weight: var(--medium)!important;
color:var(--secondary)!important;
text-transform: uppercase;
}
.mec-time-comment, .mec-single-event .mec-event-meta h6{
font-weight: var(--regular)!important;
}
.mec-breadcrumbs{
border:0;
box-shadow: none;
}
.mec-single-event .mec-events-event-image{
text-align:center;
} .single-mec-events .mec-container{
padding-top: 150px;
}
.event-item, .event-item h3{
color: var(--color-white);
}
.event-item .et_pb_toggle_close{
padding: 20px 0 !important;
}
.event-item .et_pb_toggle_open{
padding: 20px 0;
}
.event-item .et_pb_toggle_close .et_pb_toggle_title:after{
content:"";
display: block;
width: 0;
height: 3px;
border-bottom: 1px dashed;
transition: .5s ease;
}
.event-number{
font-size:68px;
line-height: 60px;
color: rgba(var(--color-white-rgb),.3);
font-weight: var(--extrabold);
transition: .5s ease;
}
.event-date, .event-place{
float: left;
width: 50%;
}
.event-item:hover .event-number{
font-size:var(--font-level1);
font-weight: var(--semi-bold);
}
.event-item:hover .et_pb_toggle_close .et_pb_toggle_title:after{
width: 100%;
} #ez-toc-container.ez-toc-wrap-left{
margin-right: 0;
padding: 5px;
}
#ez-toc-container a.ez-toc-toggle{
margin-left:0;
}
#ez-toc-container ul{
padding: 0 15px 20px;
} article.type-download.edd-download{
display: flex;
flex-wrap: wrap;
margin-top: 150px;
}
article.type-download.edd-download div.et_post_meta_wrapper:first-child{
flex-basis: 40%;
}
article.type-download.edd-download div.entry-content{
flex-basis: 60%;
padding-left: 30px;
}
article.type-download.edd-download div.entry-content .et_pb_row{
margin-left: 0!important;
}
.edd-cart-added-alert {
width: 100%;
margin-top: 5px;
}
#edd-purchase-button, .edd-submit, [type=submit].edd-submit{
border-radius: 30px;
font-weight: 500;
padding: 0.3em 1em;
line-height: 1.7em!important;
font-size: 16px;
}
[type=submit].edd-submit{
margin-top: 20px !important;
}
.edd-submit.button.orange{
background: var(--link-hover);
border-color: var(--link-hover) !important;
}
.edd-submit.button.orange:active, .edd-submit.button.orange:focus, .edd-submit.button.orange:hover{
color: var(--link-hover);
background: var(--color-white);
} .wp-post-author-wrap{
background-color: rgba(var(--primary-rgb),.1);
padding: 20px 0 30px;
}
.wp-post-author-wrap .wp-post-author{
overflow: hidden;
background-color: var(--color-white);
width: 80%;
display: block;
margin: 0 auto;
box-shadow: 0px 2px 18px 0px rgb(var(--secondary-rgb),.2);
padding: 10px;
}
.wp-post-author-wrap .awpa-title,
.wp-post-author-wrap .wp-post-author-meta-more-posts{
display: none!important;
}  body.guest-post .blogauthor{
display: none;
}
#blogpost-section{
background-position: -100px 20%; 
}
.blogpost-container .et_pb_section{
background: transparent;
padding-bottom:0;
}
.quotes-container .quotes-inner{
font-size: var(--font-level3);
text-align: center;
font-style: italic;
}
#comments h2{
color: var(--secondary);
}
.nav-single a{
font-size: var(--font-level5);
font-weight: var(--medium);
}
.expert-tip{
background-color: rgba(var(--accent-coach-rgb), .2);
border-left:3px solid var(--secondary);
transform: translateX(-120px);
padding-right: 30px!important;
padding-left: 30px!important;
font-size: var(--font-level4);
}
.person-autor-box .et_pb_team_member_description {
padding-left: 220px;
}
.section-open-active {
height: auto !important;
}
.person-autor-box .et_social_networks{
margin-top:20px!important;
}
#comment-wrap form button#et_pb_submit:after{
top: 50%;
transform: translateY(-50%);
}
.intro, .summary{
font-size: 110%;
font-weight: var(--medium);
} .single-project #hero a[href*="abgelaufen"],
.single-project #hero a[href*="expired"]{
width: 150px;
height: 150px;
background-color: var(--link-hover);
font-size: 20px;
text-align: center;
line-height: 150px;
color: #fff;
display: block;
pointer-events: none;
position: absolute;
top: 300px;
right: -150px;
border-radius: 50%;
transform: rotate(25deg);
transition: 
background-color .25s linear, 
color .25 linear;
}
.single-project #hero a[href*="abgelaufen"]:before,
.single-project #hero a[href*="expired"]:before,
.single-project #hero a[href*="abgelaufen"]:after,
.single-project #hero a[href*="expired"]:after{
content: "";
width: 147px;
height: 147px;
position: absolute;
top: 0;
left: 0;
border: 3px dotted transparent; 
border-radius: 100%;
}
.single-project #hero:hover a[href*="abgelaufen"],
.single-project #hero:hover a[href*="expired"]{
background-color: var(--color-white);
color: var(--link-hover);
}
.single-project #hero:hover a[href*="abgelaufen"]:before,
.single-project #hero:hover a[href*="expired"]:before{
border-top-color: var(--link-hover); 
border-right-color: var(--link-hover);
border-bottom-color: var(--link-hover);
transition:
border-top-color 0.15s linear, 
border-right-color 0.15s linear 0.10s,
border-bottom-color 0.15s linear 0.20s;
}
.single-project #hero:hover a[href*="abgelaufen"]:after,
.single-project #hero:hover a[href*="expired"]:after{
border-top: 3px dotted var(--link-hover); 
border-left-width: 3px; 
border-right-width: 3px; 
transform: rotate(270deg); 
transition:
transform 0.4s linear 0s,
border-left-width 0s linear 0.35s; 
}
.single-project #meta-data a[href*="abgelaufen"],
.single-project #meta-data a[href*="abgelaufen"]>*,
.single-project #meta-data a[href*="expired"]{
display: none;
} .et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item{
padding-bottom: 20px;
background-color: var(--color-white);
border: 2px solid rgba(var(--primary-rgb), .5);
position: relative;
}
.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item .et_pb_module_header{
padding: 10px 20px 0px;
} .portfolio-image-16-9 .et_pb_portfolio_item{
position: relative;
}
.portfolio-image-16-9 .et_pb_portfolio_item .et_portfolio_image {
padding-top: 56.25%;
display: block;
}
.portfolio-image-16-9 .et_pb_portfolio_item .et_portfolio_image img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}
.portfolio-image-16-9 .et_pb_portfolio_item .et_portfolio_image:after{
content: "";
position: absolute;
left: 0;
bottom: -3px;
top: 0;
width: 100%;
height: 100%;
background: url(//s2bconnected.com/wp-content/themes/S2BC-Divi-Child/img/article-divider.png) no-repeat top left;
background-size: cover;
transition: .5s ease;
}
.portfolio-image-16-9 .et_portfolio_image:hover:after{
background-color: rgba(var(--secondary-rgb), .5);
} .portfolio-image-16-9 .et_pb_portfolio_item.project_category-kundenprojekte .et_portfolio_image:before,
.portfolio-image-16-9 .et_pb_portfolio_item.project_category-customer-projects .et_portfolio_image:before,
.portfolio-image-16-9 .et_pb_portfolio_item.project_category-seminars .et_portfolio_image:before,
.portfolio-image-16-9 .et_pb_portfolio_item.project_category-seminare .et_portfolio_image:before,
.portfolio-image-16-9 .et_pb_portfolio_item.project_category-webinars .et_portfolio_image:before,
.portfolio-image-16-9 .et_pb_portfolio_item.project_category-webinare .et_portfolio_image:before{
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 20px;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
z-index: 1;
pointer-events: none;
background-color: var(--primary);
border-radius: 50%;
color: var(--color-white);
box-shadow: 0 0 0 10px rgba(var(--primary-rgb), .3);
} .portfolio-image-16-9 .et_pb_portfolio_item.project_category-kundenprojekte .et_portfolio_image:before,
.portfolio-image-16-9 .et_pb_portfolio_item.project_category-customer-projects .et_portfolio_image:before{
content: "Cases";
} .portfolio-image-16-9 .et_pb_portfolio_item.project_category-seminars .et_portfolio_image:before,
.portfolio-image-16-9 .et_pb_portfolio_item.project_category-seminare .et_portfolio_image:before{
content: "Seminar";
background-color: var(--link-hover);
box-shadow: 0 0 0 10px rgba(var(--color-darkorange-rgb), .3);
} .portfolio-image-16-9 .et_pb_portfolio_item.project_category-webinars .et_portfolio_image:before,
.portfolio-image-16-9 .et_pb_portfolio_item.project_category-webinare .et_portfolio_image:before{
content: "Webinar";
background-color: var(--link-hover);
box-shadow: 0 0 0 10px rgba(var(--color-darkorange-rgb), .3);
} .et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item.project_category-abgelaufen > * > *,
.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item.project_category-expired > * > *{
opacity: .5;
}
.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item.project_category-abgelaufen:before,
.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item.project_category-expired:before{
content: "";
width: 0; 
height: 0; 
border-bottom: 10px solid var(--color-darkorange);
border-right: 10px solid transparent;
position: absolute;
top: 87px;
right: -11px;
}
.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item.project_category-abgelaufen:after,
.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item.project_category-expired:after{
content: "Abgelaufen";
transform: rotate(45deg);
color: var(--color-white);
position: absolute;
top: 26px;
right: -40px;
height: 0;
width: 90px;
border-bottom: 25px solid var(--link-hover);
border-left: 25px solid transparent;
border-right: 25px solid transparent;
text-align: center;
box-shadow: -webkit-box-shadow: 0px 10px 13px -7px var(--secondary), 0px 3px 3px 0px rgba(var(--secondary-rgb),0); 
box-shadow: 0px 12px 6px -6px rgba(var(--default-rgb),.4);
}
.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item.project_category-expired:after{
content: "Expired";
} .category-list .et_pb_widget ul.wp-block-categories-list.wp-block-categories{
display: flex;
flex-wrap: wrap;
}
.category-list .et_pb_widget ul.wp-block-categories-list.wp-block-categories li{
margin-bottom: 15px;
margin-right: 15px;
}
.category-list .et_pb_widget ul.wp-block-categories-list.wp-block-categories li.cat-item-1,
.category-list .et_pb_widget ul.wp-block-categories-list.wp-block-categories li.cat-item-371,
.category-list .et_pb_widget ul.wp-block-categories-list.wp-block-categories li.cat-item-52,
.category-list .et_pb_widget ul.wp-block-categories-list.wp-block-categories li.cat-item-373{
display: none;
}
.category-list .et_pb_widget ul.wp-block-categories-list.wp-block-categories li > a{
color: var(--primary);
padding: 3px 15px;
border-radius: 30px;
border: 1px solid var(--primary);
transition: all .25s;
}
.category-list .et_pb_widget ul.wp-block-categories-list.wp-block-categories li > a:hover{
color: var(--link-hover);
border: 1px solid var(--link-hover);
} footer h3{
color: var(--color-white);
}
footer h3:after{
content:"";
display: block;
width: 60px;
height: 20px;
border-bottom: 2px dashed var(--color-white);
}
footer .footer-top .et_pb_menu__menu>nav>ul{
flex-direction: column;
}
footer .footer-top .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li{
margin-top: 4px!important;
}
footer .footer-top .et_pb_menu__menu a{
font-size: var(--font-level5);
}
footer article{
margin-bottom: 0!important;
padding-bottom: 1em;
}
footer a{
color:var(--color-white)!important;
}
footer .footer-bottom .et_pb_text_inner{
font-size: var(--font-level6);
}
footer .isc_image_list{
font-size: 12px;
} @media all and (max-width: 1440px) {
.headline-with-element h2{
font-size: 6vw;
bottom: -40px;
}
.headline-with-element h3{
font-size: var(--font-level2);
}
.headline-with-element h3:after{
height:10px;
}
.box-with-shape-image:after {
width: 586px;
height: 586px;
}
.expert-tip{
transform: translateX(-30px);
}
} @media all and (max-width: 1405px) {
header .et-menu.nav{
flex-wrap: nowrap !important;
}
header .et-menu.nav li a{
font-size: 15px;
} 
.main-header-container{
flex-direction: column;
}
.main-header-container .navi-container{
padding-right: 0;
width: 100% !important;
margin-bottom: 0;
}
.main-header-container .navi-container:after{
content: none;
}
.main-header-container .contact-container {
width: 100% !important;
background-color: rgba(var(--primary-rgb),.2);
padding-top: var(--padding-box-mobil);
padding-bottom: var(--padding-box-mobil);
}
.contact-container .icon-item .et_pb_blurb_content{
text-align: center;
}
.box-with-shape-image:after {
content:none;
}
#contact{
background-size: 500px;
background-position: -200px center;
}
#hero{
padding-top: 100px;
}
.cons-list{
max-width: 100%!important;
float:none !important;
}
.event-details > div{
width:100% !important;
padding-bottom:20px!important;
margin-bottom:0 !important;
}
.event-details .et_pb_button_module_wrapper{
margin-top:30px!important;
}
.image-with-design-elements{
transform:scale(.8);
}
.labeling{
display: none;
}
.et_pb_portfolio_grid .et_pb_portfolio_grid_items{
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 2vw;
width: 100%;
margin-bottom: 30px;
}
.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item{
width: 100%;
min-width: 300px;
}
} @media all and (min-width: 1024px) and (max-width: 1404px) {
.et_pb_button_two.et_pb_button{
display: none;
}
#hero>.et_pb_row{
background-position: bottom right;
}
#hero .et_pb_column.et_pb_column_1_2:first-child{
width: 100%!important;
background: var(--color-white);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.95) 100%);
padding: 20px 0;
}
#hero>.et_pb_row .et_pb_module.et_pb_text.et_pb_text_1{
padding-right: 200px;
}
.et_pb_tabs.tabs-standard ul li:nth-child(2):before,
.et_pb_tabs.tabs-standard ul li:nth-child(4):before{
left: -25px;
width: 40px;
}
.et_pb_tabs.tabs-standard ul li:nth-child(3):before{
left: -20px;
width: 40px;
}
#circles .et_pb_column{
padding: 0 8%;
}
#circles .et_pb_blurb:first-child,#circles .et_pb_blurb:nth-child(2){
float:left; 
}
#circles .et_pb_blurb:first-child{
margin: 0px 30px 30px 0!important;
}
#circles .et_pb_blurb:nth-child(2){
margin: 0px 0px 30px !important;
}
#circles .et_pb_blurb:last-child{
margin: 0px auto 30px !important;
}
.grid-wrapper.six-boxes-grid{
overflow-x:scroll;
grid-template-rows: 1fr;
grid-template-columns: repeat(6, 50%);
}
.contact-info .et_pb_main_blurb_image{
top: -50px!important;
right: -10px !important; 
}
.contact-info .et_pb_main_blurb_image .et-pb-icon{
font-size: var(--font-level3);
}
footer .et_pb_toggle_title{
white-space: nowrap;
}
}
@media all and (max-width: 1024px){
#main-content{
overflow-x: hidden;
}
.et_pb_column {
width: 100%!important;
margin-bottom: 50px;
} 
#hero:not(.project-wrapper) .et_pb_image_wrap img{
max-width: 300px;
margin: 0 auto;
}
.single-project #hero a[href*="abgelaufen"], .single-project #hero a[href*="expired"]{
right: -100px;
}
#cta{
margin: 100px 0;
}
#cta .et_pb_row{
background-size:450px;
background-position:center bottom;
}
#cta .et_pb_row>.et_pb_column:first-child{
margin-bottom: 100px;
}
#cta .et_pb_row>.et_pb_column:last-child, #circles .et_pb_column{
margin-bottom: 0px;
}
#cta .et_pb_row>.et_pb_column:last-child img{
max-height: 500px;
width: auto;
}
.headline-with-element h2{
bottom: 0;
}
.headline-with-element h3{
font-size: var(--font-level3);
}
.headline-with-element h3:before{
bottom: -12px;
}
.eyecatcher {
width: 150px;
height: 150px;
font-size: var(--font-level5);
}
#cta-with-video-bg{
padding-top: 100px;
padding-bottom: 250px;
}
.box-with-shape-image{
background-size: contain;
}
.expert-tip{
transform: translateX(0);
}
.freebie-cta.cta-dark .gradient-bg{
background-image: radial-gradient(circle at center,#f07932 40%,rgba(0,149,237,0) 0%);
}
#et-main-area .et_pb_row_3-4_1-4 > div{
width: 100% !important;
}
#upcoming-event .et_pb_ajax_pagination_container{
overflow-x: scroll;
grid-template-columns: repeat(2, 80%);
grid-gap: 1em;
}
#upcoming-event div.project {
float: none;
padding-right: 0px;
border-right: 0px;
}
#upcoming-event div.project:nth-of-type(even){
background-color: rgba(var(--accent-academy-rgb), .2);
}
#upcoming-event .et_pb_module_header{
white-space: nowrap;
}
#contactform-container > div:first-child{
display: none;
} #publications .books .et_pb_main_blurb_image,
#publications .books .et_pb_blurb_container{
display: block;
width: initial;
} .grid-wrapper.six-item-grid{
grid-template-columns: repeat(6, 50%);
}
.mobile-grid-wrapper{
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 3em;
grid-template-rows: 1fr;
overflow-x: scroll;
margin-bottom: 50px;
}
.mobile-grid-wrapper > div{
margin-bottom: 0!important;
margin-right: 0!important;
border-bottom: 0 !important;
min-width: 320px;
}
.mobile-grid-wrapper.four-item-grid {
grid-template-columns: repeat(4, 1fr);
}
.mobile-grid-wrapper.five-item-grid{
grid-template-columns: repeat(5, 1fr);
}
.mobile-grid-wrapper.six-item-grid{
grid-template-columns: repeat(6, 1fr);
}
article.type-download.edd-download{
flex-wrap: nowrap;
flex-direction: column;
}
} @media all and (min-width: 981px) and (max-width: 1024px){
#hero .et_pb_column.et_pb_column_1_2:first-child{
background: var(--color-white);
background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.95) 100%);
padding: 20px 0;
}
.references-container .et_pb_column.et_pb_column_1_4{
width: 32%;
}
#contactform-container .et_pb_column.et_pb_column_1_4{
width: 35%;
}
.references-container .et_pb_column:first-child{
display: none;
}
.person-contact{
transform: translateX(50px);
}
} @media (max-width: 980px){
.lang-nav .et_pb_menu__menu{
display: block;
padding-right: 12px;
}
.lang-nav .et_mobile_nav_menu{
display: none;
}
.main-header-container{
display: block;
}
.et_pb_column .et_pb_module{
margin-bottom: 15px;
}
#hero{
font-size: var(--font-level4);
padding-top: 70px;
}
#references .et_pb_row_4col>.et_pb_column.et_pb_column_1_4{
width: 100%!important;
margin-right: 0;
margin-bottom: 30px;
}
.image-with-caption .et_pb_blurb_description{
padding-right: 0;
}
.nav-single a{
font-size: var(--font-level6);
}
#publications .books:after {
content: "";
width: 20%;
height: 50px;
border-bottom: 2px dashed var(--default);
display: block;
margin-bottom: 30px;
}
.et_pb_tabs.tabs_navi_left .et_pb_all_tabs{  
width:65%;
}
footer .et_pb_fullwidth_menu .et_pb_menu__menu, footer .et_pb_menu .et_pb_menu__menu{
display: block;
}
footer .et_pb_fullwidth_menu .et_mobile_nav_menu, footer .et_pb_menu .et_mobile_nav_menu{
display:none;
}
footer .et_pb_fullwidth_menu--style-left_aligned .et_pb_menu__wrap, footer .et_pb_menu--style-left_aligned .et_pb_menu__wrap{
justify-content: flex-start;
}
footer .et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__menu>nav>ul, footer .et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap{
justify-content: flex-start !important;
}
}
@media all and (min-width: 768px) and (max-width: 980px) {
.person-contact .et_pb_module_header, .person-contact .et_pb_member_position{
text-align: left !important;
}
.person-contact .et_pb_team_member_image{
max-width: 150px;
margin-right: 50px;
}
.person-contact .et_pb_member_social_links{
text-align: left;
}
} @media all and (max-width: 768px) {
#services{
padding-top: 50px;
}
.person-contact{
margin-top: 40px;
}
.single-project #hero .category-link a[href*="abgelaufen"],
.single-project #hero .category-link a[href*="expired"]{
transform: rotate(25deg) scale(.8);
right: -50px;
top: 350px;
}
.grid-wrapper.six-boxes-grid{
overflow-x:scroll;
grid-template-rows: 1fr;
grid-template-columns: repeat(6, 80%);
}
#insights .et_pb_slider_container_inner{
display: flex;
flex-direction: column;
}
#insights .et_pb_slide_image{
position: relative;
margin-top: 0!important;
width: 100%;
}
#insights .et_pb_slide_description{
padding: 60px 0;
margin: 0;
width: 100%;
}
.et_pb_toggle_title:after{
content: none;
} #all-faqs-grid .ewd-ufaq-faqs{
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-gap: 1em;
} .et_pb_tabs.tabs-standard ul li a{
display:block;
text-align:center;
}
.et_pb_tabs.tabs-standard ul li:nth-child(2):before,
.et_pb_tabs.tabs-standard ul li:nth-child(4):before,
.et_pb_tabs.tabs-standard ul li:nth-child(3):before{
display:none;
}
.et_pb_tabs.tabs-standard.three-items ul li,
.et_pb_tabs.tabs-standard.four-items ul li{
width: 100%;
border-bottom:none;
} .et_pb_tabs.tabs_navi_left ul{
width:40%;
}
.et_pb_tabs.tabs_navi_left ul li{
width:90%;
height: auto !important;
}
.et_pb_tabs.tabs_navi_left ul li a{
display:block;
padding: 10px;
}
.et_pb_tabs.tabs_navi_left .et_pb_all_tabs{  
width:100%;
} .tab-navi-right{
display: block;
}
.tab-navi-right .et_pb_all_tabs, .tab-navi-right ul.et_pb_tabs_controls{
width: 100%!important;
}
.tab-navi-right .et_pb_all_tabs>div{
min-height:150px;
}
.tab-navi-right ul.et_pb_tabs_controls{
border-left:none;
padding-left:0px !important;
display: flex;
flex-wrap:nowrap;
overflow-x: scroll;
padding-bottom: 20px!important;
margin-bottom: 20px; }
.tab-navi-right ul li{
border-right: 1px solid var(--color-white)!important;
white-space: nowrap;
}
.tab-navi-right ul li:first-child{
border-left: 1px solid var(--color-white)!important;
}
.et_pb_portfolio_grid{
overflow-x: scroll;
}
.et_pb_portfolio_grid .et_pb_portfolio_grid_items{
grid-template-columns: repeat(4,70%);
} #space-wrapper{
height: 700px;
}
.space .text {
margin-left: -200px;
width: 400px;
}
.space .orbit-1 {
margin-top: -220px;
margin-left: -220px;
width: 440px;
height: 440px;       
}
.space .orbit-2 {
margin-top: -300px;
margin-left: -300px;
width: 600px;
height: 600px;
}
.space .orbit-3 {
margin-top: -350px;
margin-left: -350px;
width: 700px;
height: 700px;
}
@keyframes orbit1 {
from {  transform: rotate(0deg) translateX(220px); }
to   {  transform: rotate(360deg) translateX(220px); }
}
@keyframes orbit2 {
from {  transform: rotate(0deg) translateX(300px); }
to   {  transform: rotate(360deg) translateX(300px); }
}
@keyframes orbit3 {
from {  transform: rotate(0deg) translateX(350px); }
to   {  transform: rotate(360deg) translateX(350px); }
}
} @media all and (max-width: 479px) {
#hero{
background-size: cover;
background-position: top center;
}
h1, .head1{
font-size:var(--font-level2);
}
h2, .head2{
font-size:var(--font-level3) !important;
}
h3, .head3, .headline-with-element h3{
font-size:var(--font-level4);
}
.headline-with-element h3{
margin-right: 20px;
}
.headline-with-element h3:before{
right: -20px;
}
.headline-with-element h2{
font-size: 7vw !important;
}
body .et_pb_button, #hero{
font-size: var(--font-level5)!important;
}
table tr>td{
width: 100%!important;
display: block;
}
#cta .et_pb_row{
background-size:250px;
}
#cta .et_pb_row>.et_pb_column:first-child{
margin-bottom: 0;
}
.et_pb_contact .et_contact_bottom_container{
display: flex;
flex-direction: column;
}
.et_pb_contact .et_contact_bottom_container button{
margin-top: 20px;
}
.eyecatcher{
width: 100px;
height: 100px;
font-size: var(--font-level6);
font-weight: var(--medium);
box-shadow: 0px 0px 0px 10px rgba(var(--accent-academy-rgb),.5);
}
.eyecatcher h4{
font-size:var(--font-level5)!important;
}
.single-insights .et_pb_slide_title:before{
left: -10px;
}
.et_pb_contact_form_container .et_pb_contact_main_title{
font-size: inherit;
}
.person-autor-box{
background-size: 50%!important;
background-position: top left!important;
}
.person-autor-box .et_pb_team_member_image{
position: relative!important;
transform: translateY(0)!important;
}
.person-autor-box .et_pb_team_member_description {
padding-left: 0;
padding-top: 30px;
}
.person-autor-box .et_social_networks{
margin-top: 30px;
}
.grid-wrapper > div{
min-width: 320px;
padding:10px!important;
}
.grid-wrapper.six-boxes-grid, .grid-wrapper.six-item-grid{
grid-template-columns: repeat(6, 100%);
grid-template-rows: 1fr;
}
.et_pb_portfolio_grid .et_pb_portfolio_grid_items .et_pb_grid_item{
min-width: 250px;
}
.ewd-ufaq-faq-body {
padding: 20px 0!important;
}
.blog_grid_items .et_pb_salvattore_content .column{
display: grid;
grid-template-columns: repeat(3, 100%);
grid-gap: 2em;
width: 100%;
overflow-x: scroll;
}
.et_pb_portfolio_grid .et_pb_portfolio_grid_items{
grid-template-columns: repeat(4,100%);
}
#upcoming-event .et_pb_ajax_pagination_container{
grid-template-columns: repeat(2, 95%);
} .et_pb_tabs.tabs_navi_left{
display: block;
}
.et_pb_tabs.tabs_navi_left ul{
width:100%;
}
.et_pb_tabs.tabs_navi_left ul li{
width:100%;
margin-bottom: 10px;
} .tab-navi-right h3{
margin-top:20px;
margin-bottom: 20px;
text-align: center;
}
.tab-navi-right .et_pb_all_tabs>div{
background-size:80px !important;
background-position: center 10px!important;
}
.column-content{
column-count: 1;
text-align: left !important;
}
#space-wrapper{
height: 450px;
}
.space .text {
margin-left: -140px;
width: 280px;
}
.space .moon-3{
margin-top: -20px;
margin-left: -20px;
width: 40px;
height: 40px;
}
.space .orbit-1 {
margin-top: -150px;
margin-left: -150px;
width: 300px;
height: 300px;       
}
.space .orbit-2 {
margin-top: -200px;
margin-left: -200px;
width: 400px;
height: 400px;
}
.space .orbit-3 {
margin-top: -250px;
margin-left: -250px;
width: 500px;
height: 500px;
}
@keyframes orbit1 {
from {  transform: rotate(0deg) translateX(150px); }
to   {  transform: rotate(360deg) translateX(150px); }
}
@keyframes orbit2 {
from {  transform: rotate(0deg) translateX(200px); }
to   {  transform: rotate(360deg) translateX(200px); }
}
@keyframes orbit3 {
from {  transform: rotate(0deg) translateX(250px); }
to   {  transform: rotate(360deg) translateX(250px); }
}
}  .preloader * {
box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.preloader {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 9999999;
background-color: var(--secondary);  
}
.preloader ul li{
list-style: none;
}
.cssload-flex-container {
display: flex;
display: -o-flex;
display: -ms-flex;
display: -webkit-flex;
display: -moz-flex;
flex-direction: row;
-o-flex-direction: row;
-ms-flex-direction: row;
-webkit-flex-direction: row;
-moz-flex-direction: row;
flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
justify-content: space-around;
width: 100%;
height: 100%;
}
.cssload-flex-container li {
height: 138px;
width: 138px;
position: relative;
top: 50%;
transform: translateY(-50%);
text-align: center;
}
.cssload-loading {
display: inline-block;
height: 110px;
width: 110px;
border: 6px solid var(--primary);
border-radius: 100%;
-o-border-radius: 100%;
-ms-border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
animation: cssload-spinShrink 2.53s ease-in infinite;
-o-animation: cssload-spinShrink 2.53s ease-in infinite;
-ms-animation: cssload-spinShrink 2.53s ease-in infinite;
-webkit-animation: cssload-spinShrink 2.53s ease-in infinite;
-moz-animation: cssload-spinShrink 2.53s ease-in infinite;
animation-direction: alternate;
-o-animation-direction: alternate;
-ms-animation-direction: alternate;
-webkit-animation-direction: alternate;
-moz-animation-direction: alternate;
}
.cssload-loading:after {
content: '';
display: block;
height: 28px;
width: 28px;
background: var(--link-hover);
position: absolute;
border-radius: 100%;
right: 0;
animation: cssload-dotShrink 2.53s ease-in infinite;
-o-animation: cssload-dotShrink 2.53s ease-in infinite;
-ms-animation: cssload-dotShrink 2.53s ease-in infinite;
-webkit-animation: cssload-dotShrink 2.53s ease-in infinite;
-moz-animation: cssload-dotShrink 2.53s ease-in infinite;
animation-direction: alternate;
-o-animation-direction: alternate;
-ms-animation-direction: alternate;
-webkit-animation-direction: alternate;
-moz-animation-direction: alternate;
}
.cssload-loading:before {
background: transparent;
border: 3px solid var(--color-turquoise);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
border-radius: 100%;
-o-border-radius: 100%;
-ms-border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
content: '';
display: block;
height: 14px;
width: 14px;
position: absolute;
opacity: 0;
animation: cssload-ring 5.06s ease infinite;
-o-animation: cssload-ring 5.06s ease infinite;
-ms-animation: cssload-ring 5.06s ease infinite;
-webkit-animation: cssload-ring 5.06s ease infinite;
-moz-animation: cssload-ring 5.06s ease infinite;
}
@keyframes cssload-spinShrink {
from {
width: 110px;
height: 110px;
transform: rotate(0deg);
}
to {
width: 14px;
height: 14px;
transform: rotate(1080deg);
margin-top: 41px;
}
}
@-o-keyframes cssload-spinShrink {
from {
width: 110px;
height: 110px;
-o-transform: rotate(0deg);
}
to {
width: 14px;
height: 14px;
-o-transform: rotate(1080deg);
margin-top: 41px;
}
}
@-ms-keyframes cssload-spinShrink {
from {
width: 110px;
height: 110px;
-ms-transform: rotate(0deg);
}
to {
width: 14px;
height: 14px;
-ms-transform: rotate(1080deg);
margin-top: 41px;
}
}
@-webkit-keyframes cssload-spinShrink {
from {
width: 110px;
height: 110px;
-webkit-transform: rotate(0deg);
}
to {
width: 14px;
height: 14px;
-webkit-transform: rotate(1080deg);
margin-top: 41px;
}
}
@-moz-keyframes cssload-spinShrink {
from {
width: 110px;
height: 110px;
-moz-transform: rotate(0deg);
}
to {
width: 14px;
height: 14px;
-moz-transform: rotate(1080deg);
margin-top: 41px;
}
}
@keyframes cssload-dotShrink {
from {
height: 28px;
width: 28px;
}
to {
height: 4px;
width: 4px;
right: 0;
}
}
@-o-keyframes cssload-dotShrink {
from {
height: 28px;
width: 28px;
}
to {
height: 4px;
width: 4px;
right: 0;
}
}
@-ms-keyframes cssload-dotShrink {
from {
height: 28px;
width: 28px;
}
to {
height: 4px;
width: 4px;
right: 0;
}
}
@-webkit-keyframes cssload-dotShrink {
from {
height: 28px;
width: 28px;
}
to {
height: 4px;
width: 4px;
right: 0;
}
}
@-moz-keyframes cssload-dotShrink {
from {
height: 28px;
width: 28px;
}
to {
height: 4px;
width: 4px;
right: 0;
}
}
@keyframes cssload-ring {
0%, 50%, 100% {
opacity: 0;
width: 14px;
height: 14px;
}
51% {
opacity: 1;
}
70% {
opacity: 0;
width: 138px;
height: 138px;
}
}
@-o-keyframes cssload-ring {
0%, 50%, 100% {
opacity: 0;
width: 14px;
height: 14px;
}
51% {
opacity: 1;
}
70% {
opacity: 0;
width: 138px;
height: 138px;
}
}
@-ms-keyframes cssload-ring {
0%, 50%, 100% {
opacity: 0;
width: 14px;
height: 14px;
}
51% {
opacity: 1;
}
70% {
opacity: 0;
width: 138px;
height: 138px;
}
}
@-webkit-keyframes cssload-ring {
0%, 50%, 100% {
opacity: 0;
width: 14px;
height: 14px;
}
51% {
opacity: 1;
}
70% {
opacity: 0;
width: 138px;
height: 138px;
}
}
@-moz-keyframes cssload-ring {
0%, 50%, 100% {
opacity: 0;
width: 14px;
height: 14px;
}
51% {
opacity: 1;
}
70% {
opacity: 0;
width: 138px;
height: 138px;
}
} .animate-gradient {
background-size: 150% 150%;
animation: gradient 5s linear infinite;
}
@keyframes gradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
} [id*="row-item"] {
cursor: pointer; 
}
[id*="row-tab"]{  
position: absolute!important;
top: 0px;
bottom: auto;
left: 50%;
right: auto;
transform: translateX(-50%);
}
.hide-row-tab{  
visiblity: hidden;
opacity: 0;  
}
.show-row-tab{
visibility: visible !important;
opacity: 1 !important;
z-index: 12;  
position: relative !important;
left: 0 !important;
transform: translateX(0%) !important;
}
.row-item-active {
background-color: #00edcf !important;
color: #0014a1 !important;
}