body {
    padding-top: 50px;
    font-family: "open_sansregular";
    color: #4C4C4C;
    font-size: 13px;
    padding-bottom: 0px;
}


#pricing_table .col-md-3 {
	padding: 20px 5px;
}

.price-table-border {
border: 3px solid transparent;
}

.price-table-border:hover {
border: 3px solid #FF7575;
}
.price-table-border.no-hover:hover {
border: 3px solid transparent;
}

.price-table-col-frame {
	text-align:center;
	border: 2px solid #F5F5F5;

}
.price-table-col-header {
    background-color: #F2F2F2;
    color: #4C4C4C;
	height:80px;
	line-height:80px;
	font-size:20px;
	text-transform:uppercase;
	font-family:open_sanssemibold;
}
.text-left {
    text-align: left !important;
}
.price-table-col-content {
	margin:20px;
}
.price-list-item {
	height:50px;

	line-height:50px;
	font-size:13px;
}
.package-price, .price-list-item {
	border-bottom: 2px solid #F5F5F5;
}
.btn-hhr {
    padding: 10px 20px;
    font-size: 13px;
    font-family: open_sanssemibold;
    border-radius: 3px;
    height: 40px;
    display: inline-block;
	color:#fff;
}

.btn-hhr:hover {
	color:#fff;
	text-decoration:none;
}
.btn-blue {
	background:#70A8D7;
}
.price-blue {
	color:#70A8D7;
}

.btn-red {
	background:#FF7575;
}
.price-red {
	color:#FF7575;
}
.btn-orange {
	background:#F7BE5B;
}
.price-orange {
	color:#F7BE5B;
}
.no-color {
	background:transparent;
}
.no-border {
	border:none;
}
.tick-yes:after {
    background: url(../images/hacken.svg) no-repeat;
    content: '';
    width: 30px;
    height: 30px;
    background-size: 100%;
    display: inline-block;
    vertical-align: middle;
    /*float: right;*/
    margin: 8px;
}

.produckt_desc {
	display:none;
	}

@media (max-width: 991px) {
	.produckt_desc {
	display:inline-block;
	float:left;
	}
.tick-yes {
	float:right;
}
#pricing_table .col-md-3 {
    padding: 20px;
}
}



.price-table-col-frame {
	margin: 30px 0;
	position:relative;
}


.price-table-col-frame:hover {
	margin: 0;
	min-height:580px;
}
.price-table-col-frame:hover .price-table-col-header {
	height:110px;
	line-height:110px;
}
.package-price .price:before {
	content:'€';
	display: inline-block;
	padding-right:10px;
}

.package-price .price-monthly:after {
	content:'per month';
}

.package-price .price-yearly:after {
	content:'per year';
}
.package-price .price:after {
	display: inline-block;
	color: #4C4C4C;
	font-size:13px;
	text-transform:uppercase;
	font-family:open_sanssemibold;
	display:block;
}
.package-price {
	height:80px;
}

.billed {
	color:#ccc;
}
.billed.active {
	color: #4C4C4C;
}

.billed:before {
    background: url(../images/billed_not_active.svg) no-repeat;
}
.billed.active:before {
    background: url(../images/billed_active.svg) no-repeat;
}

.billed:before {
    content: '';
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: 8px;
}














section {
    padding: 60px 0 !important;
}
section.bg_image {
    padding: 0 !important;
}
.padding-top-0 {
    padding-top: 0 !important;
}
.bg_image {
    min-height: 450px !important;
}
.bg_image.home_carousel-wrapper {
    min-height: 600px !important;
}
ul.dropdown-menu {
    text-transform: capitalize;
}
.hhr-landing-navbar .navbar-brand {
    height: 35px;
    width: 181px;
    background: url(../images/logo-blue.svg) no-repeat center center;
    background-size: cover;
    margin-top: 11px;
}
.button_start_mobil_top {
    float: right;
    margin-top: 6px;
    margin-right: 7px;
}
#navbar a.button_login_top {
    float: none !important;
    margin-top: 6px;
    margin-left: 30px;
    width: 120px;
    display: inline-block;
}
.navbar-fixed-top {
    z-index: 2000 !important;
}
.navbar-nav {
    padding-left: 50px;
}
#navbar .hhr-button {
    display: block;
    float: left;
}
#demo-registration-wrapper {
    position: relative;
    z-index: 1100;
    margin-top: 0px;
}
.help-block {
    margin: 1px;
    color: #fff;
    width: 300px
}
.form-group.has-error {
    position: relative !important;
}
.form-group.has-error .form-control-demo:after {
    position: absolute !important;
    content: 'fff';
    font-size: 20px;
    font-family: open_sanssemibold;
}
span.missing_here {
    margin-left: -12px;
    font-size: 20px;
    line-height: 20px;
    font-family: open_sanssemibold;
}
.has-error .star-marker {
    display: inline-block;
}
.error.help-block:nth-child(3),
.error.help-block:nth-child(4) {
    display: none !important;
}
.container_for_errors {
    position: absolute;
    bottom: -110px;
}
body.mainbody.hhr_navbar_fixed #demo-registration-wrapper {
    position: relative;
    z-index: 1000;
}
#navbar a.hhr-button {
    min-width: 120px;
    text-align: center;
}
.language-switch_and_start.pull-right {
    padding-top: 9px;
}
.clear-row {
    clear: both;
}
.caret {
    width: 20px;
    height: 5px;
    border: none;
}
.footer_nav a:hover,
.footer__impressum a:hover {
    color: #004D80;
    text-decoration: none;
    font-family: open_sanssemibold;
}
footer a:hover {
    text-decoration: none !important;
}
@media (min-width: 768px) {
    .navbar-nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
.navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 40px;
}
.nav>li>a,
.dropdown-menu>li>a {
    color: #4c4c4c;
}
.nav>li>a:hover,
.nav>li>a:focus {
    text-decoration: none;
    background-color: #f3f3f3;
    color: #004D80;
}
.dropdown-menu {
    background-color: #fff;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.demo_form_footer {
    padding: 40px 0 0 0;
}
.demo_form_footer .form-control, .simple-form .form-control {
    background: #fff;
    height: 40px;
    box-shadow: none;
}
.hhr-button {
    padding: 10px 20px;
    font-size: 13px;
    font-family: open_sanssemibold;
    margin-left: 20px;
    border-radius: 3px;
    height: 40px;
    display: inline-block
}
.hhr-button:hover {
    text-decoration: none;
}
.button-orange {
    background: #feb901;
    border: none;
    color: #fff;
}
.button-white-grey {
    background: #fff;
    border: none;
    color: #044F81;
}
.button-white-grey:hover {
    opacity: 0.6;
}
.margin-0 {
    margin: 0;
}
.padding-40 {
    padding: 40px;
}
.underline {
    text-decoration: underline;
}
.button-orange:hover {
    background: rgba(252, 209, 91, 0.60);
    border: none;
    color: #fff;
}
.button-blue {
    border: 1px solid #004D80;
    color: #004D80 !important;
}
.button-blue:hover {
    border: 1px solid #004D80;
    color: #fff !important;
    background: #004D80;
}
.button-white {
    background: #fff;
    border: none;
    color: #FCD15B;
    margin: 15px 0 5px 0;
    padding: 10px 45px;
}
.drop_shadow {
    box-shadow: 2px 2px 10px rgba(84, 84, 84, 0.5);
}
.svg-icon-input {
    position: absolute;
    width: 20px;
}
.svg-icon-input path {
    fill: #fff;
}
svg polygon {
    fill: #999;
}
.form-group {
    position: relative;
}
.form-group input::-moz-placeholder {
    color: #fff;
}
.form-group input:-ms-input-placeholder {
    color: #fff;
}
.form-group input::-webkit-input-placeholder {
    color: #fff;
}
.demo_form_footer .form-group input::-moz-placeholder, .simple-form .form-group input::-moz-placeholder {
    color: #999;
}
.demo_form_footer .form-group input:-ms-input-placeholder, .simple-form input:-ms-input-placeholder {
    color: #999;
}
.demo_form_footer .form-group input::-webkit-input-placeholder, .simple-form .form-group input::-webkit-input-placeholder {
    color: #999;
}
.theme-blue .form-group input::-moz-placeholder {
    color: #4c4c4c;
}
.theme-blue .form-group input:-ms-input-placeholder {
    color: #4c4c4c;
}
.theme-blue .form-group input::-webkit-input-placeholder {
    color: #4c4c4c;
}
.theme-blue.nice_blue .form-group input::-moz-placeholder {
    color: #004C80;
}
.theme-blue.nice_blue .form-group input:-ms-input-placeholder {
    color: #004C80;
}
.theme-blue.nice_blue .form-group input::-webkit-input-placeholder {
    color: #004C80;
}
input:focus::-webkit-input-placeholder {
    color: transparent !important;
}
input:focus:-moz-placeholder {
    color: transparent !important;
}
input:focus:-ms-input-placeholder {
    color: transparent !important;
}
.demo-request.demo-registration-form__content {
    padding-top: 75px;
}
.demo-form_container {
    position: absolute;
    bottom: 120px;
}
.form-control {
	border: 1px solid #999;
}

