/* --------------------------------------------
TYPOGRAPHY
-------------------------------------------- */
/* main */
 /* #252f39 *//* 202A33 */
 /* #6E7481 */

 
  /* 8f9aac */ /* #8492a6 */

/* dark blue */
 /* 25283D *//* #242e38 */ /* #242F39 */

/* BLUE/OCEAN #235584 */

/* ocean */
 /* #317DC0 */
 
 
 

/* atlantis */
  /* #9abe28v */
 
 
 


/* mandarine */



/* forest */  /* ?? #5bba53 */
 
  /* #79A70A */ /* 85a433 */


/* berrs */
 
 


/* attention */
 

/* mouse */
 

 
 



/* silver */
 /* #BBBBBB */ 
 
 
  /* #deded */
 /* f6f6f6 */

/* snow */

 



@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,900');

body {
  overflow: hidden !important;
  overflow-y: auto !important;
  max-width: 100vw;
} 

h1 {
  font-size: 50px;
  line-height: 60px;
  font-weight: 600;
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}

h2 {
  font-size: 26px;
  line-height: 36px;
  font-weight: 600;
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}

h3 {
  font-size: 35px;
  line-height: 45px;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}

h4 {
  font-size: 20px;
  line-height: 32px;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  color: #8392a5;
}

h5 {
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
}

p {
  font-size: 18px;
  line-height: 32px;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  color:  #101D30;
}

p.text {
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  color: #8392a5;
}

a {
  color: inherit;
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
}

a.mehr-button {
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  color: #317DC1;
}
p.mehr-button {
  font-size: 18px;
  line-height: 32px;
  font-weight: 600;
  color: #317DC1;
}


h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
p a {
  font-size: inherit;
  line-height: inherit;
  margin: 0;
}

.form-columns-2 .form-group{
  margin-right: 15px !important;
}

strong {
  font-weight: 700;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

em {
  font-style: italic;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

ul,
ol {
  margin: 0 0 20px 0;
  padding: 0 0 0 20px;
}

ul>li {
  list-style: disc;
}

ol>li {
  list-style: decimal;
}

ul li,
ol li {
  font-size: 15px;
  line-height: inherit;
  font-weight: 600;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

ul li a,
ol li a {
  font-size: 13px;
  font-weight: 700;
}

a:hover,
a:focus {
  text-decoration: none;
  outline-offset: 0px;
  outline: transparent;
}

img,
input {
  border: 0 none;
  outline: 0 none;
}

p>img {
  float: left;
  margin: 0 10px 5px 0;
  height: auto;
  width: auto;
  max-width: 100%;
}

hr {
  height: 1px;
  background: #d1d1d1;
  margin: 0 0 20px 0;
  border: 0 none;
}

iframe {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: 20px;
  width: 100%;
}

table tr td {
  font-size: inherit;
  line-height: inherit;
  font-weight: normal;
  padding: 5px 10px 5px 0px;
  vertical-align: middle;
}

table tr th {
  font-size: inherit;
  line-height: inherit;
  font-weight: bold;
  padding: 5px 10px 5px 0px;
  vertical-align: middle;
}

.overflow-hidden {
  overflow-x: hidden;
}

iframe {
  border: none;
  width: 230px;
  height: 190px;
}

/* --------------------------------------------
submit message newsletter EN
----------------------------------------------*/
.submitted-message > p > strong {
  font-size: 50px;
  line-height: 60px;
  font-weight: 600;
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  color: #313D4D !important;
}


/* All HubSpot Forms
========================================================================== */

/* Form Field (selector for form field wrapper) */
.hs-form .hs-form-field {
  margin: 10px 0;
}

/* Descriptions (targets class applied to Help Text divs) */
.hs-form .hs-field-desc {
  border: none;
  font-size: 13px;
  margin-bottom: 10px;
}

/* Inputs (selectors for all inputs)  */
.hs-form input[type="text"],
.hs-form input[type="password"], 
.hs-form input[type="datetime"], 
.hs-form input[type="datetime-local"], 
.hs-form input[type="date"], 
.hs-form input[type="month"], 
.hs-form input[type="time"], 
.hs-form input[type="week"], 
.hs-form input[type="number"], 
.hs-form input[type="email"], 
.hs-form input[type="url"], 
.hs-form input[type="search"], 
.hs-form input[type="tel"], 
.hs-form input[type="color"],
.hs-form input[type="file"],
.hs-form textarea,
.hs-form select,
form input {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
  font-size: 14px;
  margin: 0 0 0px 0;
  padding: 9px 15px 9px 15px !important;
  border: 1px solid #8392a5;
  background: 0 none;
  outline: none;
  color: #202a33;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Inputs in focus (selectors for all inputs when clicked)  */
.hs-form input[type="text"]:focus,
.hs-form input[type="password"]:focus, 
.hs-form input[type="datetime"]:focus, 
.hs-form input[type="datetime-local"]:focus, 
.hs-form input[type="date"]:focus, 
.hs-form input[type="month"]:focus, 
.hs-form input[type="time"]:focus, 
.hs-form input[type="week"]:focus, 
.hs-form input[type="number"]:focus, 
.hs-form input[type="email"]:focus, 
.hs-form input[type="url"]:focus, 
.hs-form input[type="search"]:focus, 
.hs-form input[type="tel"]:focus, 
.hs-form input[type="color"]:focus,
.hs-form input[type="file"]:focus,
.hs-form textarea:focus,
.hs-form select:focus,
form input:focus {
  outline: 0;
  box-shadow: none;
  border-color: #8392a5;
}

/* Multi-line inputs (selectors to target multi-line fields */
.hs-form textarea {
  display: block;
  width: 100%;
  min-height: 150px;
  margin: 0 0 0px 0;
  padding: 9px 15px 9px 15px;
  resize: none;
  font-size: 14px;
  background: 0 none;
  border-radius: 4px;
  border: 1px solid #8392a5;
  outline: none;
  color: #202a33;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Dropdowns (selectors for dropdowns) */
.hs-form select {
  height: 40px;
}

/* Multi-select (selectors for multi-select fields) */
.hs-form form.hs-form .hs-form-field ul.inputs-list {}
.hs-form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs-form input[type="radio"] {}
.hs-form input[type="checkbox"] {}

/* Error message (selector for validation messages) */
.hs-form .hs-error-msgs {
  list-style: none;
  padding: 0 2px;
}

.hs-form .hs-error-msgs label {
  color: #ff0000;
  font-weight: bold;
  font-size: 12px;
}

.hs-form .hs-input.invalid.error {
  font-size: 14px !important;  
  margin-bottom: 0px; 
  border: 1px solid #8392a5;
  box-shadow: none; 
  color: #ff0000 !important;
}

/* Placeholder Text (styles the placeholder attribute text) */
::-webkit-input-placeholder { /* Webkit Browsers */}
:-moz-placeholder { /* Firefox 18- */}
::-moz-placeholder { /* Firefox 19+ */}
:-ms-input-placeholder { /* IE10 */}


.dsgvo .hs-form {
  display: flex;
  flex-direction: column;
  text-align: left;
  max-width: 600px;
}
.dsgvo .hs_submit {
  display: flex;
  padding: 20px 0px;
}

.dsgvo .hs-form input[type="submit"] {
  width: 150px;
  line-height: initial;
}

/* Submit buttons (selectors for all non-CTA buttons) 
========================================================================== */
body .hs-button.primary,
body input[type="submit"],
body input[type="button"],
body .hs-button.primary.blue-button,
body input[type="submit"].blue-button,
body input[type="button"].blue-button {  
 background-color:  !important;
  border: none;
  color: ;
  width: auto;
  padding: 5px 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 3px;
  font-size: 18px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: all linear 0.1s;
  display: inline-block;
  cursor: pointer;
  font-weight: 600;
}

body input[type="submit"].hs-blue-button {  
  width: 100%;
  background-color:  !important;
  height: 40px;
  font-weight: 700;
  border: none;
  color: ;
  display: flex;
  justify-content: center;
  margin-bottom: 0px;
  line-height: 22px;
  border-radius: 5px;
  font-size: 14px;
  box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: all linear 0.1s;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover,
body .blue-button:hover,
body .hs-button.primary.blue-button:hover,
body input[type="submit"].blue-button:hover,
body input[type="submit"].hs-blue-button:hover,
body input[type="button"].blue-button:hover {
  background-color: !important;
  color: ;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus,
body .blue-button:focus,
body .hs-button.primary.blue-button:focus,
body input[type="submit"].blue-button:focus,
body input[type="submit"].hs-blue-button:focus,
body input[type="button"].blue-button:focus {
  color: #FCFCFC;
}

body .blue-button,
body .hs-button.primary.blue-button,
body input[type="submit"].blue-button,
body input[type="submit"].hs-blue-button,
body input[type="button"].blue-button {
  color: #FCFCFC;
  background-color: #4E5461 !important;
  box-shadow: inset 0 -4px 0 0 rgba(43, 55, 70, 0.8);
}

body .blue-button:hover,
body .blue-button:focus,
body .blue-button:active,
body .hs-button.primary.blue-button:hover,
body input[type="submit"].blue-button:hover,
body input[type="button"].blue-button:hover,
body input[type="submit"].hs-blue-button:hover,
body .hs-button.primary.blue-button:focus,
body input[type="submit"].blue-button:focus,
body input[type="button"].blue-button:focus ,
body input[type="submit"].hs-blue-button:focus,
body .hs-button.primary.blue-button:active,
body input[type="submit"].hs-blue-button:active,
body input[type="submit"].blue-button:active,
body input[type="button"].blue-button:active  {
  background-color: #6E7481 !important;	
}

.hs-form,
form {
  width: 100%;
  display: block;
  height: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/* Labels (selects field labels and error messages) */
.hs-form label,
.hs-form .hs-form-field > label,
label {
  display: block;
  font-size: 18px;
  line-height: 16px;
  font-weight: normal;
  margin: 7px 0;
  padding: 0 2px;
  color: #313D4D;
  font-weight: bold;
  font-size: 13px;
}

.form-group {
  margin-bottom: 0px;
}

::-webkit-input-placeholder {
  color: #b2b2b2;
}

:-moz-placeholder {
  color: #b2b2b2;
  opacity: 1;
}

::-moz-placeholder {
  color: #b2b2b2;
  opacity: 1;
}

:ms-input-placeholder {
  color: #b2b2b2;
}

html {
  height: 100%;
}

#hs_cos_wrapper_module_1540829285555148 input[type="submit"] {
  background: #C9ED51;
}

body {
  color:  #101D30;
  font-size: 18px;
  background: #fff !important;
  font-family: 'Source Sans Pro', sans-serif !important;
}

.body-nav-open {
  overflow:hidden; 
}

@media print {
  body {
    width: 1200px;
  }
}

.max-width-img img{
  max-width: 100%;
}

body .footer-container .container .my-btn {
  font-size: 22px;
  border: 1px solid;
  padding: 0 40px;
  line-height: 48px;
}

.container-fluid {
  max-width: 1244px !important;
}

.container {
  max-width: 1050px !important;
}

.header-container.container-fluid,
.body-container.container-fluid, 
.footer-container.container-fluid{
  width: 100%;
  max-width: 100% !important;
  padding: 0; 
}

span.span-title {
  color: #8392a5;
  font-size: 13px;
  line-height: 35px;
  font-weight: 400;
  text-transform: uppercase;
}

.blue-text {
  color: #313D4D !important;
}

.white-text {
  color: #FCFCFC !important;
}
.long {
  font-size: 20px;
}

.blue-button {
  color: #FCFCFC;
  background-color: #4E5461;
  border: none;
  padding: 0px 59px 0px 59px;
  height: 40px;
  line-height: 40px;
  box-shadow: inset 0 -4px 0 0 rgba(43, 55, 70, 0.8);
  transition: all linear 0.1s;
  display: inline-block;
  font-size: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
  font-weight: 700;
}

.blue-button:hover,
.blue-button:focus,
.blue-button:active {
  background-color: #6E7481;
  color: #FCFCFC;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.content-section .bottom-line {
  content: "";
  background-color: #8392a5;
  width: 35px;
  height: 5px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
}

.home-page .content-section h1, 
.home-page .content-section h4{
  margin-bottom: 30px;
}

.home-page .content-section p{
  margin-top: 60px;
}

.white-color {
  color: #FFFFFF;
}

/* --------------------------------------------
Bug
-------------------------------------------- */

.container-fluid {
  padding-left: 30px;
  padding-right: 30px;
}

.container {
  padding-left: 30px;
  padding-right: 30px;
}

.row {
  margin-left: -30px;
  margin-right: -30px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12,.col-lg-12 {
  padding-left: 30px;
  padding-right: 30px;
}

.success-1 .header-wrapper {
  background-color: transparent !important;
  min-height: auto !important;
}

.header-wrapper {
  background-color: #313D4D;
}

/* --------------------------------------------
Banner
-------------------------------------------- */

#banner {
  position: relative;
}

#banner p {
  color: #FFFFFFf;
}

#banner .right-banner-img img {
  position: relative;
  z-index: 99;
  top: 20px;
}

.testen-button.full-width {
  width: 100%;
  padding: 0;
  border: none;
}

.testen-button {
  background-color:#C9ED51  !important;
  border: none;
  color: #101D30;
  width: auto;
  padding: 0px 50px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 5px;
  font-size: 15px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: all linear 0.1s;
  display: inline-block;
  cursor: pointer;
  font-weight: 700;
}

.testen-button:hover {
  background-color: #C9ED51!important;
  color:  #101D30;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}

.testen-button:focus{
  color:  #101D30;
}

#bottom-banner {
  background-color: #313D4D;
  position: relative;
  width: 100%;
}

#bottom-banner .svg-img-abs .banner-icon .iconi {
  position: absolute;
  display: inherit;
  margin: 0 auto;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0px 0px 30px rgba(000, 000, 000, 0.1);
  -webkit-box-shadow: 0px 0px 30px rgba(000, 000, 000, 0.1);
  -moz-box-shadow: 0px 0px 30px rgba(000, 000, 000, 0.1);
  left: 0px;
  right: 0px;
  max-width: 130px;
  max-height: 130px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  z-index: 888;
  bottom: 0px;
  transform: translateY(-50%);
  background: #fff;
  padding: 30px;
}

.home-page .bottom-bottom {
  background-color: #313D4D;
  position: relative;
  padding: 0px 0px 0px 0px;
  margin: 50px 0px 70px 0px;
}

.home-page .header-wrapper {
  background-color: #313D4D;
  float: left;
  width: 100%;
}

.home-page .stories-part {
  margin-top: -0px;
}

.home-page .stories-image  img{
  max-width: 404px;
}

@media only screen and (max-width: 768px) {
  .home-page .stories-image  img{
    max-width: 80%;
  }
}

.home-page .bottom-bottom .clients-logo ul {
  margin-bottom: 0px;
  padding: 0px;
  text-align: center;
}

.home-page .bottom-bottom .clients-logo ul li {
  display: inline-block;
}

.home-page .bottom-bottom .clients-logo .customer-logos {

  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-around;
}

.home-page .bottom-bottom .customer-logo-sm {
  width: 21%;
}

.home-page .bottom-bottom .customer-logo-l {
  width: 17%;
}

.home-page .bottom-bottom .customer-logo-m {
  width: 19%;
}

.home-page .bottom-bottom .customer-logo {
  width: 19%;
}

@media only screen and (max-width:768px) {
  .home-page .bottom-bottom .customer-logo-sm {
    width: 45%;
    padding-top: 25px;
  }
  .home-page .bottom-bottom .customer-logo, 
  .home-page .bottom-bottom .customer-logo-l{
    width: 27%;
  }	
  .home-page .bottom-bottom .customer-logo-m {
    width: 35%;
  }

}

.home-page .bottom-bottom .svg-img-abs img {
  position: absolute;
  top: 100%;
  width: 100%;
  transform: translateY(-3px);
}

#cookie-message {
  background-color: #F5F5F5;
  font-size: 14px;
  color: #8392a5;
  padding: 9px 0px;
  text-align: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 9999999;
  margin: 0 auto;
  box-shadow: 0px 0px 15px rgba(000, 000, 000, 0.1);
}

#cookie-message a {
  color: #313D4D;
  font-weight: 600;
  position: relative;
  text-decoration: underline;
}

#close-cookie-message {
  display: inline-block;
  cursor: pointer;
  height: 20px;
  width: 20px;
  margin: -15px 0 0 0;
  font-weight: bold;
}

#close-cookie-message::after {
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/x.svg) no-repeat;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 17px;
  height: 17px;
}

#close-cookie-message:hover {
  color: #FFFFFF;
}

#cookie-message p {
  font-size: 14px;
  margin-bottom: 0px;
}

a.cookie-message-ok {
  color: #313D4D;
  font-weight: 600;
  text-decoration: none !important;
  margin-left: 30px;
}

.video-banner {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  width: 100%;
}

.video-banner.home__header-background {
  background-image: url('https://cdn2.hubspot.net/hubfs/3847057/COYO%20Background%20Images%20/Home_BG.jpg');
  background-size: cover;
  background-repeat: no-repeat;
}

@media only screen and (min-width: 2200px) {
  .video-banner.home__header-background {
    background-position-y: 37%;
    padding-bottom: 45%;
  }  
}

/*.video-banner iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}*/

.video-banner .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(https://pages.coyoapp.com/hubfs/v3-images/pattern.png) repeat rgba(36, 47, 57, 0.9);
}

#bottom-banner ul {
  padding: 0px;
  margin: 0px;
  text-align: center;
}

#bottom-banner ul li {
  list-style: none;
  display: inline-block;
  padding: 0px 50px;
}

.home-page .left-header-section {
  margin-top: 30px;
}

.home-page .right-banner-img img{
  max-width: 100% !important;
}

.home-page .banner-content {
  position: absolute;
  bottom: 0px;
  z-index: 999;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.home-page .testen-button {
  margin-top: 20px;
}

.mobile-acc .panel-default>.panel-heading {
  color: #313D4D;
  background-color: #FFFFFF;
  border: none;
  border-radius: 0px;
  border-top: 1px solid #E6E6E6;
  padding: 0px;
}

.mobile-acc .panel-default>.panel-heading a {
  width: 100%;
  display: inline-block;
  padding: 20px 55px;
}

.mobile-acc .panel-default>.panel-heading a:after {
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/v3-images/icons/chevron-up.svg) no-repeat;
  right: 0px;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  float: right;
}

.mobile-acc .panel-default>.panel-heading a.collapsed::after{
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/v3-images/icons/chevron-down.svg) no-repeat;
  right: 0px;
  width: 25px;
  height: 25px;
  margin-right: 10px;
  float: right;
}

.mobile-acc .panel-default .tab-img img {
  margin-left: 0px;
}

.mobile-acc .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top: none;
  background: #F7F7F7;
  padding: 0px;
  display: flex;
  flex-direction: column-reverse;
}

.mobile-acc .panel-default>.panel-heading+.panel-collapse>.panel-body ul {
  padding: 0px;
}

.mobile-acc .panel-default>.panel-heading+.panel-collapse>.panel-body ul li {
  list-style: none;
  display: inline-block;
}

.mobile-acc .panel-group .panel+.panel {
  margin-top: 0px;
}

.mobile-acc .panel-group .panel {
  border: none;
}

.mobile-acc .panel {
  margin-bottom: 0;
  border-radius: 0px;
  border: none;
  box-shadow: none;
}

.mobile-acc .panel+.panel {
  margin-top: 0px;
}

/* --------------------------------------------
Home Page
-------------------------------------------- */

/* --------------------------------------------
Content
-------------------------------------------- */

#content {
  position: relative;
  background: #F5F5F5;
}

.gsc-overflow-hidden #content {
  z-index:99999;
}

span.bottom-line {
  background-color: #8392a5;
  width: 60px;
  height: 5px;
  content: "";
  position: absolute;
}

.inner-section-tab {
  background-color: #FFFFFF;
  padding: 57px 0px;
}

.home-page .inner-section-drop{
  display: none;
}

.partner .inner-section-drop{
  display: none;
}

.tab-container {
  text-align: center;  
}

.tab-container .nav-tabs {
  border-bottom: 3px solid #E6E6E6;
  position: relative;
  display: inline-block;
  margin: 0 auto;
  text-align: left;
}

.tab-container .nav-tabs>li {
  margin-bottom: 0;
  position: initial;
  padding-right: 56px;
}

.tab-container .nav-tabs>li:last-child {
  padding-right: 0 !important; 
}

.tab-container .nav-tabs>li>a {
  border: none;
  color: #313D4D;
  margin: 0;
  padding: 0px 0px 15px 0px;
  font-size: 15px;
  border-bottom: 3px solid transparent;
  margin-bottom: -3px;
  font-weight: 600;
}

.tab-container .tab-img img {
  margin-left: -70px;
}

.tab-container .nav-tabs>li>a:hover {
  background: transparent;
  border-color: #317DC1;
  transition: .3s;
}

.tab-container .nav-tabs>li.active>a {
  color: #313D4D;
  background: transparent;
}

.tab-container .nav-tabs>li.active>a,
.tab-container .nav-tabs>li.active>a:focus,
.tab-container .nav-tabs>li.active>a:hover {
  border-width: 0;
  transition: .3s;
  border-bottom: 3px solid #317DC1;
  font-weight: 700;
}

.tab-container .tab-content {
  padding: 15px 0px;
  text-align: left;
  padding-top: 80px;
}

.tab-container .tab-content h2 {
  color: #313D4D;
}

.tab-container .tab-content ul {
  padding: 0px;
  margin: 0px;
}

.tab-container .tab-content ul li {
  list-style: none;
  display: inline-block;
}

