select {
  -webkit-appearance: auto !important;
  -moz-appearance: auto !important;
  appearance: auto !important;
}
/* EXTRAS ENJOY FUTURE */
body.enjoyfuturepartner #slider {
  height: 310px !important;
}
.enjoyfuturepartner .ablauf-container > .row {
  display: flex;
  flex-wrap: wrap;
}
.enjoyfuturepartner .ablauf-container img {
  width: 50px !important;
  height: auto !important;
  margin-right: 20px;
}

.enjoyfuturepartner #content,
.enjoyfuturepartner #area-2 {
  padding: 0 !important;
}
.enjoyfuturepartner .product-group > .row {
  display: flex;
}

.anmeldeformular  div#slider-header-text {
  flex-wrap: wrap;
}

.wir .schon-gewusst .row {
  align-items: flex-start!important;
  justify-content: flex-start;
}

.enjoyfuturepartner .product-info {
  background: #5a9c9d;
  color: #fff !important;
  font-size: 18px;
}
.enjoyfuturepartner .product-info h2 {
  color: #fff !important;
}
.enjoyfuturepartner .product-bild {
  background-color: rgba(174, 212, 224, 0.4);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

div#job {
  display: block;
  position: relative;
  top: -250px;
  visibility: hidden;
}

.dl_headline {
  padding-bottom: 30px;
}

.enjoyfuturepartner .product-bild img {
  width: 330px !important;
  height: auto !important;
  text-align: center;
  margin: 0 auto;
  display: block;
}
.enjoyfuturepartner .product-bild .textcontent {
  padding: 60px 0;
}

.enjoyfuturepartner .we_are_breadcrumb {
  padding: 50px 20px;
}

.enjoyfuturepartner .we_are_breadcrumb h2 {
  font-size: 50px;
  color: #fff !important;
}

.enjoyfuturepartner #gadget {
  display: none !important;
}

.enjoyfuturepartner .pdf-container {
  text-align: center;
}

.enjoyfuturepartner .pdf-container img {
  width: 100% !important;
  height: auto;
  margin: 0 !important;
}

.enjoyfuturepartner .pdf-container .textcontent {
  width: 300px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}
.enjoyfuturepartner .patrol-overlay {
  position: absolute;
  width: 90%;
  background: rgba(90, 156, 157, 0.6);
  height: 100%;
  left: 0px;
  top: 0;
  transition-duration: 1.5s;
  transition-timing-function: ease-out;
  margin-left: -250px;
  z-index: 1;
}

.enjoyfuturepartner #footer-header {
  display: none !important;
}

/* .product #content, .product #area-2 {
    color:#fff !important;
    padding: 0 !important; 
}
.product #content h2 {
    color:#fff;
    padding: 0 !important; 
}
.product-info {
    padding:100px;
}
.product-info, .product-info h2 {
    color:#333 !important;
}
.grey-HG {
    background: #d7d8d8;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-leistung-left img {
    width: 200px;
    margin:0 auto;
}

.product li {
    color:#fff;
}
div#footer-header .footer_2 li {
    color: #2d2d2d;
}

.product-group .row, .product-leistung-group .row {
    display: flex;
}
.product-left, .product-leistung-right {
    background: #5a9c9d;
}
.product-leistung-right h3 {
    color:#fff !important;
} */

/* EXTRAS ENJOY FUTURE */

#footer {
  padding-bottom: 0 !important;
}

.footer_impressum li a {
  color: #fff;
}

div#footer_bottom {
  clear: both;
  text-align: right;
  padding: 20px 0;
}

div#footer_bottom li {
  display: inline-block;
  padding: 0 20px;
}

.cookie-accept.cookie-option:hover {
  background: #cee3e3;
}

.cookie-reject.cookie-option:hover {
  background: #cee3e3;
}

.cookie-konfiguration.cookie-option:hover {
  background: #cee3e3;
}

/* Team */
body.wir.team .collection_list {
  display: block;
}
body.wir.team .collection_list {
  width: 33.33%;
  float: left;
  padding: 20px;
}

a.button_filter.o-filter:hover {
    color: #437778;
    background: #d4ecec;
    border: 1px solid #5a9c9d;
}

body.wir.team .collection_list .collection_container {
  height: 100%;
}

.center_youtube .row {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-wrap: wrap;
}

.center_youtube iframe {
  width: 100%;
  min-height: 350px;
}

.team .collection_content.image {
  height: 400px;
  min-height: 400px;
}

.team .collection_content img {
  object-fit: cover;
  width: auto !important;
  height: 100% !important;
  object-position: center;
  display: block;
  margin: 0 auto;
}

.collection_list.team .title-container .collection_content {
  color: #2d2d2d;
  position: relative;
}

.collection_list.team .title-container {
  font-size: 22px;
  padding: 20px 0px;
}

.team .collection_container:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none!important;
}

.collection_list.team .title {
  font-size: 30px;
}

.wir.wir .collection_list.leistungen.show {
  width: 50%;
}

.wir.wir .leistung-container {
  height: auto!important;
  min-height: auto!important;
}

.collection_content.howtobewerb {
  clear: both;
}

/* END Team */

/* Global */
/* .back_to_overview {
  display: inline-block;
  text-align: center;
  padding: 15px 25px;
  color: #fff !important;
  background-color: rgb(90 156 157);
  width: 215px;
} */
.back_to_overview a {
  color: #fff;
}
.body-active .back_to_overview {
  position: fixed;
  top: 0;
  z-index: 10000;
}

.wir.ueber_uns img,
.wir.karriere img {
  height: auto !important;
}

.reduce-width .leistung-black-box {
  width: 1000px !important;
  max-width: 100%;
}

.collection_full.news_breadcrumb.hide {
  padding-top: 50px;
}

.back_to_overview a:hover {
  color: #fff;
}

.center-item > .row {
  display: flex;
  justify-content: center;
}

/* hotfix text center */

.wir.ueber_uns #area-9 .row {
  display: block !important;
}
.wir.ueber_uns .row {
  display: flex;
  flex-wrap: wrap;
  align-items: center !important;
  justify-content: center;

}

.ueber_uns img {
  margin: 0 auto;
  display: block;
}

.ueber_uns div#area-2.main-screen.patrol {
  background: #f6f7fb!important;
}

.wir.ueber_uns div#area-5.main-screen {
  padding: 70px 0px!important;
}

.wir.buero .collection_container:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none!important;
}

.header-wrapper ol,
.header-wrapper ul {
  margin-top: 0;
  margin-bottom: 0 !important;
}

.box-leistung a {
  transition: 0.5s;
}
.box-leistung a:hover {
  background: #5a9c9d;
  color: #fff;
}

#teaser-text {
  padding: 0;
}
#teaser-text img {
  height: 400px !important;
  width: auto !important;
  object-fit: cover;
}
#teaser-text .row {
  align-items: center;
  display: flex;
}
img {
  max-width: 100% !important;
}

.hidden {
  display: none !important;
}

.owl-group .textcontent {
  padding: 30px !important;
  background: rgba(255, 255, 255, 0.1);
}

.owl-carousel {
  display: block;
}
.owl-carousel .filter_display,
.owl-carousel .company_description,
.owl-carousel .collection_link {
  display: none;
}

/* .owl-nav {
  display: none;
} */

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #2d2d2d;
}

.container {
  min-width: 320px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
  padding-right: 20px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: acumin-pro, Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1.42857143;
  color: #2d2d2d;
}

.h4,
.h5,
h4,
h5 {
  font-size: 25px;
  font-weight: 600;
  color: #535353;
}

.h6,
h6 {
  font-size: 17px;
  font-weight: 600;
}

.patrol h1,
.patrol h2,
.patrol h3,
.patrol h4,
.patrol h5,
.patrol h6,
.patrol,
.we_are_breadcrumb h2 {
  color: #2d2d2d !important;
}

.filter_display {
  float: left;
  width: 100%;
  transition: 0.2s;
  padding-bottom: 40px;
  padding-left: 20px;
}

.jobs .filter_display {
  float: left;
  width: auto;
  transition: 0.2s;
  padding-bottom: 40px;
  padding-left: 20px;
  display: none;
}

.stellen .filter_display {
  float: left;
  width: 100%;
  transition: 0.2s;
  padding-bottom: 40px;
  padding-left: 20px;
  display: none;
}

.jobs_group .row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.hide {
  display: block;
}

#header-wrapper img {
  height: auto !important;
  max-width: 100% !important;
}

body {
  color: #2d2d2d;
  font-size: 17px;
  line-height: 1.42857143;
  font-family: acumin-pro, Helvetica, Arial, sans-serif;
}
body .row {
  margin: 0 !important;
  clear: both;
}

div#content {
  padding: 70px 0px 70px 0px !important;
  float: left;
  width: 100%;
  position: relative;
}

/* .home #content,
.projects #content {
  padding: 0 !important;
} */

.content-selector {
  display: none;
}

.leistung-container:after {
  content: '';
  background: url(/userdata/images/arrow-right.svg);
  width: 35px;
  height: 20px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 30px;
  right: 30px;

}

.aktuelle_news_headline {
  padding-left: 30px;
}

.collection_container:hover {
  -webkit-box-shadow: 0px 10px 25px 3px rgb(0 0 0 / 10%);
  box-shadow: 0px 10px 25px 3px rgb(0 0 0 / 10%);
  border: 3px solid #fff!important;
}
.collection_list.leistungen .collection_container:hover {
  -webkit-box-shadow: 0px 10px 25px 3px rgb(0 0 0 / 10%);
  box-shadow: 0px 10px 25px 3px rgb(0 0 0 / 10%);
  border: 3px solid white;
}



.main-screen {
  float: left;
  width: 100%;
  padding: 70px 0px;
  position: relative;
  background: #fff;
}

.main-screen.patrol {
  background: #F5F7FB;
}

#teaser-text.main-screen.patrol {
  background: #fff;
}
.main-screen.black {
  /* background: #5a9c9d; */
  color: #fff;
  background: #2d2d2d;
}
.main-screen.black li {
  color: #fff;
}

#header_2 .level_1 a:after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #5a9c9d;
  transition: width .3s;
  margin-top: 3px;
}

#header_2 .level_1 a.active_tree:after {
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  background: #5a9c9d;
  transition: width .3s;
  margin-top: 3px;
}

#header_2 .level_1 a:hover:after {
  width: 100%;
}

#slider-header-text .textcontent a:hover {
  box-shadow: inset 400px 0 0 0 #2d2d2d;
}

.back_to_overview a:hover {
  box-shadow: inset 400px 0 0 0 #2d2d2d;
}


.collection_content.website_link a:hover {
  box-shadow: inset 400px 0 0 0 #2d2d2d;
}

.bewerben_button a:hover {
  box-shadow: inset 400px 0 0 0 #2d2d2d;
  color: #fff;
}


.back_to_overview a {
  display: inline-block;
  text-align: center;
  padding: 15px 25px;
  color: #fff !important;
  background-color: rgb(90 156 157);
  width: 215px;
  transition: 0.6s;
  transition-timing-function: ease-in-out;
}

.stellen.full_preview .collection_content.link a:hover {
  box-shadow: inset 400px 0 0 0 #2d2d2d;
}
.collection_content.howtobewerb {
  padding: 20px 0px;
}

.how-to .filter_display {
  display: none;
}

.how-to img {
  max-width: 100% !important;
  height: 100%!important;
}

.how-to div#area-2.main-screen.patrol {
  background: #f5f7fb!important;
}

.how-to div#area-5.main-screen {
  padding: 70px 0px!important;
}

.stellen.body-active .filter_display {
  position: relative;
  top: 50px;
  z-index: 10000;
  top: 0px;
  transition: 0.5s;
}
.black h1,
.black h2,
.black h3,
.black h4,
.black h5,
.black h6 {
  color: #fff;
}

.collection_content {
  color: #fff;
}

/* .collection_list.leistungen .collection_content {
  z-index: -1;
} */

.collection_list.leistungen .collection_content {
  z-index: -1;
  color: #000;
}

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

a {
  text-decoration: none !important;
  color: #2d2d2d;
}

a:hover {
  color: #5a9c9d;
}

ol li,
ul li {
  color: #000;
  padding: 5px 0;
}

.main-screen.patrol .btn:focus,
.main-screen.patrol .btn:hover,
.main-screen.patrol .button:focus,
.main-screen.patrol .button:hover {
  background-color: #fff;
  color: #2d2d2d;
}

.grey-box-1-2 .textcontent {
  background: #ececec;
  padding: 30px 30px 90px 30px;
  margin-top: 40px;
  position: relative;
}

.box {
  background: #ececec;
  padding: 20px;
  color: #e3e0e0 !important;
}

.btn,
.button {
  display: inline-block;
  background: #5a9c9d !important;
  border: none;
  font-size: 17px;
  padding: 10px 33px;
  font-weight: 400;
  color: #fff;
  text-transform: none;
  transition: 0.5s;
  text-align: center;
}

.btn:focus,
.btn:hover,
.button:focus,
.button:hover {
opacity: 0.8;
}

.faq_question_box:after {
  content: '+';
  position: absolute;
  right: 16px;
  color: #b5b5b5;
  bottom: 21px;
  font-size: 20px;
}

.faq_question_box.active:after {
  content: '-';
  position: absolute;
  right: 16px;
  color: #b5b5b5;
  bottom: 21px;
  font-size: 25px;
}

.main-screen.patrol > .zitat-area {
  background: #dadada;
  float: left;
  width: 100%;
  margin: -70px 0px 60px 0px;
  color: #000 !important;
}
.zitat-area {
  margin: -79px 0px -45px 0px;
  z-index: 10000000;
  padding: 0 !important;
  position: relative;
}