@media (max-width: 767px){
   .form-inline .form-control {
    display: inline-block;
}
.get-input-same-width {
	width:80% !important;
}
.input-same-width {
	width:80%;
	margin-left:0px;
}
.testen_anfordern_box.drop_shadow {
	box-shadow:none;
}
}
/*########### nav top ############*/

.hhr-landing-navbar a img {
    max-width: 180px;
}
.navbar-brand {
    padding: 10px 5px;
}
div#navbar {
    text-transform: uppercase;
    font-family: "open_sansregular";
    color: #4C4C4C;
    font-size: 13px;
}
.navbar-hhr {
    background: #fff;
}
.navbar-toggle .icon-bar {
    background-color: #4C4C4C;
}
#demo-registration-wrapper {
    /*background: url(../images/homepage/Header_Homepage_2x.jpg) no-repeat;*/
    /*background-size: cover;*/
}
.demo-registration-form-home,
.services-yellow-box {
    background: rgba(254, 192, 26, 0.9);
}
.demo-registration-form-home__content {
  padding: 30px;
}
.demo-registration-form-home__content h3 {
  line-height: 45px;
}
.demo-form_container .form-group {
    margin-bottom: 15px;
}
.one-click {
    font-family: open_sansbold;
    font-size: 40px;
    margin-top: 20px;
}
.two_weeks-test {
    font-size: 20px;
    padding-top: 20px;
    padding-bottom: 100px;
    color: #ECEDED;
}
.two_weeks-test.nbs {
    font-size: 18px;
    padding-top: 25px;
    padding-bottom: 100px;
    color: #ECEDED;
}
.form-group.hide-before-click,
.demo-registration-form-home__content label {
    display: none;
}
.hide-before-click2,
.email_error,
.field_required {
    display: none;
    overflow: hidden;
}
.button-for-demo {
    position: absolute;
    bottom: -60px
}
.gap-form-top {
    height: 50px;
}
.demo-registration-form-home__content .form-group input {
    padding: 3px 5px 3px 30px;
    background: transparent;
    border: 0;
    border-bottom: 2px solid #fff;
    min-width: 240px;
}
.demo-registration-form-home__content input:focus {
    outline: none;
}
#demo-registration-wrapper,
.demo-registration-form-home {
    min-height: 450px;
    color: #ffffff;
}
.demo-registration__privacy-text p {
  font-size: 25px;
}
.demo-registration__privacy-text,
.regular_20 {
    font-size: 20px;
    font-family: "open_sansregular", sans-serif;
}
.regular_25 {
  font-size: 25px;
  font-family: "open_sansregular", sans-serif;
}
.regular_50 {
    font-size: 50px;
    line-height: 70px;
    font-weight: normal;
    font-family: "open_sansregular", sans-serif;
    text-transform: none;
}
.font_white {
    color: #fff;
}
.font_orange {
    color: #feb901;
}
.font_grey {
    color: #A2A4A7;
}
.bold_30 {
    font-size: 30px;
    font-family: open_sansbold;
}
.bold_13 {
    font-size: 13px;
    font-family: open_sansbold;
}
.regular_20 {
    font-size: 20px;
    font-family: open_sansregular;
}
.regular_30 {
    font-size: 30px;
    font-family: open_sansregular;
}
.regular_40 {
    font-size: 40px;
    font-family: open_sansregular;
}
.regular_50 {
    font-size: 50px;
    font-family: open_sansregular;
}
.regular_13 {
    font-size: 13px;
    font-family: open_sansregular;
}
.semibold_30 {
    font-size: 30px;
    font-family: open_sanssemibold;
}
.semibold_20 {
    font-size: 20px;
    font-family: open_sanssemibold;
}
.bold_20 {
    font-size: 20px;
    font-family: open_sansbold;
}
.bold_30 {
    font-size: 30px;
    font-family: open_sansbold;
}
.bold_40 {
    font-size: 40px;
    font-family: open_sansbold;
}
.semibold_13 {
    font-size: 13px;
    font-family: open_sanssemibold;
}
.demo-registration__text {
    margin-bottom: 40px;
    padding-top: 0;
    padding-top: 80px;
    line-height: 67px;
}
/*.tabs-intro-text.hidden-xs.hidden-medium {*/
    /*color: #999;*/
    /*line-height: 25px;*/
/*}*/
#features .slick-dots {
    left: -52%;
    bottom: 0px;
    width: 50%;
    text-align: left;
    padding-left: 50px;
}
#features .slick-dots li {
    width: 240px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
#features .slide_title {
    display: none;
}
.feature_content {
    padding-left: 50px;
    position: relative;
}
.features_text-description {
    position: absolute;
    bottom: 30px;
    left: 80px;
    background: #fff;
    width: 50%;
    padding: 10px 50px 10px 10px;
    box-shadow: 0px 3px 13px #444;
}
.feature_title h3 {
    color: #C2C4C4;
    font-size: 13px;
    text-transform: uppercase;
    position: relative;
}
.slick-active .feature_title h3 {
    color: #004C80;
}
.slide_title_name {
    display: inline-block;
}
#features .slick-dots {
    /*position:initial;*/
}
.tabs_features_navi {
    padding-top: 30px;
}
#features .slick-dots li {
    display: block;
    height: 60px;
}
#features .slick-next {
    right: 5px;
}
#features .slick-prev {
    left: 5px;
}
span.hhr-icons {
    font-size: 24px;
}
span.hhr-icons:before {
    font-size: 29px;
    position: absolute;
    left: -60px;
    top: -8px;
}
.slick-active .feature_title:before {
    content: '|';
    position: absolute;
    left: -25px;
    top: -10px;
    font-size: 40px;
    color: #004C80
}
.home_features_slider {
    padding-top: 60px;
    padding-bottom: 50px;
}
.hhr-icons {
    background-size: cover;
    height: 32px;
    width: 32px;
    display: inline-block;
    margin: 5px 11px -7px 0;
}
.icon-normal-payroll {
    background: url(../images/features_icons/payroll.svg) no-repeat;
}
.icon-normal-payroll-white {
    background: url(../images/features_icons/payroll-white.svg) no-repeat;
}
li.slick-active .icon-normal-payroll,
.slick-current .icon-normal-payroll {
    background: url(../images/features_icons/active-payroll.svg) no-repeat;
}
.icon-digital-files {
    background: url(../images/features_icons/digital-files.svg) no-repeat;
}
.icon-digital-files-white {
    background: url(../images/features_icons/digital-files-white.svg) no-repeat;
}
li.slick-active .icon-digital-files,
.slick-current .icon-digital-files {
    background: url(../images/features_icons/active-digital-files.svg) no-repeat;
}
.icon-recruiting {
    background: url(../images/features_icons/recruiting.svg) no-repeat;
}
.icon-recruiting-white {
    background: url(../images/features_icons/recruiting-white.svg) no-repeat;
}
li.slick-active .icon-recruiting,
.slick-current .icon-recruiting {
    background: url(../images/features_icons/active-recruiting.svg) no-repeat;
}
.icon-absence {
    background: url(../images/features_icons/absence.svg) no-repeat;
}
.icon-absence-white {
    background: url(../images/features_icons/absence-white.svg) no-repeat;
}
li.slick-active .icon-absence,
.slick-current .icon-absence {
    background: url(../images/features_icons/active-absence.svg) no-repeat;
}
.icon-shift-planning {
    background: url(../images/features_icons/shift-planning.svg) no-repeat;
}
.icon-shift-planning-white {
    background: url(../images/features_icons/shift-planning-white.svg) no-repeat;
}
li.slick-active .icon-shift-planning,
.slick-current .icon-shift-planning {
    background: url(../images/features_icons/active-shift-planning.svg) no-repeat;
}
.icon-time-tracking {
    background: url(../images/features_icons/time-tracking.svg) no-repeat;
}
.icon-time-tracking-white {
    background: url(../images/features_icons/time-tracking-white.svg) no-repeat;
}
li.slick-active .icon-time-tracking,
.slick-current .icon-time-tracking {
    background: url(../images/features_icons/active-time-tracking.svg) no-repeat;
}