.testen-section {
  background: url(https://pages.coyoapp.com/hubfs/v3-images/pattern.png) repeat ;
  background-color: #252f39 ;
  text-align: center;
  position: relative;
}

.testen-section h1,
.testen-section h4 {
  color: #FCFCFC;
}

.testen-section img {
  max-width: 80px;
  width: 100%;
  height: auto;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 99;
}

.testen-section .middle-testen {
  padding-top: 100px;
  padding-bottom: 100px;
}

.home-page .stories-section {
  padding: 80px 0px 200px 0px;
}

.stories-section {
  background-color: #313D4D;
  position: relative;
  padding: 20px 0px 50px 0px;
}

.center-element {
  display: flex;
  align-items: center;
}

.stories-part h2 {
  color: #FCFCFC;
  margin: 25px 0px;
  display: inline-block;
}

.stories-part .mehr-button {
  color: #317DC1;
  font-weight: 700;
}

.stories-part ul {
  padding: 0px;
  margin: 0px;
  margin-top: 20px;
}

.stories-part ul li {
  list-style: none;
  display: inline-block;
  padding: 0px 25px 0px 0px;
}

.inner-holder {
  width: 100%;
  display: inline-block;
  text-align: center;
}

.inner-holder .main-box {
  display: inline-block;
  float: none;
  vertical-align: text-top;
}

.content-section h6 {
  color: #313D4D;
  font-weight: 400;
  font-size: 20px;
}

/*Success Stories Page*/

.success-stories .header-wrapper {
  background-color: #313D4D;
  float: left;
  width: 100%;
}

.banneri-1 {
  display: grid;
}

.home-page .stories-section {
  position: relative;
}

.banner_2 {
  background-color: #313D4D;
}

.success-stories-page .bottom-line {
  width: 30px;
}

.success-stories-page .filter-sort {
  text-align: right;
}

.success-stories-page .filter-sort>ul>li {
  display: inline-block;
}

.success-stories-page .story-box {
  background-color: #FFFFFF;
  -moz-box-shadow: 0px 0px 30px rgba(000, 000, 000, 0.1);
  -webkit-box-shadow: 0px 0px 30px rgba(000, 000, 000, 0.1);
  box-shadow: 0px 0px 30px rgba(000, 000, 000, 0.1);
  height: 640px;
}

.partner-bottom-section .story-box  {
  height: auto;
}

.success-stories-page .story-box-img {
  overflow: hidden;
  max-height: 180px;
  height: 100%;
  width: 100%;
}

.success-stories-page .story-box-img img {
  filter: blur(3px);
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  margin: 0px 0px 0px 0px;
}

.success-stories-page .content-story-img {
  position: relative;
  width: 100%;
}

.success-stories-page .content-story-img img {
  position: absolute;
  top: -70px;
  display: inherit;
  margin: 0 auto;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0px 4px 7px #ddd;
  left: 0px;
  right: 0px;
  max-width: 130px;
  max-height: 130px;
  padding: 25px;
  background: #FFFFFF;
}

*::-ms-backdrop, .success-stories-page .content-story-img img {
  display: none;
}

.success-stories-page .content-text {
  padding: 100px 50px 50px 50px;
}

.success-stories-page .content-text h2 {
  font-size: 35px;
  line-height: 60px;
}

/* --------------------------------------------
Single Success Storie
-------------------------------------------- */

.jobs .bottom-bg {
  height: 660px;
  overflow: hidden;
}

.jobs .top-banner {
  height: auto;
}

.single-storie .bottom-bg {
  height: 600px;
}

.single-storie .svg-img-abs .iconi img {
  margin: 0 auto;
  height: 120px;
  width: 120px;
  padding: 20px;
}

.software .bottom-bg {
  height: 650px;
}

.funktionskatalog .bottom-bg {
  height: 670px;
}

.funk-search .input-group {
  position: relative;
  left: -20px;
}

.footer-container-wrapper .funktionskatalog-footer{
  margin-top: 150px !important;
  display: inline-block;
  width: 100%;
}

.bottom-bg {
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  text-align: center;
  width: 100%;
  background-size: cover;
  height: 650px;
}

#bottom-banner:before {
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/v3-images/pattern.png) repeat rgba(36, 47, 57, 0.9);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
}

.svg-img-abs>img {
  position: absolute;
  bottom: -3px;
  z-index: 99;
  width: 100%;
  left: 0;
}

.svg-img>img {
  z-index: 99;
  width: 100%;
  left: 0;
  transform: translateY(5px);
}

.shadow {
  -webkit-filter: drop-shadow(0px -10mm 5mm rgb(000, 000, 000, 0.15));
  filter: drop-shadow(0px -10mm 5mm rgb(000, 000, 000, 0.15));
  margin-bottom: -10px;
}

.w-shadow {
  margin-bottom: -10px;
}

.single-storie .icon-section img {
  max-width: 59px;
  margin-bottom: 30px;
}

.single-storie .icon-section h4 {
  margin-bottom: 10px;
}

.single-storie .icon-section h2 {
  font-weight: 900;
}

.single-storie .bottom-section::after {
  content: "";
  background-image: url(https://pages.coyoapp.com/hubfs/v3-images/pattern.png);
  background-repeat: repeat;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

.single-storie .white-box-single {
  background-color: #FFFFFF;
  padding: 80px 90px;
  text-align: left;
  display: inline-flex;
}

.single-storie .white-box-single ul {
  padding: 0px;
  margin: 0px;
  margin-top: 70px;
}

.single-storie .white-box-single ul li {
  display: inline-flex;
  font-weight: 400;
  padding-bottom: 50px;
  color: #8392a5;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 0px;
}

.single-storie .white-box-single ul li img {
  margin-right: 20px;
  width: 45px;
  height: auto;
}

.single-storie .under-bottom-section {
  position: relative;
  padding-bottom: 80px;
}

.single-storie .under-bottom-section .losung-section h2,
.single-storie .under-bottom-section .losung-section p {
  color: #313D4D;
}

.single-storie .success-stories-slider {
  background-color: #313D4D;
  position: relative;
  width: 100%;
  padding-bottom: 50px;
}

.single-storie .success-stories-slider .single-slide {
  background: #FFFFFF;
  padding: 50px 30px 30px 30px;
  text-align: center;
  position: relative;
}

.single-storie .success-stories-slider .single-slide h4::before {
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/v3-images/icons/quotation-marks.svg) no-repeat;
  position: absolute;
  top: 25px;
  left: 15%;
  width: 30px;
  height: 30px;
}

.single-storie .success-stories-slider .single-slide img {
  border-radius: 100%;
  max-width: 150px;
  width: 100%;
  margin: 30px 0px;
  display: inline-block;
}

.single-storie .success-stories-slider .single-slide .name-team {
  font-weight: 700;
  margin-bottom: 0px;
}
.slick-prev, .slick-next {
  display: none !important;
}

.single-storie .success-stories-slider a{
  position: relative;
}

.single-storie .success-stories-slider a::before {
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/v3-images/icons/arrow-left-blue.svg) no-repeat;
  position: absolute;
  top: 0px;
  left: -40px;
  width: 25px;
  height: 25px;
}

.single-storie .success-stories-slider a img{
  width: 25px;
  margin-right: 10px;
}

.slick-next:before {
  content: "";
}

.slick-next img {
  content: '';
  color: #3d6996;
  font-weight: 700;
  margin-left: 15px;
  margin-right: 15px;
  width: 17px;
}

.pagination {
  text-align: left;
  padding: 0px 50px;
}

.pagination ul {
  padding: 0px;
  margin-bottom: 0px;
}

.pagination ul li {
  list-style: none;
}

.pagination ul li a {
  font-size: 15px;
  color: #317DC1;
}

.pagination ul li a i {
  padding-right: 10px;
  padding-left: 10px;
}

.pagination>li>a,
.pagination>li>span {
  background-color: transparent !important;
  border: none !important;
  padding: 0px;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
  background-color: transparent !important;
  border: none !important;
}

.page-item .class-link img {
  width: 20px;
  margin: 0px 10px;
}

.social-share-icon {
  position: fixed;
  top: 50%;
  right: 0px;
  z-index: 123;
  display: flex;
  width: auto;
}

.social-share-icon a img {
  max-width: 25px;
}

.social-share-icon a {
  text-decoration: none;
  color: #212121;
  margin: -3px;
  height: 70px;
  width: 45px;
  border-radius: 0px;
  display: inline-block;
  background-color: #FFFFFF;
  line-height: 70px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.social-share-icon .shares-icons {
  display: inline-block;
  padding-right: 75px;
}

.social-share-icon > .shares-icons > a {
  display: inline-block;
}

.social-share-icon .a {
  width: 75px;
  height: 70px;
  position: absolute;
  right: 0px;
  outline: #9BBF29 solid 1px;
}

.social-share-icon .a:hover {
  outline: none;
}

.social-share-icon a i {
  line-height: inherit;
}

.social-share-icon .shares-icons {
  transform: translateX(245px);
  transition: all ease-in-out 600ms;
  opacity: 0;
}

.social-share-icon:hover .shares-icons {
  transform: translateX(0);
  transition: all ease-in-out 600ms;
  opacity: 1;
}

@media only screen and (max-width: 768px) {
  .social-share-icon {
    top: 20%;
  }
  
  .social-share-icon .shares-icons {
    padding-right: 40px;
  }
  
  .social-share-icon .a {
    width: 40px;
    height: 45px;
    background: transparent;
    outline: none;
  }
  
  .social-share-icon a {
    width: 40px;
    height: 45px;
    line-height: 45px;
  }    
}


.gsc-results-wrapper-overlay{
  height: 80% !important;
  width: 50% !important;
}

/* --------------------------------------------
Anwendungsfall (Use Case)
-------------------------------------------- */

.anwendungsfall .uc-first-p p {
  text-align: center;
}

.page-icon {
  position: absolute;
  bottom: 0px;
  z-index: 8888;
  left: 0;
  right: 0;
}

.anwendungsfall span.bottom-line {
  margin: 0 auto;
  left: 0;
  right: 0;
}

.second-section-anw {
  background-color: #313D4D;
  position: relative;
  width: 100%;
}

#cloud .second-section-anw {
  background-color: #202a33;
  padding-top: 50px;
}

.third-section-anw {
  box-shadow: 2px 0px 60px rgba(000, 000, 000, 0.7);
  position: relative;
  z-index: 999;
  top: 0px;
  background: #F5F5F5;
  padding-top: 150px;
}

.third-section-anw.third-section-anw-dark {
  background: #313D4D;
  box-shadow: none;
}

*::-ms-backdrop,
.anwendungsfall .top-section-anw img,
.anwendungsfall .second-section-anw img,
.anwendungsfall .second-section-anw .use-case-img img,
.anwendungsfall .third-section-anw .use-case-img img, 
.anwendungsfall .fourth-section-anw .use-case-img img {
  height: 526px;
  width: 400px;
}

.anwendungsfall .top-section-anw .col-sm-4 .use-case-img img,
.anwendungsfall .second-section-anw .col-sm-4 .use-case-img img,
.anwendungsfall .second-section-anw .use-case-img .col-sm-4 .use-case-img img,
.anwendungsfall .third-section-anw .use-case-img .col-sm-4 .use-case-img img, 
.anwendungsfall .fourth-section-anw  .section-reverse .col-sm-4 .use-case-img img {
  height: 545px;
  width: 400px;
}

.anwendungsfall .top-section-anw img {
  position: relative;
  top: 5px;
}

.top-section-anw .container .row .col-sm-4,
.top-section-anw-dark .container .row .col-sm-4,
.second-section-anw .container .row .col-sm-4, 
.second-section-anw-dark .container .row .col-sm-4,
.third-section-anw .container .row .col-sm-4, 
.third-section-anw-dark .container .row .col-sm-4, 
.fourth-section-anw .container .row .col-sm-4, 
.fourth-section-anw-dark .container .row .col-sm-4 {
  height: 520px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.top-section-anw .container .row .col-sm-4,
.top-section-anw-dark .container .row .col-sm-4,
.second-section-anw .container .row .col-sm-4, 
.second-section-anw-dark .container .row .col-sm-4 {
  margin-top: 100px;
}

.top-section-anw  {
  position: relative;
  z-index: 999;
  top: 0px;
}

.top-section-anw.top-section-anw-dark {
  background: #313D4D;
  box-shadow: none;
}

.fourth-section-anw {
  background-color: #313D4D;
  position: relative;
  top: 0px;
  z-index: 999;
  padding-top: 150px;
}

.fourth-section-anw-bottom {
  background-color: #FCFCFC;
  position: relative;
  top: 0px;
  z-index: 999;
}

.fourth-section-anw .img-under {
  position: absolute;
  top: 100%;
  z-index: -1;
}

.anwendungsfall .fourth-section-anw img {
  position: relative;
  top: 40px;
}

.top-section-anw .container .row .col-sm-4 .p1,
.top-section-anw-dark .container .row .col-sm-4 .p1,
.third-section-anw .container .row .col-sm-4 .p1, 
.third-section-anw-dark .container .row .col-sm-4 .p1,
.second-section-anw .container .row .col-sm-4 .p1, 
.second-section-anw-dark .container .row .col-sm-4 .p1,
.fourth-section-anw .container .row .col-sm-4 .p1, 
.fourth-section-anw-dark .container .row .col-sm-4 .p1{
  min-width: 250px;
}

@media only screen and (max-width: 768px) {

  .top-section-anw,
  .top-section-anw-dark,
  .third-section-anw, 
  .third-section-anw-dark,
  .second-section-anw, 
  .second-section-anw-dark,
  .fourth-section-anw, 
  .fourth-section-anw-dark {
    padding-top: 50px;
  }

  .top-section-anw .container .row .col-sm-4,
  .top-section-anw-dark .container .row .col-sm-4,
  .third-section-anw .container .row .col-sm-4, 
  .third-section-anw-dark .container .row .col-sm-4,
  .second-section-anw .container .row .col-sm-4, 
  .second-section-anw-dark .container .row .col-sm-4,
  .fourth-section-anw .container .row .col-sm-4, 
  .fourth-section-anw-dark .container .row .col-sm-4 {
    height: auto;
    padding: 20px 20px 0px 20px;
    margin-top: 0px;
    margin-top: 0px;
  }
  .fourth-section-anw .container .row .col-sm-4, 
  .fourth-section-anw-dark .container .row .col-sm-4 {
    padding: 20px 20px 20px 20px;
  }
  .fourth-section-anw .container .row .col-sm-4 .p1, 
  .fourth-section-anw-dark .container .row .col-sm-4 .p1 {
    width: 100%;
  }

  .top-section-anw .container .section-reverse ,
  .top-section-anw-dark .container .section-reverse ,
  .third-section-anw .container .section-reverse , 
  .third-section-anw-dark .container .section-reverse ,
  .second-section-anw .container .section-reverse , 
  .second-section-anw-dark .container .section-reverse ,
  .fourth-section-anw .container .section-reverse , 
  .fourth-section-anw-dark .container .section-reverse {
    display: -webkit-flex; /* Safari */
    -webkit-flex-direction: column-reverse; /* Safari 6.1+ */
    display: flex;
    flex-direction: column-reverse;
  }
  .anwendungsfall .top-section-anw img, 
  .anwendungsfall .second-section-anw img, 
  .anwendungsfall .second-section-anw .use-case-img img, 
  .anwendungsfall .third-section-anw .use-case-img img, 
  .anwendungsfall .fourth-section-anw .section-reverse img {
    height: auto;
  }
}

@media only screen and (min-width: 460px) and (max-width: 768px)  {
  .top-section-anw .container .row .col-sm-4 img,
  .top-section-anw-dark .container .row .col-sm-4 img,
  .third-section-anw .container .row .col-sm-4 img, 
  .third-section-anw-dark .container .row .col-sm-4 img,
  .second-section-anw .container .row .col-sm-4 img, 
  .second-section-anw-dark .container .row .col-sm-4 img,
  .fourth-section-anw .container .row .col-sm-4 img, 
  .fourth-section-anw-dark .container .row .col-sm-4 img {
    width: auto;
    height: auto;
    max-width: 50%;
  }
}
@media only screen and (min-width: 1700px) {
  .fourth-section-anw .container .row .col-sm-4, 
  .fourth-section-anw-dark .container .row .col-sm-4 {
    padding-top: 200px;
  }
}

.fourth-section-anw .fourth-sec-content{
  padding-top: 50px;
  z-index: 999;
}

.fourth-section-anw a {
  color: #317DC1;
  display: block;
  margin-top: 40px;
  z-index: 999;
}

.fourth-section-anw a i {
  display: block;
}

.before-testen {
  background-color: #FCFCFC;
}

.before-testen h3 {
  color: #313D4D;
}

.before-testen .mehr-button img {
  width: 20px;
  margin-left: 10px;
}

.before-testen .circle-img img {
  max-width: 130px;
  max-height: 130px;
  background-color: #FFFFFF;
  border-radius: 100%;
  box-shadow: 0px 0px 30px rgba(000, 000, 000, 0.1);
  text-align: center;
  padding: 20px;
}

.allwendungen,
.boxes {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
  justify-content: center;
}

.allwendungen .single-story-box,
.boxes .single-story-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.allwendungen .story-box,
.boxes .story-box {
  background-color: #FCFCFC;
  box-shadow: 0px 0px 20px rgba(000, 000, 000, 0.1);
  -webkit-box-shadow: 0px 0px 20px rgba(000, 000, 000, 0.1);
  -moz-box-shadow: 0px 0px 20px rgba(000, 000, 000, 0.1);
  width: 100%;
}

.allw-white {
  background: #FFFFFF;
  height: 150px;
}

.allwendungen .content-story-img,
.boxes .content-story-img {
  position: relative;
  width: 100%;
}

.allwendungen .content-story-img img,
.boxes .content-story-img img {
  position: absolute;
  display: inherit;
  margin: 0 auto;
  text-align: center;
  left: 0px;
  right: 0px;
  top: 25%;
  width: 50px !important;
  height: 50px !important;
}

.allwendungen .content-story-img .iconi,
.boxes .content-story-img .iconi {
  position: absolute;
  top: -50px;
  display: inherit;
  margin: 0 auto;
  text-align: center;
  border-radius: 50%;
  box-shadow: 0px 0px 30px rgba(000, 000, 000, 0.1);
  -webkit-box-shadow: 0px 0px 30px rgba(000, 000, 000, 0.1);
  -moz-box-shadow: 0px 0px 30px rgba(000, 000, 000, 0.1);
  left: 50%;
  width: 103px;
  height: 103px;
  background: #FFFFFF;
  padding: 30px;
  transform: translateX(-50%);
}

.allwendungen .testen-button {
  margin: 0 auto;
}

.use-case-content-main .allwendungen{
  margin-top: 50px;
}

.allwendungen .content-story-img .iconi i,
.boxes .content-story-img .iconi i {
  font-size: 40px;
  color: #86a335;
}

.soft-icon-img img{
  width: 42px !important;
  height: 42px !important;
}


.allwendungen .content-text,
.boxes .content-text {
  padding: 100px 50px 50px 50px;
  display: inline-block;
}

.anwendungsfall .under-section {
  position: relative;
  background: #FCFCFC;
  -moz-box-shadow: inset 0 -5px 32px -10px #dddddd;
  -webkit-box-shadow: inset 0 -5px 32px -10px #dddddd;
  box-shadow: inset 0 -5px 32px -10px #dddddd;
}


.anwendungsfall .under-section a img {
  -moz-box-shadow: 0px 0px 30px 5px #dddddd;
  -webkit-box-shadow: 0px 0px 30px 5px #dddddd;
  box-shadow: 0px 0px 30px 5px #dddddd;
  border-radius: 100%;
}

.anwendungsfall .under-section .mehr-button {
  color: #2f7cc2;
  font-weight: 600;
  display: inline-block;
  width: 100%;
  margin-top: 30px;
}

.anwendungsfall .top-section-anw .use-case-img img,
.anwendungsfall .second-section-anw .use-case-img img,
.anwendungsfall .third-section-anw .use-case-img img,
.anwendungsfall .fourth-section-anw img,
.anwendungsfall .fourth-section-anw .use-case-img img {
  box-shadow: 0px 0px 60px rgba(000, 000, 000, 0.3);
}

/* --------------------------------------------
Funktionskatalog
-------------------------------------------- */

.funktionskatalog input {
  background-color: transparent;
  border-right: none;
  border-color: #8392a5;
  color: #FCFCFC;
  height: 40px;
}

.funktionskatalog button {
  background: transparent;
  color: #8392a5;
  border-left: none;
  border-color: #8392a5;
  padding: 9px 15px;
  height: 40px;
  box-shadow: none;
}

.funktionskatalog button:hover {
  color: #8392a5;
  background-color: transparent;
  border-color: #8392a5;
}

.funktionskatalog .input-group-btn button:focus {
  background: none;
  color: #FCFCFC;
  outline: 0;
  box-shadow: none;
}

.funktionskatalog input:focus {
  outline: none;
  box-shadow: none !important;
  border-color: #8392a5 !important;
}

.funktionskatalog input::-webkit-input-placeholder {
  color: #8392a5;
}

.funktionskatalog input::-moz-placeholder {
  color: #8392a5;
}

.funktionskatalog input:-ms-input-placeholder {
  color: #8392a5;
}

.funktionskatalog input:-moz-placeholder {
  color: #8392a5;
}

.funktionskatalog-table .tabs-left>.nav-tabs {
  border-bottom: 0;
}

.funktionskatalog-table .tab-content>.tab-pane,
.pill-content>.pill-pane {
  display: none;
}

.funktionskatalog-table .tab-content>.active,
.pill-content>.active {
  display: block;
}

.funktionskatalog-table .tabs-left>.nav-tabs>li {
  float: none;
  width: 250px;
}

.funktionskatalog-table .tabs-left>.nav-tabs {
  display: inline-block;
}

.funktionskatalog-table .tabs-left>.nav-tabs.fixed {
  position: fixed;
  top: 65px;
}

.funktionskatalog-table .tabs-left>.nav-tabs.tobottom {
  position: absolute;
  top: auto;
  bottom: 0px;
  left: 0px;
}

.funktionskatalog-table .tabs-left>.nav-tabs>li>a {
  margin-right: 0;
  border: none;
  font-size: 18px;
  padding: 0px 0px 10px 0px;
  color: #317DC1;
  font-weight: 600;
  margin-bottom: 0px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.funktionskatalog-table .tabs-left>.nav-tabs>li>a:hover,
.funktionskatalog-table .tabs-left>.nav-tabs>li>a:focus {
  border-color: transparent;
  background-color: transparent;
}

.funktionskatalog-table .tabs-left>.nav-tabs>.active>a,
.funktionskatalog-table .tabs-left>.nav-tabs>.active>a:hover,
.funktionskatalog-table .tabs-left>.nav-tabs>.active>a:focus {
  border: none;
  font-weight: 700;
  padding-left: 0;
  background: transparent;
}

.funktionskatalog-table .tabs-bg-white {
  background: #FCFCFC;
  padding: 40px 50px;
  box-shadow: 0px 0px 20px #dddddd;
  margin-bottom: 15px;
}

.funktionskatalog-table .tabs-bg-white h2,
.funktionskatalog-table .tabs-bg-white h4 {
  color: #313D4D;
  font-weight: 600;
}

.funktionskatalog-table .nav-tabs h5 {
  color: #8392a5;
  margin-bottom: 20px;
  font-weight: 600;
}

.funktionskatalog-table .tabs-bg-white p {
  font-size: 15px;
  line-height: 25px;
  color: #313D4D;
  font-weight: 400;
}

.funktionskatalog-table .tabs-bg-white .second-tab-img {
  padding: 20px 50px;
}

.funktionskatalog-table .tabs-bg-white .shadow-img {
  box-shadow: 0px 0px 20px #dddddd;
}

.funktionskatalog .funktionskatalog-table .pagination {
  text-align: right;
  display: inline-block;
  float: right;
  width: initial;
  margin: 0;
  padding: 0px;
}

.funktionskatalog-table .pagination>li a::after {
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/arrow-right.svg) no-repeat;
  position: absolute;
  top: 5px;
  bottom: 0px;
  right: 0px;
  margin: 0 auto;
  width: 20px;
  height: 20px;
}

.funktionskatalog-table .pagination>li>a {
  list-style: none;
  padding-right: 30px;
  display: inline-block;
}

.funktionskatalog .funktionskatalog-table h2 {
  display: inline-block;
}

.funktionskatalog .funktionskatalog-table #search-results-input-name {
  display: inline-block;
  float: left !important;
}