.txt-big-size {
  font-size: 354px;
  display: block;
  overflow: hidden;
  position: absolute;
  width: 100%;
  bottom: 0;
  line-height: 0.7;
  color: #f7f6f6;
  word-break: keep-all;
  white-space: nowrap;
  z-index: -1;
}
.patrol .txt-big-size {
  color: rgba(255, 255, 255, 0.08);
  z-index: 0;
  margin: 0px -5px;
}

.patrol .pfeil-down {
  right: 80px !important;
  left: unset !important;
}
.pfeil-down {
  transition: all 0.2s;
  position: absolute;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
  text-align: right;
  top: 0px;
  height: 110%;
  left: 80px;
  z-index: 999999999;
  border-left: 3px solid #989494;
  display: none;
}
.pfeil-down:after {
  font-size: 10px;
  color: #989494;
  content: " ";
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -6.5px;
  bottom: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 11px 5px 0px;
  border-color: #989494 transparent transparent;
}

.background-img {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.background-img img {
  width: 620px !important;
  height: auto !important;
}

#gadget {
  background-color: #5a9c9d;
  color: #999;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}
.breadcrumb {
  margin: 0;
  padding: 0;
  background-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #fff
}
.breadcrumb a {
  color: #f5f7fb;
}
.breadcrumb i {
  margin: 0 2px;
}
.fa-angle-right:before {
  content: "\f105";
}
.breadcrumb .current {
  color: #fff;
}

/* Cookie */

div#cookiewarnung {
  position: fixed;
  bottom: 0;
  background: #f5f7fb;
  color: #2d2d2d;
  z-index: 999;
  width: 100%;
  text-align: center;
  padding: 15px;
  border-top: 1px solid #2d2d2d;
}

.cookie-option-container {
  margin-top: 10px;
}

.cookie-option {
  cursor: pointer;
  border-bottom: 1px solid #2d2d2d;
  display: inline-block;
  padding: 7px;
}

div#cookie-config {
  display: none;
  left: -100%;
  transition: 1s;
}
div#cookie-config.show {
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  background: #ffffff;
  max-width: 300px;
  z-index: 99999999999;
  overflow-y: auto;
}

#cookie-config .cookie-config-close {
  background: #5a9c9d;
  color: #fff;
  padding: 10px;
  position: relative;
  cursor: pointer;
}

#cookie-config input {
  margin-right: 10px;
}
#cookie-config label {
  font-weight: normal;
}

.cookie-config-close:after,
.cookie-config-options:after {
  position: absolute;
  width: 10px;
  height: 10px;
  transform: rotate(225deg);
  box-shadow: -2px 2px 0 rgba(90, 156, 157, 0.5);
  content: "";
  right: 20px;
  top: 18px;
  transition: 0.1s;
}

.cookie-config-options.open:after {
  transform: rotate(315deg);
}

.cookie-config-options {
  background: #fff;
  padding: 10px;
  cursor: pointer;
  position: relative;
}
.cookie-config-configuration .cookie-config-options:nth-child(2) {
  border-bottom: 1px solid #d5d5d5;
}

.config-child {
  display: none;
  background: #fff;
  padding: 10px;
}
.config-child label {
  display: block;
}

.cookie-config-save {
  padding: 10px;
  text-align: center;
  background: #5a9c9d;
  cursor: pointer;
  margin: 20px 15px;
  color: #fff;
}

.cookie-config-configuration {
  margin-top: 10px;
}
.cookie-config-configuration > p {
  padding: 10px;
  font-weight: bold;
}

.cookie-config-description {
  padding: 10px;
  font-size: 15px;
}

/* Cookie end */

/* Anker Formatierungen */
.anker-navi .row {
  text-align: center;
}
.anker-navi {
  position: relative;
  background: #f5f7fb;
  top: 0;
  width: 100%;
  clear: both;
}

.plattformen .collection_container:hover {
  -webkit-box-shadow: 0px 10px 25px 3px rgb(0 0 0 / 10%);
  box-shadow: none;
  border: none!important;
}

.plattformen .collection_content {

  color: #2d2d2d;
}

.collection_content.plattform_name {
  font-size: 36px;
  font-weight: 600;
  width: 50%;
  float: left;
  padding: 20px 0px;
}

.collection_content.plattform_desc {
  width: 50%;
  float: left;
  padding-right: 49px;
}

.collection_content.plattform_pic {
  width: 50%;
  overflow: hidden;
  float: right;
}

.plattform_group .row {
  display: flex;
  flex-direction: column;
}

.collection_list.plattformen.hide {
  padding: 30px 0px;
}



.collection_content.plattform_button {
  width: 50%;
  float: left;
  padding: 50px 0px;
}

.plattform_button a {
  background: #5a9c9d;
  color: #fff;
  padding: 10px 25px;
}


.anker-button.button {
  margin: 0px 0;
  padding: 0px 15px;
  width: 20%;
  background: transparent !important;
  border-right: 1px solid #5A9C9D;
  border-top: 1px solid #f5f7fb;
  border-bottom: 1px solid #f5f7fb;
  border-left: 1px solid #f5f7fb;
}

.anker-button.button .textcontent {
  padding: 10px 20px;
  background-size: 100%;
  color: #2d2d2d;
  text-transform: none;
  font-size: 17px;
  font-weight: 400;
  white-space: nowrap;
  letter-spacing: 1px;
  background-size: cover;
  cursor: pointer;
  margin: 5px 0;
}

/* .anker-navi > div .anker-button:last-child .textcontent  { */
  .anker-button.button:hover {
    background: #D4ECEC!important;
    border: 1px solid #5A9C9D!important;
    opacity: 1!important;
}

/* end Anker Formatierungen */

/* Pop Up Styles */
.popup-element-container {
  float: left;
  align-items: center;
  justify-content: center;
  display: flex;
}

.pop-up-element {
  display: none;
}

.popup-element-container:first-child {
  border-right: 1px solid #000;
  padding-right: 70px;
}

.popup-element-container:nth-child(2) {
  padding-left: 80px;
}

.pop-up-element .textcontent {
  display: flex;
}

.product .pop-up-element .textcontent {
  display: block;
}

.pop-up-element .textcontent h4 {
  color: #5a9c9d !important;
}

a.active_tree {
  font-weight: 600;
}

.pop-up-element:first-child {
  display: block;
}

.pop-up-button.button {
  position: relative;
  background: transparent !important;
  width: 25% !important;
  padding: 0;
}

.anw_headline {
  padding-bottom: 30px;
}

.referenzen_headline {
  padding-bottom: 30px;
}


.product .pop-up-element {
  position: relative;
  float: left;
  width: 100%;
}

.vid_headline {
  padding-bottom: 30px;
}

.project-referenz .collection_content.project {
  font-size: 17px;
  display: block;
  background: white;
  text-align: left;
  padding-top: 15px;
  margin: 0;
  color: #b5b5b5;
}

.project-referenz .collection_container:hover {
  -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
  box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
  border: none!important;
}

.center_youtube {
  padding-bottom: 100px;
}

.product div#area-5.main-screen {
  background: #f5f7fb;
  padding-top: 50px!Important;
  padding-bottom: 50px!important;
}

.product-info2 {
  padding-bottom: 30px;
}

.product .popup-element-container {
  display: block;
  position: relative;
  float: left;
  width: 70%;
}

.product .popup-element-container {
  display: block;
  position: relative;
  float: left;
  width: 50%;
}



/* .pop-up-button.button:hover {
  background: transparent !important;
  color: #fff !important;
} */

.pop-up-button.button .textcontent:hover {
  background: #d4ecec!important;
  border: 1px solid #5A9C9D!important;
  color: #437778!important;
  opacity: 1!important;
}

.pop-up-button.button.current .textcontent {
  background: #5a9c9d;
}

.pop-up-button.button .textcontent {
  background: #2d2d2d;
  font-size: 40px;
  width: 80px;
  height: 60px;
  cursor: pointer;
  transition: 0.3s;
}
.pop-up-button.button .textcontent:hover {
  background: #5a9c9d;
}

.pop-up-button.button:after {
  content: " ";
  width: 50%;
  border-bottom: 1px solid #a9abab;
  position: absolute;
  right: 24px;
  top: 50%;
}

.pop-up-button.button:last-child:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 38px;
  width: 20px;
  height: 20px;
  transform: rotate(-135deg) translateY(67%);
  box-shadow: -1px 1px 0 #a9abab;
}

/* Extra Online Marketing */
.loesungen.marketing .pop-up-button.button .textcontent {
  width: 110px;
  font-size: 20px;
  height: auto !important;
  padding: 15px 0;
  justify-content: center;
  align-items: center;
}

.loesungen.marketing .pop-up-button.button:after {
  width: 40%;
}

.loesungen.marketing div#area-2.main-screen.patrol {
  background: #f5f7fb!important;
}

.marketing-texte {
  padding: 62px 0px;
}

.loesungen.web-development .pop-up-button.button {
  position: relative;
  background: transparent !important;
  width: 33.33% !important;
  padding: 0;
}

.loesungen.web-development .technologien {
  width: 20%;
}

.loesungen.web-development div#area-2.main-screen.patrol {
  background: white!important;
  background: url(/userdata/images/wir-sind-breadcrumb.jpg) !important;
  background-size: cover!important;
}

.loesungen.corporate_design div#area-2.main-screen.patrol {
  background: white!important;
  background: url(/userdata/images/wir-sind-breadcrumb.jpg) !important;
  background-size: cover!important;
}

.loesungen.video div#area-2.main-screen.patrol {
  background: white!important;
  background: url(/userdata/images/wir-sind-breadcrumb.jpg) !important;
  background-size: cover!important;
}

.loesungen.social_media div#area-2.main-screen.patrol {
  background: white!important;
  background: url(/userdata/images/wir-sind-breadcrumb.jpg) !important;
  background-size: cover!important;
}

.loesungen.print div#area-2.main-screen.patrol {
  background: white!important;
  background: url(/userdata/images/wir-sind-breadcrumb.jpg) !important;
  background-size: cover!important;
}

.loesungen.print .project-referenz {
    width: 100%;
    float: left;
    padding: 20px 0px;
    display: flex;
    justify-content: center;
}


/* END Extrra Online Marketing */

/* 
width: 50px;
height: 50px;
transition: .5s;
transform: rotate(135deg);
box-shadow: -2px 2px 0 rgba(90, 156, 157, .5);
position: absolute;
right: 0;
bottom: 0;
cursor: pointer; */

.course {
  margin-top: 50px;
}

/* End Pop Up Styles */

/* Kontaktformular */
body.kontakt.kontakt #footer-header .contactformular {
  display: none;
}

.form-group {
  margin-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
}

.form-group label {
  line-height: 20px;
  margin-bottom: 11px;
  display: none;
}

.form-group.form-check label {
  display: block;
}

.form-control {
  background-color: #white;
  border: none;
  box-shadow: none;
  color: #000;
  font-size: 15px;
  border-radius: 0;
  background-clip: padding-box;
  padding: 10px 0px;
  height: auto;
  line-height: 20px;
}

.form-control:focus {
  outline: 0;
  border-bottom: solid 1px #5a9c9d;
  box-shadow: none;
}

.form-check-label {
  font-size: 14px;
}

select#input_leistungen {
  color: rgba(0, 0, 0, 0.61);
}

.select_body select {
  background: white;
}

.contactformular label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 15px;
  font-weight: 400!important;
}

.select_body select {
  color: #000;
  border: none;
  cursor: pointer;
  padding-right: 40px;
  appearance: none;
  display: block;
  width: 100%;
  padding: 10px 0px;
}

/* 
.form-label-left .form-group:not(.form-check) label {
    margin-top: 11px;
    width: 30%;
    float: left;
}

.form-label-left .form-group:not(.form-check) .select_body, .form-label-left .form-group:not(.form-check) input {
    width: 100%;
    float: left;
}

.form-label-left .form-group:not(.form-check) label {
    margin-top: 11px;
    width: 30%;
    float: left;
}

.form-label-left .form-group:not(.form-check):after {
    clear: both;
    display: block;
    content: " ";
}

.form-control {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #000;
    font-size: 13px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    padding: 10px 15px;
    height: auto;
    line-height: 20px;
} */

/* End Kontakrformular */

/* Webpakete */

.web_pakete .collection_content.titel {
  color: #fff;
  font-size: 21px;
  margin-bottom: 0px;
  text-align: center;
  padding: 8px 10px 10px 10px;
  background: rgba(0, 0, 0, 0.7);
  font-weight: 600;
}

.web_pakete {
  width: 33.33% !important;
  padding: 33px !important;
  float: left;
}
.pakete-gruppe {
  padding: 0 60px;
  width: 100%;
}

.web_pakete .collection_content.bild {
  text-align: center;
}

.web_pakete .collection_content.bild .textcontent {
  text-align: center !important;
}

.web_pakete .collection_content.bild img {
  width: 150px !important;
  height: 150px !important;
  max-width: 100% !important;
  margin: auto;
}

.web_pakete .beschreibung {
  font-size: 17px !important;
  padding: 5px !important;
}

.faq_question_box.active h3:after {
  content: '-';
  position: absolute;
  right: 16px;
  color: #b5b5b5;
}

.web_pakete img {
  width: 100% !important;
  max-width: 450px !important;
  margin: auto;
  height: auto !important;
}
/* End Webpakete */

.werare {
  float: left;
  display: inline-block;
  padding: 5px;
}

.werare1 {
  width: 50%;
  float: left;
  padding: 15px;
}