li.slick-active h3,
.slick-current h3 {
    color: #004D80;
}
.carousel_center_home .slick-slide {
    color: #fff;
    font-size: 20px;
    opacity: 1 !important;
}
.carousel_center_home .slick-slide .home_carousel-wrapper__text {
    display: none;
}
.carousel_center_home .slick-slide.slick-active .home_carousel-wrapper__text,
.carousel_center_home .slick-slide .home_carousel-wrapper__text .home_carousel_bullet {
    display: block !important;
}
.slick-slide .home_carousel-wrapper__text p {
    margin-bottom: 35px;
}
.home_carousel-wrapper__content {
    padding-top: 90px;
    position: relative;
    min-height: 540px;
}
.carousel_center_home .slick-slide .home_carousel_bullet {
    color: #6D6E71;
    position: absolute;
    bottom: 0;
    text-align: center;
    padding-bottom: 10px;
    font-family: "open_sanssemibold";
    text-transform: uppercase;
}
.carousel_center_home .slick-slide.slick-active .home_carousel_bullet,
.carousel_center_home .slick-slide.slick-active .home_carousel_bullet h3 {
    color: #fff;
    display: block;
}
.carousel_bullets_box li.slick-active h3 {
    border-bottom: 3px solid #fff;
    color: #fff;
}
.carousel_bullets_box h3.carousel_item_title {
    width: 90%;
    border-bottom: 3px solid #6D6E71;
    padding-bottom: 15px;
    color: #6D6E71;
}
.carousel_bullets_box {
    position: absolute;
    width: 100%;
    bottom: 25px;
    z-index: 1000;
}
section#carousel-wrapper {
    position: relative;
}
.carousel_3_items.slick-dotted {
    margin-bottom: 0;
}
.carousel_bullets_box li {
    float: left;
    width: 33.33%;
    text-align: center;
}
.carousel_bullets_box ul {
    list-style-type: none;
}
.carousel_3_items .slick-dots li {
    position: relative;
    display: inline-block;
    width: 33.333333%;
    height: 115px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}
ul.slick_dots.container {
   /* width: 95%;*/
}
.carousel_item_1 {
    background-image: url('../images/homepage/Carousel_1.jpg');
}
.carousel_item_2 {
    background-image: url('../images/homepage/Carousel_2.jpg');
}
.carousel_item_3 {
    background-image: url('../images/homepage/Carousel_3.jpg');
}
.carousel_item_1,
.carousel_item_2,
.carousel_item_3 {
    background-size: cover;
    min-height: 600px !important;
    background-position: 100%;
    background-repeat: no-repeat;
}
.font-white {
    color: #fff;
}
.carousel_bullet {
    display: none;
}

.slider-nav .slide_title_name h3 {
    margin-top: 15px;
    margin-bottom: 5px;
    }



@media (max-width: 767px) {
    .carousel_bullets_box h3.carousel_item_title {
        width: initial;
        border-bottom: 1px solid #6D6E71;
        padding-bottom: 15px;
        font-size: 18px;
        margin: 0 10px;
    }
    .carousel_item_1,
    .carousel_item_2,
    .carousel_item_3 {
        background-position: 85%;
    }
}
@media (max-width: 400px) {
    .carousel_bullets_box h3.carousel_item_title {
        width: initial;
        border-bottom: 1px solid #6D6E71;
        padding-bottom: 15px;
        font-size: 16px;
        margin: 0 5px;
    }
}
@media (min-width: 1200px) {
    .hhr-landing-navbar .container {
        width: 96%;
        margin: 0 2%;
    }
}
@media (max-width: 991px) {

	.feature_wrapper__image {
		padding-top:20px;
	}

    #features .slide_title {
        display: block;
    }
    .hhr-icons_ {
        display: block;
        text-align: center;
    }
    .slide_title_name h3 {
        display: block;
        text-transform: uppercase;
        color: #004C80;
        font-size: 20px;
        font-family: open_sanssemibold;
        padding: 5px 0 15px;
    }



	.slider-nav .slide_title_name h3 {
        color: #C2C4C4 !important;

    }

	.slider-nav .slick-current .slide_title_name h3 {
        color: #004C80 !important;
	}


    .hhr-icons {
        background-size: cover;
        height: 52px;
        width: 52px;
        display: inline-block;
        margin: 15px 11px 0px 0;
    }
    .slide_title {
        display: block;
        text-align: center;
    }
    .features_text-description {
        position: initial;
        width: 100%;
        box-shadow: none;
    }
}
span.hhr-icons:before {
    font-size: 29px;
    position: initial;
    text-align: center;
}
.slick-prev,
.slick-next {
    top: 15px;
    color: #ccc;
}
.slick-prev:before,
.slick-next:before {
    color: #918e8e;
}


.carousel_3_items svg.slick-arrow {
    position: absolute;
    bottom: -18px;
    z-index: 900;
    width: 24px !important;
}
.carousel_3_items svg.arrow-prev.slick-arrow {
    left: 10px
}
.carousel_3_items svg.arrow-next.slick-arrow {
    right: 10px
}
@media (max-width: 900px) {
    .carousel_3_items.slick-slider {}
}
@media (max-width: 550px) {
    .carousel_3_items svg.arrow-prev.slick-arrow {
        left: 10px
    }
    .carousel_3_itemse svg.arrow-next.slick-arrow {
        right: 10px
    }
    .carousel_bullet {
        display: block;
    }
    .carousel_bullet {
        display: block;
        position: absolute;
        bottom: -8px;
        width: 100%
    }
    h3.carousel_item_title.bold_30 {
        text-align: center;
        color: #fff;
        border-bottom: 3px solid #fff;
        margin: 0 30px;
        padding-bottom: 8px;
    }
    .carousel_bullets_box {
        display: none;
    }
	.slide_title_name {
    margin: 0 auto;
	}
	.slide_title_name h3 {
    font-size: 18px;
	width:90%;
	display:inline-block;
	}
	.slider-nav .slick-list {
    width: 80%;
    margin: 0 auto;
}

}
.carousel_3_items svg polygon {
    fill: #fff !important;
}
img.kunde_home {
    max-width: 100%;
}
.kunden_wrapper-title {
    text-align: center;
}
.partner_slider_home .slick-slide {
    margin: 30px;
}
.partner_slider_home .slick-list {
    margin: 0 -30px;
}
#home_demo_anfordern {
    padding: 50px 0;
}
.gap-small {
    margin-bottom: 50px;
}
.demo_datum {
    margin-left: 10%;
}
.demo_datum:hover {
    color: #FFCA26;
}
.demo_anfordern__content {
    position: relative;
}
/*
#home_demo_anfordern .slick-slide {
	margin: 0 32px;
}
#home_demo_anfordern .slick-list {
	margin: 0 -32px;
}
*/

.demo_anfordern_image img {
    width: 100%;
    max-width: 490px;
}
.demo_time_slider .slick-list {
    width: 70% !important;
    margin: 0 auto;
}
.col-xs-4.slick-slide {
    padding: 10px 0;
}
.theme-blue .form-group-email input {
    padding: 3px 5px 5px 30px;
    background: transparent;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #4c4c4c;
    width: 100%;
    box-shadow: none;
    outline: none;
}
.theme-blue.nice_blue .form-group-email input {
    border-bottom: 2px solid #004C80;
}
.form-group-email {
    width: 50%;
    float: left;
    position: relative;
}
.submit-blue-theme {
    float: left;
}
.theme-blue .svg-icon-input path {
    fill: #4c4c4c;
}
.theme-blue.nice_blue .svg-icon-input path {
    fill: #004C80;
}
.submit-blue-theme input {
    margin-top: -12px;
    padding: 10px;
    width: 200px;
    text-align: center;
}
.demo-request {
    margin-left: 0px;
    margin-top: 73px;
    margin-bottom: 20px;
    height: 40px;
}
.demo_time_slider path,
.slick-slider svg path {
    fill: #cdcccc;
    opacity: 0.4;
}
svg.slick-arrow {
    width: 34px;
}
svg.arrow-prev.slick-arrow {
    position: absolute;
    left: 0px;
}
svg.arrow-next.slick-arrow {
    position: absolute;
    right: 0px;
}
.demo_time_slider svg.slick-arrow {
    top: 30%;
}
.demo_anfordern_image_title {
    position: absolute;
    top: 71%;
    left: -15%;
    background: rgba(0, 76, 128, 0.6);
    color: #fff;
    padding: 5px 20px 5px 16px;
    width: 70%;
    line-height: 20px;
}
.demo_time_slider {
    padding: 30px ´0px;
}
.home_section_title_ {
    font-size: 24px;
    font-family: 'open_sansbold';
    text-transform: uppercase;
}
.section_text_small {
    color: #8E959A;
    font-size: 20px;
}
.demo_anfordern_text {
    padding: 20px 90px 40px 0;
}
.text_hellgrau {
    color: #999;
}
.text-danger {
    color: #a94442;
}
#home_sicherheit_schutz,
#home_partner-wrapper {
    padding: 30px 0 60px;
    text-align: center;
}
#home_sicherheit_schutz img {
    height: 90px;
}
.sicherheit_schutz_image {
    background: #fff;
    padding: 25px 0;
    margin: 30px 20px;
}
.sicherheit_schutz_image img {
  max-height: 100px;
}
#home_sicherheit_schutz h3 {
    font-size: 13px;
    text-transform: uppercase;
    font-family: "open_sansbold", sans-serif;
    padding-bottom: 15px;
    color: #4C4C4C;
}
section.blue {
    background: #ECF4FC;
}
.hhr-font-blue {
color:#004D80;
}
/*###############footer ##############*/