.funktionskatalog .funktionskatalog-table .search-result a {
  color: #317DC1;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 18px;
}

.funktionskatalog .filterinput{
  border-bottom-left-radius: 3px !important;
  border-top-left-radius: 3px !important;
}

.funktionskatalog .funktionskatalog-table .sub-lists li {
  list-style: none !important;
}

.funktionskatalog .funktionskatalog-table .sub-lists li a {
  font-size: 15px;
  color: #313D4D;
  line-height: 30px;
  font-weight: 400;
}

.funktionskatalog .funktionskatalog-table .sub-lists {
  padding: 0px 20px;
  display: none;
  margin-bottom: 10px;
}

.funktionskatalog-table .tab-content {
  float: right;
}

.funktionskatalog-table .content-right {
  float: none !important;
}

.tabbable {
  display: inline-block;
  width: 100%;
  position: relative;
}

.funktionskatalog-table .panel-default>.panel-heading {
  width: 100%;
  display: inline-block;
  padding: 0;
  font-size: 20px;
  background-color: #FCFCFC;
}

.funktionskatalog-table .panel-default>.panel-heading h4{
  font-size: 20px;
}

.funktionskatalog-table .panel-title>.small, 
.funktionskatalog-table .panel-title>.small>a, 
.funktionskatalog-table .panel-title>a, 
.funktionskatalog-table .panel-title>small, 
.funktionskatalog-table .panel-title>small>a {
  color: #317DC1;
  font-weight: 600;
  font-size: 18px;
  padding: 20px 56px;
  display: block;
}

.funktionskatalog-table .panel-group .panel+.panel{
  margin-top: 0px;
  margin-bottom: 0;
}

.funktionskatalog-table  .panel-group .panel {
  border-bottom: 1px solid #8392a5;
  border-top: none;
  border-left: 0px;
  border-right: 0;
}

.funktionskatalog-table  .panel-group{
  border-top: 1px solid #8392a5;
  margin-bottom: 50px;
}

.funktionskatalog-table .panel-body{
  padding: 0px;
  border-top: none !important;
}

.funktionskatalog-table .panel-body .tabs-bg-white {
  background: #FCFCFC;
  padding: 20px 55px;
  border-top: 1px solid #dddddd;
  box-shadow: none;
  margin-bottom: 0px;
}

.funktionskatalog-table .panel-default > .panel-heading .accordion-toggle:after {
  content: "\e607";
  font-family: 'simple-line-icons';
  right: 14px;
  float: right;
  color: #313D4D;
  font-size: 18px;
}

.funktionskatalog-table .panel-default>.panel-heading .accordion-toggle.collapsed::after {
  content: "\e604";
  font-family: 'simple-line-icons';
  float: right;
  color: #313D4D;
}

@media only screen and (min-width: 768px) and (max-width: 768px) {
  .tabbable .col-xs-9 {
    width: 70%;
  }
}

/* --------------------------------------------
Footer
-------------------------------------------- */

.footer-container {
  position: relative;
  color: #FFFFFF;
}

.footer-container .top-footer h1{
  color: 
}

.footer-container .navf {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.footer-container .navf>li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
}

.footer-container .navf>li>a {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.footer-container .navf>li>a:hover,
.footer-container .navf>li>a.active {
  color: #f2f2f2;
}

.footer-container .design_by {
  margin: 0;
  padding: 0;
  text-align: right;
}

.footer-container .design_by li {
  display: inline-block;
  margin: 0;
  padding: 0;
  list-style: none;
  background: none;
}

.footer-container .design_by li a {
  display: inline-block;
  text-decoration: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.footer-container .design_by li a:hover {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  -o-opacity: 0.6;
  -ms-opacity: 0.6;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.footer-container .top-footer {
  background-color: #FCFCFC;
  box-shadow: 5px 5px 30px rgba(000, 000, 000, 0.1);
  -webkit-box-shadow: 5px 5px 30px rgba(000, 000, 000, 0.1);
  -moz-box-shadow: 5px 5px 30px rgba(000, 000, 000, 0.1);
  padding: 80px 0px;
}

.footer-container .top-footer .single .blue-button {
  width: 135px;
  height: 40px;
  text-align: center;
  padding: 0px;
}

.footer-container .top-footer h4{
  color: #8392a5;
}

a.tooltips {
  position: relative;
  display: inline;
  margin-left: 13px;
}

a.tooltips span {
  position: absolute;
  color: #fff;
  background: #2693ff;
  height: 22px;
  width: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 3px;
  top: 0px;
}

a.tooltips span:after {
  content: '';
  position: absolute; 
  top: 50%;
  right: 100%;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-right: 5px solid #2693ff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.footer-container .top-footer h3 {
  color: #313D4D;
  font-weight: 400;
}

/** Newsletter Form **/
.footer-container .hs-form.newsletter-form {}
.footer-container .hs-form.newsletter-form::after {
  clear: left;
}

.footer-container .hs-form.newsletter-form .hs-error-msgs {
  margin: 0;
}

.footer-container .hs-form.newsletter-form .hs-error-msgs label {
  margin-bottom: 0;
}

.footer-container .hs-form.newsletter-form .hs-form-field {
  float: left;
  margin-right: 10px;
}

.footer-container .hs-form.newsletter-form .hs-submit {
  float: left;
  margin-top: 20px;
}

.footer-container .hs-form.newsletter-form .hs-form-field > label,
.footer-container .hs-form.newsletter-form .hs-form-field > legend,
.footer-container .hs-form.newsletter-form > .hs_error_rollup {
  display: none;
}

@media (min-width: 768px) { 
  .footer-container .submitted-message::before {
    float: right;
    margin: 52px;
  }
}

.newsletter-img {
  max-width: 202px;
  max-height: 202px;
  position: relative;
  display: inline-block;
}

.newsletter-img img {
  width: 100%;
}

.newsletter-img .img-top {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.newsletter-img:hover .img-top {
  display: inline;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

@media only screen and (width: 768px) {
  .newsletter-img {
    padding-top: 40px;
  }
}

.footer-container .top-footer .parsleyform{
  padding: 0px 30px;
}

.footer-container .top-footer input {
  width: 280px;
  max-width: 100%;
}

.footer-container .top-footer .form-control-feedback {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.footer-container .top-footer .validate-newsletter{
  display: inline-block;
  padding: 0px 30px;
}

.footer-container .top-footer .validate-newsletter .glyphicon-remove:before{
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/red-x.svg) no-repeat;
  right: 0px;
  width: 30px;
  height: 25px;
  position: absolute;
  margin: 7px 0px;

}

.footer-container .top-footer .validate-newsletter .glyphicon-ok:before{
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/grey-check.svg) no-repeat;
  right: 0px;
  width: 30px;
  height: 25px;
  position: absolute;
  margin: 7px 0px;

}

.footer-container .top-footer input:focus {
  border: 1px solid #8392a5;
  margin-bottom: 0px;
  box-shadow: none;
}

.footer-container .top-footer .single .form-group {
  margin-right: 15px;
  padding: 0px;
}

.footer-container .top-footer .circle-img img {
  border-radius: 50%;
}

.footer-container .top-footer .validate-newsletter li {
  color: #CF021B;
  list-style: none;
  font-size: 13px;
}

.footer-container .top-footer .bottom-footer-left ul {
  padding: 0px;
  margin: 0px;
}

.footer-container .top-footer .bottom-footer-left li {
  display: inline-block;
  list-style: none;
  color: #313D4D;
  padding-right: 5px;
}

.footer-container .top-footer .bottom-footer-left li img{
  width: 25px;
  height: 25px;
}

.footer-container .top-footer #exampleModal {
  height: auto !important;
}

.footer-container .senden-message .check-icon {
  width: 180px !important;
  height: 180px !important;
  margin-top: 0px;

}

#successModal .check-icon, 
#exampleModal .check-icon, 
#exampleModall .check-icon{
  width: 100px;
  height: 100px;
  margin-top: 50px;
}

.check-icon {  
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.forms-testen .submitted-message::before {
  content: '';
  background: url('https://cdn2.hubspot.net/hubfs/3847057/COYO%20Icons/check-circle.svg') no-repeat center center;
  display: block;
  height: 128px;
  width: 128px;
  position: relative;
  top: -30px;  
  margin: 50px auto 10px auto;

}

.forms-testen .submitted-message{
  text-align: center;
}

.footer-container .bottom-footer {
  background-color: #fff;
  padding: 80px 0px;
}

.footer-container .bottom-footer .bottom-box-footer {
  width: 20%;
}

.footer-container .bottom-footer .bottom-box-footer h4 {
  color:  #101D30;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 10px;
}

.footer-container .bottom-footer .bottom-box-footer ul {
  padding: 0px;
  margin: 0px;
  margin-bottom: 30px;
}

.footer-container .bottom-footer .bottom-box-footer ul li {
  list-style: none;
}

.footer-container .bottom-footer .bottom-box-footer ul li a {
  color:  #697687;
  font-size: 15px;
  line-height: 30px;
  font-weight: 400;
}

.footer-container .bottom-footer .bottom-box-footer ul li .active {
  font-weight: 700;
  color: #2693ff;
}

.footer-container .bottom-footer .bottom-footer-left ul {
  padding: 0px;
  margin: 0px;
}

.footer-container .bottom-footer .bottom-footer-left li {
  display: inline-block;
  list-style: none;
  color: #313D4D;
  padding-right: 5px;
}

.footer-container .bottom-footer .bottom-footer-left li a:hover {
  color: #313D4D;
}

.footer-container .bottom-footer .bottom-footer-right li {
  display: inline-block;
  list-style: none;
}

.footer-container .bottom-footer .bottom-footer-right ul {
  padding: 0px;
  margin: 0px;
}

.footer-container .bottom-footer .bottom-footer-right ul li {
  padding-left: 25px;
}

.footer-container .bottom-footer .bottom-footer-right ul li a span {
  padding-right: 10px;
}

.footer-container .bottom-footer .bottom-footer-right ul li a {
  font-size: 14px;
  color: #86a335;
}

.footer-container .bottom-footer .bottom-footer-left ul li a img {
  width: 25px;
  height: 25px;
}

.footer-container .bottom-footer.footer-legal {
  padding: 50px 0  0;
}

.footer-container .copy {
  color: #8392a5;
  font-size: 13px;
  line-height: 30px;
  font-weight: 400;
  float: left;
}

.footer-container .bottom-footer.footer-legal .hs-menu-wrapper {
  float: right;
}

@media(max-width: 768px) {
  .footer-container .copy,
  .footer-container .bottom-footer.footer-legal .hs-menu-wrapper {
    float: none;
    display: block;
    text-align: center;
  }
}

.footer-container .bottom-footer.footer-legal .bottom-box-footer {
  width: 100%;
  border-top: 1px solid #dddddd;
  padding: 10px;
}
.footer-container .bottom-footer.footer-legal ul {
  text-align: center;
  margin: 0;
}

.footer-container .bottom-footer.footer-legal li {
  display: inline-block;
  margin: 0 5px;
}


.footer-container .bottom-footer.footer-legal li,
.footer-container .bottom-footer.footer-legal a {
  font-size: 13px !important;
}

.footer-container .bottom-footer.footer-legal li:first-child }
margin-left: 0;
}

.footer-container .bottom-footer.footer-legal li:last-child {
  margin-right: 0;
}

.testen-footer ul {
  padding: 0px;
  margin: 0px;
}

.testen-footer ul li{
  list-style: none;
  display: inline-block;
}

.testen-footer ul li a{
  color: #8392a5;
  font-size: 15px;
  line-height: 30px;
  font-weight: 400;
}


.impressum-content-left ul{
  padding: 0px;
  margin: 0px;
  margin-bottom: 20px;
}

.impressum-content-left ul li{
  list-style: none;
}

/*ISOTOPE*/

.dropdown>button {
  -webkit-tap-highlight-color: transparent;
  background-color: transparent;
  border-radius: 5px;
  border: solid 1px #8392a5;
  clear: both;
  color: #313D4D;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  line-height: 30px;
  outline: none;
  padding: 2px 10px 2px 15px;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: 210px;
  position: relative;
  text-transform: capitalize;
}

.dropdown>button:focus {
  outline: 0;
}

.dropdown-menu>button {
  width: 100%;
  text-align: left;
  display: inline-block;
  background-color: transparent;
  box-shadow: none;
  background-image: none;
}

.button {
  display: inline-block;
  padding: 0.5em 1.0em;
  
  border: none;
  border-radius: 7px;
  font-size: 16px;
  cursor: pointer;
}

.button:active,
.button.is-checked {
  background-color: transparent;
}

.button.is-checked::after {
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/check.svg) no-repeat;
  left: auto;
  width: 20px;
  height: 20px;
  text-align: right;
  float: right;
}

/* ---- button-group ---- */

.button-group:after {
  content: '';
  display: block;
  clear: both;
}

.button-group .button {
  float: left;
  border-radius: 0;
  margin-left: 0;
  margin-right: 1px;
}

/* ---- isotope ---- */

/* clear fix */

.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ui group */

.ui-group {
  display: inline-block;
}

.ui-group h3 {
  display: inline-block;
  vertical-align: top;
  line-height: 32px;
  margin-right: 0.2em;
  font-size: 16px;
}

.ui-group .button-group {
  display: inline-block;
  margin-right: 10px;
}

.partner .partner-bottom-section .filter-sortiren a{
  float: right;
  color: #8392a5;
  font-size: 15px;
  line-height: 15px;
  cursor: pointer;
  margin-top: 20px;
  text-decoration: underline;
  text-decoration-color: #8392a5;
}

.ui-group .button-group .dropdown-menu {
  width: 100%;
}

/* color-shape */

.color-shape {
  width: 46%;
  margin: 2%;
}

.filters {
  text-align: center;
}

#tags-filter {
  width: 67%;
  margin: 0 auto;
}

#tags-filter #clear-button{
  float: right;
  text-decoration: underline;
  text-decoration-color: #8392a5;
  color: #8392a5 !important;
  font-size: 15px;
  line-height: 24px;
  cursor: pointer;
}

.color-shape.round {
  border-radius: 35px;
}

.color-shape.big.round {
  border-radius: 75px;
}

/* --------------------------------------------
    KONTAKT
-------------------------------------------- */

.contact .top-banner {
  padding: 50px 0px 100px 0px;
}

.contact-container .container {
  padding-top:50px;
  margin-bottom: -30px;
}

.kontakt-person{
  display: inline-block;
}

.kontakt-person>img {
  max-width: 250px;
  max-height: 250px;
  border-radius: 100%;
}

.kontakt-person .kontakt-person-icon>span{
  left: 50%;
  top: 50%;
  max-width: 91px;
  background: #FFFFFF;
  display: flex !important;
  justify-content: center;
  text-align: center;
  align-items: center;
  max-height: 91px;
  border-radius: 100%;
  display: inline-block;
  transform: translate(40%, 40%);
  -moz-box-shadow: 0px 0px 30px rgba(000, 000, 000, 0.1);
  -webkit-box-shadow: 0px 0px 30px rgba(000, 000, 000, 0.1);
  box-shadow: 0px 0px 30px rgba(000, 000, 000, 0.1);
}

.kontakt-person .kontakt-person-icon span img {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 36px;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.mob-phone a {
  color: #9BBF29;
  font-size: 20px;
  line-height: 32px;
  font-weight: 700;
}

.contact .tech-support .week p {
  color: #FCFCFC;
  font-weight: 700;
}

.contact .home-icon {
  display: inline-block;
  vertical-align: -webkit-baseline-middle;
}

.contact .list-address {
  display: inline-block;
  vertical-align: top;
}

.contact .home-icon i {
  color: #8392a5;
}

.contact .list-address ul {
  margin-bottom: 0px;
}

.contact .list-address ul li {
  list-style: none;
  text-align: left;
  color: #8392a5;
  line-height: 26px;
  font-size: 17px;
  font-weight: 400;
}

.contact .list-address ul li a {
  list-style: none;
  text-align: left;
  color: #8392a5;
  line-height: 26px;
  font-size: 17px;
  font-weight: 400;
}

.contact .blue-button,
.contact .testen-button {
  width: 235px;
  height: 40px;
  line-height: 40px;
  padding: 0px;
  cursor: pointer;
}

.contact .second-section-anw {
  background-color: #202a33;
}

.contact .shadow {
  -webkit-filter: drop-shadow(0px 2mm 4mm rgb(000, 000, 000, 0.7));
  filter: drop-shadow(0px 2mm 4mm rgb(000, 000, 000, 0.7));
  margin-bottom: -10px;
}

.contact .svg-bottom {
  bottom: 0px;
}
.svg-img-abs {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.svg-img-abs>svg {
  position: relative;
  bottom: 2px;
  z-index: 99;
  width: 100%;
  left: 0;
}

.svg-bottom .iconi {
  position: absolute;
  top: 0;
  width: 130px;
  height: 130px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99;
  background: #FFFFFF;
  border-radius: 50%;
  box-shadow: 0 0px 50px rgba(000, 000, 000, 0.1);
  text-align: center;
}

.svg-bottom .iconi img {
  margin: 0 auto;
  height: 130px;
  width: 130px;
  padding: 30px;
}

.top-banner .svg-bottom .iconi img {
  margin: 0 auto;
  height: 130px;
  width: 130px;
  padding: 30px;
}

@media only screen and (max-width: 768px) {
  .single-storie .top-banner .svg-bottom .iconi img {
    margin: 0 auto;
    height: 85px !important;
    width: 85px !important;
    padding: 20px 20px 5px 20px;
  }
}

.single-storie-icon img {
  height: 130px !important;
  width: 130px !important;
}

/* --------------------------------------------
    JOBS
-------------------------------------------- */
.jobs .container {
  padding-top: 0px;
}
	
.jobs .mehr-button {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 30px;
  display: inline-block;
}

.jobs .top-banner h1{
  margin: 0 0 30px 0;
}
  
.jobs .mehr-button img {
  width: 17px;
  height: auto;
  vertical-align: middle;
}

.jobs .jobs-sidebar-left .sidebar-cont h5 {
  margin-bottom: 0px;
  text-transform: uppercase;
  color: #8392a5;
}

.jobs .jobs-sidebar-left .sidebar-cont p {
  color: #313D4D;
  font-size: 18px;
  line-height: 32px;
}

.jobs .jobs-sidebar-left .sidebar-cont ul {
  padding: 0px;
  margin: 0px;
}

.jobs .jobs-sidebar-left .sidebar-cont ul li {
  list-style: none;
  display: inline;
  padding-right: 15px;
}

.jobs .jobs-sidebar-left .sidebar-cont ul li a img {
  max-width: 25px;
}

.jobs .jobs-content-right .content-right ul li {
  color: #8392a5;
  font-size: 15px;
  padding-bottom: 20px;
  font-weight: 400;
}

.jobs .jobs-content-right .content-right .lists-icon {
  padding: 0px;
  margin: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}

.jobs .jobs-content-right .content-right .lists-icon li {
  list-style: none;
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px;
}

.jobs .jobs-content-right .content-right .lists-icon li span {
  background-color: #FFFFFF;
  padding: 25px;
  border-radius: 100%;
  box-shadow: 0px 0px 20px rgba(000, 000, 000, 0.1);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 75px;
  height: 75px;
  margin-right: 30px;
  float: left;
}

.jobs .jobs-content-right .content-right .lists-icon li span img {
  width: 25px;
  height: 25px;
}

.jobs-bottom-section #exampleModal,
.jobs-bottom-section #successModal{
  height: 100%;
}

.toggle-button-lists {
  color: #317DC1;
  font-weight: 600;
  margin-top: 30px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  position: relative;
  bottom: 0px;
}

.content-section-jobs-bottom .partner-details-top .partner-boxes-icons{
  width: 30%;
  display: inline-block;
  vertical-align: top;
  padding: 0px 30px;
}

.content-section-jobs-bottom .partner-details-top .partner-boxes-icons p{
  font-size: 15px;
  line-height: 22px;
}

.jobs-bottom-section .form-control-feedback {
  width: 40px;
  height: 40px;
  line-height: 40px;
}

.forms-all  .list-unstyled{
  margin-bottom: 0px;
}
.forms-all  li,
.hubspot-forms-testen  li {
  color: #CF021B;
  list-style: none;
  font-size: 13px;
  text-align: left;
  padding-left: 5px;
}

.forms-all .form-group{
  margin-right: 0px !important;
}

.forms-all .form-group.blue-button{
	width: 100%;
}


body .jobs .jobs-content-right .content-right .lists-icon li.mob-hidden-lists {
  display: none;
}

.toggle-button-lists i {
  padding-left: 22px;
  font-weight: 700;
}

.jobs .jobs-content-right .content-right .comment-section {
  background: #FFFFFF;
  padding: 50px;
  text-align: center;
  position: relative;
  box-shadow: 0px 0px 20px rgba(000, 000, 000, 0.1);
}

.comment-section .row .col-sm-8 {
  padding-top: 23px;
}
.comment-section .row .col-sm-8 img{
  width: 10% !important;

}

.jobs .jobs-content-right .content-right .comment-section .quotation-title.p-unstyle p{
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  color: #313D4D;
}

.jobs .jobs-content-right .content-right .comment-section img {
  border-radius: 100%;
  max-width: 150px;
  width: 100%;
  margin-bottom: 15px;
}

.jobs .contenti .svg-img-trans {
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 99;
}

.jobs .jobs-content-right .content-right .comment-section .name-team {
  font-weight: 700;
  margin-bottom: 0px;
}

.jobs .jobs-content-right .content-right .comment-section h4 {
  margin-bottom: 0px;
  color: #313D4D;
  font-weight: 400;
}

.jobs .content-section-team .svg-img-trans {
  position: relative;
  z-index: 999;
}

.jobs .bottom-bg:before {
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/v3-images/pattern.png) repeat rgba(36, 47, 57, 0.9);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
}