.werare2 {
  width: 50%;
  float: left;
  padding: 15px;
}

.werare3 {
  width: 50%;
  float: left;
  padding: 15px;
}

.slideshow_box .owl-carousel-item.animated {
  background-size: contain;
}

.werare4 {
  width: 50%;
  float: left;
  padding: 15px;
}

.wer_wir_sind {
  padding-right: 35px;
}

.wer_wir_sind h5 {
  font-size: 18px;
  font-weight: 500;
  color: #5a9c9d!important;
}

.jobs .btn:focus, .jobs .btn:hover, .jobs .button:focus, .jobs .button:hover {
  opacity: 0.8;
  color: #fff!important;
}

/* Jobs */

.stellen.full_preview .filter_display {

  display: none!important;
}

.stellen.full_preview .collection_container:after {
display: none!important;
}

.jobs .collection_container:hover {
  box-shadow: none;
  border: 1px solid #5a9c9d!important;
}

.jobs .main-screen.patrol {
  background: #5a9c9d;

}

.bewerben_button {
  text-align: center;
}

.background_initiativ h2 {
  color: #fff!Important;
}

.initiativ_group .row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.background_initiativ h3 {
  color: #fff!Important;
  font-weight: 400;
}

.bewerben_button a {
  background: white;
  padding: 12px 36px;
  transition: 0.6s;
  transition-timing-function: ease-in-out;
}

.slideshow_box button.owl-next span {
  font-size: 26px;
  background: #f5f7fb;
  color: #2d2d2d;
  border: 1px solid #b5b5b5;
  padding: 0px 14px 4px 16px;
  border-radius: 50%;
  vertical-align: middle;
}

.slideshow_box button.owl-prev span {
  font-size: 26px;
  background: #f5f7fb;
  color: #2d2d2d;
  border: 1px solid #b5b5b5;
  padding: 0px 14px 4px 16px;
  border-radius: 50%;
  vertical-align: middle;
}

.title-container .collection_content.subtitle {
  color: #5a9c9d!important;
  font-size: 17px;
}

.collection_content.gallery {
  padding: 30px 0;
}

.popup_product .pop-up-button.button {
  width: 20% !important;

}

.pap .popup-element-container {
  width: 100%!important;
  padding: 0px 0px 20px 0px;
}

.jobs .collection_content {
  color: #2d2d2d;
}

.jobs .collection_container {
  padding: 40px;
  border: 1px solid #E6E6E6;
  border-radius: 20px;
  position: relative;
}

.collection_list.jobs.show {
  float: left;
  padding: 20px;
}

.job_title_career {
  margin-bottom: 35px;
}

.collection_content.job_image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.collection_content.job_image {
  height: 400px;
  width: 100%;
  margin: 30px 0px;
}

.collection_full .collection_container {
  padding: 20px 0px;
  border: none;
  width: 75%;
}

.projects .collection_full .collection_container {
  padding: 20px 0px;
  border: none;
  width: 100%;
}

.collection_full .collection_content.job_title {
  font-size: 40px;
  width: 75%;
  padding-top: 30px;
}

.collection_full .collection_content.typ_job {
  font-size: 15px;
  color: #b5b5b5;
  padding-right: 10px;
  padding-top: 10px;
  width: auto;
  display: inline-block;
}

.collection_full .collection_content.standort {
  font-size: 15px;
  color: #b5b5b5;
  padding-right: 10px;
  padding-top: 10px;
  width: auto;
  display: inline-block;
}

.collection_full .collection_content.your_tasks {
  width: 100%;
  float: left;
  padding: 20px 20px 20px 0px;
  border-bottom: 1px solid #b5b5b5;
}

.collection_content.your_skills {
  border-bottom: 1px solid #b5b5b5;
  padding-bottom: 20px;
}

.collection_full .collection_content.your_benefits {
  width: 100%;
  float: left;
  padding: 20px 20px 20px 0px;
  border-bottom: 1px solid #b5b5b5;
}

.collection_full .collection_container:hover {
  
  border: none!important;
  
}

.jobs.full_preview .job_title_career {
  margin-bottom: 45px;
  display: none;
}

.jobs.full_preview .filter_display {
  float: left;
  width: 100%;
  transition: 0.2s;
  padding-bottom: 40px;
  padding-left: 20px;
  display: none;
}

.collection_content.job_title {
  font-size: 27px;
  font-weight: 600;
}

.collection_content.standort {
  font-size: 15px;
  color: #b5b5b5;
  padding-right: 10px;
  padding-top: 10px;
  width: auto;
  display: inline-block;
}

.collection_content.typ_job {
  font-size: 15px;
  color: #b5b5b5;
  padding-right: 10px;
  padding-top: 10px;
  width: auto;
  display: inline-block;
}

.collection_content.job_description {
    padding-top: 25px;
    padding-right: 170px;
}

.jobs .collection_container:after {
  content: '';
  background: url(/userdata/images/arrow-right.svg);
  width: 35px;
  height: 20px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 30px;
  right: 30px;
}

.jobs .collection_full .collection_container:after {
  content: '';
  background: url(/userdata/images/arrow-right.svg);
  width: 35px;
  height: 20px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 30px;
  right: 30px;
  display: none;
}

.collection_content.standort:before {
  content: '';
  background: url(/userdata/images/standort.svg);
  width: auto!important;
  height: 17px;
  background-repeat: no-repeat;
  display: inline-block;
  padding-right: 25px;
}

.collection_content.typ_job:before {
  content: '';
  background: url(/userdata/images/type.svg);
  width: auto!important;
  height: 17px;
  background-repeat: no-repeat;
  display: inline-block;
  padding-right: 25px;
}

.jobs .collection_link a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent!important;
}

.jobs .collection_full .link a {
  background: #5a9c9d;
  padding: 10px 30px;
  color: #fff;
}

.collection_full .collection_content.link {
  width: 100%;
  height: 100%;
  float: left;
  padding: 20px 0;
}

.collection_full .collection_content.job_description {
  width: 100%;
  padding-top: 15px;
  padding-right: 15px;
}

/* End Jobs */

/* hubspot Betreuung Seite */
.leistung-black-box .textcontent {
  padding: 0 20px;
  color: #2d2d2d;
}

.leistung-black-box h3 {
  color: #5a9c9d !important;
  font-size: 60px;
}

.leistungen.Kundenportal .leistung-black-box h3,
.leistungen.webshop .leistung-black-box h3 {
  font-size: 34px !important;
}

.dynamics_365_crm .leistung-black-box h3,
.hubspot .leistung-black-box h3 {
  font-size: 40px;
}

.leistung-black-box ul {
  padding-left: 20px;
}
/* End hubspot Betreuung Seite */

/* Online Marketing Seite */
/* .marketing-slider {
    text-align: center;
}
.marketing-slider .col-xs-12.col-sm-6.col-md-3.col-lg-3 {
    margin-bottom: 20px;
}
.marketing-slider .col-xs-12.col-sm-6.col-md-3.col-lg-3:nth-child(5) {
    clear: left;
}
.marketing-slider .col-xs-12.col-sm-6.col-md-3.col-lg-3 img {
    cursor: pointer;
} */

/* .marketing-texte .textcontent {
    display: none;
} */

/* .marketing-texte .textcontent:first-child {
    display: block;
}

.marketing-texte h4, .marketing-texte .textcontent div {
    float: left;
}

.marketing-texte h4 {
    width: auto;
    font-size: 50px;
    margin: 0;
    padding-right: 100px;
}

.marketing-texte .textcontent div {
    width: 50%;
    border-left: 1px solid #000;
    padding-left: 100px;
} */
/* End Online Marketing Seite */

/* Räumlichkeiten Büro Seite */

body.wir.buero .collection_list {
  display: block;
}

.loesungen .group-project-referenz h3 {
  font-size: 33px!Important;
}

.loesungen .group-project-referenz  {
  padding-bottom: 20px;
}

.loesungen div#area-9 {
  background: #f5f7fb;
}

.loesungen div#anker-element3 h3 {
  color: #2d2d2d;
}

.leistung-black-box h3 {
  color: #5a9c9d !important;
  font-size: 29px;
  text-align: left!important;
}

.headline_area9 h3 {
  font-size: 35px;
}

body.wir.buero .collection_list .collection_container {
  height: 250px;
  position: relative;
  overflow: hidden;
}
body.wir.buero .collection_list .collection_content.image {
  height: 100%;
}
body.wir.buero .collection_list .collection_content.image:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 30%;
  bottom: 0;
  left: 0;
  z-index: 1;
  background: rgb(0, 0, 0);
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.4) 90%,
    rgba(0, 0, 0, 0.57) 100%,
    rgba(0, 0, 0, 0) 100%
  );
}

.product .collection_list.leistungen:nth-child(1) .leistung-container, .product .collection_list.leistungen:nth-child(2) .leistung-container, .product .collection_list.leistungen:nth-child(3) .leistung-container {
  height: auto;
  min-height: auto;
}

.why_bc_pic img {
  max-width: 100% !important;
  height: 100%!important;
  width: 100%!important;
  object-fit: cover;
}

.headline_why_bc {
  padding-bottom: 50px;
}

.why_bc_pic {
  height: 100%;
}

.why_bc_pic .textcontent {
  height: 600px;
}

body.wir.buero .collection_list {
  width: 33.33%;
  float: left;
  padding: 5px;
}

/* .collection_content a {
  width: 100%;
  height: 100%;
  position: absolute;
  color: white;
  opacity: 0;
} */
body.wir.buero .collection_list img {
  object-fit: cover;
  height: 100%;
}

.collection_full.news_breadcrumb .collection_container {
  float: left;
  height: auto;
  min-height: 500px;
  background: #fff;
  position: relative;
  border: none;
  width: 100%;
}

.wir.collection_list.leistungen:nth-child(1), .wir .collection_list.leistungen:nth-child(2), .wir .collection_list.leistungen:nth-child(3) {
  width: 50%!important;
}

.wir .collection_list.leistungen:nth-child(1) .wir .leistung-container, .collection_list.leistungen:nth-child(2) .wir .leistung-container, .wir .collection_list.leistungen:nth-child(3) .wir .leistung-container {
  height: auto;
  min-height: auto;
}

.collection_full.news_breadcrumb .collection_content.news_pic {
  max-width: 100%;
  height: 100%;
  width: 50%;
  float: right;
  text-align: right;
}

.collection_full.news_breadcrumb .collection_content.small_title {
  color: #5A9C9D;
  font-size: 15px;
  padding: 0;
}

.collection_full.news_breadcrumb .collection_content.title {
  font-size: 42px;
  color: #2d2d2d;
  padding: 25px 0px;
  font-weight: 600;
}

.collection_content.slide_projects {
  width: 936px!Important;
}

.loesungen .pop-up-button.button {
  position: relative;
  background: transparent !important;
  width: 20% !important;
  padding: 0;
}

.loesungen div#content {
  padding: 0px 0px 70px 0px !important;
  float: left;
  width: 100%;
  position: relative;
}

.dienstleistungen_list {
  padding: 70px 0px;
}

.collection_full.news_breadcrumb .collection_content.news_text_long {
  color: #000;
  padding-right: 50px;
  width: 50%;
}

.collection_full.news_breadcrumb .collection_container:hover {
  -webkit-box-shadow: 0px 10px 25px 3px rgb(0 0 0 / 10%);
  box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 10%);
  border: none!important;
}

.collection_full.news_breadcrumb .collection_content.title:after {
  content: '';
  background: url(/userdata/images/arrow-right.svg);
  width: 35px;
  height: 20px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 30px;
  right: 30px;
  display: none;
}

body.wir.buero .collection_list.buero .impressionen-container {
  position: absolute;
  bottom: 30px;
  left: 30px;
  z-index: 1;
  text-shadow: 0px 0px 14px rgba(0, 0, 0, 1);
  font-size: 22px;
}

body.wir.buero .collection_list.buero .title {
  font-size: 35px;
}
/* END Räumlichkeiten Büro Seite */

/* pj-steps */

.col-xs-12.col-sm-6.col-md-3.col-lg-12.pj-step {
  padding-top: 60px;
}

.pj-step.fuenf {
  float: left;
  position: relative;
  width: 33%;
  min-height: 270px;
  padding: 15px;
}

.pj-step img {
  position: absolute;
  left: -70px;
  top: 0;
  opacity: 0.3;
}

/* end pj-steps */

/* Leistungen Unterseiten */

/* .technologien {
  width: 20%;
} */

/* End Leistungen Unterseiten */

/* Slideshow */

div#slider-header-text {
  position: relative;
  height: 100%;
  text-align: start;
  align-items: center;
  display: flex;
  padding: 0px 20px 20px 20px;
  z-index: 2;
  width: 1320px;
}

.collection_content.howto {
  padding: 20px 0px;
}

.home div#slider-header-text {
  position: relative;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  align-items: center;
  display: flex;
  padding: 0px 20px 20px 20px;
  z-index: 2;
  float: none;
}

.home #slider-header-text .textcontent {
  margin: 0 auto;
}

/* .slidetext.subpage {
  margin: 0 auto;
} */

#slider-header-text .textcontent a {
  background: #5A9C9D;
  padding: 10px 18px 10px 18px;
  color: white;
  transition: 0.8s;
  transition-timing-function: ease-in-out;
}

/* unterseiten */

/* div#slider-header-text h1:first-child {
  font-size: 30px;
} */

/* div#slider-header-text h1:last-child {
  font-size: 50px;
} */

div#slider-header-text h1 {
  font-size: 42px!important;
  font-weight: 700!important;
  color: #1A1A1A!important;
}