footer.grau {
    background: #EDEFEE;
}
.bg_orange {
    background: #FEB901;
    padding-bottom: 100%;
    margin-bottom: -100%;
}
.space_left {
    margin-left: 20px;
}
.schutz_terms {
    /* margin-top: 10px;*/
}
.bold {
    font-family: "open_sanssemibold";
}
.footer-gap-top {
    height: 40px;
    clear: both;
}
.uppercase {
    text-transform: uppercase;
}
.footer_contact {
    color: #fff;
}
.footer_info {
    padding: 20px 0;
}
footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
footer ul.footer_lang li {
    float: left;
    padding-right: 20px;
}
footer .row {
    overflow: hidden;
}
.menu_lang {
    overflow: auto;
    padding-bottom: 15px;
}
.menu_lang,
.footer__impressum {
    margin-left: 15px;
}
.footer__impressum {
    margin: 0 0 20px 15px;
    line-height: 27px;
    font-size: 13px;
    border-top: 1px solid #4c4c4c;
}
footer li a,
.footer__impressum a {
    color: #4c4c4c;
}
footer .footer_nav li a {
    text-decoration: none;
    padding: 3px 0;
    display: block;
    font-size: 13px;
}
footer .button-orange {
    /*background: #FCD15B;*/

    padding: 8px 20px;
    border: none;
    color: #fff;
    margin-left: 20px;
    border-radius: 3px;
    height: 40px;
}
.footer_social__links {
    clear: both;
    padding: 40px 0 30px 0px;
}
.footer_info a {
    color: #fff;
    text-decoration: nome;
}

a.social-link {
    /*display: block;
    float: left;*/

    margin-right: 15px;
}
.svg-icon-footer {
    width: 40px;
    display: inline-block;
}
a.social-link:hover path {
    fill: #004C80 !important;
}
.features_slider .slick-arrow {
    display: none !important;
}
.feature_content img {
    max-width: 100%;
}
.gap_60v-top {
    margin-top: 60px;
}
.gap_40v-bottom {
    margin-bottom: 40px;
}
footer .form-control {
    float: left;
    width: 50%;
}
footer_ .form-group {
    position: initial;
    height: 40px;
}
/*####### Features Overview ##########*/

#features_overview_header {
    background: url(../images/features_overview/Header_2x.jpg) no-repeat;
    background-size: cover;
    min-height: 400px;
    background-position: 100%;
    color: #fff;
}
.bg-blue {
    background: #A9CBE8;
}
.bg-blue-light {
    background: #B7D3EB;
}
.bg-blue2 {
    background: #6895B3;
}
.bg-blue-light2 {
    background: #ECF4FC;
}

#references-textboxes-wrapper .bg-blue-light2:hover {
    color: #A7A9AC;
	background: #ECF4FC;;
}

.bg-red {
    background: #F5989A;
}
.bg-orange {
    background: #FABE5B;
}
.bg-orange-light {
    background: #FBCB7C;
}
.bg-orange-lighter {
    background: #FCD89D;
}
.bg_grey {
    background: #F2F2F2;
}
.button-transparent {
    color: #fff;
}
#features_boxes .container {
    padding-left: 0;
    padding-right: 0;
    color: #fff;
}
.padding-40 {
    position: relative;
}
.feature-short-text {
    padding: 10px 0;
    color: #fff;
}
.feature-box-links {
    position: absolute;
    bottom: 40px;
    left: 40px;
}
.slider-nav .slide_title_name {
    display: inline-block;
    padding-left: 50px;
}


.slider-nav .slide_title_name {
    display: inline-block;
    padding-left: 0px;
    width: 100%;
    text-align: center;
}

.navi-for-slider {
    padding: 20px !important;
	margin-top:10px;
}
.feature_title {
    outline: none;
}
.kunden_slider_home .col-md-2.col-xs-6 {
    text-align: center;
}
/*####### Testen - Anfordern Box ##########*/

#testen_anfordern {
    padding: 40px 0;
}
.testen_anfordern_box {
    background: #fff;
    min-height: 200px;
    position: relative;
}
.divider_oder {
    width: calc(100% - 40px);
    text-align: center;
    position: absolute;
    top: 40%;
    z-index: 1000;
}
.divider_oder span {
    background: #fff;
    padding: 15px;
    display: inline-block;
}
.button-white-blue {
    color: #044F81;
    border: 1px solid #044F81;
}
table.testen_oder_anfordern td {
    height: 90px;
    text-align: center;
}
.padding-40-20-0 {
    padding: 0px 0;
    margin: 40px 0;
}
.testen_oder_anfordern td.align-bottom {
    vertical-align: bottom;
}
table.testen_oder_anfordern {
    width: 100%;
}
#testen_anfordern .row:not(:last-child) {
    border-bottom: 3px solid #676767;
}
#testen_anfordern .col-lg-6:not(:last-child) {
    border-right: 1px solid #676767;
}
.col-lg-2.col-divider {
    width: calc(100% - 40px) !important;
    text-align: center;
    position: absolute;
    top: 38%;
    z-index: 1000;
}
#testen_anfordern .col-lg-2.col-divider:before {
    content: '';
    border-left: 1px solid #8D8D8D;
    position: absolute;
    display: block;
    height: 180px;
    top: -64px;
    left: 50.4%;
}
#testen_anfordern span.regular_20 {
    display: inline-block;
    background: #fff;
    z-index: 1000;
    position: relative;
    padding: 15px;
}
/*#### Landingpage - Featurea ###########*/

.feature_wrapper__text {}
.gap-30-0 {
    padding: 30px 0;
}
.gap-50-0 {
    padding: 50px 0;
}
.gap-30r {
    padding-right: 30px;
}
.gap-60r {
    padding-right: 60px;
}
.feature_wrapper__image img {
    max-width: 100%;
}
.advantages_wrapper__text {
    position: relative;
}
.advantages_wrapper__text:before {
    background: url(../images/hacken.svg) no-repeat;
    content: '';
    position: absolute;
    z-index: 100;
    width: 90px;
    height: 40px;
    left: 0px;
    background-size: 35%;
    top: -5px;
}
#features_langingpage_wrapper .feature_wrapper__image:nth-child(2n+0) img {
    box-shadow: -10px 10px #DFE7EF;
}
#features_langingpage_wrapper .feature_wrapper__image:nth-child(2n-1) img {
    box-shadow: 10px 10px #DFE7EF;
}
@media (max-width: 991px) {
    .features_overview_header__content {
        padding: 20px;
    }
    #features_langingpage_wrapper .feature_wrapper__image {
        margin-top: 20px;
        margin-bottom: 40px;
    }
    #feature_langingpage_wrapper .feature_wrapper__image {
        margin: 20px -15px 40px;
        overflow: hidden;
    }
    .col-md-5.col-md-push-7.space-left-50.feature_wrapper__content {
        padding-left: 15px;
    }
    #features_langingpage_wrapper .feature_wrapper__image img {
        box-shadow: none !important;
    }
    .advantages_wrapper__text {
        text-align: center;
        margin-bottom: 100px;
        margin-top: 100px;
    }
    .advantages_wrapper__text:before {
        background: url(../images/hacken.svg) no-repeat;
        content: '';
        position: absolute;
        z-index: 1000;
        width: 90px;
        height: 40px;
        left: 46%;
        background-size: 35%;
        top: -42px;
    }
}
/*######### Servives #####*/

#services-header-wrapper {
    background: url(../images/Services/services_2.jpg) no-repeat;
    background-size: cover;
    min-height: 400px;
    background-position: 100%;
}
.nice_icon:before {
    content: '';
    position: absolute;
    z-index: 1000;
    width: 120px;
    height: 70px;
    left: -25%;
    background-size: 50% !important;
    top: 0px;
}
.icon_euro:before {
    background: url(../images/Services/euro_icon.svg) no-repeat;
}
.icon_hour:before {
    background: url(../images/Services/hour_icon.svg) no-repeat;
}
.icon_paper:before {
    background: url(../images/Services/paper_icon.svg) no-repeat;
}
#service_stripe .col-md-offset-1 {
    padding-left: 10px !important;
}
.just_form input,
.just_form .hhr-button {
    width: calc(100% - 30px);
    margin: 0 15px;
}
.bg-blue-light2.full-height {
    padding-bottom: 100%;
    margin-bottom: -100%;
}
.row.margins--30 {
    overflow: hidden;
}
.bg-blue-light2 {
    color: #A7A9AC;
}
.bg-blue2 {
    color: #fff;
}

#all_features_boxes {
	color:#fff;
}

#all_features_boxes h3 {
	margin:0;
}
.all-features-box-intro-text {padding:20px 30px 0 0;}
#all_features_boxes .hhr-icons {
    height: 60px;
    width: 60px;
    display: inline-block;
    margin: 0;
}