.box-modal .modal-header {
  border-bottom: none !important;
  background: #FFFFFF;
}

.box-modal .testen-button:focus {
  background: rgba(155, 191, 41, 0.8); /* check */
  outline: 0;
}

.box-modal .modal-content {
  padding: 20px 50px;
  border-radius: 0;
  border: none;
  box-shadow: none;
  background-image: none;
}

.modal-backdrop.in {
  opacity: 0;
  z-index: -1;
}

.jobs .iconi.two-icons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.jobs .iconi.two-icons img {
  width: 25px;
  height: 25px;
  position: unset;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.jobs .iconi.two-icons img:first-of-type {
  left: 0px !important;
  padding-right: 3px;
}

.jobs .iconi.two-icons img:last-of-type {
  right: 0px !important;
  padding-left: 3px;
}

.jobs .iconi.two-icons a{
  margin-bottom: 0px;
}

.jobs .boxes .content-story-img img {
  width: 35px !important;
  height: auto !important;
}

.jobs .content-section-team {
  padding: 150px 0;
}

.jobs .success-submit {
  display: none;
}

.jobs label.blue-button {
  position: relative;
  width: 100%;
  cursor: pointer;
}

.jobs label.file-uploaded {
  background: none;
  color: #000;
  padding: 0px;
  box-shadow: none;
  text-transform: lowercase;
  margin-bottom: 0px;
}

.jobs .file-uploaded:hover,
.file-uploaded:focus,
.file-uploaded:active {
  background: none;
  color: #202a33;
}

.jobs label.blue-button span {
  width: 100%;
  cursor: pointer;
  padding: 9px 15px 9px 15px;
}

.jobs label.blue-button input[type="file"] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  opacity: 0;
}

#exampleModal{z-index:999;}

.jobs .file-uploaded label.blue-button input[type="file"] {
  left: auto;
  width: 30px;
}

.jobs .file-uploaded:after {
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/x.svg) no-repeat;
  position: absolute;
  left: auto;
  top: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
}

.jobs .file-uploaded {
  text-align: left;
}

.jobs @-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.jobs @keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.jobs .checkmark {
  stroke: #86a335;
  stroke-dashoffset: 745.74853515625;
  stroke-dasharray: 745.74853515625;
  -webkit-animation: dash 2s ease-out forwards;
  animation: dash 2s ease-out forwards;
}

.modal-dialog {
  width: 76%;
  box-shadow: 0px 0px 20px rgba(000, 000, 000, 0.1);
}

.modal-dialog.part-cont{
  width: 50%;
}

.modal {
  z-index: 9999999;
}

.content-section-team-icons{
  height: auto;
}

.content-section-team-icons .partner-boxes-icons  .icon-section{
  background-color: #FFFFFF;
  padding: 25px;
  border-radius: 100%;
  box-shadow: 0px 0px 20px rgba(000, 000, 000, 0.1);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin: 0 auto;
}

.content-section-team-icons .partner-boxes-icons h4 {
  margin-bottom: 10px;
  margin-top: 30px;
}

.content-section-team-icons .partner-boxes-icons h2 {
  font-weight: 900;
}

.content-section-team-icons .partner-boxes-icons  .icon-section img{
  width: 45px;
  height: 45px;
}

.content-section-team-icons .partner-boxes-icons{
  display: inline-block;
}

.content-section-team-icons .partner-boxes-icons h2 {
  font-size: 35px !important;
  font-weight: 700 !important;
  line-height: 30px !important;
  padding-top: 0px !important;
}
 
/* --------------------------------------------
    JOBS
-------------------------------------------- */

.content-banner {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  height: 960px;
}

.content-banner::after {
  content: "";
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%);
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0);
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.content-banner .hr-team-section {
  position: relative;
  z-index: 9;
  padding-top: 50px;
}

.content-section-jobs {
  background-color: #e2e1e7;
}

.content-section-jobs h2 {
  color: #8392a5;
}

.content-section-jobs h2::before {
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/v3-images/icons/quotation-marks.svg) no-repeat;
  position: absolute;
  top: -80px;
  left: 0px;
  width: 40px;
  height: 40px;
  right: 0px;
  margin: 0 auto;
}

.content-section-jobs-bottom .kununu-box {
  background: #FCFCFC;
  box-shadow: 0px 0px 25px rgba(000, 000, 000, 0.1);
  position: relative;
  top: -15em;
  z-index: 999;
  padding: 90px;
}

.content-section-jobs-bottom .kununu-box h2 {
  font-weight: 600;
  margin-bottom: 5px;
  color: #313D4D;
}

.content-section-jobs-bottom .kununu-box .quotation-title {
  padding-top: 50px;
}

.content-section-jobs-bottom .kununu-box .name-team {
  font-weight: 700;
}

.content-section-jobs-bottom .kununu-box h5 {
  color: #313D4D;
  font-weight: 400;
  margin: 0;
}

.content-section-jobs-bottom .kununu-box .kununu-content ul {
  padding: 0px;
  margin: 0;
  color: #313D4D;
}

.content-section-jobs-bottom .kununu-box .kununu-content h6 {
  color: #8392a5;
  font-size: 13px;
}

.content-section-jobs-bottom .kununu-box .kununu-content ul li {
  list-style: none;
  display: inline-block;
}

.content-section-jobs-bottom .kununu-box .kununu-content img {
  max-width: 180px;
  margin: 30px 0px 20px 0px;
}

.content-section-jobs-bottom .stars-jobs li{
  display: inline-block;
}

.kununu-content .stars-jobs li img{
  width: 13px;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.content-section-jobs-bottom .kununu-box .kununu-content:last-of-type {
  margin-top: 40px;
  position: relative;
}

.content-section-jobs-bottom .kununu-box .another-box{
  border-top: 1px solid #8392a5;
  padding-top: 50px;
}


.content-section-jobs-bottom .kununu-box .quotation-title::before {
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/v3-images/icons/quotation-marks.svg) no-repeat;
  position: absolute;
  top: 40px;
  left: 0px;
  width: 40px;
  height: 40px;
  right: 0px;
  margin: 0 auto;
}

.content-section-jobs-bottom .jobi .resize-img {
  height: 270px;
  overflow: hidden;
}

.resize-img img {
  width: 100%;
  object-fit: contain
}

.job-category {
  position: relative;
  text-align: center;
  margin-bottom: 50px;
}

.content-section-jobs-bottom .jobi {
  position: relative;
}

.content-section-jobs-bottom .bottom-bg {
    height: 550px;
    overflow: hidden;
}

.content-section-jobs-bottom .jobi .cat-department-content {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 30px;
  background: rgba(49, 61, 77, 0.9); /* */
  transition: background-color 0.4s ease-in-out;
  top: 0;
  position: absolute;
}

.content-section-jobs-bottom .jobi .cat-department-content:hover {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  transition: background-color 0.4s ease-in-out;
  background-color: rgba(155, 191, 41, 0.9); /* #9abf28 */
}

.bewerbung-section {
  background-color: #313D4D;
}

.bewerbung-section .hiring_process__img img{
  width: 100%;
  margin-bottom: 50px;
}

.content-section-jobs-bottom>.jobs .content-section-team>.svg-img-abs {
  top: 0px;
}

.content-section-jobs-bottom .color-shape {
  width: 29%;
  cursor: pointer;
}

/* --------------------------------------------
    Uber Uns
-------------------------------------------- */

.uber-uns .bottom-bg h2 {
  font-size: 35px;
  font-weight: 400;
  line-height: 45px;
  padding-top: 40px;
}

.uber-uns .content-top h3 {
  padding-top: 50px;
}

.uber-uns .top-banner h1 {
  margin-bottom: 60px;
}

.uber-uns .top-banner h3::before {
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/v3-images/icons/quotation-marks.svg) no-repeat;
  position: absolute;
  top: 110px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  width: 37px;
  height: 37px;
}

.uber-uns .left-content-uberuns h3{
  font-weight: 600;
}

.uber-uns .year-circles {
  position: relative;
  left: 20%;
  top: 50px;
}

.uber-uns .year-circles .active-circle,
.uber-uns .year-circles .inactive-circle {
  position: absolute;
  background: #FFFFFF;
  padding: 50px;
  border-radius: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 20px rgba(000, 000, 000, 0.1);
}

.uber-uns .year-circles .active-circle {
  height: 230px;
  width: 230px;
  z-index: 99;
  top: 30px;
  left: 100%;
  transform: translateX(-70%);
}

.uber-uns .year-circles .active-circle>span {
  font-size: 55px;
  line-height: 65px;
  font-weight: 700;
  color: #9BBF29;
}

.uber-uns .year-circles .inactive-circle {
  height: 120px;
  width: 120px;
}

.uber-uns .year-circles .inactive-circle>span {
  font-size: 16px;
  line-height: 24px;
  color: #8392a5;
  font-weight: 600;
}

.uber-uns .bottom-uber-uns-wrap .svg-img .shadow {
  -webkit-filter: drop-shadow(0px 5mm 5mm rgb(000, 000, 000, 0.15));
  filter: drop-shadow(0px 5mm 5mm rgb(000, 000, 000, 0.15));
  margin-bottom: -10px;
}

.bottom-uber-uns-content {
  background-color: #FCFCFC;
  z-index: 9;
  position: relative;
}

.uber-team img {
  max-width: 250px;
  max-height: 250px;
  border-radius: 100%;
  margin-bottom: 20px;
}

.uber-team h5 {
  text-align: center;
  margin-bottom: 0px;
  color: #313D4D;
}

.uber-uns .bottom-uber-uns-wrap>.bottom-uber-uns-content>.container>.row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;   
  align-items: center;
}

.masonry-item .blue-box{
  overflow: hidden;
  padding: 20px 50px;
  background-color: #202a33;
  width: 100%;
  height: 100%;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.masonry-item:hover .blue-box {
  opacity: 1;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.blue-box-jobs{
  overflow: hidden;
  padding: 20px 50px;
  background-color: #202a33;
  max-width: 330px;
  height: 330px;
  width: 100%;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.masonry-item.blue-box-jobs:hover {
  background-color: #FFFFFF;
}

.blue-box h2, .blue-box-jobs h2 {
  color: #9BBF29;
  font-size: 25px;
  line-height: 35px;
  font-weight: 700;
}

.blue-box p {
  color: #FCFCFC;
}

.white-box {
  padding: 20px 30px;
  background-color: #FFFFFF;
  height: 100%;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  flex-direction: column;
  transition: background-color 0.4s ease-in-out;
}


.white-box h2 {
  font-weight: 700;
}

.masonry::after {
  content: '';
  display: block;
  clear: both;
}

.masonry-item,
.masonry-sizer {
  width: 33%;
}

.masonry-item {
  float: left;
  height: 330px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.masonry-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

*::-ms-backdrop, .blue-box-jobs>p {
  width: 95%;	
}

*::-ms-backdrop, .white-box h2 {
  margin-top: 30px;
}

.masonry-item-horizontal {
  width: 66%;
}

.masonry-item--height2 {
  height: 330px;
}

.masonry-item-vertical {
  height: 660px;
}

.uber-uns .mob-hidden {
  display: none;
}

.uber-uns .toggle-button {
  color: #317DC1;
  font-weight: 600;
  margin-top: 50px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  position: relative;
  bottom: 0px;
}

.uber-uns .toggle-button i {
  padding-left: 10px;
  font-weight: 700;
}

.uber-uns .overlay-video {
  background-color: rgba(36, 47, 57, 0.5); /* #242e38 */
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
}

.uber-uns .masonry-video .play-button {
  position: absolute;
  top: 40.3%;
  left: 50%;
  transform: translate(-50%);
  background: transparent;
  border: none;
  z-index: 99;
}

.uber-uns .modal-header button>img {
  width: 30px;
  height: 30px;
}

.uber-uns .video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.uber-uns .video-container iframe,
.uber-uns .video-container object,
.uber-uns .video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.uber-uns .video-container .modal-body {
  padding: 0px 15px 15px 15px;
}

.uber-uns .modal-header {
    padding: 15px 15px 0px 15px;
    border-bottom: none;
}

.uber-uns .modal-body {
  padding: 0px 15px 15px 15px;
}

.uber-uns .modal-content {
  border-radius: 0px;
}

.uber-uns .modal-backdrop.in {
  opacity: 1 !important;
}

/* --------------------------------------------
    Partner
-------------------------------------------- */

.testen .hbspt-form .hs_nutzer span:first-of-type{
  display: none !important;
}

.partner-details .content-section-team{
  padding: 150px 0px;
}

.partner-details .hbspt-form{
  display: inline-block;
  width: 100%;
}

.partner-contact-section .form-container {
  width: auto;
}

.partner-contact-section .form-container.middle-container-light {
  background: transparent;
}

.partner-contact-section .simple-form__form {
  margin-top: 24px;
}

.partner-details .hbspt-form input, 
.partner-details .hbspt-form textarea{
  width: 100% !important;
  box-sizing: border-box !important;
}

.partner-details-footer .container-fluid{
  border-top: 1px solid #dddddd;
  padding-top: 90px;
}

.partner .tab-container .tab-img img {
  margin: 0px;
}

.partner .kontakt-person>img {
  max-width: 390px;
  max-height: 390px;
}

.partner .kontakt-person .kontakt-person-icon>span {
  max-width: 150px;
  max-height: 150px;
  transform: translate(50%, 30%);
}

.partner .kontakt-person .kontakt-person-icon span img {
  color: #9BBF29;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 65px;
  justify-content: center;
  text-align: center;
  align-items: center;
}

.partner .tab-container .nav-tabs>li {
  padding-right: 119px;
}

.partner .partner-bottom-section {
  background-color: #FCFCFC;
  position: relative;
}

.partner .content-section .shadow {
  -webkit-filter: drop-shadow(0px 0mm 4mm rgb(000, 000, 000, 0.1));
  filter: drop-shadow(0px 0mm 4mm rgb(000, 000, 000, 0.1));
}

.tag-filter-item {
  color: #8392a5;
  font-size: 15px;
  line-height: 24px;
  cursor: pointer;
  margin-right: 20px;
}

.tag-filter-item.is-checked i {
  font-size: 12px;
  font-style: normal;
  padding-left: 5px;
}

.partner .color-shape {
  width: 31%;
  margin: 1%;
}

.partner .color-shape .content-text {
  padding: 50px 50px 50px 50px;
  text-align: center;
}

.partner .color-shape .content-text a.mehr-button{
    font-size: 15px;
}

.partner .color-shape .content-text a::after {
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/arrow-right.svg) no-repeat;
  width: 17px;
  height: 15px;
  position: absolute;
  top: 2px;
  bottom: 0px;
  margin-left: 10px;
}

.partner .story-box .story-box-img .resize-img{
  overflow: hidden;
  height: 180px;
}

.partner .story-box-img img {
  filter: none;
  max-width: unset !important;
}

.partner-bottom-section .svg-img>svg {
  margin-bottom: -10px;
}

.partner .content-section-team .svg-top>svg {
  margin-top: -10px;
}

.vertragsettup {
  background-color: #FFFFFF;
  box-shadow: 0px 0px 15px rgba(000, 000, 000, 0.1);
}

.top-vertragsettup .resize-img img{
  overflow: hidden;
  height: auto;
  width: 100%
}

.bottom-vertragsettup {
    padding: 40px;
}

.wrap-vertragsettup {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  -webkit-flex-flow: row wrap;
  margin-bottom: 150px;
  width: 125%;
  transform: translateX(-10%);
}

@media only screen and (max-width: 1300px){ 
  .wrap-vertragsettup {
    width: 100%;
    transform: translateX(0%);
    margin-bottom: 0;
  }
}

@media only screen and (max-width: 340px){ 
  .wrap-vertragsettup p,
  .wrap-vertragsettup h2{
    width: 90%;
    transform: translateX(0%);
    margin-bottom: 0;
    padding: 0 10px;
  }
  .wrap-vertragsettup {
    transform: Scale(.9);
    margin-bottom: 0;
    max-width: 360px;
  }
}

.inner-vertragsettup {
  display: flex;
  min-width: 435px;
  margin-top: 20px;
}

.bottom-content-partners .inner-vertragsettup {
  max-width: 450px;
}

.partner .top-banner {
  padding: 50px 0px;
}

.partner .content-top {
  padding: 150px 0px 80px 0px;
}

/* --------------------------------------------
    Partner Details
-------------------------------------------- */
.preise-jetzt {
  display: flex;
  justify-content: center;
  margin-top: 30px;

}

.partner-details .header-wrapper {
  background-color: #313D4D;
  float: left;
  width: 100%;
}

.partner-details-top .icon-section {
  background: #FFFFFF;
  width: 103px;
  height: 103px;
  padding: 30px;
  border-radius: 100%;
  box-shadow: 0px 0px 20px rgba(000, 000, 000, 0.1);
  margin: 0 auto;
  margin-bottom: 0px;
  margin-bottom: 20px;
  margin: 0 auto;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}

.partner-boxes-icons{
  padding: 30px 50px;
}

.partner-details-top .icon-section img {
  width: 45px;
}

.partner-detail-blue {
  background: #313D4D;
}

.partner-detail-blue::before {
  background: none;
}

.default-form,
.partner-form {
  background: #FFFFFF;
  padding: 32px 24px 40px 24px;
  box-shadow: 0px 0px 20px rgba(000, 000, 000, 0.1);
  margin-top: 50px;
}

.default-form .inner-holder {
  text-align: left;
}

.partner-details .person-contact p {
  margin-bottom: 0px;
}

.partner-details_pm-img img {
  max-width: 50%;
  border-radius: 50%;
  margin-top: 24px;
}

.partner-werden .partner-section-content {
  background-color: #313D4D;
  padding-bottom: 220px; 
  width: 100%;
  display: inline-block;   
}

.partner-werden .bottom-bottom-sec{
  display: inline-block;
  width: 100%;
}

.partner-werden .inner-bottom-bottom-sec {
  background-color: #202a33;
  padding-bottom: 250px;
}

.partner-werden .inner-bottom-bottom-sec h3 {
  padding-top: 70px;
}

.partner-werden .inner-bottom-bottom-sec h3::before {
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/v3-images/icons/quotation-marks.svg) no-repeat;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0 auto;
  width: 37px;
  height: 37px;
}

.partner-werden-new .content-section .container {
  width: 100vw !important;
  max-width: 100vw !important;
}

/* --------------------------------------------
    Preise
-------------------------------------------- */

.preise-content{
  position: relative;
  top: -91px;
  margin-bottom: -91px;
}

.preise-flex-section {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  flex-wrap: wrap;
} 

.preise .content-top {
  padding: 150px 0px 0px 0px;
  margin-bottom: 50px
}

.preise-content .first-section-preise {
  background-color: #FCFCFC;
  padding: 100px 0px 0px 0px;
}

#enterpreise .second-section-anw{
  background-color: #F5F5F5;
  padding-top: 50px;
}

#enterpreise .second-section-anw h3{
  font-weight: 600;
}

.preise-content .preise-tabs>li {
  background-color: #FCFCFC;
}

.preise-content .preise-tabs>li>a>img {
  position: relative;
  top: -4px;
  padding-right: 15px;
}