div#slider-header-text h1 {
  margin: 0;
  padding: 0;
  line-height: 1.3;
}

/* end unterseiten */

div#slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 411px;
  text-align: center;
  display: flex;
  justify-content: center;
  background: #f5f7fb;
}
body.home #slider {
  height: 411px !important;
}

#slider > .textcontent img {
  height: 100% !important;
  object-fit: cover;
  width: 100% !important;
}

#slider > .textcontent {
  height: 100%;
  width: 100%;
  position: absolute;
}
#slider-header-text h1 {
  color: #1A1A1A!important;
}
#slider img {
  width: 100%;
}

.collection_wrapper_group .row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.jobs div#area-4.main-screen.patrol {
  background: #F5F7FB!important;
}

.jobs div#area-5.main-screen {
  padding: 70px 0px!important;
  background: #5a9c9d;
}

.benefits_headline {
  padding-bottom: 50px;
}

.benefits img {
  min-height: 56px;
  object-fit: contain;
}

.benefits {

  padding-bottom: 40px;
}

/* .follow-mouse {
  position: absolute;
  width: 500px;
  background: rgba(90, 156, 157, 0.6);
  height: 100%;
  left: 0px;
  transition-duration: 1.5s;
  transition-timing-function: ease-out;
  margin-left: -250px;
  z-index: 1;
} */

/* Header */

/* div#header, #header .container{
    height: 100%;
}

div#header, .header-wrapper {
    height: 80px;
    width: 100%;
    z-index: 10;
    background: #2d2d2d;
    padding: 0 10px;
}

#header.sticky-active {
    background: rgba(0,0,0,.6) !important;
    padding: 0 20px;
    width: 100%;
    left: 0;
}

#header #header_2 {
    height: 100% !important;
}
div#header_2 ul li, div#footer_1 ul li {
    display: inline-block;
    padding: 0 30px;
}

div#header_2 ul li a, div#footer_1 ul li a {
    color: #fff;
    font-size: 18px;
    transition: .1s;
}

div#header_2 {float: right !important;}

div#header_2 ul li a:hover, div#footer_1 ul li a:hover {
    color: #5a9c9d;
}

#header .component.logo {
    float: left;
}

div#header_2 {
    margin: 0 !important;
    padding: 0 !important;
    height: 100%;
}

ul.level_1 {
    margin: 0 !important;
}

li.level_1 {
    line-height: 80px;
}





.sticky-active {
    position: fixed;
}


#toggle_navigation, .hamburger-menu{
    display:none;
}

.hamburger-menu {
    background: #000;
    position: absolute;
    width: 100%;
    top: 100%;
    display:none;
}


label.hamburg { 
   display: block;
   background: #555; width: 55px; height: 50px; 
   position: relative; 
   margin-left: auto; margin-right: auto;
   border-radius: 4px; 
   margin:0;
}

input#hamburg {display:none}

.line { 
   position: absolute; 
   left:10px;
   height: 4px; 
   width: 35px; 
   background: #fff; border-radius: 2px;
   display: block; 
   transition: 0.5s; 
   transform-origin: center; 
}

.line:nth-child(1) { top: 12px; }
.line:nth-child(2) { top: 24px; }
.line:nth-child(3) { top: 36px; }

div#toggle_navigation.active > .hamburg .line:nth-child(1){
   transform: translateY(12px) rotate(-45deg);
}

div#toggle_navigation.active > .hamburg .line:nth-child(2){
   opacity:0;
}

div#toggle_navigation.active > .hamburg .line:nth-child(3){
   transform: translateY(-12px) rotate(45deg);
} */

.header-wrapper {
  position: relative;
  width: 100%;
  z-index: 100040000000;
  background: #fff;
  float: left;
  -webkit-box-shadow: 0px 10px 25px 3px rgb(0 0 0 / 10%);
  box-shadow: 0px 10px 25px 3px rgb(0 0 0 / 10%);
}

.body-active .header-wrapper {
  position: fixed;
}

#header_account {
  background-color: rgba(117, 117, 117, 0.69);
  color: #fff;
  padding-top: 0px;
  text-align: right;
}

div#header_account ol li,
div#header_account ul li {
  color: #333;
  display: inline;
  float: right;
}

#header_account a {
  color: #4d4d4d;
  display: block;
  padding-left: 10px;
  padding-right: 10px;
}

#header {
  background-color: rgba(223, 223, 224, 0);
  color: #fff;
  padding-top: 0px;
  padding-bottom: 0px;
}

#header #header_2 {
  float: right !important;
}

.overlay div#primary_navigation {
  margin-right: 0px !important;
  visibility: visible;
  opacity: 1;
}

#header a {
  color: #fff;
  font-size: 15px;
  list-style: none;
  display: block;
  width: auto !important;
}

svg.fa-2x {
  width: 22px;
  float: left;
  margin-right: 12px;
}

svg:not(:root) {
  overflow: hidden;
}

.fa-2x {
  font-size: 2em;
}

#header_2 a {
  color: #1A1A1A;
  font-size: 15px;
  list-style: none;
  padding: 21px 17px 19px 17px;
  display: block;
}

#header_2 ul.level_1 {
  padding: 0;
  height: auto;
  float: right;
}

#header_2 li {
  list-style: none;
  float: left;
  padding: 0;
  max-height: 55px;
  text-align: center;
}

#header > .container {
  position: relative;
}

#nav-wrapper {
  z-index: 1000;
}

#toggle_navigation {
  background-color: rgba(223, 223, 224, 0);
  float: right;
  width: 55px;
  height: 55px;
  padding: 21px 9px;
  cursor: pointer;
  display: none;
}

#toggle_navigation .navigation-bar {
  width: 100%;
  height: 2px;
  background-color: #000;
  margin-bottom: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

#toggle_navigation .navigation-bar {
  width: 100%;
  height: 2px;
  background-color: #000;
  margin-bottom: 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

div#primary_navigation {
  width: 100%;
  float: right;
  background: rgb(255 255 255);
  display: none;
  position: absolute;
  height: 660px;
  top: 0px;
  visibility: hidden;
  opacity: 0;
  height: 101vh;
  display: block;
  padding-top: 90px;
  margin-right: -101% !important;
  z-index: 500;
}

#primary_navigation_mobile .navigation_scrollbox .navigation > ul li a {
  color: #d4d4d4;
}
#primary_navigation_mobile ul {
  margin: 0;
  padding: 0;
}
#primary_navigation ul li {
  padding: 0;
  margin: 0;
  list-style: none;
}
div#primary_navigation_mobile {
  left: 0;
  position: absolute;
  width: 100%;
  top: 60px;
  min-width: 200px;
  background-color: #0000;
}
#primary_navigation_mobile {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 320px;
  height: 100%;
  background-color: #000;
  z-index: -1;
}
#primary_navigation_mobile
  .navigation_scrollbox
  .navigation
  > ul
  > li:first-child
  > a {
  border-top: 1px solid #B5B5B5;
}
#primary_navigation_mobile .navigation_scrollbox .navigation > ul li a {
  color: #2d2d2d!important;
}
#primary_navigation_mobile .navigation_scrollbox .navigation > ul li a {
  font-weight: 400;
  padding: 20px 20px;
  text-transform: none;
  display: block;
  position: relative;
  color: #4d4d4d;
  border-bottom: 1px solid #B5B5B5;
  text-align: left;
  font-size: 20px;
}

#primary_navigation_mobile .navigation_scrollbox {
  backface-visibility: hidden;
  height: calc(100% - 48px);
  overflow-x: hidden;
  overflow-y: scroll;
}

#primary_navigation_mobile .navigation_scrollbox .navigation {
  margin-bottom: 60px;

}

.leistungen_group {
  padding-top: 70px;
}

.loesungen .filter_display {
  display: none;
}

#header #header_1,
#header #header_2,
#header #header_3,
#header #header_4 {
  float: left;
  margin-top: 0;
  padding-right: 20px;
  overflow: visible;
}

#header #header_1 .component.logo {
  padding: 15px 17px 19px 0px;
}

#primary_navigation .component.nav-area .textcontent:last-child {
  margin-bottom: 100px;
}

.component.nav-area .textcontent {
  float: left;
  width: 100%;
}

/* end*/

/* Startseite */

.box-leistung img {
  width: 80px;
  margin-bottom: 30px !important;
  display: block;
  margin: 0 auto;
}

.box-leistung {
  text-align: center;
  padding: 60px;
  border: 1px solid #cacbcc;
  font-size: 25px;
}

.box-leistung a {
  padding: 5px 100px;
  background: #e8f3f6;
  color: #2d2d2d;
  text-decoration: none;
  margin-top: 50px;
  display: inline-block;
  font-size: 20px !important;
}

.we_are_breadcrumb {
  background: url("/userdata/images/wir-sind-breadcrumb.jpg");
  clear: both;
  padding: 120px;
  color: #2d2d2d;
  background-size: cover;
  background-position: center;
  overflow-y: auto;
}

div#area-2.main-screen.patrol {
  background: white!important;
}




.loesungen.website div#area-2.main-screen.patrol {
  background: url(/userdata/images/wir-sind-breadcrumb.jpg) !important;
}

.loesungen.website .pop-up-button.button {
  position: relative;
  background: transparent !important;
  width: 25% !important;
  padding: 0;
}


.we_are_breadcrumb h2 {
  margin: 0;
}

.news_collection_preview_bc {
  width: 100%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.collection_list.news_breadcrumb {
  width: 33%;
  height: 100%;
  padding: 20px;
  display: flex!important;
    flex-wrap: wrap;
}

/* .news .collection_link {
  display: none;
} */

.news.full_preview .news_collection_full {
  display: flex;
  flex-direction: column;
}

.news_collection_full {
  display: flex;
  flex-wrap: wrap;
}

.product div#content {
  padding-top: 0px!Important;
}



.news_breadcrumb .collection_container {
  float: left;
  height: 400px;
  min-height: 450px;
  background: #fff;
  position: relative;
  border: 3px solid #F5F7FB;
  width: 100%;
  transition: 0.3s;
}


.nutzen {
  text-align: center;
  color: #2d2d2d;
}
.nutzen h3 {
  text-align: center;

  font-size: 28px;
  font-weight: bold;
}

/* .nutzen b, strong {
  font-weight: 500!important;
} */


.download_pdf_social .svg-icon {
  width: 50%;
}


.loesungen div#area-5.main-screen {
  padding: 70px 0px!important;
}


.nutzen li {
  display: inline-block;
  color: #2d2d2d;
  padding: 22px;
}
.nutzen ul {
  margin: 0;
  padding: 0;
}

.nutzen table {
  width: 100% !important;
  border: 0;
}

.nutzen table tr td {
  border: 0;
}

.nutzen table tr td:first-child {
  text-align: right;
  padding-right: 50px;
}

.nutzen table tr td:last-child {
  text-align: left;
  padding-left: 50px;
}

.nutzen table tr td {
  padding: 15px;
  width: 50% !important;
}

.nutzen-fix {
  display: none;
}

.background-nutzen {
  background: url("/userdata/images/wir-sind-breadcrumb.jpg") !important;
  padding: 100px 0;
  background-size: cover !important;
  background-position: center;
  background-repeat: no-repeat;
}

.howToGroup {
  height: auto;
  width: 100%;
  display: table;
  background: url(/userdata/images/header-breadcrumb.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.howToGroup .row {
  margin: 0 !important;
}

.boxen {
  background: #fff;
  height: 380px;
  border: 1px solid #cacbcc;
  padding: 0;
  transition: 0.5s;
  cursor: pointer;
  position: relative;
}

.boxen:hover {
  background: transparent;
}

.boxen .box-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-left: 6px solid #5a9c9d;
  padding-left: 20px;
}

.boxen:hover a {
  color: #fff;
}

.boxen:hover .box-center {
  border-left: 6px solid #fff;
}

.boxen:first-child .box-center {
  border: 0 !important;
  padding-left: 0 !important;
}

.boxen:first-child {
  background: #5a9c9d !important;
  color: #fff;
  font-weight: bold;
  cursor: default;
}

.boxen a {
  color: #000;
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
}

.boxen .textcontent {
  height: 100%;
  font-size: 23px;
}

/* Unterseite Referenzen Projekt */

.project-referenz {
  width: 100%;
  float: left;
  padding: 20px 0px;
}

.leistung-black-box .collection_container:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none!important;
}

.background_onlinemarketing img {
  max-width: 100% !important;
  width: 100%!important;
  object-fit: contain;
}

.project-referenz .logo-home,
.project-referenz .company_description,
.project-referenz .collection_link,
.project-referenz .teaser,
.project-referenz .project {
  display: none;
}

/* .project-referenz .collection_list:nth-child(2) .collection_container {
  background: #5a9c9d;
} */
/* .project-referenz .collection_list.referenzen:last-child .collection_container,
.project-referenz .collection_list:nth-child(1) .collection_container {
  background: #a9abab;
} */

.project-referenz .collection_list.referenzen {
  width: 33.33%;
  float: left;
  padding: 20px;
}

.project-referenz a:hover {
  color: #2d2d2d;
}

.project-referenz .collection_container {
  min-height: 350px;
  position: relative;
}

/* .project-referenz .teaser-img {
  padding: 40px 10px;
} */

/* .project-referenz .collection_content.teaser-img img {
  max-height: 210px;
  margin: 0 auto;
  text-align: center;
  width: auto;
} */

.project-referenz .collection_content.teaser-img {
  text-align: center;
}

/* .project-referenz .collection_content.company_title a {
  color: #fff;
  font-weight: bold;
  font-size: 18px;
} */

