.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-family: 'barlow-v4-latin-regular';
src: url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-regular.eot);
src: local('☺'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-regular.woff) format('woff'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-regular.ttf) format('truetype'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-regular.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'barlow-v4-latin-100';
src: url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-100.eot);
src: local('☺'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-100.woff) format('woff'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-100.ttf) format('truetype'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-100.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'barlow-v4-latin-300';
src: url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-300.eot);
src: local('☺'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-300.woff) format('woff'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-300.ttf) format('truetype'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-300.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'barlow-v4-latin-500';
src: url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-500.eot);
src: local('☺'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-500.woff) format('woff'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-500.ttf) format('truetype'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-500.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'barlow-v4-latin-600';
src: url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-600.eot);
src: local('☺'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-600.woff) format('woff'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-600.ttf) format('truetype'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-600.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'barlow-v4-latin-700';
src: url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-700.eot);
src: local('☺'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-700.woff) format('woff'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-700.ttf) format('truetype'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-700.svg) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'barlow-v4-latin-900';
src: url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-900.eot);
src: local('☺'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-900.woff) format('woff'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-900.ttf) format('truetype'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latin/barlow-v4-latin-900.svg) format('svg');
font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'barlow-condensed-v4-latin-regular';
src: url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latincondensed/barlow-condensed-v4-latin-regulareot);
src: local('☺'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latincondensed/barlow-condensed-v4-latin-regular.woff) format('woff'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latincondensed/barlow-condensed-v4-latin-regular.ttf) format('truetype'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/barlowv4latincondensed/barlow-condensed-v4-latin-regular.svg) format('svg');
font-weight: normal;
font-style: normal;
} @font-face {
font-family: 'Font Awesome 5';
src: url(//softbox.de/wp-content/themes/softbox/assets/fonts/FontAwesome5/Font Awesome 5 Free-Solid-900.eot);
src: local('☺'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/FontAwesome5/Font Awesome 5 Free-Solid-900.woff) format('woff'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/FontAwesome5/Font Awesome 5 Free-Solid-900.ttf) format('truetype'), url(//softbox.de/wp-content/themes/softbox/assets/fonts/FontAwesome5/Font Awesome 5 Free-Solid-900.svg) format('svg');
font-weight: normal;
font-style: normal;
}
body{margin: 0px;padding: 0px;font-family: 'barlow-v4-latin-regular';}
.grid-container{max-width: 1550px;    width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
.container{max-width: 1440px;}
.header_logo{min-width: 184px;}
.menu_navbar{position: fixed;width: 100%;padding: 25px 15px;background: rgba(0,0,0,.75)!important;border-bottom: 1px solid #45a62f;}
.masthead {height: 80vh;background-image: url(//softbox.de/wp-content/themes/softbox/assets/images/slider - bildebene.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;}
.masthead.small {height:50vh;} .menu_icon_main{    position: absolute;right: 20px;}
.logo {width: 300px;height: 50px;}
.btn_arrow_main {position: relative;}
.btn_arrow {position: absolute;bottom: 30px;left: 0px;right: 0px;text-align: center;} .menu_navbar .navbar-brand{    padding-right: 152px;margin-right: 0px;}
.menu_navbar .menu_list li a{    padding-left: 30px !important;color: #ffffff !important;text-transform: capitalize;}
.menu_navbar .menu_list li.active a, .menu_navbar .menu_list li:hover a{color: #21d566 !important; text-decoration: none;}
.header-scrolled{z-index: 1;}
.menu-icon {height: 30px;width: 30px;position: relative;z-index: 2;left: 0px;top: 10px;cursor: pointer;margin-right: 35px;position: relative;}
.menu-icon:after{content: '';position: absolute;border-right: 1px solid #45a62f;right: -30px;height: 50px;top: -14px;}
.menu-icon__line {height: 1px;width: 37px;display: block;background-color: #45a62f;margin-bottom: 10px;transition: background-color .5s ease, -webkit-transform .2s ease;transition: transform .2s ease, background-color .5s ease;transition: transform .2s ease, background-color .5s ease, -webkit-transform .2s ease;}
.menu_navbar ul{list-style: none;padding: 0px;margin: 0px;}
.btn-animated.btn_booknow{margin: 0px !important;}
.btn_booknow:link, .btn_booknow:visited {position: relative;display: block;margin: 30px 10px 0px;padding: 10px 15px !important;font-family: 'barlow-condensed-v4-latin-regular' !important;color: #21d569 !important;font-size: 18px !important;border-radius: 0;font-weight: bold;text-align: center;text-decoration: none;text-transform: uppercase;overflow: hidden;letter-spacing: .08em;text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;font-family: 'barlow-condensed-v4-latin-regular';}
.btn-animated.btn_booknow {border: 2px solid #ffffff;}
.btn-animated.btn_booknow:after {background: #21d569;-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);transform: translateX(-50%) translateY(-50%) rotate(-25deg);}
.btn-animated.btn_booknow{color: #21d566 !important;}
.btn-animated.btn_booknow:hover{color: #ffffff !important;}
.info_txt{padding: 40px 0px;position: relative;}
.info_txt h4{color: #21d566;font-size: 19px;text-transform: uppercase;margin-bottom: 15px;}
.info_txt h2{color: #666666;font-size: 42px;font-family: 'barlow-v4-latin-600';margin-bottom: 30px;}
.info_txt p{color: #666666;font-size: 20px;font-family: 'barlow-condensed-v4-latin-regular';}
.people_txt{max-width: 545px;margin-top: -488px;padding: 60px 32px;border-top-right-radius: 70px;background: linear-gradient(rgba(6, 6, 6, 0.72), rgba(0, 0, 0, 0));color: #ffffff;    height: 600px;}
.people_txt .title{color: #ffffff;font-size: 60px;line-height: normal;display: block;width: 100%;}
.people_txt .title span{font-family: 'barlow-v4-latin-100';}
.people_txt .title:hover{text-decoration: none;color: #fdfdfd;}
.people_txt .subtitle{color: #21d566;font-size: 20px;font-family: 'barlow-v4-latin-300';margin-bottom: 20px;width: 100%; display: block;}
.people_txt .subtitle:hover{text-decoration: none;color: #fdfdfd;}
.people_txt .subtxt{color: #ffffff;font-size: 18px;margin-bottom: 35px; font-family: 'barlow-condensed-v4-latin-regular';width: 100%;display: block;}
.people_txt .subtxt span{font-weight: bold;}
.people_img img{min-height: 420px;margin-left: 70px;}
.people_txt.active1{display: none;}
.managed_services{padding: 70px 0px;}
.managed_services h3{color: #666666;font-size: 36px;margin-bottom: 25px;text-align: center;font-family: 'barlow-v4-latin-600';}
.headline h1 {letter-spacing: 1px;}
.headline h2{letter-spacing:1px; font-family: 'barlow-v4-latin-700';font-size: 28px;font-weight: 400;color: #666666;margin-bottom: 20px;text-transform: uppercase;}
.headline{padding: 80px 0px;position: relative;}
.headline.headline_txt:before{content: '';position: absolute;width: 150px;border-top: 1px solid #21d569;left: 0px;right: 0px;margin: auto;top: 0px;}
.headline.headline_txt h2{font-family: 'barlow-v4-latin-700';font-size: 28px;font-weight: 400;color: #666666;margin-bottom: 80px;text-transform: uppercase;}
.headline p{color: #404040;font-size: 16px;}
.headline .headline_txt1{padding-right: 140px;}
.headline .headline_txt2{padding-left: 140px;}
.unsere_partner{padding: 80px 0px;position: relative;}
.unsere_partner:before{content: '';position: absolute;width: 150px;border-top: 1px solid #21d569;left: 0px;right: 0px;margin: auto;top: 0px;}
.unsere_partner h3{font-size: 36px;font-weight: 600;color: #666666;text-align: center;margin-bottom: 80px;}
.unsere_partner_logo {text-align: center;}
.testimonial_slider, .slide {background-position: center center;background-repeat: no-repeat;background-size: cover; margin-bottom: 0px !important;} .testimonial_slider .testimonial_slider_1 {background-image: url(//softbox.de/wp-content/themes/softbox/assets/images/testimonial-slider.jpg);}
.testimonial_slider .testimonial_slider_2 {background-image: url(//softbox.de/wp-content/themes/softbox/assets/images/testimonial-slider1.jpg);}
.testimonial_slider .testimonial_slider_3 {background-image: url(//softbox.de/wp-content/themes/softbox/assets/images/testimonial-slider2.jpg);}
.testimonial_slider .testimonial_slider_4 {background-image: url(//softbox.de/wp-content/themes/softbox/assets/images/testimonial-slider3.jpg);}
.testimonial_slider .testimonial_inner_cont{padding: 40px 0px 60px;}
.testimonial_slider .testimonial_inner_cont p{color: #21d566;font-size: 24px;font-family: 'barlow-v4-latin-600';margin-bottom: 30px;}
.testimonial_slider .testimonial_inner_cont h4{padding: 15px; color: #ffffff;font-size: 36px;font-family: 'barlow-v4-latin-600';margin-bottom: 50px;}
.testimonial_slider .slick-dots{bottom: 25px;}
.testimonial_slider .slick-dots li button:before{content: ''; width: 12px;height: 12px;border: 1px solid #21d566;opacity: 1;}
.testimonial_slider .slick-dots li.slick-active button:before{opacity: 1;background: #21d566;}
.btn-animated:link, .btn-animated:visited {position: relative;display: block;margin: 30px auto 0;padding: 14px 15px;color: #fff;font-size:14px;font-weight: bold;text-align: center;text-decoration: none;text-transform: uppercase;overflow: hidden;letter-spacing: .08em;border-radius: 0;text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;z-index: 1;}
.btn-animated:link:after, .btn-animated:visited:after {content: "";position: absolute;height: 0%;left: 50%;top: 50%;width: 150%;z-index: -1;-webkit-transition: all 0.75s ease 0s;-moz-transition: all 0.75s ease 0s;-o-transition: all 0.75s ease 0s;transition: all 0.75s ease 0s;}
.btn-animated:link:hover, .btn-animated:visited:hover {color: #FFF !important;text-shadow: none;}
.btn-animated:link:hover:after, .btn-animated:visited:hover:after {height: 450%;}
.btn_more:link, .btn_more:visited {position: relative;display: block;margin: 30px 10px 0px;padding: 8px 10px;color: #21d569;font-size: 22px;border-radius: 0;font-weight: bold;text-align: center;text-decoration: none;text-transform: uppercase;overflow: hidden;letter-spacing: .08em;text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;font-family: 'barlow-condensed-v4-latin-regular';}
.btn-animated.btn_more {border: 2px solid #21d569;}
.btn-animated.btn_more:after {background: #21d569;-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);transform: translateX(-50%) translateY(-50%) rotate(-25deg);}
.managed_box .img {position: relative;float: left;margin-bottom: 5px;width: 25%;overflow: hidden;}
.managed_box .img:nth-child(odd){background: #91b788;}
.managed_box .img:nth-child(even){background: #c8c6c7;}
.managed_box .img:last-child {margin-right: 0;}
.managed_box .img img {display: block;margin: 0 auto;padding: 20px 0px;max-width: 90%;height: auto;}
#managed_services_effect .overlay {display: block;position: absolute;z-index: 20;background: #92b889;overflow: hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
#managed_services_effect .overlay {bottom: 0;left: 0;right: 0;width: 100%;height: 0;text-align: center;padding: 0px 30px;}
#managed_services_effect .img.hover .overlay {height: 100%;}
#managed_services_effect .managed2 .overlay{
background-color:#c8c6c7;
}
.managed_services .managed_box .title{position: absolute;bottom: 20px;color: #fff;right: 0px;left: 0px;text-align: center;font-size: 22px;font-family: 'barlow-condensed-v4-latin-regular';font-weight: bold;letter-spacing: 1px;    }
.managed_services .plus{width: 45px;height: 45px;position: absolute;right: 0px;bottom: 0px;background: #fff;display: flex;align-items: center;justify-content: center;border-top-left-radius: 14px;    }
.managed_services .plus svg{color: #21d566;font-size: 24px;}
.managed_services .overlay_title{font-size: 49px;color: #ffff;font-family: 'barlow-v4-latin-500';line-height: normal;margin-bottom: 30px;margin-top: 50px;}
.managed_services .overlay p{    line-height: normal;font-size: 20px;color: #ffffff;font-family: 'barlow-condensed-v4-latin-regular';    }
.managed_services .overlay_inner{position: absolute;top: 0%;left: 0px;padding: 0px 20px;height: 100%;}
.managed_services .angle_icon{position: absolute;bottom: 0px;right: 20px;}
.managed_services .angle_icon svg{color: #ffffff;font-size: 44px; }
.product_range{margin-bottom: 40px;    position: relative;}
.product_range h3{color: #aaaaaa;font-size: 28px;text-transform: uppercase;margin-bottom: 60px;}
.product_range h3 span{font-family: 'barlow-v4-latin-700';}
.product_range .product_range_box{transition: all ease 0.2s; position: relative;height: 100%; cursor: pointer;width: 100%;border: 1px solid #21d566;padding: 40px 30px 20px;}
.product_range .product_range_box h4{margin-bottom: 15px; font-size: 30px;color: #21d569;font-family: 'barlow-v4-latin-500';}
.product_range .product_range_box h5{color: #404040;font-size: 17px;}
.product_range_icon{padding: 30px 0px;height: 115px;text-align: center;}
.product_range img{height: 53px;width: 100%;}
.product_range svg{height: 53px;}
.product_range .product_range_inner:nth-child(1) .netadmin_img svg{height: 23px;}
.product_range .svgimg path {fill: #21d566;}
.product_range .svgimg rect {fill: #21d566;}
.product_range .svgimg:hover path {fill: #ffffff;}
.product_range .svgimg:hover rect{fill: #ffffff;}
.product_range .product_range_box ul{list-style: none;padding: 0px;margin: 0px;    padding-bottom: 30px;}
.product_range .product_range_box ul li{display: flex;font-size: 15px;color: #404040;margin-bottom: 30px;letter-spacing: 1px;}
.product_range .product_range_box .icon_netadmin{padding-right: 26px;}
.product_range .product_range_box .icon_netadmin svg{font-size: 12px;color: #21d566;}
.product_range .product_range_box:hover{background: #21d566;color: #ffffff;}
.product_range .product_range_box:hover h4, .product_range .product_range_box:hover h5, .product_range .product_range_box:hover ul li{color: #ffffff;}
.product_range .product_range_box:hover .svgimg path, .product_range .product_range_box:hover .svgimg rect{fill: #ffffff;}
.product_range .product_range_box:hover .icon_netadmin svg {color:#fff;}
.product_range.active3{display: none;}
.product_range_box:hover .checkbox_main {color:#fff;}
.checkbox_main {display: block;position: absolute;right: 30px;bottom: 19px;padding-left: 35px;margin-bottom: 12px;cursor: pointer;font-size: 22px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;display: flex;justify-content: flex-end;padding: 0px 40px 0px 0px;align-items: center;margin: 0px;font-size: 24px;color: #c8c6c6;    }
.checkbox_main input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.checkmark {position: absolute;top: 4px;right: 0;height: 25px;width: 25px;background-color: #fff;border: 2px solid #21d566;}
.checkbox_main:hover input ~ .checkmark {background-color: #ccc;}
.checkbox_main input:checked ~ .checkmark {background-color: #21d566; border:1px solid #fff;}
.checkmark:after {content: "";position: absolute;display: none;}
.checkbox_main input:checked ~ .checkmark:after {display: block;}
.checkbox_main .checkmark:after {left: 8px;top: 3px;width: 7px;height: 12px;border: solid white;border-width: 0 3px 3px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.cost_main{padding: 0px 0px 70px;}
.cost_main h3{color: #aaaaaa;font-size: 36px;}
.cost_main h3 span{font-family: 'barlow-v4-latin-700';}
.cost_main p{color: #21d566;font-size: 20px;text-transform: uppercase;}
.cost_form{justify-content: flex-end;padding: 0px 15px;}
.cost_form input{width: 250px !important;color: #707070;font-size: 20px !important;font-family: 'barlow-condensed-v4-latin-regular';text-transform: uppercase;border-radius: 0px;height: auto;padding: 10px 20px;}
.cost_form input.cost_input1{border: 1px solid #707070;}
.cost_form input.cost_input1::placeholder{color: #c6c6c6;}
.cost_form input.cost_input2{border: 1px solid #21d566;}
.cost_form input.cost_input2::placeholder{color: #c6c6c6; background-color:#fff;}
.cost_form .form-group{margin: 0px 10px;}
.cost_form .btn_tocalculate{width: 250px;}
.btn-send:link, .btn_tocalculate:visited {position: relative;display: block;margin: 30px 10px 0px;padding: 8px 10px;color: #21d569;font-size: 22px;border-radius: 0;font-weight: bold;text-align: center;text-decoration: none;text-transform: uppercase;overflow: hidden;letter-spacing: .08em;text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;font-family: 'barlow-condensed-v4-latin-regular';}
.btn-animated.btn_tocalculate {height: 55px;color: #ffffff;margin: 0px 0px;line-height: normal;font-weight: normal;font-size: 22px;background: #21d569;font-family: 'barlow-condensed-v4-latin-regular';text-transform: uppercase;letter-spacing: 0px;}
.btn-animated.btn_tocalculate:after {background: #ffffff;-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);transform: translateX(-50%) translateY(-50%) rotate(-25deg);color: #21d569;}
.btn-animated.btn_tocalculate:hover{color: #ffffff;text-shadow: none;}
footer{background-color: #383a39;color: #ffffff;padding: 70px 0px 20px;}
footer .footer_main h4{font-size: 49px;text-align: center;width: 100%;margin-bottom: 20px;}
footer .footer_main p{font-size: 20px;text-align: center;width: 100%;}
.footer_main .row{margin: 0px;}
footer .footer_list_inner{font-size: 18px;}
footer .footer_list_inner:last-child{border-left: 1px solid;padding-left: 35px;}
footer .footer_list_inner .windows, footer .footer_list_inner .mac{position: relative;}
footer .footer_list_inner .windows:before{content: '';position: absolute;left: 0px;top: 7px; background-image: url(//softbox.de/wp-content/themes/softbox/assets/images/windows-kopie.png);width: 14px;height: 14px;}
footer .footer_list_inner .windows a, footer .footer_list_inner .mac a{margin-left: 25px;}
footer .footer_list_inner .mac:before{content: '';position: absolute;left: 0px;top: 7px; background-image: url(//softbox.de/wp-content/themes/softbox/assets/images/mac.png);width: 14px;height: 16px;}
footer .contact_form{width: 100%;}
footer .contact_form form .row .form-group{width: 18%;margin-right: 20px;margin-left: 20px;}
footer .contact_form form .row .form-group input{    padding: 0px;width: 80%;background: transparent;border-radius: 0px;border: 0px;border-bottom: 1px solid #ced4da;color: #ffff;}
footer .contact_form form .row .form-group input::placeholder{text-transform: uppercase;color: #ffffff;}
footer .contact_form form .row .form-group input:focus{outline: none;text-decoration: none;box-shadow: none;}
footer .contact_form form .btn-send{font-size: 18px;}
footer .footer_partner_logo {display: block; margin-bottom:30px; height:40px;}
.btn-send:link, .btn-send:visited {position: relative;display: block;margin: 30px 10px 0px;padding: 8px 10px;color: #21d569;font-size: 22px;border-radius: 0;font-weight: bold;text-align: center;text-decoration: none;text-transform: uppercase;overflow: hidden;letter-spacing: .08em;text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;font-family: 'barlow-condensed-v4-latin-regular';}
.btn-animated.btn-send {border: 2px solid #fff;margin: 0px 0px;line-height: normal;text-transform: inherit;font-weight: normal;color: #ffffff;background: transparent;padding: 5px 50px;}
.btn-animated.btn-send:after {background: #21d569;-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);transform: translateX(-50%) translateY(-50%) rotate(-25deg);}
.contact_form .footer_main_row{    padding: 80px 0px 120px; display: flex;justify-content: center;align-items: center;}
.footer_list .logo_txt{list-style: none;padding: 0px;margin: 0px;}
.footer_list .logo_txt li a{font-size: 18px;color: #ffffff;}
.footer_list .logo_txt li a span{font-weight: bold;}
footer .contact_form ul{list-style: none;padding: 0px;margin: 0px;}
footer .contact_form ul li a{color: #ffffff;}
footer .footer_list{padding-bottom: 50px;}
.footer_copyright{width: 100%;display: flex;padding: 50px 0px 120px;border-top: 1px solid #ffffff;}
.footer_copyright .footer_logo{ width: 150px;}
.footer_social{display: flex;justify-content: flex-end;list-style: none;padding: 0px;margin: 0px;}
.footer_social svg{font-size: 30px;margin-right: 15px;color: #fff;}
.footer_copyright_txt{font-size: 15px; padding-right: 50px; text-align: center; padding-top:10px;}
.footer_copyright_inner{display: flex;justify-content: flex-end;align-items: center;}
.remote_maintenance{padding-left: 15px;color: #999999;line-height: normal;font-size: 14px;margin: 5px 0px 0px;}
.remote_maintenance ul{    list-style: none;padding: 0px;margin: 0px;display: flex;}
.remote_maintenance ul li{    padding-right: 20px;}
.inner_content h2{font-family: inherit;color: #000;font-weight: normal;text-transform: lowercase;font-size: 2rem;margin-bottom: .5rem;}
.inner_content table{width: 100%;margin-bottom: 20px;}
.inner_content table thead tr th{padding: 5px 15px;border: 1px solid #000;}
.inner_content table tbody tr td{padding: 5px 15px;border: 1px solid #000;}
.cls-2 {clip-path: inherit !important;}
.maintenance_icon li a.active svg path, .maintenance_icon li a:hover svg path{fill: #45a62f;}
.maintenance_icon li a svg path{fill: #999999;}
.nav {z-index: 1;}
.nav:before, .nav:after {content: "";position: absolute;width: 100vw;height: 100vh;background: rgba(16, 70, 14, 0.2);z-index: 2;transition: -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;transition: transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s, -webkit-transform cubic-bezier(0.77, 0, 0.175, 1) 0.8s;-webkit-transform: translateX(0%) translateY(-100%);transform: translateX(0%) translateY(-100%);top:0;left: 0px;text-align: center;right: 0px;margin: 0 auto;    }
.nav:after {background: rgba(12, 28, 12, 0.95);transition-delay: 0s;}
.nav:before {transition-delay: .1s;}
.nav__content {
position: fixed;
top: 35%;
-webkit-transform: translate(0%, -50%);
transform: translate(0%, -50%);
width: 100%;
text-align: center;
font-size: calc(2vw + 10px);
font-weight: 200;
cursor: pointer;
left: 0px;
z-index: 3;
}
.nav__list .menu-item {
position: relative;
display: inline-block;
transition-delay: 0.8s;
opacity: 0;
-webkit-transform: translate(0%, 100%);
transform: translate(0%, 100%);
transition: opacity .2s ease, -webkit-transform .3s ease;
transition: opacity .2s ease, transform .3s ease;
transition: opacity .2s ease, transform .3s ease, -webkit-transform .3s ease;
display: none;
}
.nav a{    color: #ffffff !important;font-size: 23px !important;}
body.nav-active .nav:after{top: 107px;}
body.nav-active .nav:before{top: 107px;}
body.nav-active .nav {visibility: visible;}
body.nav-active .nav:before, body.nav-active .nav:after {-webkit-transform: translateX(0%) translateY(0%);transform: translateX(0%) translateY(0%);}
body.nav-active .nav:after {transition-delay: .1s;}
body.nav-active .nav:before {transition-delay: 0s;}
body.nav-active .menu-icon__line {background-color: #45a62f;-webkit-transform: translateX(0px) rotate(-45deg);transform: translateX(0px) rotate(-45deg);}
body.nav-active .menu-icon__line-left {-webkit-transform: translateY(11px) rotate(45deg) rotate(45deg);transform: translateY(11px) rotate(45deg);}
body.nav-active .menu-icon__line-right {-webkit-transform: translateX(-2px) rotate(45deg);transform: translateX(-2px) rotate(45deg);display: none;}
body.nav-active .nav {
visibility: visible;
}
body.nav-active .nav:before, body.nav-active .nav:after {
-webkit-transform: translateX(0%) translateY(0%);
transform: translateX(0%) translateY(0%);
}
body.nav-active .nav__list .menu-item {
opacity: 1;        
-webkit-transform: translateX(0%);
transform: translateX(0%);
transition: opacity .3s ease, color .3s ease, -webkit-transform .3s ease;
transition: opacity .3s ease, transform .3s ease, color .3s ease;
transition: opacity .3s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;
}
body.nav-active .nav .sub-menu {
position: relative;
width: 100%;
top: 0px;
display: flex;
justify-content: center;
}
body.nav-active .nav .menu-item-has-children:nth-child(1)>a {
margin-top: 60px;
margin-bottom: 40px !important;
margin-right: 90px !important;
color: #ffffff;
display: block;
}
body.nav-active .nav a{
color: #ffffff !important;
margin-right: 90px;
font-size: 23px !important;
text-transform: lowercase;    
}
body.nav-active .nav a:hover {
color: #21d566 !important;
text-decoration: none;
}
body.nav-active .nav__list .menu-item:nth-child(0) {
transition-delay: 0.5s;
}
body.nav-active .nav__list .menu-item:nth-child(1) {
transition-delay: 0.6s;
display: block;
}
body.nav-active .nav__list .menu-item:nth-child(2) {
transition-delay: 0.7s;
display: block;
}
body.nav-active .nav__list .menu-item:nth-child(3) {
transition-delay: 0.8s;
display: block;
}
body.nav-active .nav__list .menu-item:nth-child(4) {
transition-delay: 0.9s;
display: block;
}
body.nav-active .nav__list .menu-item.current-menu-item > a{    color: #21d566 !important;}
header{    position: relative;z-index: 2;} .karriere_txt{max-width: 545px;border-top-right-radius: 70px;color: #ffffff;}
.karriere_txt .title{color: #ffffff;font-size: 60px;line-height: normal;display: block;width: 100%;}
.karriere_txt .title span{font-family: 'barlow-v4-latin-100';}
.karriere_txt .title:hover{text-decoration: none;color: #fdfdfd;}
.karriere_txt .subtitle{color: #21d566;font-size: 20px;font-family: 'barlow-v4-latin-300';margin-bottom: 20px;width: 100%; display: block;}
.karriere_txt .subtitle:hover{text-decoration: none;color: #fdfdfd;}
.karriere_txt .subtxt{color: #ffffff;font-size: 18px;margin-bottom: 35px; font-family: 'barlow-condensed-v4-latin-regular';width: 100%;display: block;}
.karriere_txt .subtxt span{font-weight: bold;}
.karriere_txt.active1{display: none;}
.job-image {position:relative;}
.job-image img { max-width:100%; height:auto; }
.job-title {border-bottom:3px solid #21d566; position: absolute; bottom:0; left:0; padding:25px 1.25rem; background-color:rgba(0,0,0,.75) !important; width:100%;}
.job-title span {display:block; text-transform: uppercase;}
.job-title .job_white {color:#fff;  font-size:26px;}
.job-title .job_green {color:#21d566;}
.job-title a.download_pdf {color:#21d566;display: block;float: right;position: absolute;right: 1.25rem;bottom: 30px;font-size: 35px;}
.job-title a:hover {color:#fff;}
.job_listings {margin-bottom: 40px; }
.job_listings #heading1 {border-top:1px solid #21d566;}
.job_listings .card { border:none; border-bottom:1px solid #21d566; border-radius:0; }
.job_listings .card-header {cursor:pointer; background:none; border:none; padding:0.75rem 0; }
.job_listings .card-header h5 { display: inline-block; }
.job_listings .card-header a {padding:0; color:#21d566;}
.job_description strong { color:#21d566; font-size:24px; }
.job_description a { color:#21d566; }
.circle-plus .circle .vertical {transition: all 0.5s ease-in-out; transform: rotate(-90deg);}
.circle-plus .circle .horizontal {  transition: all 0.5s ease-in-out;transform: rotate(-180deg);opacity: 1;}
.circle-plus.collapsed .circle .vertical {transition: all 0.5s ease-in-out; transform: rotate(90deg);}
.circle-plus.collapsed .circle .horizontal {  transition: all 0.5s ease-in-out;transform: rotate(90deg);opacity: 1;}
.circle-plus {
font-size: 1em;
opacity: .7;
float:right;
}
.circle-plus .circle {
position: relative;
width: 1.55em;
height: 1.5em;
border-radius: 100%;
border: none;
}
.circle-plus .circle .horizontal {
position: absolute;
background-color: #21d566;
width: 30px;
height: 2px;
left: 50%;
margin-left: -15px;
top: 50%;
margin-top: -1px;
}
.circle-plus .circle .vertical {
position: absolute;
background-color: #21d566;
width: 2px;
height: 30px;
left: 50%;
margin-left: -1px;
top: 50%;
margin-top: -15px;
}
.benefits .imagebox {
position: relative;
overflow: hidden;
margin-bottom:30px;
}
.benefits .imagebox img {
width:100%;
height:auto;
display:block;
transition: transform .5s ease;
}
.benefits .imagebox h4 {
position: absolute;
bottom:0;
background-color:rgba(0,0,0,.75) !important;
width:100%;
padding:10px;
margin:0;
text-align:center;
transition: padding 0.5s ease;
text-transform: uppercase;
border-top:1px solid #21d569;
color:#fff;
font-size:18px;
padding:15px;
}
.benefits .imagebox:hover h4 {
padding:30px;
}
.benefits .imagebox:hover img {
transform:scale(1.1);
}
.headline_cms h1{font-family: 'barlow-v4-latin-700';font-size: 28px;font-weight: 400;color: #666666;margin-bottom: 20px;text-transform: uppercase; text-align:center;}
.headline_cms {padding-bottom:0px;} .box {
cursor: pointer;
position: relative;
overflow: hidden;
width: 100%;
}
.box img {
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
-ms-transition: all 300ms ease;
transition: all 300ms ease;
width:100%;
height:auto;
}
.box .overbox {
background-color: #21d566d9;
position: absolute;
left: 0;
bottom:0;
color: #fff;
z-index: 100;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-o-transition: all 300ms ease;
-ms-transition: all 300ms ease;
transition: all 300ms ease;
height:0;
width: 100%;
overflow: hidden;
}
q {
color: white;
font-size: 17px;
position: absolute;
top: 50%;
left: 50%;
width:100%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.box:hover .overbox { height:80px;  -webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;}
img.hover {opacity: 0; position: absolute; left:0; top:0;}
.box:hover img.hover {opacity: 1;}
.box:hover img.always {opacity: 0;}
.box .overtext {
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-o-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out;
transition: all 300ms ease-out;
transform: translateY(40px);
-webkit-transform: translateY(40px);
}
.box .title {
font-size: 2.5em;
text-transform: uppercase;
opacity: 0;
transition-delay: 0.1s;
transition-duration: 0.2s;
}
.box:hover .title,
.box:focus .title {
opacity: 1;
transform: translateY(0px);
-webkit-transform: translateY(0px);
}
.box .tagline {
font-size: 0.8em;
opacity: 0;
transition-delay: 0.2s;
transition-duration: 0.2s;
}
.box:hover .tagline,
.box:focus .tagline {
opacity: 1;
transform: translateX(0px);
-webkit-transform: translateX(0px);
}
span.position {color:#21d566; letter-spacing: 0.1px; font-family:barlow-v4-latin-300;}
.team h3 {
margin-top:10px;
margin-bottom:0px;
}
section.content_box ul {
color:#21d569;
padding-inline-start:1em;
display: inline-block;
text-align:left;
line-height:1.8em;
}
section ul a {
color:#21d569;
}
.group_picture_wrapper {
position: relative;
overflow: hidden;
margin-bottom:25px;
}
.group_picture img {
width: 100%;
height:auto;
}
.group_picture img.hover {
opacity: 0;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
-ms-transition: all 200ms ease-out;
transition: all 200ms ease-out;    
}
.group_picture img.hover:hover {
opacity: 1;
} .page-id-132 #row1 img, .page-id-132 #row3 img {
background-color:#c8c6c7;
padding:25px;
}
.team_text {
padding:25px;
text-align: center;
}
.inner_content p a {
color:#21d569;   
}
.accordion_container .card:first-child {border-top:1px solid #21d566;}
.content_accordeon .card { border:none; border-bottom:1px solid #21d566; border-radius:0; }
.content_accordeon .card-header {cursor:pointer; background:none; border:none; padding:0.75rem 0; }
.content_accordeon .card-header h5 { display: inline-block; cursor:pointer; }
.content_accordeon .card-header a {cursor:pointer; padding:0; color:#21d566;}