.two-features {
	min-height:220px;
}
.three-features {
	min-height:290px;
}
.one-feature {
	min-height:320px;
}


.one-click-box {
	color:#4C4D4D;
	text-align:center;
	width:100%;
	height:320px;
	padding-top:80px;
}

.arrow-right_1 {
  width: 0;
  height: 0;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left:40px solid #B6D3EB;
  bottom:40px;
  left:0;
}

.arrow-down_1 {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid #A9CBE8;
  top:0px;
  right:40px;
}
.arrow-down_2 {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid #FABD5A;
  top:0px;
  left:40px;
}
.arrow-left_3 {
  width: 0;
  height: 0;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-right: 40px solid #FCCC7D;
  right:0;
  bottom:40px;
}
.arrow-left_4 {
  width: 0;
  height: 0;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-right: 40px solid #FCD89D;
   right:0;
  bottom:40px;
}


.arrow-right_5 {
  width: 0;
  height: 0;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 40px solid #F5989A;
  left:0;
  bottom:120px;
}


.three-features, .two-features, .one-feature  {
	position:relative;
	z-index:100;

}
.triangle {
	position:absolute;
	z-index:200;
}
#all_features_boxes .padding-30 {
	padding-top:50px;
}

@media (max-width: 1199px) {
#services-textboxes-wrapper .bold_30 {
    font-size: 20px;
	}


.three-features, .two-features, .one-feature  {
	min-height:100px;
}
.one-click-box {
	height:auto;
}



.arrow-right_1 {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-top:40px solid #B6D3EB;
}

.arrow-down_1 {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid #A9CBE8;

}
.arrow-down_2 {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top: 40px solid #FABD5A;

}
.arrow-left_3 {
  width: 0;
  height: 0;
   border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-top: 40px solid #FCCC7D;

}
.arrow-left_4 {
  width: 0;
  height: 0;
   border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-top: 40px solid #FCD89D;

}


.arrow-right_5 {
  width: 0;
  height: 0;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-top: 40px solid #F5989A;
}
.triangle {
	position:absolute;
	z-index:200;
	right:40px !important;
	top:0 !important;
	left:initial;
}
.triangle.arrow-right_5 {
    left: calc(50% - 40px);
}
#all_features_boxes .padding-30 {
    padding-top: 30px;
}
#all_features_boxes .hhr-icons {
    margin: 0 0 20px 20px;
}
#all_features_boxes .bold_40 {
	font-size:25px;
	font-family: open_sanssemibold;
	}
#all_features_boxes .semibold_30 {
	font-size:25px;
	}
#all_features_boxes .padding-30 {
    padding: 30px 0;

}

}





@media (max-width: 991px) {
    .slider-3-icons {} #service_stripe .col-md-offset-1 {
        padding-left: 5% !important;
    }
    .nice_icon:before {
        content: '';
        position: absolute;
        z-index: 10000;
        width: 120px;
        height: 75px;
        left: 12%;
        background-size: 50% !important;
        top: 0px;
    }
    #services-header-wrapper {
        min-height: auto;
    }
    #services-header-wrapper .button-white.hhr-button {
        width: 100%;
    }
    #services-header-wrapper .full_sm {
        margin-top: 0;
        padding: 0;
    }
    #service_stripe .col-md-5 {
        margin-bottom: 10px;
    }
    #features_langingpage_wrapper .col-md-7:after {
        content: '';
        border-bottom: 15px solid #fff;
        height: 10px;
        width: calc(100% + 20px);
        display: block;
        margin: 25px -20px 20px 0;
        position: absolute;
        left: -20px;
    }
    .services_content__header.drop_shadow.services-yellow-box {
        min-height: 450px;
    }
    .same-height {
        height: auto !important;
    }
    #services-textboxes-wrapper .bg-blue-light2 {
        border-bottom: 20px solid #fff;
    }

	#services-textboxes-wrapper .bold_30 {
    font-size: 25px;
	}
}
/*######### References ########*/

#references-header-wrapper {
    background: url(../images/references/references_header_x2.jpg) no-repeat;
    background-size: cover;
    min-height: 400px;
    background-position: 100%;
}
.references_teaser_image {
    margin-left: -20px;
}
.references_teaser_image img {
    max-width: 100%;
}
.references-textboxes-button {
    padding: 10px 20px;
    font-size: 13px;
    font-family: open_sanssemibold;
    border-radius: 3px;
    display: inline-block;
    background: #fff;
    color: #676766;
}
.img_growing {
    width: 100%;
    border: 1px solid #E9E9EA;
    margin-bottom: 30px;
}
.same-height2 {
    display: table-cell;
}
/*######## About Us #############*/

#about-us-header-wrapper {
    background: url(../images/about_us/Header_2x.jpg) no-repeat;
    background-size: cover;
    min-height: 480px;
    background-position: 100%;
}
#about-us-header-wrapper-sm {
    background: url(../images/about_us/Header_2x.jpg) no-repeat;
    background-size: cover;
    min-height: 280px;
    background-position: 100%;
    background-position: center;
}
.icon_code:before {
    background: url(../images/about_us/code-icon.svg) no-repeat;
}
.icon_hours:before {
    background: url(../images/about_us/hours-icon.svg) no-repeat;
}
.icon_espresso:before {
    background: url(../images/about_us/espresso-icon.svg) no-repeat;
}
.about-us_content__header.bg_white_80.about-us-box {
    background: rgba(255, 255, 255, 0.80);
    color: #4D4C4C;
}
.bg_white_80 {
    background: rgba(255, 255, 255, 0.80);
}
.the-same-height {
    display: table-cell;
    width: 100%;
}
.the-same-height,
.the-same-height img {
    height: 280px;
}
.the-same-height-x2 {
    height: 600px;
}
#about-us-textboxes-wrapper .col-md-12 {
    display: table;
}
.about_us_teaser_image {
    margin-left: -20px;
}
.full-width-box .about_us_teaser_image {
    margin-left: 0px;
    float: right;
    margin-left: 60px;
}
.full-width-box {
    text-align: right;
}
.use_as_background {
    overflow: hidden;
}
@media (max-width: 991px) {
    section#service_stripe {
        padding: 20px !important;
    }
    #services-text-wrapper {
        display: none;
    }
    .bg-blue-light2.full-height {
        padding-bottom: 0px;
        margin-bottom: 0px;
        border-top: 20px solid #fff;
    }
	.start-hilfe {
    margin-top: 0 !important;
    }

    #about-us-textboxes-wrapper .col-md-12,
    #about-us-textboxes-wrapper .the-same-height {
        display: block;
    }
    .get_as_background {
        background-size: cover;
        padding: 40px;
        min-height: 350px;
        opacity: 0.4;
        color: #999;
    }
    .the-same-height,
    .the-same-height img {
        height: auto;
    }
    .the-same-height-x2 {
        height: auto;
        border-bottom: 40px solid #fff;
    }
    #about-us-header-wrapper {
        background-image: none;
        background-size: cover;
        min-height: 180px;
    }
   #about-us-header-wrapper .bg_white_80 {
        background: transparent !important;
    }
    .about-us_content__header.about-us-box {
        color: #4D4C4C;
        box-shadow: none;
        padding-top: 0;
    }
    .col-md-offset-6.col-md-6.gap-top-60.full_sm {
        margin-top: 0;
        padding: 0;
    }
    .about_us_header__content {
        padding: 35px 15px 15px !important;
    }
    .full-width-box .about_us_teaser_image {
        display: none;
        margin-left: 0px;
    }
}
/*############### Contact ###############*/