.group-project-referenz {
  text-align: center;
}

.project-referenz .collection_content.company_title {
  font-size: 28px;
  padding-right: 70px;
  background: white;
  text-align: left;
  color: #2d2d2d;
}

.group-project-referenz .collection_content.teaser-img {
  min-height: 180px;
  height: 290px;
}

/* 
.owl-carousel {
  display: block !important;
  position: relative;
  width: 100%;
} */

/* .owl-stage-outer {
  width: 100%;
} */

.collection_full.referenzen {
  width: 100% !important;
  position: relative;
}

.group-project-referenz .btn a {
  color: #fff !important;
}
/* End Unterseite Referenzen Projekt */

/* Online Marketing */

.marketing .owl-group .owl-item:nth-child(odd) .textcontent {
  background: #5a9c9d !important;
}

.marketing .owl-group .owl-item:nth-child(even) .textcontent {
  background: #a9abab !important;
}

.marketing .owl-group .textcontent,
.marketing .owl-item .textcontent h4 {
  color: #fff !important;
}

/* End Online Marketing */

/* Kollektion Startseite */

.all_referenz {
  clear: both;
  text-align: center;
}

.top_referenzen {
  clear: both;
  display: flex;
}


/* .home .referenz-left .company-container */

.referenz-right {
  flex: 1;
  padding-top: 80px;
}
.referenz-left {
  background: #5a9c9d;
  transition: all 1s;
  overflow: hidden;
  position: relative;
}
/* .referenz-right {
  background: rgba(174, 212, 224, 0.4);
} */
.referenz-right .collection_content {
  color: #2d2d2d;
}

.referenz-left .collection_content.company_title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}

.referenz-left .company-container {
  position: absolute;
  left: -150%;
  transition: 2s;
  width: 100%;
  top: 80;
  height: 100%;
  width: 100%;
}
.referenz-left .company-container.show {
  top: 0;
  left: 0;
  position: relative;
}

/* .referenz-left .company-container {
  position: absolute;  
  left: 0%;

  -moz-animation: slideOut 2s ease 1s forwards;
  -webkit-animation: slideOut 2s ease 1s forwards;
  -o-animation: slideOut 2s ease .1s forwards;
  -ms-animation: slideOut 2s ease .1s forwards;
  animation: slideOut 2s ease .1s forwards;

}
.referenz-left .company-container.show {
    position: relative;
    display: block !important;
    

    -moz-animation: slide 2s ease 1s forwards;
   -webkit-animation: slide 2s ease 1s forwards;
   -o-animation: slide 2s ease .1s forwards;
   -ms-animation: slide 2s ease .1s forwards;
    animation: slide 2s ease .1s forwards;
}

@-webkit-keyframes slide 
{
  from {left: -100%;
    transform:translateX(-100%);
      }
  to {left: 0px;
    }
}

@-webkit-keyframes slideOut 
{
  from {
    left: 0;
  }
  to {
    left: 100%;
    transform:translateX(-50%);
  }
} */

.referenz-right .logo-home img {
  width: 170px;
  max-width: 100%;
  object-fit: contain;
  height: 100%;
}

.referenz-right .logo-home img:after {
  display: block;
  content: "";
  border-bottom: solid 3px #019fb6;
  transform: scaleX(0);
  transition: transform 250ms ease-in-out;
}

div#area-6.main-screen.patrol {
  background: white;
}

.collection_content.title_ui {
  position: absolute;
  bottom: 61px;
  left: 30px;
  z-index: 3!important;
  font-size: 17px;
  color: #B5B5B5!important;
}

.referenz-right .logo-home {
  float: left;
  width: 20%;
  text-align: center;
  height: 90px;
  position: relative;
  margin-bottom: 80px;
  padding: 0 20px;
  filter: grayscale(1);
  opacity: 0.6;
  transition: 0.3s;
}

div#area-5.main-screen {
  padding: 0!important;
}

.referenz-right .logo-home:hover {
  filter: none;
  opacity: 1;
}

.referenz-right .logo-home:after {
  display: block;
  content: "";
  border-bottom: solid 3px #019fb6;
  /* transform: scaleX(0) !important; */
  transition: transform 250ms ease-in-out;
  height: 100%;
  position: absolute;
  width: 40%;
  bottom: -10px;
  left: 50%;
  transform: scaleX(0) translateX(-50%);
}
/* .referenz-right .logo-home.current:after {
  transform: scaleX(1) translateX(-50%);
  transform-origin: 0% 50%;
} */

/* End Kollektion Startseite */

/* Projects */

body.projects .company_description,
.projects .logo-home,
body.projects.full_preview .filter_display {
  display: none;
}

body.projects .btn,
body.projects .button,
body.projects .btn:hover,
body.projects .button:hover {
  border: 0;
  background: transparent;
}

.body-active .filter_display {
  position: relative;
  top: 50px;
  z-index: 10000;
  top: 70px;
  transition: 0.5s;
}

.projects.body-active .filter_display {

  top: 20px;
 
}

.description_dienstleistungen a {
  background: #5A9C9D;
  padding: 10px 18px 10px 18px;
  color: white;
  transition: 0.8s;
  transition-timing-function: ease-in-out;
}

.description_dienstleistungen a:hover {
box-shadow: inset 400px 0 0 0 #2d2d2d;
}


.filter_display .button_filter_wrapper_2 {
  float: left;
  width: auto;
  text-align: center;
}

.button_filter_wrapper_2 a {
  color: #437778;
  text-decoration: none;
}

.button_filter_wrapper_2 a:active {
  color: #B5B5B5!important;
  text-decoration: none;
}

.body-active .button_filter_wrapper_2 a {
  background: rgba(99, 99, 98, 0.7607843137254902);
}

/* .filter_display .button_filter_wrapper_2:last-child,
.projects .collection_list.referenzen .collection_content.company_title,
body.projects.full_preview .teaser {
  display: block;
} */

a.button_filter.o-filter,
a.button_filter.a-filter {
  position: relative;
  background: #F5F7FB;
  padding: 10px 20px;
  background: #D4ECEC;
  border: 1px solid #5A9C9D;
}

a.button_filter.o-filter, a.button_filter.a-filter:active {
  background: #F5F7FB;
  border: 1px solid #F5F7FB;
  color: #B5B5B5;
}

/* a.button_filter.o-filter:after,
.button_filter.a-filter:after {
  content: "";
  position: absolute;
  left: -30px;
  width: 15px;
  height: 15px;
  padding: 0px;
  border-radius: 50%;
  border: double 6px #5a9c9d;
  background-clip: padding-box;
  top: 50%;
  transform: translateY(-50%);
} */
/* a.button_filter.a-filter:after {
  background: #5a9c9d !important;
  background-clip: padding-box !important;
} */

body.projects .collection_list.referenzen.show {
  width: 33.33%;
  float: left;
  padding: 20px;
  height: auto;
}

.collection-wrapper .row {
  display: flex;
  flex-wrap: wrap;
}
body.projects .collection_list .collection_content.teaser-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: 0.5s;
}

body.projects .collection_list .collection_container:hover .teaser-img img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

body.wir.buero .collection_list .collection_content.image img:hover {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

body.wir.buero .collection_list .collection_content.image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: 0.5s;
}

.project-referenz .collection_list .collection_content.teaser-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  transition: 0.5s;
}

.project-referenz .collection_list .collection_container:hover .collection_content.teaser-img img {
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05);
}

.project-referenz .collection_container {
  position: relative;
  height: 100%;
}

.project-referenz .collection_list.referenzen {
  width: 33.33%;
  float: left;
  padding: 20px;
  height: auto;
}

.project-referenz .collection_link {
  display: block!important;
}

.project-referenz .collection_link a {
  display: block!important;
  background: transparent!important;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.jobs .collection_link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.collection_content.news_pic {
  min-height: 235px;
  height: 235px;
}

body.projects .collection_list .collection_container {
  height: 100%;
  position: relative;
}

.projects .collection_content.project {
  color: #B5B5B5;
}
/* body.projects .collection_list .collection_container {
  display: flex;
} */
.projects .referenz-website {
  margin: 0 auto;
}
.projects.full_preview .top_referenzen {
  display: flex;
}
.projects.full_preview .referenz-left {
  display: flex;
  align-items: center;
  text-align: center;
}
.projects.full_preview .referenz-left img {
  max-width: 100%;
}
.projects.full_preview .logo-referenz {
padding: 30px;
}
.anker_desc_1 .textcontent {
  padding-top: 30px;
}
/* .projects.full_preview .collection_full .collection_container {
  display: flex;
  flex-direction: column;
  float: left;
  justify-content: center;
} */

.projects.full_preview .collection_content {
  color: #2d2d2d;
  width: 75%;
  max-width: 75%;
  position: relative;
}

body.projects.full_preview .collection_content.teaser-img {
  width: 80%;
  padding-top: 30px;
  float: left;
  padding-bottom: 30px;
  height: 550px;
}

.collection_full .collection_content.logo-referenz {
  height: 150px;
  width: 20%;
  min-height: 150px;
  float: left;
  padding: 0px 0px 0xp 20px;
}

.collection_content.project_pic img {
  height: 100%! important;
  width: 100% !important;
  object-fit: cover;
}

.collection_content.project_pic {
  padding: 20px 0px;
}

.collection_content.teaser-img img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover;
}

/* body.projects .collection_list .collection_content.teaser-img,
.projects .collection_list .company-project {
  width: 50%;
  float: left;
} */

/* body.projects .collection_list .company-project {
  padding: 80px 70px;
} */

.collection_content.project {
  font-size: 17px;
  padding: 20px 0px 10px 0px;
}
/* .collection_content.project:before {
  content: "Projekt: ";
  font-weight: bold;
  color: #2d2d2d;
} */

.projects .collection_container:hover {
  -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
  box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
  border: none!important;
}

.collection_full .collection_content.logo-referenz {
  height: 150px;
  width: 20%;
  min-height: 150px;
}

.collection_full .collection_content.logo-referenz img {
  object-fit: cover;
  width: 100%!important;
}

.projects a.button {
  display: none!important;
}

.collection_content.project a {
  color: #B5B5B5!important;
}

.collection_content.company_title {
  font-size: 28px;
  padding-right: 70px;
}

body.projects .collection_link,
.collection_content.website_link {
  border: 1px solid #fff;
  display: inline-block;
  
}
body.projects .collection_link a, .collection_content.website_link a {
  padding: 9px 60px;
  background: #5a9c9d;
  display: inline-block;
  color: #fff!important;
  width: auto;
  transition: 0.6s;
    transition-timing-function: ease-in-out;
}

body.projects .collection_link a {
  color: #fff;
  text-decoration: none;
}

body.projects .collection_content a {
  color: #2d2d2d;
  text-decoration: none;
}
body.projects .collection_content.teaser {
  margin-bottom: 35px;
}

.projects.full_preview .collection_content.website_link {
  margin-top: 30px;
}

/* body.projects .collection_list .collection_content.teaser-img {
  background: rgba(174, 212, 224, 0.4);
  padding: 20px;
} */

/* body.projects .collection_list .company-project {
  background: #5a9c9d;
} */

/* Full */
/* body.projects.full_preview .collection_content.teaser-img img {
  margin: 0 auto;
  display: block;
} */

body.projects.full_preview .collection_content.project:before {
  display: none;
}

body.projects.full_preview .company_title {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 40px;
  width: 100%;
  float: left;
  display: block;
}

.collection_content.teaser-img {
  background: #f4f4f4;
  height: 330px;
  overflow: hidden;
}

.projects.full_preview .collection_content.teaser-img {
  background: none;
  height: auto;
}

body.projects.full_preview .collection_content.project {
  font-size: 26px;
  margin-bottom: 0;
  width: 100%;
  float: left;
  
}

/* body.projects.full_preview .collection_content.teaser-img {
  padding: 80px;
} */

/* End projects */

/* leistungen kollektion */
body#body.leistungen.webentwicklung .filter_display,
body#body.leistungen.werbung_marketing .filter_display,
body#body.leistungen.crm .filter_display,
body#body.wir.wir .filter_display,
body#body.product.product .filter_display,
body#body.leistungen.leistungen .filter_display {
  display: none !important;
}

/* body#body.wir.wir #content,
body#body.leistungen.leistungen #content {
  padding: 0 !important;
} */

.collection_list.leistungen {
  width: 33.33%;
  float: left;
  padding: 20px;
}



.collection_list.leistungen.greaterBox {
  width: 66.67%;
}

.collection_list.projects.leistungen .collection_container .img {
  background: rgba(174, 212, 224, 0.4);
}

/* .collection_list.leistungen.product-grey {
  width: 33.33% !important;
} */

.collection_list.leistungen:nth-child(1), .collection_list.leistungen:nth-child(2) {
  width: 50%!important;
}

.loesungen .collection_list.leistungen:nth-child(3) {
  width: 50%!important;
}

.collection_list.leistungen:nth-child(1) .leistung-container, .collection_list.leistungen:nth-child(2) .leistung-container, .collection_list.leistungen:nth-child(3) .leistung-container  {
  height: auto;
  min-height: auto;
}

/* .loesungen .collection_list.leistungen:nth-child(3) .loesungen .leistung-container, .loesungen .collection_list.leistungen:nth-child(4) .loesungen .leistung-container  {
  height: auto;
  min-height: auto;
} */

.jobs.body-active .filter_display {
  position: relative;
  top: 50px;
  z-index: 10000;
  top: 0px;
  transition: 0.5s;
}

.stellen.full_preview .collection_content.link a {
  background: #5a9c9d;
  padding: 10px 20px;
  color: #fff;
  transition: 0.5s;
  transition-timing-function: ease-in-out;
}