.preise-content .preise-tabs>li>a,
.preise-tabs>li.active>a:hover {
  margin-bottom: 0px;
  border: none;
  border-radius: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 35px;
  color: #202a33;
  margin-right: 0;
  padding: 20px 20px 10px 20px;
  width: 300px;
  background-color: #ebebeb;
  -moz-box-shadow: inset 0 0 20px rgba(000, 000, 000, 0.2);
  -webkit-box-shadow: inset 0 0 20px rgba(000, 000, 000, 0.2);
  box-shadow: inset 0 0 20px rgba(000, 000, 000, 0.2);
  -webkit-transition: all 0.3s ease-in-out; */
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.preise-content .preise-tabs>li.active>a,
.preise-tabs>li.active>a:hover,
.preise-tabs>li.active>a:focus {
  border: none;
  margin-right: 0;
  background-color: #FCFCFC;
  box-shadow: none;
  position: relative;
  top: 1px;
}

.preise-tabs > li > a:hover {
  border: none;
  margin-right: 0;
  background-color: #ebebeb;
  -moz-box-shadow: inset 0 0 10px rgba(000, 000, 000, 0.1);
  -webkit-box-shadow: inset 0 0 10px rgba(000, 000, 000, 0.1);
  box-shadow: inset 0 0 10px rgba(000, 000, 000, 0.1);
  -webkit-transition: all 0.3s ease-in-out; */
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.preise-content .first-section-preise .lists-preise {
  margin: 0px;
}

.preise-content .first-section-preise .lists-preise li {
  color: #313D4D;
  font-size: 18px;
  line-height: 27px;
  list-style: none;
  text-align: left;
  font-weight: 400;
  margin-bottom: 40px;
}

.preise-content .first-section-preise .lists-preise li::before {
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/check.svg) no-repeat;
  position: absolute;
  left: 0px;
  width: 25px;
  height: 25px;
  margin-left: 10px;
  margin-right: 10px;
}

.preise-content .second-section-preise {
  background-color: #F5F5F5;
  box-shadow: 5px 5px 30px rgba(000, 000, 000, 0.1);
  -webkit-box-shadow: 5px 5px 30px rgba(000, 000, 000, 0.1);
  -moz-box-shadow: 5px 5px 30px rgba(000, 000, 000, 0.1);
}

.preise-content .second-section-preise h1>span {
  color: #9BBF29;
}

.preise-content .first-section-preise .utilities {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  display: flex;
  align-items: center;	
}

.preise-content .first-section-preise .utilities .control {
  flex: 1;
  padding: 10px 15px;
  color: #8392a5;
  font-size: 18px;
  white-space: nowrap;
  margin-top: 15px;
}

*::-ms-backdrop, .preise-content .first-section-preise .utilities .control {
  padding: 10px 25px;
}

.preise-content .first-section-preise .bottom-prices {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin: 0 auto;
  margin-top: 50px;
  left: 0;
  right: 0;
  justify-content: center;
}

.preise-content .second-section-preise .bottom-prices .left-price {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 0px 20px;
}

.preise-content .second-section-preise .bottom-prices .left-price>h2 {
  color: #313D4D;
  margin-bottom: 0px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0px;
}

.preise-content .right-price {
  padding-left: 20px;
  position: relative;
  top: -3px;
}

.preise-content .right-price>h1 {
  margin-bottom: 0px;
  font-weight: 700;
  line-height: 40px;
  color: #9BBF29;
  display: inline-block;
}

.preise-content .right-price>ul {
  padding: 0px;
  margin: 0px;
  display: inline-block;
  text-align: left
}

.preise-content .right-price>ul>li {
  list-style: none;
  padding-left: 10px;
  font-size: 15px;
}

.preise-content .right-price>ul>li.green-lists {
  top: 0px;
  color: #9BBF29;
  position: absolute;
  width: auto;
}

.preise-content .right-price>ul>li.green-lists::before {
  content: "/";
  font-family: FontAwesome;
  font-style: normal;
  font-size: 18px;
  position: absolute;
  left: 0;
  font-weight: 600;
}

.preise-content .right-price>h1>span {
  font-weight: 400;
}

.preise-content .add-on {
  background: #FCFCFC;
  padding: 30px;
  width: 350px;
  box-shadow: 0px 0px 20px rgba(000, 000, 000, 0.1);
  margin: 0 30px;
}

@media only screen and (max-width: 600px) {
  .preise-content .add-on{
    width: 100%;
    margin: 5px 0 5px 0;
  }
}

.preise-content .add-on p {
  font-size: 15px;
  line-height: 25px;
  color: #8392a5;
}

.preise-content .third-section-preise {
  background-color: #FCFCFC;
  display: flex;
  flex-wrap: wrap;
  padding: 100px 0px 100px 0px;
}

.preise-content .add-on .right-price {
  border: none;
  padding: 0px;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.options-table .table .top-images img,
.price-column img {
  max-width: 70px;
  height: auto;
  margin-bottom: 25px;
}

.options-table .table thead>tr>th.top-images {
  text-align: center;
}

@media only screen and (max-width: 400px) {
  .options-table {
    display:flex;
    flex-direction: column;
    align-items: center;
  }
  .options-table .table {
    margin-left: -30px;
  }

  .options-table h4 {
    font-size: 16px;
    line-height: 24px;
    padding-right: 5px;
  }	

  .preise-content .testen-button, .jetzt .testen-button {
    font-size: 14px;
    padding: 0 20px;

  }	
}

.basic h4,
.basic h2 {
  color: #a2a8af;
}

.bronze h4,
.bronce h2 {
  color: #79818b;
}

.silber h4,
.silber h2 {
  color: #5a6471;
}

.gold h4,
.gold h2 {
  color: #313D4D;
}

.options-table .table {
  border-bottom: 1px solid #ddd;
  margin-bottom: 50px;
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  padding: 20px 0px;
  line-height: 1.42857143;
  vertical-align: bottom;
  border-top: 1px solid #d9d9d9;
  font-weight: 600;
  font-size: 15px;
  color: #313D4D;
}

.options-table .table>tbody>tr>th {
  padding-left: 35px;
  vertical-align: middle;
}

.options-table .table>tbody>tr>td {
  text-align: center;
  vertical-align: middle;
}

.options-table .table>thead>tr>th {
  border-bottom: 1px solid #d9d9d9;
}

.options-table .table:last-child {
  border-bottom: none;
} 

.flex-section {
  display: flex;
  flex-wrap: wrap;
  -webkit-flex-flow: row wrap;
}

.price-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.price-column img {
  margin-bottom: 40px;
}

.check-img img {
  max-width: 25px;
}

.second-section-preise .add-on {
  padding: 40px 35px;
}

.last-price {
  text-align: left;
  border-bottom: 1px solid #dddddd;
  padding: 30px 0px;
}

.last-price .right-price ul>li.green-lists {
  color: #313D4D;
}

.last-price .right-price h3 {
  display: inline-block;
  font-weight: 700;
  line-height: 30px;
}

.last-price .right-price h3 span {
  font-weight: 400;
  float: left;
}


.last-price h4 {
  margin-bottom: 0px;
  font-weight: 700;
  color: #313D4D;
}

.last-price h5 {
  color: #8392a5;
}

.last-price .right-price {
  border-left: none;
  text-align: right;
  padding: 0px 30px;
}


.final-calculation .right-price {
  border-left: none;
  text-align: right;
}

.second-section-anw .kontakt-person .kontakt-person-icon a img {
  color: #9BBF29;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  font-size: 30px;
  justify-content: center;
  text-align: center;
  align-items: center;
  max-width: 30px;
}

.preise-accordion {
  background-color: #FCFCFC;
  padding: 50px 120px;
  box-shadow: 0px 0px 20px rgba(000, 000, 000, 0.1);
}

.preise-accordion .panel-default {
  border-bottom: 1px solid #d9d9d9;
  border-radius: 0px;
  background-color: transparent;
  box-shadow: none;
  border-left: none;
  border-right: none;
  border-top: none;
}

.preise-accordion .panel-default>.panel-heading {
  color: #333;
  background-color: transparent;
  border: none;
  text-align: left;
  padding-right: 0px;
}

.preise-accordion .panel-default>.panel-heading .panel-title a{
  color: #313D4D;
  font-size: 18px;
  font-weight: 600;
}

.preise-accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
  border: none;
  text-align: left;
  font-size: 15px;
  color: #8392a5;
  font-weight: 400;
  line-height: 22px;
  padding-top: 10px;
  padding-right: 80px;
}

.preise-accordion .panel-default > .panel-heading .accordion-toggle:after{
  content: "\e607";
  font-family: 'simple-line-icons';
  right: 14px;
  float: right;
  color: #313D4D;
  font-size: 22px;
}

.preise-accordion .panel-default>.panel-heading .accordion-toggle.collapsed::after{
  content: "\e604";
  font-family: 'simple-line-icons';
  float: right;
  color: #313D4D;
}

.preise-accordion .panel-group {
  border-top: 1px solid #ddd;
}

.copy-message {
  display: none;
  background-color: #F5F5F5;
  box-shadow: 0px 0px 20px rgba(000, 000, 000, 0.1);
  padding: 20px;
  position: absolute;
  width: 80%;
  margin-top: 20px;
  text-align: left;
}

#enterpreise .tech-support .mob-phone{
  text-align: center;
}

#enterpreise .tech-support .mob-phone a {
  position: relative;
  left: -5px;
}

.preise-content .second-section-anw button{
  border: none;
  margin-top: 20px;
}

.copy-message h5{
  margin-bottom: 0px;
}

.tage-testen {
  background: #313D4D;
}

.tage-testen .svg-img > svg {
  margin-bottom: -10px;
}

.tage-testen .top-banner {
  padding: 0px;
  height: 460px;
}

.tage-testen .default-form {
  position: absolute;
  top: -13em;
  right: 0px;
  margin-top: 0px;
  width: 100%;
  z-index:99;
}

.tage-testen .countNutz {
  display: inline-block !important;
}

.tage-testen .content-top, .tage-testen .content-section-team {
  padding: 30px 0px 50px 0px;
}

.tage-testen .utilities .control{
  margin-top: 20px;
  color: #8392a5;
}

.tage-testen .bottom-prices{
  width: 100%;
  float: left;
}

.tage-testen .hs-form .actions input.hs-button{
  width: 100%;
  background-color: #A6BC52 !important;
  height: 40px;
  font-weight: 700;
  border: none;
  color: #FCFCFC;
  padding: 0px 50px;
  margin-bottom: 0px;
  line-height: 22px;
  text-align: center;
  border-radius: 5px;
  font-size: 15px;
  box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: all linear 0.1s;
  display: inline-block;
  margin-top: 20px;
}

.tage-testen .tage-testen-section{
  padding: 0px 15px;
}

.tage-testen .hs-submit{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.top-banner {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  width: 100%;
  height: auto;
  background-size: cover;
  padding: 50px 0px 150px 0px;
  display: inline-block;
  margin-top: -28px;
}

.top-banner::before {
  content: "";
  background: #697687;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
}

svg > *,
.svg-top > *,
.svg-bottom > *,
.svg-img > * {
  max-width: 100vw;
}	


.svg-top {
  position: absolute;
  top: -5px;
  left: 0px;
  width: 100%;
  right: 0px;
  max-width: 100vw;
}

.svg-bottom {
  position: absolute;
  bottom: -5px;
  left: 0px;
  width: 100%;
  right: 0px;
  max-width: 100vw;
}

.tour-new.svg-bottom {
  bottom: 0;
}

.tour-new svg {
  margin-bottom: -14px;
}

.tour-new_flex-module .simple-text__text-section {
  padding-top: 40px;
}

.svg-img {
  margin-bottom: -10px;
  max-width: 100vw;
}

.content-top {
  padding: 100px 0px;
  z-index: 11;
  position: relative;
}

.content-section-team {
  padding: 150px 0px;
  z-index: 11;
  position: relative;
}

.contenti {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  text-align: center;
  width: 100%;
  height: auto;
  background-size: cover;
  padding: 100px 0px;
}

.contenti::before {
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/v3-images/pattern.png) repeat rgba(36, 47, 57, 0.9);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
}

.modal-messages .success-submit {
  display: none;
}
.modal-messages label.blue-button {
  position: relative;
  width: 100%;
  cursor: pointer;
}
.modal-messages label.file-uploaded { 
  background: none;
  color: #000;
  padding: 0px;
  box-shadow: none;
  text-transform: capitalize;
}

.modal-messages  .file-uploaded:hover, .file-uploaded:focus, .file-uploaded:active {
  background: none;
  color: #202a33;
}

.modal-messages label.blue-button span {
  width: 100%;
  cursor: pointer;
  padding: 9px 15px 9px 15px;
}

.modal-messages label.blue-button input[type="file"] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  opacity: 0;
}

.modal-messages .check-icon {
  width: 100px;
}

.modal-messages .checkmark {
  stroke: #86a335;
  stroke-dashoffset: 745.74853515625;
  stroke-dasharray: 745.74853515625;
  -webkit-animation: dash 2s ease-out forwards;
  animation: dash 2s ease-out forwards;
}

.modal-messages .file-uploaded label.blue-button input[type="file"] {
  left:auto;
  width:30px;
}

.modal-messages .file-uploaded:after {
  content: "";
  background: url(images/icons/x.svg) no-repeat;
  position: absolute;
  left: auto;
  top: 10px;
  width: 20px;
  height: 20px;
  text-align: center;
}

.modal-messages  .file-uploaded {
  text-align: left;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.modal-messages .checkmark {
  stroke: #86a335;
  stroke-dashoffset: 745.74853515625;
  stroke-dasharray: 745.74853515625;
  -webkit-animation: dash 2s ease-out forwards;
  animation: dash 2s ease-out forwards;
}

@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  0% {
    stroke-dashoffset: 745.74853515625;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

.st0 {
  fill: #F5F5F5;
}

.content-section .only-for-expert {
  display: none;
}

#header {
  height: 0;
}

.input.has-feedback.form-group.blue-button.button-upload-new span{
  font-weight: 700;
  font-size: 16px;
}

.input.has-feedback.form-group.blue-button.button-upload-new.file-uploaded .myPath{
  font-weight: 400;
  padding-right: 10px;
}

.forms-all .hs-button {
  width: 100%;
  padding: 0;
  border: none;
  background-color: #A6BC52 !important;
  color: #FCFCFC;
  height: 40px;
  text-align: center;
  border-radius: 3px;
  font-size: 15px;
  box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.25);
  display: inline-block;
}

.main-box-jobs-detail {
  width: 100% !important;
}

.hubspot-forms-jobs .form-columns-2,
.main-box.main-box-partner-werden .form-columns-2{
  max-width: unset;
}

.hubspot-forms-jobs .main-box.main-box-jobs-detail,
.main-box.main-box-partner-werden{
  width: 100%;
}

.hubspot-forms-jobs form{
  clear: both !important;
}

.hubspot-forms-jobs .hbspt-form{
  width: 100% !important;
  clear: both !important;
}

.forms-all form input[type="submit"] {
  width: 49% !important;
  background-color: #A6BC52 !important;
  border: none;
  color: #FCFCFC;
  padding: 0px !important;
  height: 40px;
  text-align: center;
  border-radius: 5px;
  font-size: 15px;
  box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.25);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  transition: all linear 0.1s;
  display: inline-block;
  background-image: none !important; 
  text-shadow: none; 
}

.forms-all input.hs-button.primary.large.form-control.disabled {
  background-image: unset !important;
  border: unset !important;
  opacity: 1;
  box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.25);
}

.forms-all form input[type="submit"]:focus, 
.forms-all form input[type="submit"]:active, 
.forms-all form input[type="submit"]:hover{
  background-image: none;
  border: none !important;
  box-shadow: inset 0 -4px 0 0 rgba(0, 0, 0, 0.25) !important;
} 

.forms-all .has-success .form-control, 
.hubspot-forms-testen .has-success .form-control{
  border-color: #8392a5;
}

.forms-all .form-group input,
.hubspot-forms-testen .form-group input{
  height: 40px;
  padding: 0px 20px !important;
  font-size: 14px !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box !important;
}

.forms-all textarea{
  width: 100% !important;
  border-color: #8392a5 !important;
}

.forms-all textarea.hs-input{
  padding: 15px 20px 0px 20px;
  transition: none;
  box-shadow: none;
  width: 100%;
  max-width: -webkit-fill-available;
  font-size: 14px;
}

.partner-details .forms-all form input[type="submit"] {
  width: 100% !important;
}

.jobs .forms-all .actions{
  padding: 0px !important;
  margin:20px 0px 0px 0px !important;
  display: inline-block !important;
  width: 100% !important;
}

.jobs .forms-all .actions input{
  width: 100% !important;
}

.jobs .forms-all .actions input:hover{
  border: none !important;
}

.jobs .forms-all .form-columns-2 .hs-form-field{
  padding: 0px 10px !important;
}

.jobs .field {
  padding-left: 10px !important;
  padding-right: 10px !important;
  margin-bottom: 0px !important;
}


.forms-all .actions{
  padding: 0px !important;
  margin: 0px !important;
}

.forms-all legend.hs-field-desc{
  width: 100%;
  cursor: pointer;
  display: inline-block;
  color: #FFFFFF !important;
  text-align: center;
  line-height: 40px;
  font-size: 15px;
  font-weight: 600;
  text-shadow: none;
  border: none;
}

.main-box-partner-werden{
  width: 100%;
}

.hubspot-forms-partner-werden input{
  font-size: 14px;
}

.hs_email .help-block.with-errors{
  display: none;
}

.forms-all label{
  margin-bottom: 0;
}

.forms-all .form-columns-2{
  max-width: 100% !important;
  width: 100% !important;
}

.forms-all .form-columns-2 .hs-form-field{
  width: 100%;
  margin-bottom: 0px !important;
}

.hbspt-form  .hs-form-field{
  margin-top: 20px;
}

.forms-all{
  padding-left: 30px;
  padding-right: 30px;
}

.hs-nutzer {
  padding-top: 5px;
}

.jobs .hs-field-desc{
  display: none !important;
}

.jobs .forms-all .form-group{
  margin-top: 20px;
  padding: 0px;
}

.hubspot-forms .hs_submit.hs-submit .actions{
  display: inline-block;
  width: 100%;
  padding: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.partner-details .hs-submit{
  width: 100% !important;
  display: inline-block;
  padding: 0px !important;
}

.header-container-wrapper .row-fluid [class*="span"],
.header-wrapper .row-fluid [class*="span"] { 
  min-height: 0px !important;
}

.row-fluid .span12{
  margin: 0px;
}

.success-stories .stories-section .hs_cos_wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
}

.success-stories .content-section{
  display: inline-block;
  width: 100%;
}

.boxes{
  position: relative;
}

#successModal, #exampleModal, #exampleModall{
  position: absolute;
  display: none;
  background:#FFFFFF;
  width: 100%;
  height: auto;
  left: 0;
  top: 0;
  box-shadow: 0px 0px 20px rgba(000, 000, 000, 0.1);
  padding: 30px 50px !important;
  z-index: 999;
}

#exampleModall .main-box .person-contact p{
  margin-bottom: 0px;
}

#successModal .main-box, #exampleModal .main-box{
  padding-top: 0px;
}

.close-button {
  width: 30px;
  height: 30px;
  opacity: 1;
  float: right;
  background: no-repeat;
  border: none;
  background-image: none;
  position: relative;
  top: -20px;
}

#exampleModal #defForm{
  margin-top: 30px;
  display: inline-block;
}

.partner-werden #successModal {
  height: auto !important;
}

.partner-werden #successModal h3{
  margin-bottom: 0px;
}

.partner-werden #successModal input[type=submit]{
  margin: 20px 0px;
}

.partner-werden .kontakt-person>img {
  max-width: 230px;
  max-height: 230px;
}

.partner-werden .person-contact p{
  margin-bottom: 0px;
}

.partner-werden #exampleModal .testen-button, 
.jobs #exampleModall .testen-button{
  margin-top: 30px;
  cursor: pointer;
}

.jobs .success-submit {
  display: none;
}

.jobs .form-columns-1 {
  float: left;
}

.button-upload-new.file-uploaded {
  background: none !important;
  color: #000;
  padding: 0px;
  box-shadow: none;
  text-transform: lowercase;
  margin-bottom: 0px;
}

.hs-field-desc{
  display: none;
}

.button-upload-new.file-uploaded:hover,
.file-uploaded:focus,
.file-uploaded:active {
  background: none !important;
  color: #202a33;
}

.jobs .hbspt-form input{
  max-width: inherit;
  width: 100%;
}

.jobs label span {
  width: 100%;
  cursor: pointer;
  display: inline-block;
  font-size: 15px;
  color: #FFFFFF;
  text-align: center;
  line-height: 40px;
}

.jobs input[type="file"] {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  opacity: 0;
  color: #FFFFFF !important;
}
.allwendungen .hs-cta-wrapper{
  margin: 0 auto !important;
}

.pg-none{
  display: none;
}

.hs-site-page{
  padding-right: 0px !important;
}

.cc-banner .cc-message {
  -ms-flex: inherit !important;
  flex: inherit !important;
  color: #8392a5;
  font-size: 13px;
}

.cc-banner .cc-message .cc-link span{
  display: inline-block;
  text-decoration: none;
  padding-left: 5px;
  color: #8392a5;
  font-size: 13px;
  font-weight: 400;
}

.cc-link{
  font-size: 13px;
  margin-bottom: 0px;
  color: #313D4D;
}

.cc-banner .cc-btn{
  color: #313D4D !important;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 0px;
  line-height: 15px;
}

.cc-banner .cc-btn:last-child{
  min-width: 120px !important;
  vertical-align: middle;
  align-items: center;
  margin-left: 20px;
  justify-content: center;
  line-height: 11px;
  position: relative;
}

.cc-banner .cc-btn::after{
  content: "";
  background: url(https://pages.coyoapp.com/hubfs/x.svg) no-repeat;
  left: auto;
  width: 12px;
  height: 12px;
  text-align: right;
  float: right;
  position: absolute;
  right: 0px;
}

.cc-revoke, .cc-window{
  justify-content: center;
}

.cc-window.cc-banner {
  padding: 2px 20px;
  box-shadow: 0px 0px 20px rgba(000, 000, 000, 0.1);
}

#filter-stories button::first-letter {
  text-transform: uppercase;
}

.content-section-jobs-bottom .kununu-box{
  display: inline-block;
}

.pagination .active a{
  font-weight: bold !important;
  color: black !important;
}

/*Header*/

.upscroll-nav {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 63px;
  background-color: #202a33;
  box-shadow: 0px 0px 20px rgba(000, 000, 000, 0.1);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}

.upscroll-nav::after {
  clear: both;
  content: "";
  display: block;
}

.upscroll-nav.is-hidden {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}

.upscroll-nav.is-hidden.bg-none {
  visibility: hidden;
}

.upscroll-nav .logo,
.upscroll-nav .nav-trigger {
  position: absolute;
  top: 45%;
  bottom: auto;
  -webkit-transform: translateY(-45%);
  -ms-transform: translateY(-45%);
  transform: translateY(-45%);
}

.upscroll-nav #navigation-bar>li {
  margin: 0px 26px;
}

.upscroll-nav .logo a,
.upscroll-nav .logo img {
  display: block;
  width: 85px;
  height: auto;
  margin: 0;
}

.upscroll-nav .nav-trigger {
  display: inline-block;
  height: 100%;
  padding: 2em 3em;
  font-size: 1.2rem;
  text-transform: uppercase;
  color: #FCFCFC;
  font-weight: bold;
  right: 0;
  margin-bottom: 0px;
}

.upscroll-nav .nav-trigger span {
  display: inline-block;
}

.upscroll-nav .nav-trigger em,
.upscroll-nav .nav-trigger em::after,
.upscroll-nav .nav-trigger em::before {
  /* this is the menu icon */
  display: block;
  position: relative;
  height: 2px;
  width: 22px;
  background-color: #FCFCFC;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.upscroll-nav .nav-trigger em {
  /* this is the menu central line */
  margin: 6px auto 14px;
  -webkit-transition: background-color .2s;
  transition: background-color .2s;
}