#contact-header-wrapper {
    background: url(../images/contact/Karte_2x_01.jpg) no-repeat;
    background-size: cover;
    min-height: 600px;
    background-position: 100%;
}
.font_dark_grey {
    color: #47484A;
}
#contact-header-wrapper {
    position: relative;
}
.map_marker {
    background: url(../images/contact/marker.svg) no-repeat;
    background-size: cover;
    height: 90px;
    width: 90px;
    position: absolute;
    right: 30%;
    top: 60%;
}
.gap-top-0 {
    margin-top: 0px
}
.gap-top-10 {
    margin-top: 10px
}
.gap-top-20 {
    margin-top: 20px
}
.gap-top-30 {
    margin-top: 30px
}
.gap-top-40 {
    margin-top: 40px
}
.gap-top-50 {
    margin-top: 50px
}
.gap-top-60 {
    margin-top: 60px
}
.gap-right-0 {
    margin-right: 0px
}
.gap-right-10 {
    margin-right: 10px
}
.gap-right-20 {
    margin-right: 20px
}
.gap-right-30 {
    margin-right: 30px
}
.gap-right-40 {
    margin-right: 40px
}
.gap-right-50 {
    margin-right: 50px
}
.gap-right-60 {
    margin-right: 60px
}
.gap-bottom-0 {
    margin-bottom: 0px
}
.gap-bottom-10 {
    margin-bottom: 10px
}
.gap-bottom-20 {
    margin-bottom: 20px
}
.gap-bottom-30 {
    margin-bottom: 30px
}
.gap-bottom-40 {
    margin-bottom: 40px
}
.gap-bottom-50 {
    margin-bottom: 50px
}
.gap-bottom-60 {
    margin-bottom: 60px
}
.gap-left-0 {
    margin-left: 0px
}
.gap-left-10 {
    margin-left: 10px
}
.gap-left-20 {
    margin-left: 20px
}
.gap-left-30 {
    margin-left: 30px
}
.gap-left-40 {
    margin-left: 40px
}
.gap-left-50 {
    margin-left: 50px
}
.gap-left-60 {
    margin-left: 60px
}
.space-top-0 {
    padding-top: 0px
}
.space-top-10 {
    padding-top: 10px
}
.space-top-20 {
    padding-top: 20px
}
.space-top-30 {
    padding-top: 30px
}
.space-top-40 {
    padding-top: 40px
}
.space-top-50 {
    padding-top: 50px
}
.space-top-60 {
    padding-top: 60px
}
.space-right-0 {
    padding-right: 0px
}
.space-right-10 {
    padding-right: 10px
}
.space-right-20 {
    padding-right: 20px
}
.space-right-30 {
    padding-right: 30px
}
.space-right-40 {
    padding-right: 40px
}
.space-right-50 {
    padding-right: 50px
}
.space-right-60 {
    padding-right: 60px
}
.space-bottom-0 {
    padding-bottom: 0px
}
.space-bottom-10 {
    padding-bottom: 10px
}
.space-bottom-20 {
    padding-bottom: 20px
}
.space-bottom-30 {
    padding-bottom: 30px
}
.space-bottom-40 {
    padding-bottom: 40px
}
.space-bottom-50 {
    padding-bottom: 50px
}
.space-bottom-60 {
    padding-bottom: 60px
}
.space-left-0 {
    padding-left: 0px
}
.space-left-10 {
    padding-left: 10px
}
.space-left-20 {
    padding-left: 20px
}
.space-left-30 {
    padding-left: 30px
}
.space-left-40 {
    padding-left: 40px
}
.space-left-50 {
    padding-left: 50px
}
.space-left-60 {
    padding-left: 60px
}
.space-50 {
    padding: 50px
}
.center_text {
    text-align: center;
}
.padding-0 {
    padding: 0;
}
.padding-30 {
    padding: 30px;
}
.margins--30 {
    margin: 0 -30px;
}
@media (max-width: 450px) {
    #demo-registration-wrapper h1 {
        font-size: 28px !important;
        padding-top: 40px;
        line-height: 50px;
    }
}
@media (min-width: 768px) {
    .kunden_slider_home .col-md-2,
    {
        width: 20%;
		float: left;
    }

	.hhr_family_growing .col-md-5th
	{
        width: 20%;
		float: left;
		padding:0 15px;
    }


}
@media (max-width: 767px) {
    .side-space {
        padding-left: 20px;
        padding-right: 20px;
    }
    .hhr-landing-navbar .navbar-brand {
        height: 35px;
        width: 53px;
        background: url(../images/logo-blue.svg) no-repeat left center;
        background-size: cover;
        margin: 8px 0 0px 20px;
    }
    .kunden_slider_home .col-md-2:nth-child(5) {
        display: none !important;
    }
    .demo_datum .bold_30 {
        font-size: 20px;
    }
    #home_demo_anfordern .slick-slide_ {
        margin: 0 35px 0 21px;
    }
    .regular_13.text_hellgrau {
        padding-bottom: 30px;
    }
    #home_sicherheit_schutz img {
        max-width: 80%;
        height: initial;
        max-height: 120px;
    }
}
@media (min-width: 878px) {
    .pull-30-footer_ {
        margin-left: 0px;
    }
}
@media (max-width: 991px) {
    body {
        padding-top: 40px;
    }
    #features svg.slick-arrow {
        width: 30px !important;
        top: 4%;
    }
    #home_partner-wrapper svg.slick-arrow {
        width: 20px !important;
        z-index: 1000;
    }
    .partner_slider_home .slick-slide {
        margin: 0 20px;
    }
    .partner_slider_home svg.arrow-next.slick-arrow {
        right: -30px;
        top: 30%;
    }
    .partner_slider_home svg.arrow-prev.slick-arrow {
        left: -30px;
        top: 30%;
    }
    .demo-request div {
        margin: 0;
        padding: 0;
    }
    .demo-request .svg-icon-input {
        top: 5px;
        left: 0px;
    }
    .demo-request.demo-registration-form__content {
        padding-top: 25px;
        padding-left: 0px;
    }
    input#registration_email_1 {
        margin: 2px 0px 30px;
    }
    #home_sicherheit_schutz {
        padding: 20px 15px;
    }
    .sicherheit_schutz_text.section_text_small {
        margin: 0 0 20px;
    }
    .demo_anfordern_text {
        padding: 20px 0px 40px 0;
    }
    .theme-blue input {
        width: 100% !important;
    }
    #demo-registration-wrapper {
        background-image: none;
    }
    #demo-registration-wrapper .col-md-8 {
        background: url('https://images.ctfassets.net/fvm7t7mszy3m/1rcqXZayuYiSoGGOS4UcCG/59f01d5b19a2cc1ae27ee733b936a199/header_DPF2.jpg?fm=jpg&q=80') no-repeat;
        background-size: cover;
        background-position: 85%;
        min-height: 300px;
        z-index: 101;
    }
    #demo-registration-wrapper .mobile-view-bg {
        background-size: cover;
        background-position: 85%;
        min-height: 300px;
        z-index: 101;
    }
    #nbspage #demo-registration-wrapper .col-md-8{
        background: url('https://images.ctfassets.net/fvm7t7mszy3m/6C9Se6NfAQOM0sa8Om8CAW/c9d9fcd08b86077b9c8feb2fbbf74206/HeaderDeutscheBank_v3.jpg?w=1400&fm=jpg&q=80') no-repeat;
        background-size: cover;
        background-position: 85%;
        min-height: 300px;
        z-index: 101;
    }
    #demo-registration-wrapper h1 {
        font-size: 32px;
        padding-top: 40px;
        line-height: 50px;
    }
    .one-click {
        font-size: 30px;
        margin-top: 0px;
    }
    .gap-form-top {
        height: 0px;
    }
    #demo-registration-wrapper,
    .demo-registration-form-home {
        min-height: 420px;
    }
    .demo-registration-form-home__content7 {
        position: relative;
    }
    .demo-form_container {
        position: absolute;
        bottom: 140px;
        width: calc(100% - 60px);
        z-index: 100;
    }
    #demo-registration-wrapper .col-md-4 {
        padding: 0;
    }
    #demo-registration-wrapper input {
        /* width: calc(100% - 60px);*/

        width: calc(100%);
    }
    #features h3.regular_20 {
        color: #0C4579;
        font-size: 32px;
        text-align: center;
        line-height: 56px;
    }
    .features_text-description {
        font-size: 20px;
        line-height: 40px;
        color: #4D4C4C;
    }
    .home_features_slider {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    #home_carousel-wrapper {
        background-position: 85%;
    }
    #home_demo_anfordern {
        padding: 30px 0;
    }
    .demo_anfordern_image img {
        padding: 45px;
    }
    .demo_anfordern_image_title {
        top: 70%;
        left: 2%;
        width: 60%;
    }
    .bg_orange {
        background: #FCD15B;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .col-xs-push-6 .footer-gap-top,
    .col-xs-push-6 p.uppercase.bold.empty {
        display: none;
    }
    .features_slider .slick-dots,
    .hidden-medium {
        display: none !important;
    }
    .feature_content {
        padding-left: 0px;
    }
    .features_slider .slick-arrow {
        display: block !important;
        z-index: 1000;
    }
    .slide_title_name {
        display: initial;
    }
    .tabs-intro-text h3 {
        display: block;
        color: #004C80;
        font-size: 30px;
        font-family: open_sanssemibold;
        padding: 15px 0;
        text-align: center;
    }
    #features svg.arrow-prev.slick-arrow {
        position: absolute;
        left: 0;
        top: -7%;
    }
    #features svg.arrow-next.slick-arrow {
        position: absolute;
        right: 0;
        top: -7%;
    }
    .kunden_slider_home .slick-slide {
        margin: 0 20px;
    }
    #demo-registration-wrapper {
        z-index: 1000;
    }
    .carousel_center_home .slick-slide .home_carousel_bullet {
        display: none;
    }
    .carousel_center_home .slick-slide .home_carousel_bullet,
    .carousel_center_home .slick-slide .home_carousel_bullet h3 {
        width: 100%
    }
    .partner_slider_home {
        width: 75%;
        margin: 0 auto;
    }
}
.mobil-show {
    display: none;
}
@media (max-width: 1199px) {
    footer .form-group {
        height: 40px;
    }
    footer .form-control {
        width: 100%;
    }
    .bg_orange {
        background: #FEB901;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .col-xs-push-6 .footer-gap-top,
    .col-xs-push-6 p.uppercase.bold.empty {
        display: none;
    }
    footer .button-orange {
        margin-left: 0;
        width: 100%;
    }
    .space_left {
        margin-left: -30px;
    }
    .footer_social__links {
        padding: 40px 0 30px;
        text-align: center;
    }
    .svg-icon-footer {
        width: 50px;
    }
    a.social-link {
        margin-right: 25px;
        margin-left: 25px;
    }
    .demo_form_footer div[class*="col-"],
    .pull-30-footer padding-0 {
        padding: 0;
    }
}
@media (min-width: 1200px) and (max-width: 1279px) {
    input.button-orange.button-demo.semibold_13 {
        width: 55%;
        margin-left: 0;
    }
    footer .form-group {
        position: initial;
        height: 40px;
        margin-top: 15px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    h3.one-click {
        font-size: 33px !important;
        line-height: 43px !important;
    }
    h3.one-click.nbs {
        font-size: 30px !important;
        line-height: 43px !important;
    }
}
@media (max-width: 878px) {
    .mobil-show {
        display: block;
        text-align: left;
        padding: 20px 15px 20px;
    }
    .col-xs-12.mobil-show a {
        color: #999;
    }
    .col-xs-12.mobil-show a.active {
        color: #004D80;
        font-family: open_sanssemibold;
    }
    .navbar-nav {
        padding-left: 15px;
    }
    .navbar-fixed-top {
        z-index: 1201;
    }
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-collapse.collapse,
    .nice-select {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .language-switch_and_start.pull-right {
        float: none !important;
        width: calc(100% - 30px);
    }
    .language-switch_and_start a {
        margin: 10px 15px 0 15px;
    }
    .language-switch_and_start a.button-blue {
        box-shadow: 0px 0px 2px #ccc;
    }
}
@media (max-width: 600px) {
    .demo-registration__text {
        font-size: 30px;
        line-height: 45px;
    }
}
/*########## fonts ############*/

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.woff2') format('woff2'), url('../fonts/opensans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/opensans-light-webfont.woff2') format('woff2'), url('../fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.woff2') format('woff2'), url('../fonts/opensans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/opensans-semibold-webfont.woff2') format('woff2'), url('../fonts/opensans-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.gap-40v {
    margin-top: 40px;
}
@media (max-width: 991px) {
    .onecol-gap-40v {
        margin-top: 40px;
    }
}
@media (min-width: 1201px) {
    .row-30-40 {
        margin-left: -20px;
        margin-right: -20px;
        clear: both;
    }
    .col-md-30,
    .col-md-40 {
        float: left;
        padding-left: 20px;
        padding-right: 20px;
    }
    .col-md-40 {
        width: 37.50%;
        position: relative;
        min-height: 1px;
    }
    .col-md-30 {
        width: 31.25%;
        position: relative;
        min-height: 1px;
    }
    .col-md-pull-70 {
        right: 68.75%;
    }
    .col-md-push-70 {
        left: 68.75%;
    }
    .col-small {
        height: 220px;
    }
    .col-large {
        height: 260px;
    }
}
@media (max-width: 1199px) {
    #testen_anfordern {
        padding: 0;
    }
    .padding-40-20-0 {
        padding: 0px 0;
        margin: 0px 0;
    }
    .col-small {
        height: auto;
    }
    .col-large {
        height: auto;
    }
    #features_boxes .col-sm-12 {
        padding-right: 0;
        padding-left: 0;
    }
    #features_boxes .row {
        margin: 0;
    }
    .feature-box-links {
        position: initial;
    }
    .gap-40v {
        margin-top: 00px;
    }
    .feature-short-text {
        padding: 20px 0;
    }
    .features_overview_header__title {
        font-size: 32px;
    }
    .divider_oder span {
        background: #fff;
        padding: 15px;
    }
    .button-white-blue {
        color: #044F81;
        border: 1px solid #044F81;
        min-width: 280px;
    }
    table.testen_oder_anfordern td {
        height: 100px;
        text-align: center;
    }
    .testen_oder_anfordern td.align-bottom {
        vertical-align: middle;
    }
    table.testen_oder_anfordern {
        width: 100%;
    }
    .col-lg-2.col-divider {
        width: 100% !important;
        text-align: center;
        position: initial;
        top: 38%;
        z-index: 1000;
        position: relative;
    }
    #testen_anfordern .col-lg-2.col-divider:before {
        content: '';
        border-bottom: 1px solid #8D8D8D !important;
        border-left: none;
        position: absolute;
        display: block;
        width: 60%;
        top: -150px;
        left: 0;
        margin: 0 20%;
    }
}
@media (max-width: 540px) {
    .form-group-email {
        width: 100%
    }
    .submit-blue-theme {
        float: none;
    }
    .submit-blue-theme input {
        margin-left: 0;
        width: 100%;
        clear: both;
    }
    .demo-request {
        height: auto;
    }
}
@media (max-width: 767px) {
    .tabs_features_navi {
        display: none;
    }
    .language-switch_and_start.pull-right a.hhr-button {
        width: 100% !important;
    }
    .demo_form_footer {
        padding: 20px 0 0 0;
    }
    .container {
        padding-right: 0px;
        padding-left: 0px;
    }
    .row {
        margin-left: 0;
        margin-right: 0;
    }
    .row > div[class*="col-"] > .row > div[class*="col-"] {
        padding: 0;
    }
}
.form-control:focus,
footer input {
    outline: none !important;
    border-color: #CCCCCC;
}
input.button-orange {
    outline: none !important;
}
.clearfix:before,
.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}
.clearfix {
    zoom: 1;
}
/* IE < 8 */