/* .collection_list.product-grey img {
  width: 400px !important;
  height: auto !important;
  margin: 0 auto;
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
} */
/* .collection_list.product-grey.leistungen .collection_container .img {
  background: #d7d8d8;
} */

.collection_list.product-grey.leistungen .collection_container .img {
  background: none;
}

.collection_list.projects.leistungen .collection_container .img img {
  width: 90% !important;
  max-width: 100% !important;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
  display: block;
}

.collection_list.leistungen
  .collection_container:hover
  .collection_content.img:after {
  background: rgba(90, 156, 157, 0.7);
}


.collection_list.leistungen img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}

.collection_list.leistungen .img {
  position: relative;
  padding: 0;
  margin: 0;
  max-width: 100%;
  width: 100%;
  height: 270px;
  z-index: 1;
}

.leistung-container .collection_content.group {
  color: #B5B5B5!important;
  font-size: 17px;
}

.collection_list.leistungen .leistung-container {
  position: relative;
  font-size: 22px;
  min-height: 144px;
  padding: 20px 30px;
  width: 100%;
}

.collection_list.leistungen .title {
  font-size: 28px;
}

.news_text_long a {

  color: #5a9c9d;
}


.collection_list.leistungen .collection_container {
  height: 100%;
  min-height: 100%;
  background: #fff;
  position: relative;
  border: 3px solid #F5F7FB;
  transition: 0.3s;
}

.product .collection_list.leistungen:nth-child(1), .product .collection_list.leistungen:nth-child(2), .product .collection_list.leistungen:nth-child(3) {
  width: 50%!important;
}


.collection_list.leistungen a {
  width: 100%;
  height: 100%;
  position: absolute;
}

.collection_list.leistungen .collection_content.link {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  /* display: block; */
  max-width: 100%;
  left: 0;
  z-index: 10;
}

.collection_content.title {
  font-size: 27px;
  color: #2d2d2d;
  padding: 0px 65px 0px 0px;
}

.collection_content.small_title {
  color: #5A9C9D;
  font-size: 15px;
  padding: 30px 0px 1px 30px;
}

.news_breadcrumb .collection_content.title {
  font-size: 27px;
  color: #2d2d2d;
  padding: 5px 65px 0px 30px;
}

.unser_team_group .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.news_breadcrumb .collection_link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.news_breadcrumb .collection_link a {
  width: 100%;
  height: 100%;
  background: transparent !important;
}

.projects .collection_content {
  color: #2d2d2d;
}

.projects a.button {
  display: block!Important;
  position: absolute;
  width: 100%!important;
  height: 100%;
  top: 0;
  left: 0;
  background: transparent!important;
}

/* .collection_content a {
  width: 100%;
  height: 100%;
  position: absolute;
} */

.news_breadcrumb .collection_content.title:after {
  content: '';
  background: url(/userdata/images/arrow-right.svg);
  width: 35px;
  height: 20px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 30px;
  right: 30px;
}

/* End Leistungen */

/* Produkt Unterseite */

.product-left .textcontent,
.product-right .textcontent,
.product-leistung-right .textcontent,
.product-leistung-left .textcontent {
  padding: 60px;
}

/* .product #content,
.product #area-2 {
  color: #fff !important;
  padding: 0 !important;
} */
.product #content h2 {
  color: #fff;
  padding: 0 !important;
}

.product_description_pic img {
  object-fit: contain;
  height: 100%!Important;
}

.product_highlight_gallery .slideshow_box {
  overflow: hidden;
}

.product_description_pic {
  padding: 0px;
}

.popup_product .pop-up-button.button .textcontent {
  background: #fff;
  font-size: 16px;
  cursor: pointer;
  transition: 0.3s;
  color: grey;
  font-weight: 400;
  width: 100%;
  padding: 13px;
  border: 1px solid white;
  height: 100%;
}

.popup_product .pop-up-button.button:after {
  content: " ";
  width: 50%;
  border-bottom: 1px solid #a9abab;
  position: absolute;
  right: 24px;
  top: 50%;
  display: none;
}

.product div#area-3.main-screen {
  background: #f5f7fb;
}

.popup_product .pop-up-button.button:last-child:before {
  position: absolute;
  content: "";
  top: 50%;
  right: 38px;
  width: 20px;
  height: 20px;
  transform: rotate(
-135deg
) translateY(67%);
  box-shadow: -1px 1px 0 #a9abab;
  display: none;
}

.popup_product {
  padding-bottom: 20px;
}

/* .product div#content {
  padding-top: 0!important;
} */

/* .popup_product_in .popup-element-container {
  align-items: center;
  display: flex;
  float: none;
  justify-content: unset;
} */

.popup_product_in .pop-up-element {

  border: 1px solid #B5B5B5;
}


.product div#area-4.main-screen.patrol {
  background: white;
}

.collection_content.dienstleistung_title {
  color: #2d2d2d!important;
  border: 1px solid #5a9c9d;
  padding: 10px 20px 10px 20px;
  text-align: center;
  border-radius: 40px;
}

.dienstleistungen .collection_container {
  width: auto;
  text-align: center;
  padding: 18px;
}

.collection_list.dienstleistungen.show {
  width: auto;
}

.dienstleistungen .collection_container:hover {
  -webkit-box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
  box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
  border: none!important;
}

.dienstleistungen_group .row {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: row;
}


.popup_product_in .pop-up-element:first-child {
  display: block;
  border: 1px solid #B5B5B5;
}

.popup_product_in .pop-up-element .textcontent {

  padding: 30px;
}

.product-info2-img img {
  width: 100%!important;
  height: 100%!important;
}

.popup_product_in .popup-element-container:first-child {
  border-right: none;
  padding-right: 0px;
}

.funktionen_module_beschreibung {
  padding-bottom: 40px;
}


.popup_product .pop-up-button.button.current .textcontent {
  background: #D4ECEC;
  border: 1px solid #5A9C9D;
  color: #437778;
  font-weight: 600;
}


.product
.product .main-screen {
  padding: 40px 0px;

}

.funktionen_module_beschreibung .textcontent {
  width: 70%;
}


.product_description {
  padding: 0px 100px 50px 312px;
}

.group_product_desc .row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}


.product-info {
  padding: 70px 40px 70px 190px;
  background: #f5f7fb;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product-info,
.product-info h2 {
  color: #333 !important;
  
}

.product_highlight_gallery {
    display: flex;
    align-items: center;
    border: 5px solid #f5f7fb;
    padding-left: 30px;
    padding-right: 0px;
}

.product-info ul {
  padding-left: 20px;
}
.grey-HG {
  background: #d7d8d8;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-leistung-left img {
  width: 200px;
  margin: 0 auto;
}

.product li {
  color: #2d2d2d;
}
div#footer-header .footer_2 li {
  color: #2d2d2d;
}

.product-group .row,
.product-leistung-group .row {
  display: flex;
}
.product-left,
.product-leistung-right {
  background: #5a9c9d;
}
.product-leistung-right h3 {
  color: #fff !important;
}

.product-right,
.product-leistung-left {
  /* background: rgba(174, 212, 224, .4); */
  background: #fff;
  align-items: center;
  display: flex;
  justify-content: center;
}

/* END Produkt Unterseite */

.collection_list.produkte {
  display: block !important;
  margin-bottom: 50px;
}

.collection_list.produkte .collection_content.produkt-headline {
  position: relative;
  background: #e3e3e3;
  width: auto !important;
  text-align: left;
  padding: 8px 28px;
  font-weight: 400;
  font-size: 16px;
  margin: 0;
  margin-bottom: -40px;
  color: #393939 !important;
  float: left;
}

.collection_list.produkte .collection_container {
  background-color: rgba(0, 0, 0, 0);
  min-height: 90px;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  padding: 0;
  text-align: left;
  position: relative;
  margin-bottom: 0px;
  -webkit-transition: 0.2s ease-in;
  -moz-transition: 0.2s ease-in;
  -ms-transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  width: 100%;
}

/* FAQ */

.faq_group_container .faq_question_box {
  padding: 10px 20px 10px 0px;
  background: none;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  border-bottom: 1px solid #b5b5b5;
  transition: 0.8s;
  position: relative;
  
}

.faq_question_box.active h3:after {
  content: '+';
  position: absolute;
  right: 16px;
  color: #b5b5b5;
  display: none;
}

.faq_question_box {
  cursor: pointer;
}

.faq_group_container .faq_answer_box {
  margin-bottom: 30px;
  padding: 0px 20px;
  margin-top: -10px;
  border-left: 3px solid #5a9c9d;
  color: #808080;
}

.faq_group_container .faq_answer_box {
  display: none;
}

.faq_question_box.active h3 {
  color: #5a9c9d;
  font-weight: 600;
}

.faq_headline {
  border-bottom: 3px solid #5a9c9d;
}


.faq h3 {
  font-size: 20px;
  font-weight: 400;
  border: none;
  color: #2d2d2d;
}

.faq_group_container {
  padding: 50px 65px 0px 65px;
}

.faq-search input[type="text"] {
  height: auto;
  background: rgb(255 255 255);
  border: none;
  padding: 10px 80px 10px 0px;
  position: relative;
  border-radius: 4px;
  text-align: left;
  width: 100%;
  margin-left: -65px;
}

.faq_nearest_search {
  margin-left: 65px;
  border-bottom: 1px solid #b5b5b5;
  margin-right: 65px;
}

.faq_nearest_search {
  text-align: left;
}

.faq_question_box.active {
  border: none;
}

.faq .h1, .h2, .h3, h1, h2, h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.headline_faq {
  padding-left: 65px;
}

.faq_nearest_search {

  padding-left: 65px;
}


/* 
.faq-search input[type="text"]:after {
    content: ' ';
    position: absolute;
    width: 100%;
    left: 0;
    border-bottom: 4px solid #5a9c9d !important;
} */

/* FAQ END */

/* Footer */

/* Sitemap */
/* Extra für Startseite */
.home #footer-header .contactformular {
  display: none;
}

.home #footer-header {
  height: 450px;
}

#footer-header .contact_us {
  display: none;
}

.home #footer-header .contact_us {
  display: inline-block !important;
  margin-top: 35px;
}

div#sitemap {
  margin-bottom: 70px;
  float: left;
  width: 100%;
  font-size: 15px;
  text-align: center;
}

#footer #sitemap li.level_1 {
  width: 33.33%;
  float: left;
  list-style: none;
}

#footer #sitemap li.level_2 {
  list-style: none;
}

#sitemap ul.level_2,
#sitemap ul.level_1 {
  padding: 0;
  margin: 0;
}

#footer #sitemap li.level_1 a {
  color: #fff;
}

#footer #sitemap li.level_1 > a {
  font-size: 20px;
  color: #5a9c9d;
  text-decoration: none;
  list-style: none !important;
}

#footer #sitemap li.level_2 a:hover {
  color: #5a9c9d;
}
.newsletter ul {
  margin: 0;
  padding: 0;
}
.newsletter a {
  color: #5a9c9d;
  font-size: 40px;
}

.newsletter li {
  display: inline-block;
  margin-right: 12px;
}

/* end Sitemap */

#footer {
  background: #2d2d2d !important;
  color: #fff;
  float: left;
  width: 100%;
  padding: 80px;
  display: table;
}
#footer .container {
  width: 100% !important;
}

div#footer-header {
  display: flex;
  clear: both;
}

#footer .footer_1 {
  clear: left;
}
#footer .footer_1 img {
  width: 50% !important;
}
#footer .footer_1 img:last-child {
  width: 30% !important;
}

#footer .footer_1,
#footer .footer_2,
#footer .footer_3 {
  margin: 0 auto;
  border-right: 2px solid #5a9c9d;
  height: 170px;
  position: relative;
  display: table;
  min-height: 260px;
  padding: 0 70px;
}

#footer .footer_3 {
  border: 0;
}

#footer .footer_1 .component.footer-logo {
  text-align: left;
}

#footer-header .footer_1,
#footer-header .footer_2 {
  padding: 0;
}

#footer-header .footer_2 ul li {
  display: inline-block;
  padding: 12px;
}

#footer-header .footer_2 {
  padding: 50px;
  background: #fff;
  border-top: 3px solid #f5f7fb;
}

#footer-header ul {
  padding: 0;
}

#footer-header i {
  padding-right: 15px;
  font-size: 22px;
  color: #5a9c9d;
}
#footer-header .footer_2 li i {
  margin-left: -10px;
}

.component.footer-header-map,
.component.footer-header-map .textcontent {
  height: 100%;
}

#footer-header #googleMap {
  max-height: 100%;
  height: 100%;
}

.component.newsletter .contactformular input {
  width: 300px !important;
}

#top_page {
  width: 50px;
  height: 50px;
  transition: 0.5s;
  transform: rotate(135deg);
  box-shadow: -2px 2px 0 rgba(90, 156, 157, 0.5);
  position: absolute;
  right: 0;
  bottom: 0;
  cursor: pointer;
}

#top_page:hover {
  box-shadow: -2px 2px 0 rgba(90, 156, 157, 1);
}

/* responsive */
@media only screen and (min-width: 768px) {
  .container {
    width: 760px;
  }
}

@media only screen and (min-width: 1024px) {
  .container {
    width: 980px;
  }

  .collection_list.produkte:nth-child(3n + 1) {
    clear: both;
  }
}

@media only screen and (min-width: 1250px) {
  .container {
    width: 1180px;
  }
}