.upscroll-nav .nav-trigger em::before,
.upscroll-nav .nav-trigger em::after {
  position: absolute;
  content: '';
  left: 0;
  -webkit-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
  transition: transform .2s;
  transition: transform .2s, -webkit-transform .2s;
}

.upscroll-nav .nav-trigger em::before {
  /* this is the menu icon top line */
  -webkit-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px);
}

.upscroll-nav .nav-trigger em::after {
  /* this is the menu icon bottom line */
  -webkit-transform: translateY(6px);
  -ms-transform: translateY(6px);
  transform: translateY(6px);
}

.upscroll-nav .primary-navigation>ul>li .sub-navigation li>ul>li>ul>li>a >img{
  width: 16px;
  margin-right: 10px;
  max-height: 20px;
}

@media (max-width: 992px) {
  .upscroll-nav {
    min-height: 63px;
    height: auto;
  }
  .upscroll-nav .logo {
    top: 25px;
    left: 25px;
  }
  .upscroll-nav.nav-open {
    overflow-y: scroll;
    height: 100vh;
  }

  .no-pd-tablet{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .partner .inner-section-tab{
    display: none;
  }

  .partner .inner-section-drop{
    display: block;
    padding: 0;
  }

  .home-page .inner-section-tab{
    display: none;
  }

  .home-page .inner-section-drop{
    display: block;
    padding: 0;
  }

  .tab-container {
    text-align: left;  
  }

  .tab-container .nav-tabs > li {
    padding-right: 0px;
    float: none;
  }

  .tab-container .nav-tabs > li > a {
    padding: 10px 0px;
    border-bottom: 1px solid #dddddd;
  }

  .tab-container .nav-tabs > li.active > a, .tab-container .nav-tabs > li.active > a:focus, .tab-container .nav-tabs > li.active > a:hover {
    color: #317DC1;
  }

  .tab-container .nav-tabs{
    border-bottom: none;
  }

  .tab-container ul>li {
    list-style: none !important;
  }

  .panel-default ul>li:last-child > a {
    border-bottom: none;
    margin-bottom: -13px;
  }
}

@media only screen and (min-width: 993px) {
  .upscroll-nav .nav-trigger {
    display: none;
  }
}

.upscroll-nav.nav-open .nav-trigger em {
  /* transform menu icon into a 'X' icon */
  background-color: rgba(255, 255, 255, 0);
}

.upscroll-nav.nav-open .nav-trigger em::before {
  /* rotate top line */
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.upscroll-nav.nav-open .nav-trigger em::after {
  /* rotate bottom line */
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.upscroll-nav .primary-navigation {
  display: inline-block;
  float: right;
  height: 100%;
}

.upscroll-nav .primary-navigation>ul {
  position: absolute;
  z-index: 2;
  top: 80px;
  left: 0;
  width: 100%;
  background-color: #202a33;
  display: none;
  box-shadow: 0 14px 20px rgba(0, 0, 0, 0.2);
}

.upscroll-nav .primary-navigation>ul a {
  /* target primary-nav links */
  display: block;
  line-height: 50px;
  padding-left: 5%;
  color: #25283D;
  font-size: 1.8rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.upscroll-nav .primary-navigation .lang a{
  text-transform: uppercase;
}

.upscroll-nav .primary-navigation > ul > li:hover a,
.upscroll-nav .primary-navigation > ul > li > a.active {
  color: #FCFCFC;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.upscroll-nav .primary-navigation .lang a span{
  text-transform: lowercase;
}

@media only screen and (min-width: 993px) {
  .upscroll-nav .primary-navigation {
    /* vertically align its content */
    display: table;
  }
  .upscroll-nav .primary-navigation>ul {
    /* vertically align inside parent element */
    display: table-cell;
    /* reset mobile style */
    position: relative;
    width: auto;
    top: 0;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
  }
  .upscroll-nav .primary-navigation>ul::after {
    clear: both;
    content: "";
    display: block;
  }
  .upscroll-nav .primary-navigation>ul>li {
    display: inline-block;
    float: left;
    position: relative;
    padding: 15px 0px;
    margin: 0px 15px;
  }

  .upscroll-nav .primary-navigation>ul>li .sub-navigation li {
    list-style: none;
  }

  .upscroll-nav .primary-navigation>ul>li .sub-navigation li>a {
    color: #313D4D;
    font-weight: 600 !important;
    line-height: 32px;
    font-size: 15px;
    padding: 0;
  }

  .upscroll-nav .primary-navigation>ul>li .sub-navigation li>ul>li {
    list-style: none;
  }

  .upscroll-nav .primary-navigation>ul>li .sub-navigation li>ul>li>ul>li>a {
    text-transform: capitalize;
    color: #8392a5;
    font-weight: 400 !important;
    font-size: 14px;
    padding: 0;
    line-height: 32px;
  }

  .upscroll-nav .primary-navigation>ul>li .sub-navigation li>ul>li>ul>li>a>i {
    padding-right: 10px;
  }

  .upscroll-nav .primary-navigation>ul li:last-of-type {
    margin-right: 0;
  }
  .upscroll-nav .primary-navigation>ul a {
    /* reset mobile style */
    height: auto;
    line-height: normal;
    padding: 0;
    border: none;
  }

  #header .sub-navigation .tooltips span {
    top: -7px;
  }

  #header .upscroll-nav .sub-navigation .tooltips span {
    top: 0px;
  }

}

.nav-open .primary-navigation ul,
.primary-navigation ul:target {
  /* 
  show primary nav - mobile only 
  :target is used to show navigation on no-js devices
  */
  display: block;
}

.upscroll-nav .info-header {
  float: right;
  display: inline-block;
  padding: 15px 0px;
}

.upscroll-nav .info-header ul {
  padding: 0px;
  margin: 0px;
}

.upscroll-nav .info-header ul li {
  display: inline-block;
  list-style: none;
  color: #86a335;
  padding: 0px 0px 0px 30px;
}

.upscroll-nav .info-header ul li a {
  font-size: 13px;
  font-family: 'Source Sans Pro', sans-serif;
  color:#9BBF29;
}

.email, 
.phone {
  position: relative;
  bottom: 1px; 	
}

.upscroll-nav .info-header ul li a:hover {
  color: #86a335;
}

.upscroll-nav .info-header ul li a i {
  padding-right: 10px;
}

.upscroll-nav .primary-navigation>li {
  display: inline;
  margin: 0px 0px 0px 47px;
  font-weight: 300;
}

.upscroll-nav .primary-navigation ul>li>a {
  font-size: 15px;
  line-height: 32px;
  margin: 0 0 0 0;
  padding: 0px 0 0px 0px;
  text-transform: uppercase;
  position: relative;
  color: #fff;
  font-weight: 600;
}

.upscroll-nav .primary-navigation ul>li>ul>li a {
  font-weight: 400;
}

.upscroll-nav .email  {
  position: relative;
  bottom: 2px;  	
}

.upscroll-nav .primary-navigation ul li:hover>ul {
  opacity: 1;
  visibility: visible;
}

.upscroll-nav .primary-navigation ul .column-style ul li a {
  font-weight: 600;
  color: #202a33;
  font-size: 14px;
  float: left;
}

.upscroll-nav .primary-navigation ul>.sub-navigation {
  position: absolute;
  left: 0;
  background: #FCFCFC;
  padding: 40px;
  top: 100%;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
  border-top: 1px solid #EEEEEE;
  border-radius: 5px;
}

.upscroll-nav .sub-navigation>li>ul>li>a {
  color: #313D4D !important;
  font-weight: 600 !important;
}

.upscroll-nav ul .sub-navigation {
  position: absolute;
  left: 0;
  background: #FCFCFC;
  padding: 26px 40px;
  top: 100%;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
  border-top: 1px solid #EEEEEE;
  border-radius: 5px;
}

.upscroll-nav ul .sub-navigation::before {
  content: "\f0d8";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #FCFCFC;
  font-size: 24px;
  position: absolute;
  top: -22px;
  left: 10px;
}

.upscroll-nav ul ul::before {
  top: -30px;
}

.upscroll-nav ul ul li:last-of-type ul li {
  line-height: 28px;
  text-align: left;
  list-style: none;
  white-space: nowrap;
}

.upscroll-nav ul ul a {
  padding: 10px 0px;
  color: #8392a5;
  line-height: 28px;
  font-size: 15px;
  font-weight: 400;
}

.upscroll-nav ul ul a img {
  width: 16px;
  margin-right: 10px;
}

.upscroll-nav ul ul a .mobile-img{
  width: 10px;
  text-align: center;
  margin-left: 4px;
}

.upscroll-nav ul li>ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
}

.upscroll-nav ul li:hover>ul {
  opacity: 1;
  visibility: visible;
}

.upscroll-nav ul .sub-navigation>li:first-of-type ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  padding: 0;
}

.upscroll-nav ul li>ul>li:last-of-type ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

.upscroll-nav ul li:not(:first-of-type) .sub-navigation {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

.upscroll-nav ul li:not(:first-of-type) .sub-navigation li {
  white-space: nowrap;
  color: #313D4D;
}

.upscroll-nav .primary-navigation ul .column-style a.tooltips {
  position: relative;
  display: inline;
  margin-left: 13px !important;
  top: 5px;
}

.upscroll-nav .primary-navigation ul .column-style a.tooltips span {
  position: absolute;
  color: #fff;
  background: #2693ff;
  height: 22px;
  width: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 3px;
}

.upscroll-nav .primary-navigation ul .column-style a.tooltips span:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  width: 0;
  height: 0;
  border-right: 5px solid #2693ff;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}

.downscroll-nav {
  width: 100%;
  height: 90px;
  color: #fff;
  line-height: inherit;
  position: absolute;
  transition: all 0.5s ease;
  background: transparent;
  z-index: 9999;
}

.downscroll-nav .info-header {
  text-align: right;
  margin-top: 10px;
}

.downscroll-nav .info-header ul {
  padding: 0px;
  margin: 0px;
}

.downscroll-nav .info-header ul li {
  display: inline-block;
  list-style: none;
  color: #86a335;
  padding: 0px 0px 0px 30px;
}

.downscroll-nav .info-header ul li a {
  font-size: 13px;
  font-family: 'Source Sans Pro', sans-serif;
  color:  #C9ED51;
}

.downscroll-nav .primary-navigation>ul a:hover,
.downscroll-nav .primary-navigation>ul a.active {
  color: #FCFCFC;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.downscroll-nav .info-header ul li a i {
  padding-right: 10px;
}

.downscroll-nav .info-header .icons:before {
  vertical-align: middle;
}

.downscroll-nav .logo {
  float: left;
}

.header-minimal .downscroll-nav .logo {
  float: none;
  margin-top: 42px;
}

@media (max-width:1200px) {
  .header-minimal .downscroll-nav .logo {
    margin-top: 35px;
  }
}

.downscroll-nav .primary-navigation {
  float: right;
  padding: 15px 0px;
}

.downscroll-nav .primary-navigation ul {
  padding: 0;
  margin: 0;
  text-align: right;
}

.downscroll-nav .primary-navigation>ul>li {
  display: inline;
  position: relative;
  padding: 0px;
  margin: 0px 0px 0px 47px;
}

.downscroll-nav .primary-navigation ul>li>a {
  font-size: 15px;
  line-height: 20px;
  white-space: nowrap;
  margin: 0 0 0 0;
  padding: 30px 0 0px 0px;
  text-transform: uppercase;
  position: relative;
  color: #fff;
  font-weight: 600 ;

  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.downscroll-nav .primary-navigation ul>li:hover a {
  color: #FCFCFC;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.downscroll-nav .logo a img {
  max-width: 150px;
  margin-top: -10px;
}

.downscroll-nav .primary-navigation ul>li .sub-navigation {
  position: absolute;
  left: 0;
  background: #FCFCFC;
  padding: 26px 40px;
  margin-top: 5px;
  top: 100%;
  text-align: left;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
  border-top: 1px solid #EEEEEE;
  border-radius: 5px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;
}

.downscroll-nav .primary-navigation ul>li .sub-navigation::before {
  content: "\f0d8";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #FCFCFC;
  font-size: 18px;
  position: absolute;
  top: -15px;
  left: 10px;
}

.downscroll-nav .primary-navigation ul > li {
  list-style: none;
}
.downscroll-nav .primary-navigation ul>li .sub-navigation>li>ul>li>a {
  color: #313D4D !important;
  font-weight: 600 !important;
  line-height: 40px;
  font-size: 15px;
  padding: 0;
}

.downscroll-nav .primary-navigation>ul>li .sub-navigation li>ul>li>ul>li>a {
  text-transform: capitalize;
  color: #8392a5;
  font-weight: 400 !important;
  font-size: 14px;
  padding: 0;
  line-height: 32px;
}

.downscroll-nav .primary-navigation>ul>li .sub-navigation li>ul>li>ul>li> a .mobile-img{
  width: 10px;
  text-align: center;
  margin-left: 4px;
}

.downscroll-nav .primary-navigation>ul>li .sub-navigation li>ul>li>ul>li>a >img{
  width: 16px;
  margin-right: 10px;
  max-height: 20px;
}

.downscroll-nav .primary-navigation>ul>li .sub-navigation li>ul>li>ul>li>a>i {
  padding-right: 10px;
}

.downscroll-nav .primary-navigation>ul>.column-style .sub-navigation>li>a {
  line-height: 32px;
  padding: 0;
  color: #202a33;
  font-size: 14px;
}

.downscroll-nav .primary-navigation ul li:hover>ul {
  opacity: 1;
  visibility: visible;
}

.downscroll-nav .primary-navigation ul .sub-navigation>li:first-of-type ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;

  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;    
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1 0 auto;
  padding: 0;
  text-align: left;
}

.downscroll-nav .primary-navigation ul .sub-navigation>li:last-of-type ul {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -o-flex;
  display: flex;

  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -o-flex-direction: column;    
  -ms-flex-direction: column;
  flex-direction: column;

  -ms-flex: 1 0 auto;

  margin-left: 20px;
  text-align: left;
}

.downscroll-nav .primary-navigation ul .sub-navigation>li>ul>li>a {
  color: #313D4D !important;
  font-weight: 600 !important;
}

.downscroll-nav .primary-navigation ul li:not(:first-of-type) .sub-navigation {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1 0 auto;
}

.downscroll-nav .primary-navigation ul .column-style a.tooltips {
  position: relative;
  display: inline;
  margin-left: 13px !important;
  top: 5px;
}

.jobs-details-scroll{
  position: relative;
}

.left-sidebar-pos{
  width:33.33333333%;
  display: inline-block;
}

.right-from-sidebar{
  width: 66.66666667%;
  float: right;
}

@media (min-width: 993px) and (max-width: 1199px) {
  .upscroll-nav #navigation-bar>li {
    margin: 0px 13px;
  }
}

@media only screen and (min-width: 993px) {
  .nav-open .primary-navigation ul,
  .primary-navigation ul:target {
    display: table-cell;
  }
}

@media (max-width: 992px) {
  .upscroll-nav ul .sub-navigation {
    position: relative;
    opacity: 1;
    visibility: visible;
    width: 100%;
    display: none;
    transition: 0s;
  }
  .upscroll-nav .primary-navigation>ul {
    position: relative;
    background-color:  #101D30;
    box-shadow: none !important;
    padding: 0;
  }

  .upscroll-nav .primary-navigation > ul > li{
    border-top: 1px solid ;
  }
  .upscroll-nav ul ul li:last-of-type ul li:last-child{
    border-top: 1px solid ;
  }
  .upscroll-nav .primary-navigation {
    width: 100%;
  }

  .upscroll-nav ul .sub-navigation {
    background: #202a33;
    padding: 0px;
    text-align: left;
    transition: 0s;
    box-shadow: none;
    border-top: none;
  }

  .upscroll-nav #navigation-bar>li {
    margin: 0px 0px;
    list-style: none;
  }

  .upscroll-nav ul .sub-navigation>li,
  .upscroll-nav ul .sub-navigation>li>ul>li {
    list-style: none;
  }

  .upscroll-nav ul .sub-navigation{
    padding-bottom: 25px;
  }

  .upscroll-nav ul .sub-navigation::before {
    content: "";
  }

  .upscroll-nav ul li>ul>li:last-of-type ul {
    padding: 0;
  }

  .upscroll-nav ul ul li:last-of-type ul li ul {
    padding-left: 30px;
  }

  .upscroll-nav .sub-navigation>li>ul>li>a {
    color: #8392a5 !important;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .upscroll-nav ul li:not(:first-of-type) .sub-navigation li {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -o-flex;
    display: flex;
  }

  .upscroll-nav ul li:not(:first-of-type) .sub-navigation li a {
    color: #8392a5;
  }

  .upscroll-nav .primary-navigation .lang > a{
    display: flex;
    text-transform: capitalize;
    padding-bottom: 0px;
  }

  .upscroll-nav .primary-navigation .lang > a span.visible-xs{
    text-transform: lowercase !important;
  }

  .downscroll-nav{
    display: none;
  }
  .downscroll-nav .info-header {
    display: none;
  }

  .upscroll-nav .info-header{
    display: none;
  }

  .upscroll-nav .primary-navigation ul>li>a {
    padding: 20px 55px 20px 55px;
  }

  .upscroll-nav .primary-navigation>ul>li .sub-navigation li>ul>li>ul>li>a{
    padding: 5px 55px;
    text-transform: capitalize;
  }

  .upscroll-nav ul ul a img {
    display: none;
  }

  .upscroll-nav .primary-navigation>ul>.column-style .sub-navigation>li>a {
    padding: 5px 0px 5px 80px;
    text-transform: inherit;
  }

  .upscroll-nav .primary-navigation ul .column-style a.tooltips{
    padding-left: 0px !important;
  }

  #navigation-bar > li:first-of-type > ul.mob-flex{
    display: flex;
    flex-direction: column-reverse;
  }

  .upscroll-nav .primary-navigation > ul > li.lang.visible-xs{
    border:none;
  }

  .upscroll-nav.bg-none:not(.nav-open){
    background-color: transparent;
    box-shadow: none;
  }

  .upscroll-nav #navigation-bar > .contact-info > a{
    vertical-align: middle;
    line-height: 20px;
    color: #86a335;
  }

  .upscroll-nav #navigation-bar > .contact-info > a > span{
    padding-left: 10px;
    text-transform: lowercase;
  }

  .home-page .no-padding{
    padding-left: 0px;
    padding-right: 0px;
  }

  .upscroll-nav .primary-navigation ul .column-style a.tooltips {
    top: 10px;
  }
}

.info-header ul li a:hover{
  color: #86a335;
}

/*Helper*/