.thick-section h1 {
    color: #004D80;
    font-family: open_sanssemibold;
    font-size: 20px;
}
.font-dark-blue h3,
section.thick-section a {
    color: #004D80;
}
.thick-section h3 {
    font-family: open_sanssemibold;
    font-size: 20px;
    margin-top: 0;
}
.blank-list ol,
#datenschutz ol,
#agb ol {
    list-style-type: none;
    padding-left: 0;
}
.font-gray {
    color: #999;
}
section.thick-section {
    padding: 30px 0 30px 0 !important;
}
@media (min-width: 992px) {
    .text-md-left {
        text-align: left
    }
    .text-md-right {
        text-align: right
    }
    .text-md-center {
        text-align: center
    }
    .text-md-justify {
        text-align: justify
    }
}
@media (min-width: 1200px) {
    .text-lg-left {
        text-align: left
    }
    .text-lg-right {
        text-align: right
    }
    .text-lg-center {
        text-align: center
    }
    .text-lg-justify {
        text-align: justify
    }
}
@media (min-width: 1370px) {
    .container {
        width: 1280px;
    }
}
.footer_lang li.active {
    font-family: open_sansbold;
}
.footer_lang li {
    position: relative;
    font-family: open_sanssemibold;
}
.footer_lang li:after {
    content: '|';
    position: absolute;
    top: -1px;
    left: -14px;
}
.footer_lang li:first-child::after {
    content: '';
}
#datenschutz li,
#agb li {
    margin-bottom: 20px;
}
ul.footer_lang.active_de .fr {
    display: none !important;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.slider-nav svg.slick-arrow {
    width: 24px;
    top: calc(50% - 19px);
	z-index: 900;
}
footer .form-group {
    position: initial;
}
@media (max-width: 450px) {
    #navbar a.button_login_top {
        margin-left: 0;
        margin-top: 15px;
        display: block;
    }
}
@media (max-width: 500px) {
    a.social-link {
        margin-right: 15px;
        margin-left: 15px;
    }
}
.partner_slider_home svg polygon {
    fill: #999;
}
.partner_slider_home {
    text-align: center
}
.partner_slider_home .slick-slide img {
    display: initial;
}
@media (min-width: 878px) {
    .hidden-full {
        display: none;
    }
}
@media (min-width: 1200px) and (max-width: 1369px) {
    .tabs-intro-text {
        display: none !important;
    }
}
@media (max-width: 878px) {
    ul.nav.navbar-nav a {
        color: #999 !important;
    }
    ul.nav.navbar-nav ul.dropdown-menu {
        padding-left: 25px;
    }
    .visible-full,
    span.caret {
        display: none !important;
    }
    .hhr-landing-navbar .navbar-collapse.off-canvas {
        z-index: 2001;
        width: 400px !important;
        background: #fff;
        -webkit-box-shadow: -4px 0 29px rgba(0, 0, 0, 0.7);
        -moz-box-shadow: -4px 0 29px rgba(0, 0, 0, 0.7);
        box-shadow: -4px 0 29px rgba(0, 0, 0, 0.7);
        display: block;
        height: 100% !important;
        max-height: 100%;
        padding: 30px;
        position: fixed;
        right: -100%;
        top: 0;
        -webkit-transition: right 500ms;
        -moz-transition: right 500ms;
        -ms-transition: right 500ms;
        -o-transition: right 500ms;
        transition: right 500ms
    }
    @media (max-width: 1199px) {
        .hhr-landing-navbar .navbar-collapse.off-canvas {
            width: 50% !important
        }
    }
    @media (max-width: 767px) {
        .hhr-landing-navbar .navbar-collapse.off-canvas {
            width: 80% !important
        }
    }
    .hhr-landing-navbar .navbar-collapse.off-canvas.expanded {
        overflow-y: auto !important;
        right: 0
    }
    .hhr-landing-navbar .navbar-collapse.off-canvas.expanded ul {
        float: none !important;
        margin: 0
    }
    .hhr-landing-navbar .navbar-collapse.off-canvas.expanded ul li {
        float: none
    }
    .hhr-landing-navbar .navbar-collapse.off-canvas.expanded ul li a,
    .hhr-landing-navbar .navbar-collapse.off-canvas.expanded ul li span {
        background-color: transparent;
        color: #004473;
        font-size: 2.3vh;
        line-height: 1.3em;
        padding: 12px 0
    }
    @media (max-height: 600px) {
        .hhr-landing-navbar .navbar-collapse.off-canvas.expanded ul li a, .hhr-landing-navbar .navbar-collapse.off-canvas.expanded ul li span {
            font-size: 3vh;
            padding: 2vh 0
        }
    }
    .hhr-landing-navbar .navbar-collapse.off-canvas.expanded ul li a.hhr-landing-navbar__main-content__item__heading,
    .hhr-landing-navbar .navbar-collapse.off-canvas.expanded ul li span.hhr-landing-navbar__main-content__item__heading {
        display: inline-block;
        font-family: "open_sanssemibold";
        margin-bottom: 10px;
        padding-bottom: 0;
        text-transform: uppercase
    }
    .hhr-landing-navbar .navbar-collapse.off-canvas.expanded ul .button-login {
        float: none;
        margin: 0
    }
    .hhr-landing-navbar .navbar-collapse.off-canvas.expanded ul .button-login a {
        font-size: 2.3vh
    }
    @media (max-height: 600px) {
        .hhr-landing-navbar .navbar-collapse.off-canvas.expanded ul .button-login a {
            font-size: 3vh
        }
    }
    .hhr-landing-navbar .navbar-collapse.off-canvas.expanded ul.dropdown-menu {
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        display: block;
        float: none;
        margin-top: 0;
        position: static;
        width: auto
    }
    .hhr-landing-navbar .navbar-collapse.off-canvas.expanded ul.dropdown-menu li a {
        background-color: transparent;
        color: #004473;
        font-size: 1.84vh;
        padding: .975vh 0;
        white-space: normal
    }
    @media (max-height: 600px) {
        .hhr-landing-navbar .navbar-collapse.off-canvas.expanded ul.dropdown-menu li a {
            font-size: 3vh;
            padding: 1vh 0
        }
    }
    .hhr-landing-navbar .navbar-collapse.off-canvas.expanded ul.dropdown-menu li a.dropdown-header {
        font-size: 2.3vh;
        padding-top: 3vh;
        text-transform: uppercase
    }
    @media (max-height: 600px) {
        .hhr-landing-navbar .navbar-collapse.off-canvas.expanded ul.dropdown-menu li a.dropdown-header {
            font-size: 3vh;
            padding-top: 2vh
        }
    }
    .mobile-menu-cover {
        background: transparent;
        cursor: pointer;
        display: none;
        height: 100%;
        left: 0;
        -moz-opacity: 0;
        opacity: 0;
        position: fixed;
        top: 0;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -ms-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
        width: 100%
    }
    .mobile-menu-cover.in {
        display: block
    }
    #demo-registration-wrapper .col-md-8 {
        background-position: 45% !important;
    }
}
@media (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: -15px;
        margin-left: -15px;
    }
}
@media (max-width: 767px) {
    #demo-registration-wrapper .col-md-8 {
        height: 160px !important;
        min-height: 150px !important;
    }
    .demo-registration__privacy-text {
        text-indent: -9000px;
    }
    #demo-registration-wrapper h1 {
        padding-top: 30px !important;
        line-height: 35px;
        font-size: 28px;
    }
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.wrap-container {
  margin: 0 auto;
  overflow: hidden;
  margin-top: 50px;
}