@media only screen and (min-width: 1540px) {
  .container {
    width: 1320px;
  }


}
@media only screen and (max-width: 1840px) {
.slideshow_box .owl-stage {
  margin-left: -30px;
}
}

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

  div#slider-header-text {

    padding: 0px 20px 20px 88px;

}

  .plattform_group .row {
    display: block;
}

.collection_list.plattformen.hide {
  padding: 30px 30px;
  width: 50%;
  float: left;
}

.collection_content.plattform_pic {
  width: 100%;
  overflow: hidden;
  float: right;
  margin-right: 20px;
}

.collection_content.plattform_name {
  font-size: 36px;
  font-weight: 600;
  width: 100%;
  float: left;
  padding: 20px 0px;
}

.collection_content.plattform_desc {
  width: 100%;
  float: left;
  padding-right: 49px;
}


  body.wir.team .collection_list {
    width: 50% !important;
  }
  .product_description {
    padding: 0px 100px 50px 143px;
}
}

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


  .home .referenz-left {
    padding: 20px 0 !important;
  }

  .projects .top_referenzen,
  .home .top_referenzen {
    display: table;
  }

  .home .referenz-left,
  .home .referenz-right {
    flex: none !important;
    width: 100%;
  }
  .home .referenz-left {
    min-height: 560px;
  }

  .home .referenz-left .company-container {
    padding: 50px 50px;
  }

  div#slider {
    height: 295px;
}

.boxen .textcontent {

  font-size: 18px;
}

.collection_content.news_pic {
  min-height: 210px;
  height: 210px;
}

  .project-referenz .collection_container {
    min-height: 310px !important;
  }

  .leistung-black-box .textcontent {
    padding: 0 !important;
  }

  .project-referenz .collection_content.company_title {
    margin-top: -30px;
  }
}

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

  .slideshow_box .owl-stage {
    margin-left: 0px;
}

  div#slider-header-text {
    padding: 0px 20px 20px 152px;
}

  .collection_list.plattformen.hide {
    padding: 30px 30px;
    width: 100%;
    float: left;
}

  .collection_content.job_description {
    padding-top: 25px;
    padding-right: 50px;
}

  body.projects.full_preview .collection_content.teaser-img {
    width: 100%;

}

.collection_full .collection_content.logo-referenz {
  height: auto;
  width: 100%;
  min-height: auto;
}

  .product_description {
    padding: 0px 100px 50px 60px;
}

.collection_full .collection_content.logo-referenz img {
  object-fit: cover;
  width: auto!important;
}

  .collection_list.leistungen {
    width: 50%;
    float: left;
    padding: 10px;
}

.projects.full_preview .logo-referenz {
  padding: 30px 0px;
  text-align: left;
}


}

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




  .center_youtube img {
    margin-top: 50px;
  }

  .enjoyfuturepartner .pdf-container img {
    margin-top: 40px !important;
  }

  .enjoyfuturepartner .ablauf-container > .row {
    display: flex;
    flex-direction: column;
  }

  .enjoyfuturepartner .ablauf-container .pdf-container {
    order: 1;
  }
  .enjoyfuturepartner .ablauf-container .schritt-1 {
    order: 2;
  }
  .enjoyfuturepartner .ablauf-container .kontaktformular {
    order: 3;
  }
  .enjoyfuturepartner .ablauf-container .schritt-2 {
    order: 4;
  }
  .enjoyfuturepartner .ablauf-container .schritt-3 {
    order: 5;
  }

  div#footer-header {
    display: block;
  }

  div#footer-header .footer_1,
  div#footer-header .footer_2 {
    width: 100%;
  }

  .component.footer-header-map,
  .component.footer-header-map .textcontent {
    height: 500px;
  }

  #footer .footer_1,
  #footer .footer_2 {
    width: 50%;
  }

  #footer .footer_2 {
    border: 0 !important;
  }

  #footer .footer_3 {
    width: 100%;
    text-align: center;
    padding-top: 50px !important;
    height: auto;
    min-height: 100px !important;
  }
  #top_page {
    right: 35px;
    bottom: 90px;
    position: fixed;
    width: 35px;
    height: 35px;
    box-shadow: -2px 2px 0 rgba(90, 156, 157, 1);
    display: none;
  }
}

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

  .product_description {
    padding: 0px 50px 50px 50px;
    width: 70%;
}

.product_description_pic {
  padding: 0px;
  width: 30%;
}




  .projects.full_preview .top_referenzen {
    display: block;
    float: left;
  }

  .projects.full_preview .referenz-left,
  .projects.full_preview .referenz-right {
    width: 100%;
  }


}

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

  #toggle_navigation {
    display: block;
  }
  #primary_navigation_mobile {
    display: block;
  }
  .leistung-black-box {
    width: 50%;
  }

  div#header_2 {
    display: none;
  }
}

@media only screen and (max-width: 1240px) {
  .footer_1 .footer-logo img {
    width: 250px !important;
  }

  #footer {
    background: #2d2d2d !important;
    color: #fff;
    clear: both;
    min-height: 300px;
    height: 300px;
    padding: 60px 20px;
  }
}

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

  .product_highlight_gallery {

    width: 50%;
}

.product-info {
  padding: 70px 40px 70px 100px;
  width: 50%;
}

  .collection_list.news_breadcrumb {
    width: 50%;
}

  .news_breadcrumb .collection_content.title {
    font-size: 23px;
    color: #2d2d2d;
    padding: 0px 30px 0px 30px;
}

.news_breadcrumb .collection_container {

  height: 400px;
  min-height: auto;

}

  .pop-up-button.button:after {
    width: 40%;
    right: 20px;
  }
}

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

  div#slider-header-text {
    padding: 0px 20px 20px 87px;
}
}

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

  div#footer_bottom {
    clear: both;
    text-align: center;
    padding: 20px 0;
  }
  
  .footer_bottom ol, ul {
    margin-top: 0;
    margin-bottom: 10px;
    margin: 0 !important;
    padding: 0;
  }

  .collection_list.leistungen img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: 20%;
}

  .werare {

    margin-top: 20px;
}

  div#slider-header-text {
    padding: 0px 20px 20px 42px;
}

  body.projects .collection_list.referenzen.show {

    width: 50%;

}

.body-active .filter_display {
  position: fixed;
}


   .filter_display .button_filter_wrapper_2 {
    display: none;
  }
   .filter_display {
    background-color: rgba(0, 0, 0, 0);
  }
  .filter_display.active {
    background: #e6e6e6;
    display: block;
    float: left;
    width: 100%;
}
   .filter_display:before {
    content: "Filtern";
    display: block;
    width: 180px;
    text-align: center;
    padding: 5px 36px;
    color: #fff;
    background-color: #b5b5b5;
    background-image: url(/userdata/images/filter.svg);
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    cursor: pointer;
  }
   .filter_display {
    padding: 8px 10px;
    top: 66px;
  }
  .filter_display.active .button_filter_wrapper_2 {
    display: block;
    width: 50%;
}
   .filter_display.active .button_filter_wrapper_2 a {
    color: #2d2d2d;
  }
   a.button_filter.o-filter:after,
  .button_filter.a-filter:after {
    display: none;
  }

   .button_filter_wrapper_2 a {
    
    display: block;
    padding: 10px;
  }

   .button_filter_wrapper_2 {
    padding: 5px !important;
  }

   .button_filter_wrapper_2 {
    width: 50%;
  }

   .collection_list .collection_container {
    display: block;
  }
   .collection_list .collection_content.teaser-img,
   .collection_list .company-project {
    width: 100%;
  }

  .pakete-gruppe.course {
    padding: 0 !important;
  }

  .component.nav-area {
    display: none;
  }

  .overlay div#primary_navigation {
    transition: 0.5s !important;
    visibility: visible;
    opacity: 1;
  }

  div#primary_navigation_mobile {
    display: block !important;
  }

  div#primary_navigation li {
    text-align: left !important;
  }

  .collection_list.leistungen,
  #content .collection_list.leistungen:nth-child(3n + 1),
  .collection_list.leistungen.product-grey {
    width: 50% !important;
  }


  .technologien {
    width: 33.33%;
    margin: 20px 0;
    height: 300px;
  }

  .txt-big-size {
    font-size: 130px;
  }

  .zitat-area > .textcontent {
    text-align: center !important;
    padding-bottom: 40px;
  }

  .we_are_breadcrumb {
    padding: 40px;
    text-align: justify;
  }

  .pop-up-button.button:after,
  .pop-up-button.button:before {
    display: none;
  }
}

@media (max-width: 992px) {

  .slideshow_box .owl-stage {
    margin-left: 0px;
  }

  .collection_content.product-description {
    width: 100%!important;
}

.collection_content.project_pic {
  width: 100%!important;
}

  .collection_list.leistungen, #content .collection_list.leistungen, .collection_list.leistungen.product-grey {
    width: 100% !important;
}

.collection_list.leistungen,
#content .collection_list.leistungen:nth-child(3n + 1),
.collection_list.leistungen.product-grey {
  width: 100% !important;
}

  .collection_full.news_breadcrumb .collection_content.news_pic {

    width: 100%;

    padding-bottom: 40px;
}

.collection_full.news_breadcrumb .collection_content.news_text_long {

  width: 100%;
}

  .dienstleistungen .collection_container {
    padding: 10px;
}

  .wir.collection_list.leistungen:nth-child(1), .wir .collection_list.leistungen:nth-child(2), .wir .collection_list.leistungen:nth-child(3) {
    width: 100%!important;
  }

  .product .collection_list.leistungen:nth-child(1), .product .collection_list.leistungen:nth-child(2), .product .collection_list.leistungen:nth-child(3) {
    width: 100%!important;
}

  .projects.full_preview .collection_content {
    width: 100%;
    max-width: 100%;
}

  .collection_list.leistungen:nth-child(1), .collection_list.leistungen:nth-child(2) {
    width: 100%!important;
}


  body.wir.team .collection_list {
    width: 100% !important;
  }

  .boxen {
    height: 260px;
  }

  .background-img {
    display: none;
  }
  .anker-navi {
    position: relative;
    /* margin-top: -70px; */
  }
  .anker-button.button {
    width: 100%;
    padding: 0;
  }
  .anker-navi .anker-button {
    border-bottom: 1px solid #cecece !important;
  }
  .anker-button.button .textcontent {
    margin: 0;
  }


  .product-info {
    padding: 20px;
  }
  .product-group .grey-HG {
    order: 1;
    height: 200px;
  }

  .product-left .textcontent,
  .product-right .textcontent,
  .product-leistung-right .textcontent,
  .product-leistung-left .textcontent {
    padding: 20px 0;
  }

  .product-leistung-right ul {
    margin-left: -15px !important;
  }

  .nutzen table tr td:first-child {
    padding-right: 20px;
  }
  .nutzen table tr td:last-child {
    padding-left: 20px;
  }

  #footer #sitemap li.level_1 {
    width: 50%;
  }

  #footer #sitemap li.level_1:nth-child(3) {
    clear: left;
  }

  div#sitemap {
    margin: 0;
  }

  .project-referenz .collection_container {
    min-height: 260px !important;
  }

  .project-referenz .collection_content.company_title {
    margin-top: -80px;
  }

  #footer .footer_1,
  #footer .footer_2,
  #footer .footer_3 {
    border: 0;
    width: 100%;
    text-align: center;
    height: auto;
    min-height: 0 !important;
    padding: 30px 20px !important;
  }

  #footer {
    height: auto;
  }

  #footer .newsletter input#input_email {
    margin: 0 auto;
  }
  .component.footer-logo img {
    text-align: center;
    margin: 0 auto;
    display: block;
  }

  .pop-up-element .textcontent {
    display: block;
    width: 100%;
  }

  .popup-element-container {
    display: block;
    float: none;
    border: 0 !important;
    padding: 0 !important;
  }
  .popup-element-container h4 {
    color: #5a9c9d !important;
    font-size: 35px;
  }
  .popup-element-container ul {
    padding-left: 22px;
  }
}

@media (max-width: 768px) {

  body.projects.full_preview .collection_content.teaser-img {

    height: 407px;
}

  div#slider-header-text {
    padding: 0px 20px 20px 20px;
}

  .collection_content.plattform_button {
    width: 100%;
    float: left;
    padding: 50px 0px;
}

  .faq_nearest_search {
    margin-left: 30px;

    margin-right: 30px;
}

.faq-search input[type="text"] {
  margin-left: -30px;
}

  .dienstleistungen .collection_container {
    padding: 3px;
}

.collection_list.dienstleistungen.show {
  width: 50%;
}

  .product_description_pic {
    padding: 10px 0px 30px 250px;
    width: 100%;
}

.product-info2-img {
  display: none;
}
.product .popup-element-container {
  width: 100%;
}

.pop-up-button.button {
  width: 50% !important;

}

.funktionen_module_beschreibung .textcontent {
  width: 100%;
}

  .group_product_desc .row {
    flex-direction: column;
}

  .product-group .row,
  .product-leistung-group .row {
    flex-flow: column;
  }

  .product-info {
    width: 100%;
}