.clear { clear: both; }
.parsley-error-list { display: block !important; padding: 0px; margin: 0px; }
.checkbox_group.parsley-error { border: 0px solid #ff0000 !important; }
.selectparent.parsley-error { border: 0px solid #ff0000 !important; }
.selectparent.parsley-error .sbHolder { border: 1px solid #ff0000 !important; }
.sucses,.success { font-size: 20px !important;color: #5bba53 !important; }
.error { font-size: 20px !important;color: #ff0000 !important;}
.mt100 { margin-top: 100px !important; }
.mt150 { margin-top: 150px !important; }
.mt80 { margin-top: 80px !important; }
.mt60 { margin-top: 60px !important; }
.mt50 { margin-top: 50px !important; }
.mt45 { margin-top: 45px !important; }
.mt40 { margin-top: 40px !important; }
.mt35 { margin-top: 35px !important; }
.mt30 { margin-top: 30px !important; }
.mt25 { margin-top: 25px !important; }
.mt20 { margin-top: 20px !important; }
.mt15 { margin-top: 15px !important; }
.mt10 { margin-top: 10px !important; }
.mt5 { margin-top: 5px !important; }
.mt0 { margin-top: 0px !important; }
.mt-150 { margin-top: -150px !important; }
.mt-50 { margin-top: -50px !important; }
.mt-45 { margin-top: -45px !important; }
.mt-40 { margin-top: -40px !important; }
.mt-35 { margin-top: -35px !important; }
.mt-30 { margin-top: -30px !important; }
.mt-25 { margin-top: -25px !important; }
.mt-20 { margin-top: -20px !important; }
.mt-15 { margin-top: -15px !important; }
.mt-10 { margin-top: -10px !important; }
.mt-5 { margin-top: -5px !important; }
.mr100 { margin-right: 100px !important; }
.mr80 { margin-right: 80px !important; }
.mr60 { margin-right: 60px !important; }
.mr50 { margin-right: 50px !important; }
.mr45 { margin-right: 45px !important; }
.mr40 { margin-right: 40px !important; }
.mr35 { margin-right: 35px !important; }
.mr30 { margin-right: 30px !important; }
.mr25 { margin-right: 25px !important; }
.mr20 { margin-right: 20px !important; }
.mr15 { margin-right: 15px !important; }
.mr10 { margin-right: 10px !important; }
.mr5 { margin-right: 5px !important; }
.mr0 { margin-right: 0px !important; }
.mr-50 { margin-right: -50px !important; }
.mr-45 { margin-right: -45px !important; }
.mr-40 { margin-right: -40px !important; }
.mr-35 { margin-right: -35px !important; }
.mr-30 { margin-right: -30px !important; }
.mr-25 { margin-right: -25px !important; }
.mr-20 { margin-right: -20px !important; }
.mr-15 { margin-right: -15px !important; }
.mr-10 { margin-right: -10px !important; }
.mr-5 { margin-right: -5px !important; }
.mb150 { margin-bottom: 150px !important; }
.mb200 { margin-bottom: 200px !important; }
.mb100 { margin-bottom: 100px !important; }
.mb150 { margin-bottom: 150px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb0 { margin-bottom: 0px !important; }
.mb-50 { margin-bottom: -50px !important; }
.mb-45 { margin-bottom: -45px !important; }
.mb-40 { margin-bottom: -40px !important; }
.mb-35 { margin-bottom: -35px !important; }
.mb-30 { margin-bottom: -30px !important; }
.mb-25 { margin-bottom: -25px !important; }
.mb-20 { margin-bottom: -20px !important; }
.mb-15 { margin-bottom: -15px !important; }
.mb-10 { margin-bottom: -10px !important; }
.mb-5 { margin-bottom: -5px !important; }
.ml100 { margin-left: 100px !important; }
.ml80 { margin-left: 80px !important; }
.ml60 { margin-left: 60px !important; }
.ml50 { margin-left: 50px !important; }
.ml45 { margin-left: 45px !important; }
.ml40 { margin-left: 40px !important; }
.ml35 { margin-left: 35px !important; }
.ml30 { margin-left: 30px !important; }
.ml25 { margin-left: 25px !important; }
.ml20 { margin-left: 20px !important; }
.ml15 { margin-left: 15px !important; }
.ml10 { margin-left: 10px !important; }
.ml5 { margin-left: 5px !important; }
.ml0 { margin-left: 0px !important; }
.ml-50 { margin-left: -50px !important; }
.ml-45 { margin-left: -45px !important; }
.ml-40 { margin-left: -40px !important; }
.ml-35 { margin-left: -35px !important; }
.ml-30 { margin-left: -30px !important; }
.ml-25 { margin-left: -25px !important; }
.ml-20 { margin-left: -20px !important; }
.ml-15 { margin-left: -15px !important; }
.ml-10 { margin-left: -10px !important; }
.ml-5 { margin-left: -5px !important; }
.pt180 { padding-top: 180px !important; }
.pt150 { padding-top: 150px !important; }
.pt100 { padding-top: 100px !important; }
.pt80 { padding-top: 80px !important; }
.pt60 { padding-top: 60px !important; }
.pt50 { padding-top: 50px !important; }
.pt45 { padding-top: 45px !important; }
.pt40 { padding-top: 40px !important; }
.pt35 { padding-top: 35px !important; }
.pt30 { padding-top: 30px !important; }
.pt25 { padding-top: 25px !important; }
.pt20 { padding-top: 20px !important; }
.pt15 { padding-top: 15px !important; }
.pt10 { padding-top: 10px !important; }
.pt5 { padding-top: 5px !important; }
.pt0 { padding-top: 0px !important; }
.pr100 { padding-right: 100px !important; }
.pr80 { padding-right: 80px !important; }
.pr60 { padding-right: 60px !important; }
.pr50 { padding-right: 50px !important; }
.pr45 { padding-right: 45px !important; }
.pr40 { padding-right: 40px !important; }
.pr35 { padding-right: 35px !important; }
.pr30 { padding-right: 30px !important; }
.pr25 { padding-right: 25px !important; }
.pr20 { padding-right: 20px !important; }
.pr15 { padding-right: 15px !important; }
.pr10 { padding-right: 10px !important; }
.pr5 { padding-right: 5px !important; }
.pr0 { padding-right: 0px !important; }
.pb250 { padding-bottom: 250px !important; }
.pb150 { padding-bottom: 150px !important; }
.pb125 { padding-bottom: 100px !important; }
.pb100 { padding-bottom: 100px !important; }
.pb80 { padding-bottom: 80px !important; }
.pb60 { padding-bottom: 60px !important; }
.pb50 { padding-bottom: 50px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb0 { padding-bottom: 0px !important; }
.pl100 { padding-left: 100px !important; }
.pl80 { padding-left: 80px !important; }
.pl60 { padding-left: 60px !important; }
.pl50 { padding-left: 50px !important; }
.pl45 { padding-left: 45px !important; }
.pl40 { padding-left: 40px !important; }
.pl35 { padding-left: 35px !important; }
.pl30 { padding-left: 30px !important; }
.pl25 { padding-left: 25px !important; }
.pl20 { padding-left: 20px !important; }
.pl15 { padding-left: 15px !important; }
.pl10 { padding-left: 10px !important; }
.pl5 { padding-left: 5px !important; }
.pl0 { padding-left: 0px !important; }
.pd0 { padding: 0px !important; }
.pa30{ padding: 0px 30px !important; }
.mg0 { margin: 0px !important; }
.pstatic { position: static !important; }
.prelative { position: relative !important; }
.dinblock { display: inline-block !important; }
.dblock { display: block !important; }
.dnone { display: none}
.osy { overflow-y: auto !important; }
.ohx { overflow-x: hidden !important; }
.oh { overflow: hidden !important; }
.fs30 { font-size: 30px !important;line-height: 36px !important; }
.fs28 { font-size: 28px !important;line-height: 34px !important; }
.fs26 { font-size: 26px !important;line-height: 32px !important; }
.fs24 { font-size: 24px !important;line-height: 30px !important; }
.fs22 { font-size: 22px !important;line-height: 28px !important; }
.fs20 { font-size: 20px !important;line-height: 26px !important; }
.fs18 { font-size: 18px !important;line-height: 24px !important; }
.fs16 { font-size: 16px !important;line-height: 22px !important; }
.fs14 { font-size: 14px !important;line-height: 20px !important; }
.fs12 { font-size: 12px !important;line-height: 18px !important; }
.fs0 { font-size: 0px !important; }
.fw100{font-weight: 100 !important;}
.fw200{font-weight: 200 !important;}
.fw300{font-weight: 300 !important;}
.fw400{font-weight: 400 !important;}
.fw500{font-weight: 500 !important;}
.fw600{font-weight: 600 !important;}
.fw700{font-weight: 700 !important;}
.fw800{font-weight: 800 !important;}
.fw900{font-weight: 900 !important;}
::i-block-chrome, .fs0 { font-size: initial !important; letter-spacing: -0.31em !important;}
::i-block-chrome, .fs0 > *{ letter-spacing: initial !important;}
.fnone { float: none !important; }
.fleft { float: left !important; }
.fright { float: right !important; }
.height100 { height: 100% !important; }
.height50 { height: 50% !important; }
.width100 { width: 100% !important; }
.width50 { width: 50% !important; }
.width25 { width: 25% !important; }
.width20 { width: 20% !important; }
.wauto { width: auto !important; }
.vtop{ vertical-align: top !important; }
.vmiddle{ vertical-align: middle !important; }
.vbottom{ vertical-align: bottom !important; }
.text-uppercase { text-transform: uppercase; }
body .equale-childs { display: table; width: 100%; margin: 0; padding: 0; }
body .equale-childs > div { float: none; display: table-cell; vertical-align: top; }
#yourwebisonline-admin-toggle {  z-index: 999999999999999; }
.listinside li { list-style-position: inside; }
.myimg-responsive { display:block;width:100%;height:auto;}
.nobuton > .flex-direction-nav { display: none; }
.peventnone{ pointer-events: none; }
.zi9 { z-index: 9; }
.zi99 { z-index: 9999; }
.popup_holder { visibility: hidden; height: 0; overflow: hidden; }
.div2colum {
  -webkit-column-count: 2; 
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
}

.pabsolute {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.element {
  display: table;
  height: 100%;
  width: 100%;
}

.element-top {
  display: table-cell;
  vertical-align: top;
}

.element-middle {
  display: table-cell;
  vertical-align: middle;
}

.element-bottom {
  display: table-cell;
  vertical-align: bottom;
}

button {
  outline: 0 none;
}

img {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.selectEnable img {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
}

.img_grayscale img {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
  filter: gray;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.img_grayscale:hover img {
  filter: url("");
  filter: none;
  -webkit-filter: grayscale(000%);
  -moz-filter: grayscale(000%);
}

.bt { border-top: 1px solid #FFFFFF !important; }
.br { border-right: 1px solid #FFFFFF !important; }
.bb { border-bottom: 1px solid #FFFFFF !important; }
.bl { border-left: 1px solid #FFFFFF !important; }


/*Range*/
.rangeslider,
.rangeslider__fill {
  display: block;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.rangeslider {
  background: #f2f2f2;
  position: relative;
  margin: 0 7px 0 7px;
}

.rangeslider--horizontal {
  height: 10px;
  width: 100%;
  margin: 0 5px 0 5px;
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  position: absolute;
}
.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}
.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: #FCFCFC;
  cursor: pointer;
  display: inline-block;
  width: 30px;
  height: 30px;
  position: absolute;
  background-size: 100%;
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.rangeslider--horizontal .rangeslider__handle {
  top: -10px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}

input[type="range"]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

/*Media */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ 
  .svg-img, .svg-top, .svg-bottom, .svg-img-abs, .svg-img-trans{
    width: 100%;
  }

  .svg-img svg, 
  .svg-top svg, 
  .svg-bottom svg,
  .svg-img-abs svg,
  .svg-img-trans svg{
    width: 100em;
    max-width: 100%;
    height: 18em;
    margin-bottom: -75px !important;
  }

  .masonry-item .white-box{
    display: inline-block;
  }

  .content-section-jobs-bottom .content-section-team .svg-img-abs svg{
    bottom: 70px;
  }

  .jobs .svg-top{
    top: -70px;
  }

  .uber-uns .svg-top, .partner-details .svg-top, .partner .content-section-team .svg-top{
    top: -70px;
  }

  .primary-navigation #navigation-bar li:first-child .sub-navigation{
    width: 450px !important;
  }

  .content-section-jobs-bottom .jobi .cat-department-content{
    display: inline-block;
  }

  *::-ms-backdrop, .content-section-jobs-bottom .jobi .cat-department-content{
    height: 100%;
    width: 100%;
    background: rgba(49, 61, 77, 0.9); 
    transition: background-color 0.4s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  *::-ms-backdrop, .content-section-jobs-bottom .jobi .cat-department-content h2{
    width: 99%;
    text-align: center;
  }

  .svg-bottom .iconi{
    top: 40px !important
  }

  .single-storie .white-box-single ul li img{
    height: 45px;
  }

  .allwendungen, .boxes{
    justify-content: flex-start;
  }

  .hs-form-bb9cdbf8-c91f-4af2-b674-e2d5fe785832_950ec1a4-7fb5-4fda-8eed-70a0ec71d3bc textarea{
    box-sizing: border-box !important;
  }
}

@media (min-width: 2000px) {
  .preise .top-banner {
    height: 600px !important;
    padding: 100px 0px 100px 0px !important;
  }

  .svg-img-abs .iconi {
    top: 35px;
  }

  .fourth-section-anw .img-under {
    top: 80px;
  }

  .contact .top-banner {
    height: 550px;
  }

  .svg-bottom .iconi {
    top: 50px;
  }

  .uber-uns .top-banner {
    height: 900px;
  }

  .home-page .banner-content {
    bottom: 160px;
  }

  .content-section-jobs-bottom .kununu-box{
    top: -20em;
  }

  .partner .top-banner {
    padding: 100px 0px 50px 0px;
    height: 600px;
  }

  .top-banner {
    height: 700px;
    padding: 70px 0px 200px 0px;
  }

  .partner-details .content-section-team{
    padding: 250px 0px 250px 0px;
  }

  .partner-werden .inner-bottom-bottom-sec {
    padding-bottom: 350px;
  }

  .content-section-team {
    padding: 250px 0px;
  }

  .content-section-jobs-bottom .kununu-box {
    top: -23em;
  }

  .content-banner {
    height: 1500px;
  }
}

@media (min-width: 1500px) and (max-width: 1999px){
  .top-banner {
    padding: 50px 0px 200px 0px;
  }

  .tage-testen .top-banner {
    padding: 0px;
  }

  .svg-bottom .iconi {
    top: 20px;
  }

  .uber-uns .top-banner {
    height: 900px;
  }

  .contact .top-banner {
    height: 500px;
  }

  .home-page .banner-content {
    bottom: 100px;
  }

  .partner .top-banner {
    height: 500px;
  }

  .partner-details .content-section-team {
    padding: 200px 0px;
  }
}


@media (min-width: 1244px) { 
  .container-fluid{
    width: 1244px;
  }

  .content-banner {
    height: 1200px;        
  }

  .content-section-jobs-bottom .kununu-box{
    top: -15em;
    display: inline-block;
  }

  .content-top  {
    padding: 120px 0px 120px 0px;
  }

  .jobs .content-section-team.bottom-bg {
    height: 100%;
    padding:12% 0px 5% 0px;
  }

  .jobs .main-box {
    margin-top: 50px;
  }

  .jobs .contenti .content-section-team{
    padding: 12% 0px 10% 0px;
    height: 100%;
  }

  .partner-werden .partner-section-content{
    padding-bottom: 220px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
    /* --------------------------------------------
        TYPOGRAPHY
    -------------------------------------------- */
  h1 {
    font-size: 32px;
    line-height: 38px;
  }
  h2 {
    font-size: 28px;
    line-height: 32px;
  }
  h3 {
    font-size: 26px;
    line-height: 30px;
  }
  h4 {
    font-size: 20px;
    line-height: 26px;
  }
  h5 {
    font-size: 18px;
    line-height: 26px;
  }
  h6 {
    font-size: 16px;
    line-height: 26px;
  }
  p {
    font-size: 16px;
    line-height: 26px;
  }
  a {
    font-size: 16px;
    line-height: 20px;
  }

  .tab-container .nav-tabs > li {
    padding-right: 45px;
  }

  .tab-container .nav-tabs > li > a {
    font-size: 14px;
  }

  .partner .tab-container .nav-tabs>li {
    padding-right: 109px;
  }

  .home-page .bottom-bottom .clients-logo ul li {
    padding: 0px 10px;
  }

  .tab-container .tab-img img {
    margin-left: 0px;
  }

  .fourth-section-anw .img-under img {
    top: -30px;
  }

  .fourth-section-anw .fourth-sec-content{
    padding-top: 100px;
  }
} 

@media (min-width: 992px) and (max-width: 1100px) {
  .tage-testen .content-top, .tage-testen .content-section-team {
    padding: 30px 0px 180px 0px;
  }
} 

@media (min-width: 1050px) {
  .container{
    width: 1050px;
  }
} 

@media (min-width: 768px) and (max-width: 992px) {
    /* --------------------------------------------
        TYPOGRAPHY
    -------------------------------------------- */
  h1 {
    font-size: 30px;
    line-height: 36px;
  }
  h2 {
    font-size: 26px;
    line-height: 30px;
  }
  h3 {
    font-size: 24px;
    line-height: 28px;
  }
  h4 {
    font-size: 18px;
    line-height: 24px;
  }
  h5 {
    font-size: 16px;
    line-height: 24px;
  }
  h6 {
    font-size: 14px;
    line-height: 24px;
  }
  p {
    font-size: 14px;
    line-height: 24px;
  }
  a {
    font-size: 14px;
    line-height: 18px;
  }

  .tab-container .tab-img img {
    margin-left: 0px; 
  }

  .tab-container .nav-tabs > li {
    padding-right: 18px;
  }

  .tab-container .nav-tabs > li > a {
    font-size: 13px;
  }

  .home-page .bottom-bottom .clients-logo ul li {
    padding: 0px 10px;
  }

  .fourth-section-anw .img-under {
    top: 80px;
  }

  .svg-bottom .iconi{
    top: -25px;
  }

  .home-page .stories-part {
    margin-top: 0px;
  }

  .success-stories-page .dropdown > button {
    margin-top: 10px;
  }

  .home-page .inner-section-tab {
    display: none;
  }

  .no-pd-tablet{
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .tage-testen .default-form {
    padding: 30px;
    top: -10em;
    z-index:99;
  }

  .tage-testen .content-top, .tage-testen .content-section-team {
    padding: 30px 0px 190px 0px;
  }

  .uber-uns .year-circles .inactive-circle {
    position: absolute;
    left: -50px;
    top: -20px;
  }

  .job-button .blue-button{
    width: 100%;
    padding: 0px 10px !important;
  }

  .funktionskatalog-table .tabs-left>.nav-tabs>li {
    width: 170px;
  }

  .funktionskatalog .funktionskatalog-table .sub-lists {
    padding: 0px 10px;
  }

  .jobs-bottom-section .testen-button {
    width: 100%;
    padding: 0px 10px !important;
  } 

  .jobs-bottom-section .allwendungen .content-text, .boxes .content-text h2{
    font-size: 20px;
  }

  .jobs-bottom-section .allwendungen .content-text, .boxes .content-text {
    padding: 100px 15px 37px 15px;
  }

  .anwendungsfall .top-section-anw img,
  .anwendungsfall .second-section-anw img,
  .anwendungsfall .second-section-anw .use-case-img img,
  .anwendungsfall .third-section-anw .use-case-img img, 
  .anwendungsfall .fourth-section-anw  .section-reverse img {
    height: auto;
    width: auto;
    position: relative;
    bottom: 0;
  }
  
  .top-section-anw,
  .top-section-anw-dark,
  .third-section-anw, 
  .third-section-anw-dark,
  .second-section-anw, 
  .second-section-anw-dark,
  .fourth-section-anw, 
  .fourth-section-anw-dark {
    padding-top: 50px;
  } 
}

@media (min-width: 768px) {
  .selected-nr{ 
    display: none !important;
  }

  .left-sidebar-pos.fixed{
    top: 65px;
    position:fixed;
  }
  .left-sidebar-pos.tobottom{
    position:absolute;
    bottom:0;
  }
}

@media only screen and (min-width: 420px) and (max-width: 768px) {

  .inner-vertragsettup .bottom-vertragsettup,
  .partner .color-shape .content-text {
    padding: 20px 20px;
  }

  .partner-bottom-section .color-shape { 
    width: 45%;
  }

  .inner-vertragsettup .bottom-vertragsettup {
    width: 70%;
  }

  .inner-vertragsettup .top-vertragsettup {
    width: 30%;
  }

  .partner-bottom-section .story-box {
    display: flex;
    align-items: center;
    justify-content: center; 
    height: 200px;
  }

  .inner-vertragsettup .vertragsettup {
    display: flex;
    align-items: center;
    justify-content: center; 
    height: auto;
  }

  .partner-bottom-section .story-box .resize-img {
    width: 50%;
  }

  .top-vertragsettup .resize-img img,
  .partner-bottom-section .story-box img{
    width: 80%;
    object-fit: contain;
    padding: 20px;
  }

  .top-vertragsettup .resize-img img {
    width: 100%;
    object-fit: contain;
    padding: 10px;
  }
}

@media (max-width: 768px) { 
       /* --------------------------------------------
        TYPOGRAPHY
    -------------------------------------------- */
  h1 {
    font-size: 37px;
    line-height: 43px;
  }
  h2 {
    font-size: 24px;
    line-height: 28px;
  }
  h3 {
    font-size: 22px;
    line-height: 32px;
  }
  h4 {
    font-size: 18px;
    line-height: 24px;
  }
  h5 {
    font-size: 16px;
    line-height: 24px;
  }
  h6 {
    font-size: 14px;
    line-height: 24px;
  }
  p {
    font-size: 15px;
    line-height: 25px;
  }
  a {
    font-size: 14px;
    line-height: 18px;
  }

  .footer-container .bottom-footer .bottom-box-footer {
    width: 100%; 
  }

  .footer-container .top-footer .green-button {
    margin-left: 30px;
  }
  .tab-container .tab-content {
    padding: 15px 0px;
  }

  .tab-content>.active {
    display: flex;
    flex-direction: column-reverse;
    margin-top: -30px;
  }

  .preise-content .tab-content>.active {
    display: block;
    margin-top:0;
  }

  .footer-container .bottom-footer .bottom-box-footer {
    width: 100%;
    margin-bottom: 0px;
    border-top: 1px solid #E6E6E6;
  }

  .bottom-box-footer .footer-sub-categories{
    margin-bottom: 0px !important;
    padding-bottom: 20px !important;
  }

  .footer-container .bottom-footer .bottom-box-footer #footer-langs{
    padding-top: 20px;
    margin-bottom: 20px;
  }

  .footer-container .bottom-footer .bottom-box-footer.visible-xs{
    border-top: none;
  }

  .footer-container .bottom-footer .bottom-box-footer h4{
    margin-bottom: 0px;
    cursor: pointer;
    padding: 20px 0px;
  }

  #bottom-banner::after {
    height: 70px;
  }

  .header-wrapper .pb250 {
    padding-bottom: 50px !important;
  }

  .header-wrapper.pt150 {
    padding-top: 50px !important;
  }

  .home-page .left-header-section{
    margin-top: 0px;
  }

  .home-page .bottom-bottom {
    padding: 50px 0px 25px 0px;
  }

  .color-shape {
    width: 100%;
    margin: 5% 0%;
  }

  .tab-container .tab-pane img{
    margin: 0;
  }

  .home-page #bottom-banner {
    height: 100%;
  }

  .footer-container .top-footer input {
    width: 100%;
  }

  .footer-container .hs-form.newsletter-form .hs-form-field {
    float: none;
    margin-right: 0;
  }

  .footer-container .hs-form.newsletter-form .hs-submit {
    float: none;
  }

  .fourth-section-anw .img-under {
    position: initial;
    top: initial;
  }

  .single-storie .success-stories-slider .slick-next {
    margin-top: 0px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-bottom: 0px !important;
  }

  .behind-section .col-sm-7 {
    padding: 0;

  }

  .home-page .bottom-bottom .clients-logo ul li{
    padding: 0px 0px;
  }

  .single-storie .white-box-single {
    padding: 30px;
  }

  .home-page .testen-button {
    margin-top: 0px;
  }

  .svg-bottom .iconi {
    top: -30px;
    width: 100px;
    height: 100px;
    z-index: 999;
  }
  
  .tour-new.svg-bottom {
    bottom: -10px;
  }

  .single-storie .svg-bottom .iconi img {
    height: 85px !important;
    width: 85px !important;
  }

  .single-storie-icon img {
    height: 85px !important;
    width: 85px !important;
    padding: 15px 10px 0px 10px !important;
  }

  .home-page .shadow {
    -ms-filter: drop-shadow(0px -8mm 2mm rgb(000, 000, 000, 0.15));
    -webkit-filter: drop-shadow(0px -8mm 2mm rgb(000, 000, 000, 0.15));
    filter: drop-shadow(0px -8mm 2mm rgb(000, 000, 000, 0.15)); 
  }

  .bottom-bg {
    height: 360px !important;
  }

  .jobs .bottom-bg {
    height: 490px !important;
  }

  .bottom-bg .element-middle{
    padding: 0px !important;
  }

  .success-stories-page .dropdown > button {
    margin-top: 10px;
  }

  .home-page .stories-part {
    margin-top: 0px;
  }
  
  .success-stories-section > .container {
    overflow-x: hidden;
  }

  .stories-section .db-logo, .stories-section .db-content{
    display: inline-block;
    float: none;
    vertical-align: text-top;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .no-padding{
    padding: 0px !important;
  }

  .home-page .bottom-bottom .clients-logo ul li {
    padding: 25px 15px;
  }

  .home-page .content-section{
    text-align: left;
  }

  .home-page .content-section .inner-holder, .home-page .stories-section .inner-holder{
    text-align: left;
  }

  .home-page .content-section .bottom-line {
    margin: 0 auto;
    left: auto;
    right: auto;
  }

  .home-page .stories-section .section-reverse{
    display: flex;
    flex-direction: row-reverse;
  }

  .home-page .stories-section .section-reverse{
    display: flex;
    flex-direction: column-reverse;
  }

  .home-page .stories-section .stories-part{
    flex-direction: column-reverse;
    margin-top: 40px;
  }

  .home-page .stories-section .stories-part ul li{
    margin-bottom: 30px;
    padding: 0px 10px 0px 0px;
  }

  .home-page .stories-section .stories-part ul li a img{
    max-width: 60px;
  }

  .home-page .stories-section {
    padding: 80px 0px 80px 0px;
  }

  .video-banner {
    position: relative;
    width: 100%;
    height: auto;
    padding: 0;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    align-items: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
  }

  .video-banner iframe {
    display: none;
  }

  .error-page .row-fluid [class*="span"] {
    padding-top: 80px;
  }

  .tage-testen .top-banner {
    margin-top: -35px;
  }

  .home-page .banner-content {
    bottom: -100px;
    position: relative;
    right: auto;
    left: auto;
  }

  .home-page .right-banner-img{
    margin-top: 20px;
  }

  .home-page .right-banner-img img{
    max-width: 388px;
    width: 100%;
  }

  .footer-container .top-footer .single .form-group {
    margin-right: 0px;
    margin-bottom: 20px;
  }

  .footer-container .top-footer .single .blue-button {
    width: 100%;
  }

  .footer-container .top-footer{
    text-align: center;
  }

  .footer-container .bottom-footer {
    padding: 0px 0px;
  }

  .tags li a {
    padding: 5px 15px !important;
  }

  .fourth-section-anw {
    background-color: #313D4D;
    position: relative;
  }

  .fourth-section-anw .svg-img{
    box-shadow: 0px 0px 0px black;
    width: 100%;
    position: absolute;
    z-index: 9999;
    background: #313D4D;

  }

  .fourth-section-anw .svg-img a{ 
    padding: 30px 55px;
  }

  .fourth-section-anw .svg-img a::after {
    content: "\f178";
    font-family: FontAwesome;
  }

  .first-section-preise .svg-img{
    margin-bottom: -10px;
  }

  .allwendungen .story-box{
    width: 100%;
  }

  .anwendungsfall .uc-first-p p{
    text-align: left;
  }

  .allw-white {
    background: #FFFFFF;
    height: 100px;
  }

  .single-storie .icon-section img{
    position: absolute;
    left: 40px;
    max-width: 50px;
  }

  .single-storie .mob-lists{
    display: none;
  }

  .single-storie .icon-section h3{
    text-align: left;   
    margin: 0px;
  }

  .single-storie .icon-section h2{
    text-align: left;
    font-size: 24px;
    line-height: 34px;
    margin: 0px;
    display: block;
    width: 200px;
    position: relative;
    top: -10px;	
    left: 100px;

  }

  .single-storie .success-stories-slider .single-slide p::before {
    left: 0;
    right: 0;
    margin: 0 auto;
  }

  .single-storie .success-stories-slider .one-slide{
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-bottom: 10px;
  }

  .hide-tab{
    display: none; 
  }

  .single-storie .inner-holder .icon-section {
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 80px;
    height: auto;
  }

  .inner-holder .main-box.mob-hidden-lists{
    display: none;
  }

  .toggle-button {
    color: #317DC1;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    margin-top: 50px;
    display: inline-block;
  }

  .toggle-button i{
    font-weight: 700;
    padding-left: 22px;
  }

  .single-stories-icons-section{
    text-align: left;
  }

  .single-stories-icons-section .toggle-button{
    padding-left: 55px;
  }

  .jobs .boxes .story-box {
    width: 100%;
  }

  .content-section-jobs-bottom .kununu-box .kununu-content img {
    max-width: 100%;
  }

  .content-section-jobs-bottom .kununu-box {
    padding: 25px;
    top: -10em;
  }

  .jobs .jobs-content-right .content-right .comment-section {
    padding-top: 25px;
  }

  .jobs .jobs-content-right .content-right .comment-section img{
    width: 100%;
    max-width: 100%;
  }

  .jobs .content-section-team {
    padding: 20px 0 0 0;
  }

  .content-section-jobs-bottom .color-shape {
    width: 100%;
    margin: 3% 0;
  }

  .uber-uns .bottom-bg {
    height: 450px !important;
  }

  .uber-uns .of-hid{
    overflow: hidden;
  }
  .of-hid {
    overflow-x: hidden;
  }

  .uber-uns .bottom-bg h1 {
    margin-bottom: 20px;
  }

  .uber-uns .bottom-bg h2{
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    padding-top: 40px;
  }

  .uber-uns .bottom-bg h2::before {
    top: 50px;
  }

  .left-content-uberuns {
    max-width: 90vw;
  }

  .masonry-item,
  .masonry-sizer {
    width: 100% !important;
  }
  
  .blue-box-jobs {
    max-width: 100vw;
    width: 100%;
  }

  .center-element{
    display: inline-block !important;
  }

  .success-stories .stories-section .hs_cos_wrapper{
    display: inline-block  !important;
  }

  .top-banner{
    padding: 40px 0px;
  }

  .contact .top-banner {
    height: 200px;
  }

  .uber-uns .top-banner h1 {
    margin-bottom: 30px;
  }

  .uber-uns .content-top h2 {
    font-size: 20px;
    line-height: 30px;
    padding-top: 50px;
  }

  .uber-uns .top-banner h2::before {
    top: 70px;
  }

  .content-section-jobs h2::before {
    top: -50px;
  }

  .content-section-jobs-bottom .kununu-box {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .content-section-jobs-bottom .kununu-box h2, 
  .content-section-jobs h2 {
    font-size: 20px;
  }

  .uber-uns .year-circles .inactive-circle {
    transform: translate(-250%, -20%)
  }

  .uber-uns .year-circles .active-circle {
    z-index: 99;
    top: 30px;
    left: 0px;
    transform: unset;
  }

  .uber-uns .year-circles {
    margin-bottom: 50px;
  }

  .uber-team {
    margin-bottom: 20px;
    padding-bottom: 50px;
  }

  .uber-uns .bottom-uber-uns-wrap .uber-team img {
    margin: 0 auto;
  }

  .partner .kontakt-person > img {
    max-width: 270px;
    max-height: 270px;
  }

  .partner .kontakt-person .kontakt-person-icon > span {
    max-width: 100px;
    max-height: 100px;
    transform: translate(50%, 50%);
  }

  .partner .color-shape {
    width: 100%;
    cursor: pointer;
    margin: 0;
  }

  .mobile-acc {
    border-bottom: 1px solid #E6E6E6;
  }

  .single-storie .icon-section h4 {
    text-align: left !important;
    position: relative;
    left: 100px;
  }

  .funktions-katalog .content-top {
    margin: 0px;
  }
  
  #successModal, #exampleModal {
    height: auto !important;
    bottom: 0px !important;
    padding: 50px 0px;
    top: unset !important;
  }

  #successModal .main-box, #exampleModal .main-box{
    width: 100%
  }

  .jobs-content-right .content-right{
    margin-top: 50px;
  }

  .svg-bottom > svg{
    margin-bottom: -3px;
  }

  .svg-top > svg{
    margin-bottom: -3px;
  }

  .partner-details .svg-bottom .iconi img{
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .partner-details .stories-section {
    padding: 60px 0px 50px 0px;
  }

  .default-form,
  .partner-form {
    padding: 50px 0px 30px 0px;
    display: inline-block;
    width: 100vw;
  }

  .preise-accordion .panel-default > .panel-heading .accordion-toggle:after{
    font-size: 12px;
  }

  .preise-content .preise-tabs {
    top: -55px;
    border-bottom: none;
  }
  .preise-content .preise-tabs > li > a > img {
    padding-right: 10px;
    max-width: 40px;
    top: 0px;
  }

  .preise-content .preise-tabs > li{
    margin-bottom: 0px;
  }

  .preise-content .preise-tabs > li > a {
    margin-bottom: 0px;
    border: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
    color: #202a33;
    margin-right: 0;
    padding: 10px 20px;
    width: auto;
  }

  .preise-content .preise-tabs>li>a,
  .preise-tabs>li.active>a:hover {
    margin-bottom: 0px;
    border: none;
    border-radius: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 35px;
    color: #202a33;
    margin-right: 0;
    padding: 10px 20px;
    width: auto;
    background-color: #FCFCFC;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }

  .tage-testen .default-form {
    position: unset;
    margin-bottom: 50px;
    padding: 20px;
    z-index:99;
  }
  	
  .tage-testen .tage-testen-section .white-text,
  .tage-testen .tage-testen-section p{
    padding: 0px 30px 0px 30px;
  }

  .tage-testen .content-top, .tage-testen .content-section-team {
    padding: 30px 0px 100px 0px;
  }

  .copy-message {
    position: unset;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
  }

  .preise-accordion {
    padding: 30px 10px;
    margin-top: 30px;
  }

  .preise-accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
    padding-right: 10px;
  }

  .preise-accordion .panel-default>.panel-heading .panel-title a {
    font-size: 16px;
  }

  .preise-content .second-section-preise .bottom-prices .left-price{
    padding: 0px 5px;
  }

  .preise-blue-button {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #4E5461;
    color: #FCFCFC;
  }

  .preise-content .right-price{
    padding-left: 5px;
    top: -7px;
  }

  .preise-jetzt {
    display: flex;
    justify-content: center;
    margin-top: 0px;
  }

  .preise-content .third-section-preise {
    background-color: #FCFCFC;
    display: flex;
    flex-wrap: wrap;
    padding: 50px 0px 50px 0px;
  }

  .preise-content .first-section-preise .lists-preise li {
    margin-left: 15px;
  }

  .preise-content .first-section-preise .lists-preise li::before{
    margin-left: 25px;	
  }

  .partner-details .partner-boxes-icons {
    padding: 0px 50px;
  }

  .second-section-preise .options-table .table .top-images img {
    max-width: 30px;
  }

  .partner-werden .inner-bottom-bottom-sec {
    padding-bottom: 50px;
  }

  .modal-dialog.part-cont {
    width: 100%; 
  }

  .tab-container .tab-img img{
    margin-left: 0px;
  }

  .svg-img {
    margin-bottom: 0px;
    max-width: 100vw;
  }

  .partner-werden .svg-img{
    margin-bottom: -10px;
  }

  .partner .svg-top {
    top: 10px;
  }

  .funktionskatalog-table .tabs-bg-white .second-tab-img {
    padding: 0px;
  }

  .footer-container-wrapper .funktionskatalog-footer{
    margin-top: 50px !important;
  }

  .tage-testen .top-banner {
    height: 100px;
  }

    /*Partner filter*/

  .ui-group,
  .ui-group .button-group,
  .ui-group .dropdown > button  {
    width: 100%;
    border: none;
    margin-top: 0px;
    margin: 0px;
  }

  .ui-group{
    border-top: 1px solid #EEEEEE;
    padding: 10px;
  }

  .ui-group .button-group .dropdown-menu {
    position: relative;
    margin-top: 0px;
    border: none;
    box-shadow: none;
    background: #F5F5F5 !important;
    padding: 0px;
  }

  .ui-group .button-group .button:active, 
  .ui-group .button-group .button.is-checked{
    font-weight: 700;
  }

  .success-stories-page .dropdown>button::after,
  .success-stories-page .dropdown.open>button::after {
    right: 14px;
  }

  .ui-group .button-group .btn-secondary:focus{
    outline: 0;
    border: none;
  }

  .filter-sortiren{  
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 30px 30px 0px 30px;
    border-top: 1px solid #EEEEEE;
    z-index: 999;
  }

  #tags-filter {
    text-align: center;
  }

  #tags-filter #clear-button {
    float: none;
  }

  .dropdown-backdrop {
    position: unset !important; 
  }

  .big-demo{
    margin-bottom: 50px;
  }

  .filter-sortiren button{
    margin: 0 auto;
    border: none;
    margin-bottom: 0px;
  } 

  .tag-filter-item{
    display: none !important;
  }

  .filter-sortiren a{
    font-size: 18px;
    line-height: 24px;
    text-decoration: underline;
    text-decoration-color: #8392a5;
    float: none;
  }

  .selected-nr{
    right: 80px;
    position: absolute;
    background: #EEEEEE;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    line-height: 27px;
    text-align: center;
    color: #313D4D;
  }

  .ui-group, .dropdown, .dropup {
    position: relative;
    padding: 0px;
  }

  .ui-group{
    width: 100%;
    border-bottom: 1px solid #dddddd;
  }

  .ui-group,
  .ui-group .button-group,
  .ui-group .dropdown > button  {
    width: 100%;
    border: none;
    margin-top: 0px;
    margin: 0px;
  }

  .ui-group{
    border-top: 1px solid #EEEEEE;
    background: #FCFCFC;
  }

  .ui-group .button-group .dropdown-menu {
    position: relative;
    margin-top: 0px;
    border: none;
    box-shadow: none;
    background: #F5F5F5 !important;
    padding: 0px;
  }

  .ui-group .button-group .button {
    padding: 15px 55px;
    font-size: 18px;
  }

  .ui-group .button-group .button:active, 
  .ui-group .button-group .button.is-checked{
    font-weight: 700;
  }

  .ui-group .button-group .btn-secondary,
  .ui-group .button-group .btn-secondary{
    padding: 20px 80px 20px 55px;
    font-size: 18px;
    text-transform: capitalize;
  }

  .content-section-jobs-bottom .dropdown.open>button::after,
  .content-section-jobs-bottom .dropdown>button::after,
  .partner-bottom-section .dropdown>button::after, 
  .partner-bottom-section .dropdown.open>button::after{
    right: 55px;
  }

  .ui-group .button-group .btn-secondary:focus{
    outline: 0;
    border: none;
  }

  .ui-group .button-group .btn-secondary:focus{
    outline: 0;
    border: none;
  }

  .filter-sortiren{  
    text-align: center;
    display: inline-block;
    width: 100%;
    padding: 30px 30px 0px 30px;
    border-top: 1px solid #EEEEEE;
    z-index: 999;
  }

  .tag-filter-item{
    display: none;
  }

  .filter-sortiren button {
    margin: 0 auto;
    border: none;
  }

  .preise-content .first-section-preise .first-sec-lists{
    padding: 0px 30px;
  }

  .partner-details-top {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .partner-werden .partner-section-content {
    padding-bottom: 50px;
  }

  .partner-werden .partner-section-content .row {
    overflow-x: hidden;
  }


  #successModal, #exampleModal {
    padding: 30px 15px !important;
  }

  .jobs .jobs-content-right{
    margin-top: 50px;
  }

  .forms-all .form-columns-2 .hs-form-field  input{
    width: 100% !important;
    float: none;
    box-sizing: border-box !important;
    max-width: inherit;
  }

  .forms-all .hbspt-form fieldset{
    max-width: 100%;
  }

  .forms-all .form-columns-2 .hs-form-field .input {
    margin-right: 0px !important;
  }

  .content-section-jobs-bottom .partner-details-top .partner-boxes-icons {
    width: 100%;
    padding: 0px 35px;
  }

  .preise .price-column, .preise .check {
    width: 100%;
    display: flex;
  }

  .preise .price-column .ribbon{
    right: -5px;
  }

  .table>tbody>tr>td, 
  .table>tbody>tr>th, 
  .table>tfoot>tr>td, 
  .table>tfoot>tr>th, 
  .table>thead>tr>td, 
  .table>thead>tr>th {
    padding: 15px 0px 15px 0px;
  }

  #enterpreise .tech-support .mob-phone{
    text-align: center;
  }

  .inner-vertragsettup{
    margin-bottom: 50px;
    margin-top: 0px;
  }

  .preise-accordion .panel-default>.panel-heading {
    padding-right: 0px;
    padding-left: 15px;
  }

  .fourth-section-anw .section-reverse #hs_cos_wrapper_{
    display: flex;
    flex-direction: column-reverse;
  }

  .fourth-section-anw .fourth-sec-content {
    padding-top: 0px;
  }

  .partner-details .content-section-team {
    padding: 50px 0px;
  }

  .success-stories-page .story-box-img {
    overflow: hidden;
    max-height: 180px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .modal-dialog {
    width: 100%;
  }

  .forms-all .form-columns-2 .hs-form-field {
    width: 100% !important;
  }

  .hubspot-forms-jobs form input[type="submit"], .jobs .form-columns-1{
    width: 100% !important;
    padding: 0;
  }
  
  .content-banner .hr-team-section {
    padding-top: 0px;
  }

  .jobs  .container {
    padding-top: 0px;
  }

  .jobs .form-columns-1{
    padding: 0px !important;
  }

  .jobs .bottom-bg {
    padding-top: 100px;
  }
    
  .footer-container .top-footer #exampleModal .senden-message {
    text-align: center;
  }

  .submitted-message {
    padding: 20px 0 0px 0;
    margin-bottom: -40px;
  }

  .footer-container .top-footer #exampleModal .senden-message svg{
    margin-top: 20px;
  }

  .left-mobile{
    text-align: left !important;
  }

  .content-section-team-icons.bottom-bg{
    height: auto !important;
    padding: 20px 0px !important;
  }
   .partner-boxes-icons {
        padding: 20px;
     		width: 45%;
    }
  .vertragsettup {
  	overflow-x: hidden;
  }

  .left-sidebar-pos, 
  .right-from-sidebar{
    width: 100%;
    padding: 0px 30px;
    position: unset;
  }

  #gsc-i-id1{
    text-indent: 0 !important;
  }

  .footer-container .top-footer .validate-newsletter {
    width: 100%;
  }
  
  .hubspot-forms-jobs .hbspt-form{
    width:auto !important;
  }

  .uber-uns .top-banner h3::before{
    top: 75px;
  }

  .gsc-results-wrapper-visible {
    width: 90% !important;
    height: 90% !important;
    left: 15px !important;
    right: 15px !important;
  }

  .use-case-content-main .allwendungen{
    margin-top: 100px !important;
  }

    .social-share-icon .shares-icons {
        transform: unset !important;
        transition: unset !important;
        opacity: 0;
    }

  .social-share-icon:hover .shares-icons {
    transform:unset !important;
    transition: unset !important;
    opacity: 1;
  }

  .mt80 { margin-top: 20px !important; }
  .mb80 { margin-bottom: 20px !important; }
  .mt100 { margin-top: 50px !important; }
  .mb100 { margin-bottom: 50px !important; }
  .mob-50 { margin-bottom: 50px !important; }
  .pt100 { padding-top: 20px !important; }
  .pt150 { padding-top: 50px !important; }
  .mobile-pd{padding-left: 55px; padding-right: 55px;}
  .pl10{padding-left: 0px !important} 
  .pr10{padding-right: 0px !important} 
  .mt-150{margin-top: -100px !important;}
}

@media (max-width: 767px) { 
  .left-sidebar-pos,
  .right-from-sidebar{
    width: 100%;
    padding: 0px 30px;
  }
  .bewerbung-section .hiring_process__img img {
    transform: scale(.9);
  }
}

.new-mewnu-v2{display:none !important;}
.white-text-p p{
  color: unset;
}

.removethis{
  display: none !important;
}

.gsc-input-box{
  background-color: transparent !important;
}

.cse .gsc-control-cse, .gsc-control-cse {
  padding: 1em 0px !important;
}

.gsc-control-cse.gsc-control-cse-de{
  background: unset !important;
  border: unset !important;
}
.gsc-input-box {
  height: 44px !important;
  width: 300px !important;
  position: relative !important;
}
.gstl_50 {
  width: 100% !important;
  padding: 0px !important;
}
.gsc-search-button.gsc-search-button-v2{
  position: absolute !important;
  right: 0px !important;
  top: 30px !important;
  border: unset !important;
  background: unset !important;
}
.gsc-search-button.gsc-search-button-v2 svg{
  fill: #8392a5 !important;
}

.funk-search .input-group-btn{
  display: block;
}

.funk-search .input-group{
  width: 100%;
}

.input-group-btn{
  display: none;
}

#gsc-i-id1 {
  background: transparent !important;
  box-shadow: none;
}

#gsc-i-id1:focus{
  box-shadow: none !important;
}
.gsc-input-box {
  background: transparent;
  border-radius: 4px;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  margin-left: -5px !important;
  margin-right: -10px !important;
}

.euro-valute, #userCount, .valuta{
  padding-right: 5px;
}

.priceForAllUsers{
  font-weight: 700 !important;
}

.final-calculation .right-price h1 span{
  padding: 0px;
}

input.hs-input, textarea.hs-input, select.hs-input{
  font-family: 'Source Sans Pro', sans-serif !important;
}

.jobs-detail-toptitle p {
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding: 0 0 0 0;
  color: #FCFCFC;
}
.countNutz {
  display: unset !important;
}

@media only screen and (max-width: 420px){

  .bottom-vertragsettup {
    padding: 60px;		
  }

  .top-vertragsettup .resize-img {
    display: flex;
    justify-content: center;
    padding-top: 20px;
  }
  .top-vertragsettup .resize-img img{
    overflow: hidden;
    height: auto;
    width: 100vw;
  }
}

@media only screen and (max-width: 359px){

  .bottom-vertragsettup {
    padding: 60px;		
  }
  
  .top-vertragsettup .resize-img {
    display: flex;
    justify-content: center;
    padding-top: 10px;
  }
  .top-vertragsettup .resize-img img{
    overflow: hidden;
    height: auto;
    width: 60%;
  }
}

@media not all and (min-resolution:.001dpcm) { @media
{	
  .gsib_a { 
    padding: 0px 0px;
  }
  #gsc-i-id1{
    height: 40px !important;
  }
  }}

.gsst_a{
  display: none !important;
}

.leadinModal{
  z-index: 10000000 !important;
}

.footer-sub-categories .tooltips{
  top: 0px;
}

.dis-none{
    display: none !important;
}