.image-wrapper {
  display: flex;
  align-items: center;
  background-size: cover !important;
  background-position: 100% !important;
  color: #fff;
}

@media (min-height: 600px) {
  .image-wrapper {
    min-height: 400px;
  }
}

@media (min-height: 800px) {
  .image-wrapper {
    min-height: 600px;
  }
}

@media (min-height: 900px) {
  .image-wrapper {
    min-height: 800px;
  }
}

#error-404-wrapper {
    background: url(../images/error_404/hhr_error_404.jpg) no-repeat;
}

#password-wrapper {
    background: url(../images/hhr_password.jpg) no-repeat;
}

.hhr-error-number {
	font-size:170px;
	font-family: open_sanssemibold;

}

.error-404-img {
height: 126px;
    width: 196px;
    background: url(../images/logo-blue.svg) no-repeat left center;
    background-size: cover;
    margin: 8px 0 0px 10px;
    display: inline-block;
}

.error-404-buttons-container  {
	margin-left: -20px;
	}

@media (max-width: 550px) {
	.hhr-error-number {
	font-size:70px;

}
.error-404-buttons-container  {
	margin-left: 0px;
	}
.error-404-img {
    height: 60px;
    width: 90px;
    background: url(../images/logo-blue.svg) no-repeat left center;
    background-size: cover;
    margin: 8px 0 0px 10px;
    display: inline-block;
}

.error-404-buttons-container a {width:80% !important; margin-top:20px !important;margin-left:0px;}
}

a.button-blue.margin-0 {
    position: relative;
    z-index: 1100;
}
.hhr_family svg.slick-arrow {
    width: 24px;
    top: calc(50% - 27px);
    z-index: 900;
}


@media (max-width:767px) {
.hhr_family .col-md-2 img.img_growing {
	width:85% !important;
	display:inline-block;
}
.family_growing_image {
    text-align: center;
}

}

@media  (max-width:1199px) {
	#references-textboxes-wrapper .col-lg-6.col-md-12 {
		margin-bottom: 40px;
		background:#ECF4FC;
	}
	.references-textboxes-button {
		margin-bottom: 20px;
	}
	.references_teaser_image {
    margin-left: -40px;
}
	#references-textboxes-wrapper .col-md-3.col-lg-4.col-sm-12 {
    text-align: center;
	width:18%;
}
}
@media  (min-width:768px) and (max-width:991px) {
	#references-textboxes-wrapper .col-lg-6.col-md-12 {
		margin-bottom: 40px;
		background:#ECF4FC;
	}
	.references-textboxes-button {
		margin-bottom: 20px;
	}
	.references_teaser_image {
    margin-left: -40px;
}
	#references-textboxes-wrapper .col-md-3.col-lg-4.col-sm-12 {
    text-align: center;
	width:20%;
	}

	#references-textboxes-wrapper .col-md-9.col-lg-8.col-sm-12 {
		width:80%;
	}

}

@media  (max-width:767px) {

#references-textboxes-wrapper .col-md-3.col-lg-4.col-sm-12 {
    text-align: center;
	width:100%;
}

.same-height2 {
    display: block;
}
.references_teaser_image {
    margin-left: 0px;
	margin-top:-200px;
}
#references-textboxes-wrapper .col-lg-6.col-md-12 {
    margin-bottom: 40px;
	padding:0;
	border-top: 230px solid #fff;
}
#references-textboxes-wrapper .bg-blue-light2 {
background: url(../images/white_stripe.png) repeat-x;
}
#references-textboxes-wrapper .bg-blue-light2:hover {
    color: #A7A9AC;
	background: url(../images/white_stripe.png) repeat-x #ECF4FC;;
}
section#references-textboxes-wrapper {
    padding-top: 30px !important;
}
section#heavenhr_family_is_growing {
    padding-top: 0 !important;
    margin-top: -30px;
}
.hhr_family.slick-slider {
    margin:0 30px;
}
.hhr_family .slick-slide {
    padding:10px;
    text-align:center;
    margin-right:15px;
    margin-left:15px;
}
.hhr_family svg.arrow-prev {
    left:-15px;
}
.hhr_family svg.arrow-next {
    right:-15px;
}


}

.border-radius-3 {
  border-radius: 3px;
}

.border-radius-4 {
  border-radius: 4px;
}

.alert-danger {
  color: #a94442;
  border: 1px solid #a94442;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 5px;
}

.feature-landing-bg-blue {
    background-color: #ECF4FC;
}

.padding-35 {
    padding: 35px;
}