.product_description {
  padding: 20px;
  width: 100%;
}

  .headline_faq {
    padding-left: 30px;
  }

  .product_highlight_gallery {
    width: 100%;
}
  
  .faq_nearest_search {
  
    padding-left: 30px;
  }

  .faq_group_container {
    padding: 50px 30px 0px 30px;
}

  body.projects .collection_list.referenzen.show {

    width: 100%;

}

  div#slider-header-text h1 {
    font-size: 37px!important;
    font-weight: 700!important;
    color: #1A1A1A!important;
}

  .leistung-black-box {
    width: 100%;
  }

  div#slider-header-text h1:first-child {
    font-size: 24px;
  }

  div#slider-header-text h1:last-child {
    font-size: 25px;
  }

  .box-leistung {
    padding: 90px 0 !important;
  }

  .web_pakete {
    padding: 0px !important;
    width: 100% !important;
    text-align: center;
  }

  .web_pakete li {
    text-align: left !important;
  }
  .web_pakete ul {
    text-align: center;
    display: inline-block;
  }

  .loesungen.marketing .pop-up-button.button {
    width: 100% !important;
  }
  .loesungen.marketing .pop-up-button.button .textcontent {
    width: 100%;
  }

  .project-referenz .collection_content.company_title {
    margin-top: 0px;
  }

  .box-leistung {
    font-size: 20px;
  }

  .we_are_breadcrumb {
    text-align: center;
    padding: 20px;
  }

  #teaser-text img {
    display: none;
  }

  .nutzen table tr td {
    display: inline-block;
    width: 100% !important;
    padding: 20px 0 !important;
    text-align: center !important;
  }

  .webshop .nutzen table {
    display: none;
  }
  .webshop .nutzen-fix {
    display: block;
  }

  body.projects.full_preview .collection_content.teaser-img {
    padding: 20px 0;
  }

  .project-referenz .collection_list.referenzen {
    width: 100%;
  }

  .project-referenz .collection_container {
    min-height: 310px !important;
  }

  body.wir.buero .collection_list.buero {
    width: 50%;
  }

  .collection_list.leistungen,
  #content .collection_list.leistungen:nth-child(3n + 1),
  .collection_list.leistungen.product-grey {
    width: 100% !important;
  }

  /* .collection_list.leistungen .collection_container {
    height: 270px;
    min-height: 250px;
  } */
  .collection_list.leistungen .title {
    font-size: 25px;
  }
  .collection_list.leistungen .leistung-container {
    font-size: 20px;
    min-height: auto;

}

  /* .collection_list.leistungen img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: center bottom;
  } */

  .technologien {
    width: 50%;
  }

  .txt-big-size {
    font-size: 114px;
  }

  .referenz-right .logo-home {
    width: 50%;
  }

  #footer #sitemap li.level_1 {
    width: 100%;
    text-align: center;
  }

  #teaser-text .row {
    display: block;
  }
  #teaser-text .col-xs-12.col-sm-12.col-md-9:last-child {
    padding: 40px 0;
  }

  div#footer {
    padding: 50px 20px !important;
  }

  #footer .footer_1 img:last-child {
    width: 45% !important;
  }
}

@media (max-width: 500px) {

  .nutzen table tr td {
    display: inline-block;
    width: 100% !important;
    padding: 5px 0 !important;
    text-align: left !important;
}

.loesungen .group-project-referenz h3 {
  font-size: 24px!Important;
}

.project-referenz .collection_content.company_title {
  font-size: 25px;

}

.loesungen div#area-5.main-screen {
  padding: 25px 0px!important;
}

.center_youtube {
  padding-bottom: 20px;
}

.loesungen div#anker-element3 h3 {
  color: #2d2d2d;
  text-align: left!important;
}

  .loesungen div#area-2.main-screen.patrol {
    padding: 20px 0px;
    background: url(/userdata/images/wir-sind-breadcrumb.jpg) !important;
}

.nutzen h3 {
  text-align: left!important;
}

  .owl-carousel-item.animated {
    background-size: contain;
}

.product_highlight_gallery {
  display: flex;
  align-items: center;
  border: 5px solid #f5f7fb;
  padding-left: 0px;
  padding-right: 0px;
}

  .collection_full.news_breadcrumb .collection_content.news_text_long {
    width: 100%;
    padding: 0px;
}

  body.projects.full_preview .collection_content.teaser-img {
    height: 243px;
  }
  

  .collection_content.plattform_desc {
    width: 100%;
    float: left;
    padding-right: 0px;
}

.collection_content.plattform_name {
  font-size: 30px;
  font-weight: 600;
  width: 100%;
  float: left;
  padding: 20px 0px;
}

.collection_content.plattform_pic {
  width: 100%;
  overflow: hidden;
  float: right;
  margin-right: 10px;
}

.collection_list.plattformen.hide {
  padding: 0px;
  width: 100%;
  float: left;
}

  .product div#area-2.main-screen.patrol {
    background: white!important;
    padding: 0px;
}

.filter_display.active .button_filter_wrapper_2 {
    width: 100%;
}

  .collection_full .collection_container {
    padding: 20px 0px;
    border: none;
    width: 100%;
}

  .wir .collection_list.leistungen:nth-child(2) .img {
    height: 133px!important;
}

  .jobs.body-active .filter_display {
    display: none;
}

.jobs .main-screen {

  padding: 20px 0px;

}

.jobs h1 {
  font-size: 26px;
}

.benefits_headline {
  padding-bottom: 50px;
  padding-top: 20px;
}

.benefits .textcontent h3 {
  font-size: 19px;
}

.benefits .textcontent {
  font-size: 14px;
}

.benefits {
  padding-bottom: 40px;
  width: 50%;
}

.bewerben_button {
  text-align: left;
  padding: 35px 15px;
}

.bewerben_button a {
  background: white;
  padding: 12px 36px;
  width: 100%!important;
  display: block;
  text-align: center;
}

.collection_full .collection_content.job_title {
  font-size: 26px;
  width: 100%;
  padding-top: 30px;
}

.collection_full .collection_content.typ_job {
  font-size: 15px;
  color: #b5b5b5;
  padding-right: 10px;
  padding-top: 10px;
  width: auto;
  display: inline-block;
}

.collection_full .collection_content.standort {
  font-size: 15px;
  color: #b5b5b5;
  padding-right: 10px;
  padding-top: 10px;
  width: auto;
  display: inline-block;
}

.collection_full .collection_content.job_description {
  width: 100%;
  padding-top: 15px;
  padding-right: 0px;
  padding-bottom: 0px;
}

.collection_content.job_image {
  height: 205px;

}

.career_text .textcontent {

  font-size: 14px;
}

.job_title_career {
  margin-bottom: 0px;
}

  .wer_wir_sind .textcontent {
    font-size: 14px;
    padding-bottom: 25px;
    padding-left: 5px;
}

  .werare {
    float: left;
    display: inline-block;
    padding: 0px;
}

  .werare1 {
    width: 50%;
    float: left;
    padding: 0px 15px 10px 5px;
    font-size: 14px;
}

.werare h3 {
  font-size: 20px;
}

.werare2 {
  width: 50%;
  float: left;
  padding: 0px 15px 10px 5px;
  font-size: 14px;
}

.werare3 {
  width: 50%;
  float: left;
  padding: 0px 15px 10px 5px;
  font-size: 14px;
}

.werare4 {
  width: 50%;
  float: left;
  padding: 0px 15px 10px 5px;
  font-size: 14px;
}

  .collection_content.job_description {
    padding-top: 25px;
    padding-right: 0px;
    padding-bottom: 40px;
    font-size: 14px;
}

.jobs .collection_container {
  padding: 0px;
  border:none!important;
  border-bottom: 1px solid #E6E6E6!important;
  border-radius: 0px;
  position: relative;
  padding-bottom: 15px;
}

.jobs .collection_container:after {
  content: '';
  background: url(/userdata/images/arrow-right.svg);
  width: 35px;
  height: 20px;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 15px;
  right: 0px;
}

.jobs .collection_container:hover {
  padding: 0px;
  border:none!important;
  border-bottom: 1px solid #E6E6E6!important;
  border-radius: 0px;
  position: relative;
}


.collection_content.job_title {
  font-size: 24px;
  font-weight: 600;
  padding: 10px 0px;
}

  .collection_content.logo-referenz {
    text-align: center;
}

body.projects.full_preview .collection_content.project {
  font-size: 20px;

}

  .home #footer-header .contact_us {

    width: 100%;
}

  .faq_nearest_search {
    margin-left: 0px;

    margin-right: 0px;
}

.faq-search input[type="text"] {
  margin-left: -0px;
}

  .collection_full.news_breadcrumb .collection_content.news_pic {

    float: left;
    text-align: left;
}

  .back_to_overview {
    display: inline-block;
    text-align: center;
    padding: 6px 19px;
    color: #fff !important;
    background-color: rgb(90 156 157);
    width: 100%;
    font-size: 17px;
}

  .title_we_are_breadcrumb .textcontent h2 {
    font-size: 24px;
    text-align: left!important;
}


  .news_breadcrumb .collection_container {
    height: 385px;
    
}

.we_are_breadcrumb {
  text-align: left;
  padding: 10px;
  font-size: 14px;
    padding-right: 32px;
}

.collection_content.news_pic {
  min-height: 170px;
  height: 170px;
}

.title_we_are_breadcrumb {
  text-align: left;
  padding-bottom: 20px;
  padding-top: 30px;
}

.boxen:hover .box-center {
  border-left: none;
}



  #slider > .textcontent img {
    height: 42%!important;
    position: absolute;
    bottom: -60px;
    left: 50%;
    transform: translate(-50%,-50%);
}

div#slider {
  height: 290px;

}

.home div#slider-header-text .textcontent {
  font-size: 13px;
  padding-right: 1px;
}

div#slider-header-text .textcontent {
  font-size: 13px;
  padding-right: 80px;
}

  .collection_list.dienstleistungen.show {
    width: 85%;
  }

  .product_description_pic {
    padding: 10px 0px 30px 60px;

}

#slider-header-text .textcontent a {

  display: none;
}





  .faq-search input[type="text"] {

    
    margin-bottom: 10px;
    width: 100%;
}

.headline_faq {
  padding-left: 0px;
}

.faq_nearest_search {
  margin-bottom: 40px;
  padding-left: 0px;
}

.faq_group_container {
  padding: 20px 0px;
}



  .home .main-screen {

    padding: 30px 0px;

}

  .collection_content.title {
     padding: 0px 45px 0px 0px;
}

  .leistung-container .collection_content.group {

    font-size: 14px;
}

  .collection_list.leistungen .title {
    font-size: 21px;
}

  body.projects.full_preview .company_title {
    font-size: 34px;
}

.projects.full_preview .collection_full .collection_container {
  float: none;

}

body.projects .collection_link a, .collection_content.website_link a {
  width: 100%;

}

body.projects .collection_link a, .collection_content.website_link a {
  padding: 9px 9px;
  text-align: center;

}

  .collection_content.company_title {
    font-size: 24px;
    padding-right: 20px;
}

.collection_content.teaser-img {
  height: 200px;
}

body.projects .collection_list .collection_content.teaser-img img {
  object-fit: cover;
}

body.projects .collection_list.referenzen.show {
  margin-bottom: 0px;

}

  .home div#slider-header-text {
    position: relative;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    display: flex;
    padding: 43px 20px 20px 20px;
    z-index: 2;
    float: none;
}

div#slider-header-text p {
  font-size: 15px;
}

.home #slider > .textcontent img {
  height: 42%!important;
  position: absolute;
  bottom: -60px;
  left: 50%;
  transform: translate(-50%,-50%);
}



  .collection_list.news_breadcrumb {
    width: 100%;
}

  div#slider-header-text h1 {
    font-size: 28px!important;

}

  .home .collection_list.leistungen:nth-child(1) .img, .home .collection_list.leistungen:nth-child(2) .img {
    height: 143px!important;
}

.leistungen .collection_list.leistungen:nth-child(1) .img, .leistungen .collection_list.leistungen:nth-child(2) .img {
  height: 143px!important;
}

.home .collection_list.leistungen .img, .collection_list.leistungen .img {
  height: 200px!important;
}

  .enjoyfuturepartner .we_are_breadcrumb h2 {
    font-size: 30px;
  }

  .collection_list.team .title-container {
    width: 100%;
  }
  .collection_list.team .collection_content.image:before {
    width: 100%;
  }

  #header #header_1 .component.logo {
    width: 180px;
    
  }

  body.home #slider {
    height: 280px !important;
    background: #f5f7fb;
}

  body.wir.buero .collection_list {
    width: 100% !important;
  }

  .boxen .box-center {
    border: 0;
    padding: 0;
  }

  .pop-up-button.button {
    width: 100% !important;
    border-bottom: 1px solid #cecece !important;
  }

  .product .pop-up-button.button {
    width: 100% !important;
    border-bottom: none !important;
  }

  .follow-mouse {
    display: none;
  }

  .pop-up-button.button .textcontent {
    width: 100%;
  }

  .technologien {
    width: 100%;
  }

   .button_filter_wrapper_2 {
    width: 100%;
  }

  .dynamics_365_crm .leistung-black-box h3,
  .hubspot .leistung-black-box h3 {
    font-size: 24px;
  }

  .box-leistung a {
    padding: 5px 40px;
  }
  .referenz-right .logo-home {
    width: 50%;
  }
  .referenz-left,
  .referenz-right {
    padding: 20px;
  }

  .pakete-gruppe {
    padding: 0 20px;
    width: 100%;
  }

  #footer-header h2 {
    text-align: center;
  }

  #footer .footer_1,
  #footer .footer_2,
  #footer .footer_3 {
    padding: 20px 0 !important;
  }

  #footer-header .footer_2 li {
    width: 100% !important;
    text-align: center;
    margin-bottom: 20px;
  }
  #footer-header .footer_2 li i {
    display: block;
    text-align: center;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .web_pakete {
    width: 100% !important;
    float: none;
  }

  h4 {
    font-size: 30px;
  }
  h1 {
    font-size: 30px;
  }

  div#slider-header-text h1:last-child {
    font-size: 35px;
  }
}

@media (max-width: 350px) {
  body.wir.buero .collection_list {
    width: 100%;
  }
}