html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  overflow-anchor:none;
}

body {
  font-family: 'Open Sans';
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  color: #606060;
  min-height: 100%;
  margin: 0px;
  top: 0px;
  width: 100%;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
  position: relative;
  overflow-x: hidden;
}

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height:auto;
}

b,strong{
  font-weight: bold;
}

a{
  color:#0066e8;
  text-decoration: none;
}

a:hover{
  color:#58a0ff;
  text-decoration: none;
}

img.img-mobile-50{
  max-width: 50%;
}

/*.ajax-progress,
.ajax-progress-throbber,
.ajax-progress-fullscreen{
  position: fixed;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background: url(/themes/oc/images/loading.svg) center;
}*/

.ajax-progress,
.ajax-progress-throbber,
.ajax-progress-fullscreen {
  margin-left: -5px;
  width: 10px;
  height:50px;
  background: #f7a43a;
  -webkit-animation: spBars 1s infinite linear;
  animation: spBars 1s infinite linear;
  position: fixed;
  top:30%;
  left:50%;
  border-radius: 0;
  z-index: 1000;
  opacity: 1;
}

.ajax-progress:after,
.ajax-progress-throbber:after,
.ajax-progress-fullscreen:after,
.ajax-progress:before,
.ajax-progress-throbber:before,
.ajax-progress-fullscreen:before{
  content: '';
  position: absolute;
  width: inherit;
  height: inherit;
  border: inherit;
  top: -1px;
}

.ajax-progress:before,
.ajax-progress-throbber:before,
.ajax-progress-fullscreen:before {
  left: -20px;
  -webkit-animation: spBarsBefore 1s infinite linear;
  animation: spBarsBefore 1s infinite linear;
  background: #a01800;
}

.ajax-progress:after,
.ajax-progress-throbber:after,
.ajax-progress-fullscreen:after {
  right: -20px;
  -webkit-animation: spBarsAfter 1s infinite linear;
  animation: spBarsAfter 1s infinite linear;
  background: #0066e8;
}

@keyframes spBarsBefore {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1.25);
  }
  50% {
    transform: scale(1, 0.75);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes spBars {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 1.25);
  }
  75% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(1, 1);
  }
}
@keyframes spBarsAfter {
  0% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1, 0.75);
  }
  75% {
    transform: scale(1, 1.25);
  }
  100% {
    transform: scale(1, 1);
  }
}

#block-oc-local-tasks {
  position: fixed;
  left: 0;
  top: 40%;
  z-index:30;
  display: none;
}

#block-oc-local-tasks ul{
  list-style: none;
  padding: 0;
}

#block-oc-local-tasks ul li a{
  background: #0068B5;
  border:1px solid #fff;
  border-left:0;
  padding: 10px;
  margin-bottom: 2px;
  display: block;
  color:#fff;
  cursor: pointer;
  font-size: 16px;
}

#block-oc-local-tasks ul li a:hover{
  background: #fff;
  color:#58a0ff;
  border:1px solid #58a0ff;
  border-left:0;
}


#block-oc-local-tasks ul li a:before{
  content: '\f054';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 5px;
}


/**** mobilenav ****/
.b-nav {
    position: absolute;
    right: 0;
}
.b-nav {
    background: #fff none repeat scroll 0 0;
    position: absolute;
    top: 0;
    width: 100%;
    height:100%;
    /*z-index: 12;*/
    z-index:2000;
    overflow-y: auto;
    overflow-x: hidden;
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

.b-nav .b-nav-inner{
    position: relative;
    width:100%;
    height:auto;
    padding-top:20px;
    z-index: 14;
    box-sizing: border-box;
}

.b-nav .has-sub {
    position:relative;
}

.b-nav .has-sub:not(.submenu-open):after {
    content:'\f078';
    font-family: "Font Awesome 5 Free";
    color:#0066e8;
    position:absolute;
    right:44px;
    top:10px;
    font-weight:700;
}

.b-nav .has-sub.submenu-open:after {
    content:'\f077';
    font-family: "Font Awesome 5 Free";
    color:#0066e8;
    position:absolute;
    right:44px;
    top:10px;
    font-weight:700;
}
.b-nav .has-sub:not(.submenu-open)::after:hover,.b-nav .has-sub.submenu-open::after:hover {
  cursor:pointer;
}
.b-nav {
    height:inherit;
}

.b-nav .b-nav-inner{
    padding-top:40px;
}

.b-nav:not(.open) {
    display:none;
}
.b-nav {
    display:none;
}
.b-nav ul {
    padding-left: 0px;
    padding-top:20px;
    padding-bottom:0px;
    margin:0px;
    display:block;
}
.b-nav li {
    color: #000;
    list-style-type: none;
    padding: 10px 10px 10px 0;
    text-align: left;
    /*border-top: 1px solid #143443;*/
    border-bottom: 1px solid #eee;
}

.b-nav div.region:first-of-type li:first-of-type {
    border-top:0px;
}

.b-nav li:first-child {
    margin-top: 0px
}
.b-nav.open {
    display: block;
}
.b-nav:not(.open) {
    display:none;
}
.b-nav.open li {
    padding-left: 30px;
    padding-right: 30px;
}
.b-nav.open li a,.b-nav.open li .prg-link {
    background: 0 0;
    border-left: rgba(255, 255, 255, 0)solid 2px;
    color: #000;
    transition: all .4s ease;
    width: 100%;
    display: block;
}
.b-nav.open li.has-sub > a{
  width: auto;
  display: inline;
}

.b-nav.open li.menu-item--active-trail > .prg-link,
.b-nav.open li.menu-item--active-trail > a,
.b-nav.open li a.is-active{
  color:#0066e8;
}

.b-nav.open li a, .b-menu, .b-menu-close {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.b-menu,.b-menu-close {
    cursor: pointer;
    display: block;
    height: 24px;
    position: relative;
    transition: all 0.4s ease 0s;
    width: 26px;
    z-index: 14;
    padding: 10px;
    box-sizing: content-box;
}
.b-bun--bottom, .b-bun--mid, .b-bun--top {
    height: 2px;
    width: 30px
}
.b-container.open .b-main, .b-menu:hover , .b-menu-close:hover{}
.b-bun {
    background: #fff;
    transition: all .4s ease
}

.b-menu-close .b-bun{
    background: #0066e8;
}

.b-bun{
    background: #0066e8;
}
.b-brand, .b-bun {
    position: relative;
    -webkit-transition: all .4s ease
}
.b-bun--top {
    top: 0
}
.b-bun--mid {
    top: 7px
}
.b-bun--bottom {
    top: 14px
}
.b-container,.b-container-close {
    right: 30px;
    top: 0px;
    z-index: 5000;
}

.b-container.open .b-menu .b-bun:nth-child(1){
   transform: translateY(8px) rotate(-45deg);
}

.b-container.open .b-menu .b-bun:nth-child(2){
   opacity:0;
}

.b-container.open .b-menu .b-bun:nth-child(3){
   transform: translateY(-8px) rotate(45deg);
}
.b-container{
    top: 47px;
}

.b-container-close {
    top: 22px;
    z-index: 16;
    position: absolute;
}

.b-container:hover:not(.open) .bun-bottom, .b-container:hover:not(.open) .bun-mid, .b-container:hover:not(.open) .bun-top {
    background: #58a0ff;
}
.b-container-close .b-bun--top {
    background: #0066e8;
    top: 9px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.b-container-close .b-bun--mid {
    opacity: 0;
}
.b-container-close .b-bun--bottom {
    background: #0066e8;
    top: 5px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.b-nav .sub-menu{
    padding-top:10px;
    display:none;
}

.b-nav .sub-menu.open{
    display:block;
}

.b-nav .sub-menu li {
    background:#f0f0f0;
}

.b-nav ul.sub-menu {
    border-left: 0px;
}

.b-nav .sub-menu li {
    border-left: 0px;
    border-bottom:1px solid #fff;
}

.b-nav .level-2 li {
    background:#e5e5e5;
}

.b-nav .level-2 li {
    border-left: 0px;
    border-bottom:1px solid #fff;
}

.b-nav .level-0 li{
  position: relative;
  z-index: 1;
  font-size: 15px;
}
.b-nav .level-1 li{
  position: relative;
  z-index: 2;
}
.b-nav .level-2 li{
  position: relative;
  z-index: 3;
}

.mobile-nav{
    display:block;
}

/**** mobilenav ende ****/

.wrapper{
  position: relative;
  width:100%;
}

.container,
.wrapper .inner{
  position: relative;
  width:100%;
  max-width: 1680px;
  padding:0 30px;
  margin: 0 auto;
}

.wrapper .inner-login,
.wrapper .inner-status{
  padding-top: 30px;
  padding-bottom: 30px;
}

header.wrapper{
  position: fixed;
  z-index: 500;
  background: #fff;
}

.header-spacer{
  padding-top: 97px;
}

header.wrapper .inner{
  display: flex;
  padding-top: 20px;
  padding-bottom:10px;
  justify-content: center;
  align-items: baseline;
}

header.wrapper #block-sprachumschalter{
  position: relative;
  right: 20px;
  top:-20px;
}

header.wrapper #block-oc-branding{
  margin-right: auto;
}

header.wrapper #block-oc-branding img{
  display: block;
  max-width: 120px;
  height: auto;
}

header.wrapper #block-hauptnavigation ul.main-menu{
  list-style: none;
  padding: 0;
  margin: 0;
  display:none;
}

header.wrapper #block-hauptnavigation ul.main-menu li{
  display: inline-block;
  position: relative;
}

header.wrapper #block-hauptnavigation ul.main-menu li a{
  color:#000000;
  text-transform: uppercase;
  margin-left: 14px;
  font-size: 14px;
  display: block;
}

header.wrapper #block-hauptnavigation ul.main-menu li.menu-item--active-trail > a,
header.wrapper #block-hauptnavigation ul.main-menu li a:hover,
header.wrapper #block-hauptnavigation ul.main-menu li a.is-active{
  color:#0066e8;
}

header.wrapper #block-hauptnavigation ul.main-menu li .level-1.sub-menu{
  display: none;
  position: absolute;
  left:15px;
  list-style: none;
  padding: 0;
  z-index: 1;
  background: #fff;
  border-top: 10px solid #fff;
  -webkit-box-shadow: 0px 10px 10px -1px rgba(92,92,92,1);
  -moz-box-shadow: 0px 10px 10px -1px rgba(92,92,92,1);
  box-shadow: 0px 10px 10px -1px rgba(92,92,92,1);
}

header.wrapper #block-hauptnavigation ul.main-menu li .level-1.sub-menu::before{
  content: '';
  display: block;
  width: 100%;
  height: 6px;
  background: #0066e8;
}

header.wrapper #block-hauptnavigation ul.main-menu li:hover .level-1.sub-menu{
    display: block;
}

header.wrapper #block-hauptnavigation ul.main-menu li .level-1.sub-menu li.menu-item{
  display: block;
}

header.wrapper #block-hauptnavigation ul.main-menu li .level-1.sub-menu li.menu-item a{
  margin: 0;
  display: block;
  white-space: nowrap;
  padding: 10px 40px 10px 20px;
  text-transform: none;
  position: relative;
  border-bottom: 1px solid #F5F5F5;
}

header.wrapper #block-hauptnavigation ul.main-menu li .level-1.sub-menu li.menu-item:last-child a{
  border-bottom:none;
}

header.wrapper #block-hauptnavigation ul.main-menu li .level-1.sub-menu li.menu-item a:after {
    display: block;
    content: ' ';
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color:#0066e8;
    font-size: 18px;
    vertical-align: middle;
    position: absolute;
    top: 10px;
    right: 10px;
}

header.wrapper #block-hauptnavigation ul.main-menu li .level-1.sub-menu li.menu-item a:hover{
  background: #0066e8;
  color:#fff;
}

header.wrapper #block-hauptnavigation ul.main-menu li .level-1.sub-menu li.menu-item a:hover:after {
  color:#fff;
}


header.wrapper ul.lang-switcher{
  font-size: 14px;
  text-transform: uppercase;
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
}

header.wrapper ul.lang-switcher:hover li a{
  display: block !important;
}

header.wrapper ul.lang-switcher li a:not(.is-active){
  display: none;
  position: absolute;
  top: 28px;
  padding-right:20px;
  color:#626262;
}

header.wrapper ul.lang-switcher li a:hover{
  color:#58a0ff !important;
}

header.wrapper ul.lang-switcher li a.is-active{
  display: block;
  color:#626262;
}

header.wrapper ul.lang-switcher li a.is-active::after{
  content: '\f078';
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  margin-left: 10px;
  color:#0066e8;
}

header.wrapper .search-icon{
  margin:0;
  margin-left: 15px;
}

header.wrapper .search-icon a{
  font-size: 14px;
  color:#0066e8;
}

footer .footer-bg{
  background: rgb(49,51,56);
  background: linear-gradient(180deg, rgba(49,51,56,1) 0%, rgba(39,42,46,1) 100%);
  color:#fff;
  padding-top: 50px;
  padding-bottom: 20px;
}

footer .footer-flex{
  display: block;
  justify-content: space-between;
  flex-wrap: wrap;
}

footer .footer-flex .footer-item{
  font-size: 16px;
  line-height: 26px;
  width:100%;
  margin-bottom: 40px;
  text-align: center;
}

footer .footer-flex .footer-item a{
  color:#fff;
  font-weight: 700;
}

footer .footer-flex .footer-item a:hover{
  color:#58a0ff;
}

footer .footer-flex .footer-item a i{
  margin-right: 10px;
}

footer .footer-flex .footer-social{
  font-size: 25px;
  border: 2px solid #fff;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  padding: 10px 8px;
  text-align: center;
  display: inline-block;
  margin-left:20px;
}

footer .footer-flex .footer-social:first-child{
  margin-left:0px;
}

footer .footer-flex .footer-social i{
  display: block;
  min-width: 36px;
  margin-right: 0;
}

footer .lowerfooter-flex{
  display: block;
  flex-direction: row-reverse;
  justify-content: space-between;
  padding-top: 30px;
}

footer .lowerfooter-flex .copyright{
  font-size: 14px;
  line-height: 20px;
}

footer .lowerfooter-flex .copyright a{
  color:#fff;
  font-weight: 700;
}
footer .lowerfooter-flex .copyright a i{
  color:#0066e8;
}
footer .lowerfooter-flex .copyright a:hover{
  color:#58a0ff;
}

footer .lowerfooter-flex .footer-menu{
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  font-size: 16px;
}

footer .lowerfooter-flex .footer-menu li{
  display: inline-block;
}

footer .lowerfooter-flex .footer-menu li::after{
  display: inline-block;
  width:1px;
  height: 16px;
  background: #fff;
  content: '';
  margin:0 5px;
}

footer .lowerfooter-flex .footer-menu li:last-child::after{
  display: none;
}

footer .lowerfooter-flex .footer-menu li .prg-from{
  display: inline;
}

footer .lowerfooter-flex .footer-menu li input.prg-link,
footer .lowerfooter-flex .footer-menu li a{
  color: #fff;
  text-transform: uppercase;
  background: none;
  border: 0;
  -webkit-appearance: none;
  padding: 0;
  border-radius: 0;
  display: inline;
}

footer .lowerfooter-flex .footer-menu li input.prg-link:hover,
footer .lowerfooter-flex .footer-menu li a:hover{
  color:#58a0ff;
}

footer .wrapper-upper{
  background: none;
  padding:40px 0 80px 0;
  position: relative;
}


footer .wrapper-upper::before{
  content:'';
  display: block;
  position: absolute;
  bottom: 0;
  left:0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 80px 0 0 140px;
  border-color: transparent transparent transparent #efefef;
}
footer .wrapper-upper::after{
  content:'';
  display: block;
  position: absolute;
  bottom: 0;
  right:0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 100px 100px;
  border-color: transparent transparent #efefef transparent;
}

footer .wrapper-upper .inner{
  text-align: center;
  font-weight: 400;
  font-size: 20px;
  line-height: 30px;
  color: #606060;
}

footer .wrapper-upper .footer-share-box{
  padding-top:20px;
}

footer .wrapper-upper .footer-share-link{
  font-size: 20px;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  padding: 13px 4px;
  text-align: center;
  display: inline-block;
  margin-left: 15px;
  background: none;
  border: 3px solid #0066e8;
  color: #0066e8;
}

footer .wrapper-upper .footer-share-link:hover{
  background: #0066e8;
  color: #fff;
}

footer .wrapper-upper .footer-share-link i{
  display: block;
  min-width: 36px;
  margin-right: 0;
}

footer .wrapper-upper .footer-share-link:first-child{
  margin-left:0px;
}

.hashheadline{
  font-size: 22px;
  line-height: 30px;
  text-align: center;
  font-weight: 700;
  color:#0066e8;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.hashsubheadline{
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color:#606060;
  margin-bottom: 30px;
}

.hashheadline.white, .hashsubheadline.white{
  color:#fff;
}

.journey-box-wrapper{
  padding: 0px 0 40px 0;
}

.journey-box-div{
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
}

.journey-box-wrapper .product-journey-link-box{

}

.journey-box-wrapper .journey-box {
  text-align: center;
  padding:30px 0;
  width: 100%;
  max-width: 100%;
}

.journey-box-wrapper .journey-box .field-product-journey-icon{
  display: flex;
/* text-align: center; */
vertical-align: middle;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}



.journey-box-wrapper .journey-box .field-product-journey-icon img{
  max-width: 120px;
  margin-bottom: 20px;
}

.journey-box-wrapper .journey-box .field-product-journey-text{
  color:#606060;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 15px;
}

.journey-box-wrapper .journey-box .product-journey-link{
  font-size: 16px;
  font-weight: 700;
}

.journey-box-wrapper .journey-box .product-journey-link:after{
  display: inline-block;
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-left: 10px;
  vertical-align: middle;
}

.field-kompetenz-link,
.field-loesungen-link,
.field-jobs-link{
  text-align: center;
  margin-bottom: 100px;
}

.oc-in-zahlen-wrapper{
  background: #313338;
  padding:80px 0 80px 0;
}

.oc-in-zahlen-wrapper .inner{
  color:#fff;
}

.oc-in-zahlen-box{
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  padding-top: 0px;
}

.oc-in-zahlen-box > div{
  width: 100%;
  max-width: 100%;
  text-align: center;
  border-bottom: 1px solid #ffffff33;
  padding: 40px 0;
}

.oc-in-zahlen-box > div:last-child{
  border-bottom: 0;
}

.oc-in-zahlen-box .field-oc-in-zahlen-icon-1,
.oc-in-zahlen-box .field-oc-in-zahlen-icon-2,
.oc-in-zahlen-box .field-oc-in-zahlen-icon-3,
.oc-in-zahlen-box .field-oc-in-zahlen-icon-4{
  margin-bottom: 20px;
}

.oc-in-zahlen-box .field-oc-in-zahlen-zahl-1,
.oc-in-zahlen-box .field-oc-in-zahlen-zahl-2,
.oc-in-zahlen-box .field-oc-in-zahlen-zahl-3,
.oc-in-zahlen-box .field-oc-in-zahlen-zahl-4{
  font-size: 60px;
  line-height: 60px;
  font-weight: 700;
}

.oc-in-zahlen-box .field-oc-in-zahlen-text-1,
.oc-in-zahlen-box .field-oc-in-zahlen-text-2,
.oc-in-zahlen-box .field-oc-in-zahlen-text-3,
.oc-in-zahlen-box .field-oc-in-zahlen-text-4{
  font-size: 22px;
  line-height: 30px;
  color:#C0C0C0;
  margin-top: 15px;
}

.trenner-wrapper{
  padding:40px 0;
  overflow-x: hidden;
}

.trenner-wrapper .field-trenner-text-1{
  color:#003066;
  font-size: 5vw;
  line-height: 5vw;
  font-weight:900;
  text-transform: uppercase;
  width: 100%;
  padding-left: 10%;
}
.trenner-wrapper .field-trenner-text-2{
  color:#0066e8;
  font-size: 7vw;
  line-height: 7vw;
  font-weight:900;
  text-transform: uppercase;
  width: 100%;
}
.trenner-wrapper .field-trenner-text-3{
  color:#003066;
  font-size: 4vw;
  line-height: 4vw;
  font-weight:700;
  text-transform: uppercase;
  width: 100%;
  padding-left: 20%;
}

.field-kunden-logos{
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  margin-bottom: 40px;
}

.field-kunden-logos .field-kunden-logo{
  text-align: center;
}

.field-kunden-logos > div {
  padding: 0 0px;
  width: 50%;
}

.link-btn-orange,
.link-btn,
.btn-oc,
.portfolio-btn,
.field-kompetenz-link a,
.field-loesungen-link a,
.field-jobs-link a{
  background: #0066e8;
  font-size: 18px;
  font-weight: 700;
  color:#fff;
  padding: 15px 20px;
  position: relative;
  display: inline-block;
  background: linear-gradient(-135deg, transparent 10px, #0066e8 10px);
  -webkit-appearance: none;
  border-radius: 0;
  border: 0;
}

.jobblock-btn i,
.link-btn-orange i,
.link-btn i,
.btn-oc i,
.portfolio-btn i,
.field-kompetenz-link a i,
.field-loesungen-link a i,
.field-jobs-link a i{
  margin-right: 10px;
}


.pager .button::before,
.portfolio-btn::before,
.field-kompetenz-link a::before,
.field-loesungen-link a::before,
.field-jobs-link a::before{
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
}

.link-btn.grey-btn{
  background: linear-gradient(-135deg, transparent 10px, #313338 10px);
}
.link-btn.grey-btn:hover{
  background: linear-gradient(-135deg, transparent 10px, #58a0ff 10px);
}


.ve--wrapped_row .link-btn.link-btn-small{
  font-size: 14px;
  line-height: 18px;
  padding: 10px 20px;
  width:100%;
  max-width: 332px;
}

.views-field-field-sliderlinkicon .btn-oc{
  font-size: 16px;
  padding: 15px 20px
}

.link-btn-orange,
.link-btn,
{
  font-size: 18px;
  line-height: 22px;
  padding: 10px 20px;
}

.link-btn-orange,
.btn-oc.btn-orange{
  background: linear-gradient(-135deg, transparent 10px, #f7a43a 10px);
}
.btn-oc.header-btn{
  margin-top: 20px;
}
.btn-oc.header-btn i{
  margin-right: 10px;
}

.portfolio-btn:hover,
.link-btn:hover,
.link-btn-orange:hover,
.btn-oc:hover,
.btn-oc.btn-orange:hover,
.field-kompetenz-link a:hover,
.field-loesungen-link a:hover,
.field-jobs-link a:hover{
  color:#fff;
  background: linear-gradient(-135deg, transparent 10px, #58a0ff 10px);
}

#block-views-block-standorte-block-1 .views-field-title a{

}
#block-views-block-standorte-block-1 .views-field-title a:hover{
  color:#58a0ff;
}
#block-views-block-standorte-block-1 .views-field-title a.active-link{
  color:#58a0ff;
}

#block-views-block-standorte-block-1 .views-field-title a::before{
  content:'\f45c';
  font-family: "Font Awesome 5 Free";
  display: block;
  font-weight: 900;
  display: inline-block;
  font-size: 12px;
  margin-right: 10px;
}

#block-views-block-standorte-block-1 .views-field-title.no-bullet a::before{
  display:none;
}


.btn-oc .fontawesome-icons{
  display: inline-block;
}

.link-btn i{
  margin-right: 10px;
}

.startseite-slider-wrapper::after{
  content: '';
  display: none;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 100px 200px 0 0;
  border-color: #efefef transparent transparent transparent;
  position: absolute;
  bottom: -100px;
  left:40%;
  z-index: -1;
  animation: rotate 40s linear infinite;
  transform-origin: 50% 40%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.startseite-slider-wrapper{
  margin-bottom: 40px;
  position: relative;
  overflow: visible;
}

.startseite-slider-wrapper .views-field-field-sliderbild .slider-img{
  width:100% !important;
  height: auto !important;
}

.startseite-slider-wrapper .views-field-field-sliderbild::after{
  content: '';
  position: absolute;
  top: 0; right: 0;
  border-top: 40px solid white;
  border-left: 40px solid transparent;
  width: 0;
}

.karriere-slider-wrapper .views-field-field-sliderbild .slider-img{
  width:100% !important;
  height: auto !important;
}

.karriere-slider-wrapper .views-field-field-sliderbild::after{
  content: '';
  position: absolute;
  top: 0; right: 0;
  border-top: 40px solid white;
  border-left: 40px solid transparent;
  width: 0;
}

.karriere-slider-wrapper .tp-bannertimer,
.startseite-slider-wrapper .tp-bannertimer {
  display:none !important;
}

.startseite-slider-titel{
  font-size: 120px;
  line-height: 100px;
  text-transform: uppercase;
  font-weight: 800;
  display: inline-block;
  padding: 20px 20px 20px 0;
}

.startseite-slider-titel-inner{
  font-size: 26px;
  line-height: 30px;
}
.views-field-field-slider-text-inner{
  font-size: 22px;
  line-height: 30px;
}

.karriere-slider-text-inner{
  font-size: 20px;
  line-height: 28px;
}

.karriere-slider-titel{
  font-size: 64px;
  line-height: 60px;
  text-transform: uppercase;
  font-weight: 800;
  display: inline-block;
  padding: 10px 10px 10px 0;
}
.karriere-slider-titel-inner{
  font-size: 22px;
  line-height: 20px;
}

.karriere-slider-wrapper .karriere-slider-standort-inner{
  color:#C0C0C0;
  font-size: 18px;
  font-weight: 700;
}


.startseite-slider-wrapper .views-field-field-slider-text{
  color:#606060;
  font-size: 36px;
  line-height: 50px;
  width: 30%;
  white-space:inherit !important;
}

.karriere-slider-wrapper .views-field-field-slider-text{
  color: #606060;
  font-size: 28px;
  line-height: 38px;
  white-space:inherit !important;
}

.karriere-slider-wrapper .tparrows,
.startseite-slider-wrapper .tparrows{
  background:#0066e8;
}

.startseite-slider-wrapper .tparrows{
  top:50.6% !important;
}

.karriere-slider-wrapper .tparrows{
  top:43% !important;
}

.karriere-slider-wrapper .tparrows:before,
.startseite-slider-wrapper .tparrows:before {
    font-size: 22px;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
  }

.karriere-slider-wrapper .tparrows.tp-leftarrow:before,
.startseite-slider-wrapper .tparrows.tp-leftarrow:before {
    content: '\f053';
}

.karriere-slider-wrapper .tparrows.tp-rightarrow:before,
.startseite-slider-wrapper .tparrows.tp-rightarrow:before  {
    content: '\f054';
}

.karriere-slider-wrapper .tparrows:hover,
.startseite-slider-wrapper .tparrows:hover{
  background:#58a0ff;
}

.wrapper-submain::before{
    display: none;
    content: '';
    position: absolute;
    right:0;
    top:60%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 400px 600px 400px 0;
    border-color: transparent #efefef transparent transparent;
    z-index: -1;
}

.wrapper-submain::after{
    display: none;
    content: '';
    position: absolute;
    left:0;
    top: 600px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 300px 0 200px 500px;
    border-color: transparent transparent transparent #efefef;
    z-index: -1;
}

.wrapper .subheader-inner{
  margin-bottom: 0px;
  padding: 0 0;
}

.wrapper .subheader-inner .field-headerbild{
  width:100%;
  max-width: 100%;
  margin-left: auto;
  position: relative;
}

.wrapper .subheader-inner .field-headerbild img{
  width: 100%;
}

.wrapper .subheader-inner .field-headerbild::after{
  content: '';
  position: absolute;
  top: 0; right: 0;
  border-top: 40px solid white;
  border-left: 40px solid transparent;
  width: 0;
}

.wrapper .subheader-inner .header-text-wrapper{
  position: relative;
  left: 0px;
  top: -28px;
  max-width: 100%;
  margin-bottom: 0px;
  padding: 0 30px;
}

.wrapper .subheader-inner .field-headertitel{
  margin-bottom: 10px;
}

.wrapper .subheader-inner .field-headertitel .text{
  display: inline;
  background: #fff;
  box-shadow: 16px 0 0 #fff, -4px 0 0 #fff;
  padding: 0px 0px 0px 0;
  color:#0066e8;
  font-size:28px;
  line-height: 32px;
  font-weight: 800;
  text-transform: uppercase;
  position: relative;
}

@supports (-moz-appearance:none) {
    .wrapper .subheader-inner .field-headertitel .text { white-space: break-spaces; }
}

.wrapper .subheader-inner .field-headertitel .text::before{
  height: 38px;
  width: 15px;
  position: absolute;
  left: -15px;
  top: 0px;
  content: '';
  display: block;
  background: #fff;
}

.wrapper .subheader-inner .field-headerort{
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 20px;
}

.wrapper .subheader-inner .field-header-subtitle{
  color:#606060;
  font-size:16px;
  line-height: 24px;
  max-width: 100%;
}

.wrapper .header-inner{
  padding:0;
}

.bg-blue-gradient{
  background: transparent radial-gradient(closest-side at 50% 50%, #0068B5 0%, #005BA1 46%, #00325F 100%) 0% 0% no-repeat;
  color:#fff;
}

.bg-blue{
  background: #003066;
  color:#fff;
}

.bg-lightblue{
  background: #0066e8;
  color:#fff;
}

.bg-grey{
  background: #F5F5F5;
}

.bg-darkgrey{
  background: #313338;
  color:#fff;
}

.bg-job{
  background: url(../images/job-bg-oc.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  color:#fff;
}

#main ul,
.ve--wrapped_row ul{
	padding:0;
	list-style:none;
}

#main ul li,
.ve--wrapped_row ul li{
	padding-left:20px;
	position:relative;
	margin-bottom:10px;
}

#main ul li.pager__item,
.ve--wrapped_row ul li.pager__item{
  padding-left:0px;
}

#main ul li:before,
.ve--wrapped_row ul li:before {
    content: '\f45c';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    display: block;
    color: #0066e8;
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 2px;
}

#block-oc-local-tasks ul li{
  padding-left:0px;
	margin-bottom:0px;
}
#block-oc-local-tasks ul li:before,
.ve--wrapped_row ul li.pager__item:before,
#main ul li.pager__item:before{
  display: none;
  content: '';
}

.ve--wrapped_row.padding-top-bottom,
.ve--wrapped_row .padding-top-bottom{
  padding-top:40px;
  padding-bottom:40px;
}

.ve--wrapped_row.padding-top,
.ve--wrapped_row .padding-top{
  padding-top:40px;
}

.ve--wrapped_row.padding-bottom,
.ve--wrapped_row .padding-bottom{
  padding-bottom:40px;
}

.ve--wrapped_row.padding-left,
.ve--wrapped_row .padding-left{
  padding-left:40px;
}
.ve--wrapped_row.padding-right,
.ve--wrapped_row .padding-right{
  padding-right:40px;
}

.ve--bg_image{
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  min-height: 180px;
}

.ve--wrapped_row h1,
.ve--wrapped_row .h1{
  font-size: 24px;
  line-height: 32px;
  font-weight: 400;
  color:#0066e8;
  margin-bottom: 1rem;
}

.field-event-headline,
.event-form-box .event-form-hl,
.ve--wrapped_row h2,
.ve--wrapped_row .h2{
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color:#0066e8;
  margin-bottom: 1rem;
}
.event-form-box .event-form-hl img {
  height: 27px;
}

.event-label.h3,
.paragraph-geschichte .field-geschichte-headlin,
.zahlen-titel,
.ve--wrapped_row h3,
.ve--wrapped_row .h3{
  font-size: 18px;
  line-height: 30px;
  font-weight: 400;
  color:#313338;
  margin-bottom: 1rem;
}

.field-referent-name,
.field-event-thema-headline,
.field-event-beschreibung-headlin,
.ve--wrapped_row h4,
.ve--wrapped_row .h4{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color:#313338;
  margin-bottom: 1rem;
}

.ve--wrapped_row .center{
  text-align: center;
}
.ve--wrapped_row .right{
  text-align: right;
}
.ve--wrapped_row .left{
  text-align: left;
}
.ve--wrapped_row .hl-white{
  color:#fff;
}
.ve--wrapped_row .hl-blue{
  color:#0066e8;
}
.ve--wrapped_row .hl-orange{
  color:#f7a43a;
}
.ve--wrapped_row .bold{
  font-weight: 700;
}

.ve--wrapped_row img.align-left{
  margin-right: 20px;
}

.ve--wrapped_row img.align-right{
  margin-left: 20px;
}

.margin-bottom-sec{
  margin-bottom: 30px;
}

.zahlen-box-wrapper,
.morelinks-box-wrapper{
  display: flex;
  flex-wrap: wrap;
}

.zahlen-box,
.morelinks-box{
  text-align: center;
  padding:50px 20px;
  margin: 0px 0;
  border-bottom: 1px solid #ffffff33;
  width: 100%;
}

.zahlen-box{
  border-bottom: 1px solid #f5f5f5;
}


.zahlen-box:first-child,
.morelinks-box:first-child{
  padding-left: 20px;
}
.zahlen-box:last-child,
.morelinks-box:last-child{
  padding-right: 20px;
  border-bottom: 0px;
}

.morelinks-box img{
  height:70px;
  width: auto;
  margin-bottom: 30px;
}

.morelinks-titel{
  font-weight: 400;
  color:#fff;
  font-size: 28px;
  line-height: 38px;
}

.morelinks-text{
  font-weight: 400;
  color:#C0C0C0;
  font-size: 18px;
  line-height: 28px;
}

a.morelinks-link{
  display: block;
  font-size: 14px;
  line-height: 34px;
  font-weight: 700;
  color: #fff;
}

a.morelinks-link:after {
    display: inline-block;
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 0px;
    vertical-align: middle;
}

a.morelinks-link:hover{
  color:#58a0ff;
}

.zahlen-box img{
  height:120px;
  width: auto;
  border-bottom: 1px solid #f5f5f5;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

.ve--heading.zahlen-headline,
.zahlen-headline{
  text-transform: uppercase;
  color:#0066e8;
  text-align: center;
  font-weight: 700;
}
.zahlen-subheadline{
  font-size: 16px;
  line-height: 24px;
  color:#606060;
  text-align: center;
  margin-bottom: 30px;
}

.zahlen-titel{
  color:#606060;
  font-weight: 400;
}

.zahlen-text{
  font-size: 16px;
  line-height: 20px;
}

.zahlen-zahlen{
  font-size: 32px;
  line-height: 40px;
  margin-top: 25px;
}

.zahlen-box img.zahlen-img{
  max-width:100%;
  height:auto;
  margin-top: 25px;
  border-bottom:0;
}

.cutcorner{
  position: relative;
}

.cutcorner::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-top: 50px solid white;
  border-left: 50px solid transparent;
  width: 0;
}

.contact-box{
  padding:20px;
  background: linear-gradient(-135deg, transparent 40px, #F5F5F5 8px);
  margin-bottom: 20px;
  position: relative;
}

/*.contact-box::after{
  content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 50px solid white;
    border-left: 50px solid transparent;
    width: 0;
}*/

.contactimg{
	float:right;
}

.contact-box .contactimg{
  float:none;
  text-align: center;
}

.contactimg img{
	width: 50px;
	height: 50px;
	border-radius: 25px;
	margin-left: 10px;
}

.contact-box p{
  margin-bottom: 0;
}

.contact-box .contactimg img{
  width: 80px;
	height: 80px;
	border-radius: 40px;
	margin-left: 0px;
  margin-bottom: 10px;
}

.contact-box .contact-name{
  color:#003066;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 5px;
}
.contact-box .contact-pos{
  color:#003066;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 15px;
}
.contact-box .contact-adresse{
  font-size: 14px;
  line-height: 18px;
  color:#313338;
}
.contact-box .contact-adresse-bold{
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  color:#313338;
  margin-bottom: 5px;
}


.contact-link-tel,
.contact-link-mail,
.mobile-hover-button{
  background: #0066e8;
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  color:#fff;
  padding: 10px 20px;
  width: 100%;
  position: relative;
  display: inline-block;
  background: linear-gradient(-135deg, transparent 8px, #0066e8 8px);
  margin-bottom: 10px;
}

.contact-link-tel::before{
  content: '\f879';
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  color: #fff;
  margin-right: 10px;
  vertical-align: middle;
}

.contact-link-mail::before{
  content: '\f0e0';
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  color: #fff;
  margin-right: 10px;
  vertical-align: middle;
}

.contact-link-tel:hover,
.contact-link-mail:hover,
.mobile-hover-button:hover{
  color:#fff;
  background: linear-gradient(-135deg, transparent 8px, #58a0ff 8px);

}

#fragen_antworten{
  position: relative;
  top:-180px;
}

.fragbox-titel{
  font-size: 28px;
  line-height: 38px;
  color:#0066e8;
}
.contact-box .fragbox-titel{
  margin-bottom: 20px;
}
.fragbox-text{
  font-size: 14px;
  line-height: 22px;
  color: #313338;
}

.img-margin-bottom{
  margin-bottom: 20px;
}

.margin-bottom{
  margin-bottom: 20px;
}
.event-form-box .event-form-img
.no-margin-bottom{
  margin-bottom: 0px !important;
}

.ve--accordions{
  margin-bottom: 40px;
}

.ve--accordions .card{
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #F9F9F9;
  background-clip: border-box;
  border:none;
  border-bottom: 4px solid #fff;
  border-radius: 0;
}

.ve--accordions .card-header {
    padding: 0;
    margin-bottom: 0;
    background: none;
    border-bottom: none;
}

.ve--accordions .card-link .card-link-text{
  color:#606060;
  font-size: 16px;
  line-height: 24px;
  padding: 20px;
  padding-right: 50px;
  display: block;
  position: relative;
}

.ve--accordions .card-link .card-link-text::after{
  content: '\f068';
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  display: block;
  position: absolute;
  right:10px;
  top: 20px;
  font-size: 26px;
  color: #f7a43a;
}

.ve--accordions.accordion_blue .card-link .card-link-text::after{
  color:#0066e8;
}

.ve--accordions .card-link.collapsed .card-link-text::after{
  content: '\f067';
}

.ve--accordions .card-body{
  padding: 20px 20px;
}


.jobblock-wrapper{
  position: relative;
  width:100%;
  background: #f7a43a;
  margin: 50px 0;
}

.jobblock-wrapper::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 300px 300px 0 0;
    border-color: #efefef transparent transparent transparent;
    opacity: 0.21;
    z-index: 1;
}

.jobblock-wrapper::after {
    content: '';
    display: none;
    position: absolute;
    top: 40%;
    right: 5%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 250px 250px 0 0;
    border-color: #efefef transparent transparent transparent;
    transform: rotate(20deg);
    opacity: 0.21;
    z-index: 1;
}

.jobblock-wrapper .jobblock-inner{
  position: relative;
  width:100%;
  max-width: 1160px;
  padding: 50px 30px;
  margin: 0 auto;
  z-index: 2;
}
.jobblock-wrapper .jobblock-img{
  width: 100%;
  max-width: 764px;
  height: auto;
  position: relative;
  margin-left: auto;
}

.jobblock-wrapper .jobblock-img::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 80px solid #f7a43a;
    border-left: 80px solid transparent;
    width: 0;
}

.jobblock-wrapper .jobblock-textwrapper{
  position: relative;
  left:0px;
  top:20px;
  width:100%;
}

.jobblock-wrapper .jobblock-titel{
  display: inline;
  background: #f7a43a;
  box-shadow: 16px 0 0 #f7a43a, -4px 0 0 #f7a43a;
  padding: 0px 0px 0px 0;
  color: #fff;
  font-size: 24px;
  line-height: 34px;
  font-weight: 800;
  text-transform: uppercase;
}

.jobblock-wrapper .jobblock-btn{
    background: #fff;
    font-size: 18px;
    font-weight: 700;
    color: #f7a43a;
    padding: 15px 20px;
    position: relative;
    display: inline-block;
    background: linear-gradient(-135deg, transparent 10px, #fff 10px);
}

.jobblock-wrapper .jobblock-btn:hover{
  color: #fff;
  background: linear-gradient(-135deg, transparent 10px, #58a0ff 10px);
}

.benefits-view-wrapper{
  display: block;
  flex-wrap: wrap;
  justify-content: space-between;
  padding:0px 0;
}


.benefits-view-wrapper .views-row{
  width:100%;
  margin-bottom: 40px;
}

.benefits-view-wrapper .views-row .benefits-wrapper{
  text-align: center;
}

.benefits-wrapper .benefits-img{

}

.benefits-wrapper .benefits-img img{
  height: 80px;
  width:auto;
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #C0C0C0;
}

.benefits-wrapper .benefits-title{
  font-size: 28px;
  line-height: 28px;
  color:#606060;
  margin-bottom: 10px;
}

.benefits-wrapper .benefits-link{
  font-size: 20px;
  font-weight: 700;
}

.benefits-wrapper .benefits-link::after{
  display: inline-block;
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
    margin-left: 10px;
    vertical-align: middle;
}

.loesung-start::before{
  display: none;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 400px 500px 0 0;
  border-color: #efefef transparent transparent transparent;
  transform: rotate(-10deg) translateX(-50%);
  position: absolute;
  left:50%;
  top:-100px;
  z-index: -1;
  animation: wobble2 10s ease infinite;
}

@keyframes wobble2 {
  0% {
    transform: rotate(-10deg) translateX(-50%);
  }
  50% {
    transform: rotate(-20deg) translateX(-50%);
  }
  100% {
    transform: rotate(-10deg) translateX(-50%);
  }
}

.loesung-start{
  position: relative;
  margin-bottom: 40px;
  text-align: center;
  /*overflow-x: hidden;*/
}

.loesung-start-box{
  display: block;
  position: relative;
  color: #fff;
  height: 100%;
  width: 100%;
  text-align: left;
}

.loesung-start-box:hover .loesung-start-teaser{
  opacity: 1;
}

.loesung-start-box::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-top: 50px solid white;
  border-left: 50px solid transparent;
  width: 0;
}

.loesung-start-box .loesung-start-bg{
  padding: 20px;
  height: 100%;
  width: 100%;
}

.loesung-start-box .loesung-start-bg-layer{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height:100%;
  background: #313338;
  opacity:0.4;
}

.loesung-start-box .loesung-start-hl{
  position: absolute;
  bottom: 20px;
  left:20px;
  width: calc(100% - 40px);
}

.loesung-start-box .loesung-start-hl .loesung-start-hl1{
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 10px;
  color:#fff;
}

.loesung-start-box .loesung-start-hl .loesung-start-hl2{
  font-size: 16px;
  line-height: 26px;
  color:#fff;
}

.loesung-start-box .loesung-start-teaser{
  position: absolute;
  background: rgba(0, 122, 255,0.8);
  color: #fff;
  font-size: 16px;
  padding: 30px 50px 30px 30px;
  width: 100%;
  height:100%;
  top:0;
  left:0;
  opacity: 0;
  transition: opacity 0.5s linear;
}

.loesung-start .views-row{
  display: block;
}

.loesung-start .views-row:nth-of-type(1) .loesung-start-box {
  width:100%;
  height:260px;
  margin-right: 0px;
  margin-bottom: 30px;
  position: relative;
  top: 0px;
}
.loesung-start .views-row:nth-of-type(2) .loesung-start-box {
  width:100%;
  height:260px;
  margin-bottom: 30px;
  position: relative;
  top: 0px;
}
.loesung-start .views-row:nth-of-type(3) .loesung-start-box {
  width:100%;
  height:260px;
  margin-bottom: 30px;
  position: relative;
  left: 0px;
  top: 0px;
}

.kompetenz-start-wrapper::before{
  display: block;
  content: '';
  position: absolute;
  right:0;
  top:200px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 200px 300px 200px 0;
  border-color: transparent #efefef transparent transparent;
  z-index: -1;
  /*animation: pulse 10s ease infinite;*/
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}


.komp-start{
  margin-bottom: 40px;
  position: relative;
}

.komp-start .views_slideshow_cycle_main{
  position: relative;
}

.komp-start .views_slideshow_cycle_teaser_section,
.komp-start .views_slideshow_cycle_slide{
  width:100% !important;
}

.komp-start .views-row{
  width:100%;
}

.komp-start-slide{
  position: relative;
  width:100%;
}

.komp-start-slide .komp-start-img{
  position: relative;
  display: inline-block;
}

.komp-start-slide .komp-start-img::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-top: 40px solid white;
  border-left: 40px solid transparent;
  width: 0;
}

.komp-start-slide .komp-start-block{
  background: #ffffff;
  position: relative;
  bottom: 0;
  right: 0;
  padding: 30px 30px 30px 30px;
  width: 100%;
}

.komp-start-slide .komp-start-block .komp-start-title{
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  color: #0066e8;
  margin-bottom: 20px;
}


.komp-start-teaser{
  color: #313338;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 26px;
}

.komp-start-link{
  font-weight: 700;
  color: #0066e8;
  font-size: 16px;
  line-height: 26px;
}

.komp-start-link:after{
  display: inline-block;
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  margin-left: 10px;
  vertical-align: middle;
}

.views_slideshow_controls_text_previous,
.views_slideshow_controls_text_next{
  width:40px;
  height: 40px;
  display: inline-block;
  background: #0066e8;
}

.views_slideshow_controls_text_previous:before,
.views_slideshow_controls_text_next:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
}
.views_slideshow_controls_text_previous:before {
    content: '\f053';
}
.views_slideshow_controls_text_next:before {
    content: '\f054';
}

.views_slideshow_controls_text_previous:hover,
.views_slideshow_controls_text_next:hover{
  background: #58a0ff;
}

.views_slideshow_controls_text span:hover {
    text-decoration: none;
    cursor: pointer;
}

.views-slideshow-controls-bottom{
  position: absolute;
  top: 30%;
  z-index: 400;
  width: auto;
  right: 0px;
  padding-left: 50px;
}


.wrapper .inner-fragen-und-antworten{
  display: block;
  padding-top: 40px;
  padding-bottom: 40px;
}

.field-fragen-und-antworten-bild{
  display: block;
  padding-right: 0px;
  width:100%;
  text-align: center;
}

.field-fragen-und-antworten-bild img{
  width:auto;
  height: 200px;
}

.fragen-antworten-paragraph{
  display: block;
  vertical-align: top;
  width:100%;
}

.fragen-antworten-paragraph .field-fragen-und-antworten-hl2,
.fragen-antworten-paragraph .field-fragen-und-antworten-headl{
  font-size: 28px;
  line-height: 34px;
  font-weight: 700;
  color: #0066e8;
  text-align: center;
}

.fragen-antworten-paragraph .field-fragen-und-antworten-hl2{
  color: #606060;
  font-size: 22px;
  font-weight: 400;
  margin-bottom: 40px;
}

.fua-frage{
  background: #fff;
  border:2px solid #95CDFA;
  color:#626262;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  padding:20px;
  margin-bottom: 15px;
  margin-right: 40px;
  position: relative;
}
.fua-frage:after{
  display: block;
  content: '';
  position: absolute;
  left: 0px;
  bottom: -38px;
  width: 0px;
  height: 0px;
  -webkit-transform:rotate(360deg);
  border-style: solid;
  border-width: 38px 38px 0 0;
  border-color: #fff transparent transparent transparent;
}
.fua-frage:before{
  display: block;
  content: '';
  position: absolute;
  left: -2px;
  bottom: -42px;
  width: 0px;
  height: 0px;
  -webkit-transform:rotate(360deg);
  border-style: solid;
  border-width: 40px 40px 0 0;
  border-color: #95CDFA transparent transparent transparent;
}

.fua-antwort{
  background: #003066;
  background: linear-gradient(135deg, transparent 15px, #003066 15px);
  color: #fff;
  font-size: 18px;
  padding:30px;
  margin-bottom: 40px;
  margin-left: 25px;
  position: relative;
}

.fua-antwort:after{
  display: block;
  content: '';
  position: absolute;
  right: 0px;
  bottom: -40px;
  width: 0px;
  height: 0px;
  -webkit-transform:rotate(360deg);
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent #003066 transparent transparent;
}

.paragraph--type--fragen-und-antworten{
  position: relative;
}

.paragraph--type--fragen-und-antworten:before{
  display: block;
  content: '';
  position: absolute;
  right: 40px;
  top: 0px;
  width: 0px;
  height: 0px;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 20px 20px 0;
  border-color: transparent #95CDFA transparent transparent;
  z-index:3;
}
.paragraph--type--fragen-und-antworten:after{
  display: block;
  content: '';
  position: absolute;
  right: 40px;
  top: 0px;
  width: 0px;
  height: 0px;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 17px 17px 0;
  border-color: transparent #FFF transparent transparent;
  z-index:3;
}

.fua-frage-name{
  color:#0066e8;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.fua-frage-name i{
  font-size: 40px;
  margin-right:10px;
  vertical-align: middle;
}

.fua-antwort-name{
  color:#fff;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.fua-antwort-name img{
  border-radius: 20px;
  margin-right:10px;
  border: 2px solid #01B1DB;
  width: 40px;
}

.fua-frage-text,
.fua-antwort-text{
  padding-left:20px;
}

/* Kompetenz Suche & Events Übersicht */
.views-element-container .events-uebersicht,
.views-element-container .kompetenz-suche {
  position: relative;
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  padding: 0px 30px 0px 30px;
}

.views-element-container .events-uebersicht .views-row:after,
.views-element-container .kompetenz-suche .views-row:after{
  display: block;
  content: '';
  clear: both;
}

.views-element-container .events-uebersicht form,
.views-element-container .kompetenz-suche form {
  width: 100%;
  max-width: 1364px;
  margin: 0px auto 35px auto;
  text-align: left;
  padding: 30px;
  background: linear-gradient(-135deg, transparent 30px, #E6E6E6 30px);
  position: relative;
}

.views-element-container .events-uebersicht .search-form-inner,
.views-element-container .kompetenz-suche .search-form-inner{
  position: relative;
  width:100%;
}

.views-element-container .kompetenz-suche div.form-item-search-api-fulltext {
  display: block;
  margin-bottom: 80px;
  width: 100%;
}

.views-element-container .kompetenz-suche div.form-item-search-api-fulltext label {
  display: none;
}

.views-element-container .kompetenz-suche .js-form-item-search-api-fulltext input {
  background: #FFFFFF;
  border: 0px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
  margin-top: 0;
  font-size: 16px;
  line-height: 50px;
}

.views-element-container .kompetenz-suche .form-actions{
  position: absolute;
  top:60px;
  right:50%;
  transform: translateX(50%);
}

.views-element-container .kompetenz-suche input.js-form-submit.form-submit {
  border: none;
  background: #0066e8;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
  padding: 15px 20px;
  position: relative;
  display: inline-block;
  background: linear-gradient(-135deg, transparent 10px, #0066e8 10px);
}

.views-element-container .kompetenz-suche input.js-form-submit.form-submit:hover{
  background: linear-gradient(-135deg, transparent 10px, #58a0ff 10px);
}

.views-element-container .events-uebersicht .button.form-submit{
  display: none;
}

.views-element-container .events-uebersicht .events-uebersicht-count,
.views-element-container .kompetenz-suche .kompetenzsuche-count{
  color:#313338;
  margin-bottom: 40px;
  text-align: center;
  font-size: 16px;
}

.views-element-container .events-uebersicht .events-uebersicht-empty,
.views-element-container .kompetenz-suche .kompetenzsuche-empty{
  font-weight: 400;
  font-size: 18px;
  text-align: center;
}

/*
.kompetenzsuche-result-wrapper{
  column-count: 4;
  column-gap: 1em;
  width: 100%;
  padding: 0 30px;
}*/

.views-infinite-scroll-content-wrapper{
  display:flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items:stretch;
}

.events-uebersicht .views-row,
.views-infinite-scroll-content-wrapper .views-row,
.kompetenz-suche .views-row {
  display: block;
  margin: 0 0 20px;
  width: 100%;
  max-width: 380px;
  margin-right:0px;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.events-uebersicht .views-row:last-child,
.views-infinite-scroll-content-wrapper .views-row:last-child,
.kompetenz-suche .views-row:last-child{
  margin-right:0px !important;
}

.events-uebersicht .views-row .views-field-nothing,
.views-infinite-scroll-content-wrapper .views-row .views-field-nothing,
.kompetenz-suche .views-row .views-field-nothing{
  height: 100%;
}

.events-uebersicht .views-row a.event-results-link,
.views-infinite-scroll-content-wrapper .views-row a.kompetenz-results-link,
.kompetenz-suche .views-row a.kompetenz-results-link{
  display: block;
  height: 100%;
  position: relative;
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  transform: translateZ(0);
}

/*.events-uebersicht .views-row a.event-results-link:hover .event-results-img,
.views-infinite-scroll-content-wrapper .views-row a.kompetenz-results-link:hover .kompetenz-results-img,
.kompetenz-suche .views-row a.kompetenz-results-link:hover .kompetenz-results-img,
.events-uebersicht .views-row a.event-results-link:hover .color-dummy,
.views-infinite-scroll-content-wrapper .views-row a.kompetenz-results-link:hover .color-dummy,
.kompetenz-suche .views-row a.kompetenz-results-link:hover .color-dummy{
  transform: translateZ(0) scale(1.02);
}*/

.events-uebersicht .views-row .event-results-img,
.views-infinite-scroll-content-wrapper .views-row .kompetenz-results-img,
.kompetenz-suche .views-row .kompetenz-results-img{
  position: relative;
  /*transition: all 0.5s ease;*/
  z-index: 3;
}

/*.events-uebersicht .views-row .event-results-img::after,
.views-infinite-scroll-content-wrapper .views-row .kompetenz-results-img::after,
.kompetenz-suche .views-row .kompetenz-results-img::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-top: 30px solid white;
  border-left: 30px solid transparent;
  width: 0;
}*/

.events-uebersicht .views-row .event-results-box,
.views-infinite-scroll-content-wrapper .views-row .kompetenz-results-box,
.kompetenz-suche .views-row .kompetenz-results-box{
  padding:30px 20px;
  z-index: 2;
  position: relative;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  transition: all 0.5s ease;
}

/*.kompetenz-suche .views-row.color-1 a.kompetenz-results-link.blog-results-link,
.events-uebersicht .views-row.color-1 a.event-results-link .event-results-box,
.views-infinite-scroll-content-wrapper .views-row.color-1 a.kompetenz-results-link .kompetenz-results-box,
.kompetenz-suche .views-row.color-1 a.kompetenz-results-link .kompetenz-results-box,
.views-row.color-1 .color-dummy{
  color:#fff;
  background: #0066e8;
}
.kompetenz-suche .views-row.color-2 a.kompetenz-results-link.blog-results-link,
.events-uebersicht .views-row.color-2 a.event-results-link .event-results-box,
.views-infinite-scroll-content-wrapper .views-row.color-2 a.kompetenz-results-link .kompetenz-results-box,
.kompetenz-suche .views-row.color-2 a.kompetenz-results-link .kompetenz-results-box,
.views-row.color-2 .color-dummy{
  color:#fff;
  background: #606060;
}
.kompetenz-suche .views-row.color-3 a.kompetenz-results-link.blog-results-link,
.events-uebersicht .views-row.color-3 a.event-results-link .event-results-box,
.views-infinite-scroll-content-wrapper .views-row.color-3 a.kompetenz-results-link .kompetenz-results-box,
.kompetenz-suche .views-row.color-3 a.kompetenz-results-link .kompetenz-results-box,
.views-row.color-3 .color-dummy{
  color:#fff;
  background:#003066;
}

.events-uebersicht .views-row.color-4 a.event-results-link .event-results-box,
.views-infinite-scroll-content-wrapper .views-row.color-4 a.kompetenz-results-link .kompetenz-results-box,
.kompetenz-suche .views-row.color-4 a.kompetenz-results-link .kompetenz-results-box,
.views-row.color-4 .color-dummy{
  color:#313338;
  background:#C0C0C0;
}*/

.events-uebersicht .views-row.color-1 a.event-results-link,
.views-infinite-scroll-content-wrapper .views-row.color-1 a.kompetenz-results-link,
.kompetenz-suche .views-row.color-1 a.kompetenz-results-link{
  color:#fff;
  background: linear-gradient(180deg,transparent 50px,#0066e8 10px);
}
.events-uebersicht .views-row.color-2 a.event-results-link,
.views-infinite-scroll-content-wrapper .views-row.color-2 a.kompetenz-results-link,
.kompetenz-suche .views-row.color-2 a.kompetenz-results-link{
  color:#fff;
  background: linear-gradient(180deg,transparent 50px,#606060 10px);
}
.events-uebersicht .views-row.color-3 a.event-results-link,
.views-infinite-scroll-content-wrapper .views-row.color-3 a.kompetenz-results-link,
.kompetenz-suche .views-row.color-3 a.kompetenz-results-link{
  color:#fff;
  background: linear-gradient(180deg,transparent 50px,#003066 10px);
}
.events-uebersicht .views-row.color-4 a.event-results-link,
.views-infinite-scroll-content-wrapper .views-row.color-4 a.kompetenz-results-link,
.kompetenz-suche .views-row.color-4 a.kompetenz-results-link{
  color:#313338;
  background: linear-gradient(180deg,transparent 50px,#C0C0C0 10px);
}

.events-uebersicht .views-row a.event-results-link:hover,
.views-infinite-scroll-content-wrapper .views-row a.kompetenz-results-link:hover,
.kompetenz-suche .views-row a.kompetenz-results-link:hover{
  background: linear-gradient(180deg,transparent 50px,#58a0ff 10px);
}


.kompetenz-suche .views-row.color-1 a.kompetenz-results-link.blog-results-link .kompetenz-results-box,
.kompetenz-suche .views-row.color-2 a.kompetenz-results-link.blog-results-link .kompetenz-results-box,
.kompetenz-suche .views-row.color-3 a.kompetenz-results-link.blog-results-link .kompetenz-results-box,
.kompetenz-suche .views-row.color-4 a.kompetenz-results-link.blog-results-link .kompetenz-results-box{
  background: none;
}

.kompetenz-suche .views-row.color-1 a.kompetenz-results-link.blog-results-link{
  background: linear-gradient(-135deg, transparent 30px, #0066e8 30px);
}
.kompetenz-suche .views-row.color-2 a.kompetenz-results-link.blog-results-link{
  background: linear-gradient(-135deg, transparent 30px, #606060 30px);
}
.kompetenz-suche .views-row.color-3 a.kompetenz-results-link.blog-results-link{
  background: linear-gradient(-135deg, transparent 30px, #003066 30px);
}
.kompetenz-suche .views-row.color-4 a.kompetenz-results-link.blog-results-link{
  background: linear-gradient(-135deg, transparent 30px, #C0C0C0 30px);
}


.color-dummy{
  height: 90%;
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 0;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  transition: all 0.5s ease;
}


.events-uebersicht .views-row .event-results-date{
  font-size:14px;
  line-height: 24px;
  font-weight: 400;
  display: block;
  margin-bottom: 20px;
}

.events-uebersicht .views-row .event-results-date .paragraph{
  display: inline-block;
}

.views-row .kompetenz-results-author{
  font-size:14px;
  margin-bottom: 20px;
}

.events-uebersicht .views-row .event-results-title,
.views-infinite-scroll-content-wrapper .views-row .kompetenz-results-title,
.kompetenz-suche .views-row .kompetenz-results-title {
  font-size:20px;
  line-height: 26px;
  font-weight: 400;
  display: block;
  margin-bottom: 20px;
}
.events-uebersicht .views-row .event-results-teaser,
.views-infinite-scroll-content-wrapper .views-row .kompetenz-results-teaser,
.kompetenz-suche .views-row .kompetenz-results-teaser{
  margin-bottom: 20px;
}

.events-uebersicht .views-row .event-results-more,
.views-infinite-scroll-content-wrapper .views-row .kompetenz-results-more,
.kompetenz-suche .views-row .kompetenz-results-more{
  font-size: 14px;
  font-weight: 700;
}

.events-uebersicht .views-row .event-results-more:after,
.views-infinite-scroll-content-wrapper .views-row .kompetenz-results-more:after,
.kompetenz-suche .views-row .kompetenz-results-more:after {
    display: inline-block;
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    vertical-align: middle;
}

a.filter-btn:not([href]){
  font-size: 18px;
  font-weight: bold;
  color: #0066e8;
  cursor: pointer;
  display: block;
  text-align: center;
}

.filter-btn:after {
    display: inline-block;
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    vertical-align: middle;
}

.filter-btn.open:after {
    content: "\f077";
}

.search-btn-wrapper{
  display: none;
}

.search-btn-wrapper.open{
  display: block;
  padding-top: 20px;
  text-align: center;
}

.views-element-container .job-suche .hide-select,
.views-element-container .kompetenz-suche .hide-select,
.views-element-container .events-uebersicht .hide-select{
  display:none;
}

.views-element-container .job-suche .js-form-type-select,
.views-element-container .events-uebersicht .js-form-type-select,
.views-element-container .kompetenz-suche .js-form-type-select{
  text-align: center;
  vertical-align: top;
  display: none;
  margin-top: 30px;
}

.views-element-container .job-suche .js-form-type-select > label,
.views-element-container .events-uebersicht .js-form-type-select > label,
.views-element-container .kompetenz-suche .js-form-type-select > label{
  margin-bottom: 20px;
}

.views-element-container .job-suche .js-form-type-select > label,
.views-element-container .events-uebersicht .js-form-type-select > label,
.views-element-container .kompetenz-suche .js-form-type-select > label{
  font-size: 16px;
  color: #606060;
  font-weight: 400;
}

.views-element-container .job-suche .js-form-type-select,
.views-element-container .kompetenz-suche .js-form-type-select,
.views-element-container .events-uebersicht .js-form-type-select{
  margin-right: 0px;
  margin-left: 0px;
}

.views-element-container .job-suche .js-form-type-select.open,
.views-element-container .events-uebersicht .js-form-type-select.open,
.views-element-container .kompetenz-suche .js-form-type-select.open{
  display: block;
}

/*.views-element-container .events-uebersicht .js-form-type-select:first-child,
.views-element-container .kompetenz-suche .js-form-type-select:first-child{
  margin-right: 50px;
  margin-left: 0px;
}
.views-element-container .events-uebersicht .js-form-type-select:last-child,
.views-element-container .kompetenz-suche .js-form-type-select:last-child{
  margin-left: 50px;
  margin-right: 0px;
}*/


.views-element-container .job-suche fieldset input[type="checkbox"],
.views-element-container .events-uebersicht fieldset input[type="checkbox"],
.views-element-container .kompetenz-suche fieldset input[type="checkbox"] {
  display: none;
}

.views-element-container .job-suche .js-form-type-checkbox,
.views-element-container .events-uebersicht .js-form-type-checkbox,
.views-element-container .kompetenz-suche .js-form-type-checkbox{
  display: block;
  margin-left: 0px;
  margin-right: 0px;
}

.views-element-container .job-suche fieldset label,
.views-element-container .events-uebersicht fieldset label,
.views-element-container .kompetenz-suche fieldset label {
    position: relative;
    display: block;
    padding: 10px;
    margin-bottom: 10px;
    background: #fff;
    cursor: pointer;
}

.views-element-container .job-suche fieldset input[type="checkbox"]:checked + label,
.views-element-container .events-uebersicht fieldset input[type="checkbox"]:checked + label,
.views-element-container .kompetenz-suche fieldset input[type="checkbox"]:checked + label{
  background: #0066e8;
  color:#fff;
}

/*.views-element-container .events-uebersicht fieldset input[type="checkbox"] + label::after,
.views-element-container .kompetenz-suche fieldset input[type="checkbox"] + label::after {
    content: none;
}

.views-element-container .events-uebersicht fieldset input[type="checkbox"]:checked + label::after,
.views-element-container .kompetenz-suche fieldset input[type="checkbox"]:checked + label::after {
    content: "";
}

.views-element-container .events-uebersicht fieldset input[type="checkbox"]:checked + label::before,
.views-element-container .kompetenz-suche fieldset input[type="checkbox"]:checked + label::before {
    background: #0066e8;
}

.views-element-container .events-uebersicht fieldset input[type="checkbox"]:focus + label::before,
.views-element-container .kompetenz-suche fieldset input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}*/

.kompetenz-tag-wrapper{
  margin-bottom:0px;
}

.kompetenz-tag-wrapper .headline-more{
  font-size: 20px;
  line-height: 30px;
  color: #313338;
  text-align: center;
  margin:20px 0 10px 0;
  font-weight: 400;
}

.pager{
  text-align: center;
  list-style: none;
  padding: 20px 0;
  margin: 0;
}

.pager .button {
    background: #0066e8;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    padding: 15px 20px;
    position: relative;
    display: inline-block;
    background: linear-gradient(-135deg, transparent 10px, #0066e8 10px);
}

.pager .button:hover{
  background: linear-gradient(-135deg, transparent 10px, #58a0ff 10px);
}

/* Job-Suche */

.views-element-container .job-suche {
  position: relative;
  width: 100%;
  max-width: 1680px;
  padding: 80px 30px 0px 30px;
  margin: 0 auto;
}

.job-suche .pager{
  padding: 0;
  margin:0;
  text-align: center;
  list-style: none;
  padding-top: 30px;
}

.job-suche .pager .button{
  background: #0066e8;
  font-size: 18px;
  font-weight: 700;
  color:#fff;
  padding: 15px 20px;
  position: relative;
  display: inline-block;
  background: linear-gradient(-135deg, transparent 10px, #0066e8 10px);
}

.job-suche .pager .button:hover{
  color:#fff;
  background: linear-gradient(-135deg, transparent 10px, #58a0ff 10px);
}

.views-element-container .job-suche.job-suche-start {
  padding: 0px;
  padding-bottom: 30px
}

.views-element-container .job-suche .views-row:after{
  display: block;
  content: '';
  clear: both;
}

.views-element-container .job-suche form {
  width: 100%;
  max-width: 1364px;
  margin: 0px auto 35px auto;
  text-align: center;
  padding: 30px;
  background: linear-gradient(-135deg, transparent 30px, #E6E6E6 30px);
  position: relative;
}

.views-element-container .job-suche .search-form-inner{
  position: relative;
  width:100%;
}

.views-element-container .job-suche .mlj-logo{
  position: absolute;
  right:30px;
  top:40px;
  display:none;
}

.views-element-container .job-suche div.form-item-search-api-fulltext {
  display: block;
  margin-bottom: 80px;
  width: 100%;
}

.views-element-container .job-suche div.form-item-search-api-fulltext label {
  display: none;
}

.views-element-container .job-suche .js-form-item-search-api-fulltext input {
  background: #FFFFFF;
  border: 0px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 50px;
  padding-left: 20px;
  padding-right: 20px;
  margin-bottom: 20px;
  margin-top: 0;
  font-size: 16px;
  line-height: 50px;
}

.views-element-container .job-suche .form-actions{
  position: absolute;
  top:60px;
  right:50%;
  transform: translateX(50%);
}

.views-element-container .job-suche input.js-form-submit.form-submit {
  border: none;
  background: #0066e8;
  font-size: 18px;
  line-height: 20px;
  font-weight: 700;
  color: #fff;
  padding: 15px 20px;
  position: relative;
  display: inline-block;
  background: linear-gradient(-135deg, transparent 10px, #f7a43a 10px);
}

.views-element-container .job-suche input.js-form-submit.form-submit:hover{
  background: linear-gradient(-135deg, transparent 10px, #58a0ff 10px);
}


.views-element-container .job-suche .jobsuche-result-wrapper .views-row {
  display: block;
  margin: 0 0 20px;
  width: 100%;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.views-element-container .job-suche .jobsuche-result-wrapper .views-row.job-img{
  display: none;
}

.views-element-container .job-suche .views-row {
  display: block;
  margin: 0 0 20px;
  width: 100%;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}

.views-element-container .job-suche .views-row a.job-results-link{
  padding: 20px 30px 30px 30px;
  display: block;
  height: 100%;
  transition: transform 0.3s linear;
}

.views-element-container .job-suche .views-row.color-1 a.job-results-link{
  color:#fff;
  background: linear-gradient(-135deg, transparent 30px, #0066e8 30px);
}
.views-element-container .job-suche .views-row.color-2 a.job-results-link{
  color:#fff;
  background: linear-gradient(-135deg, transparent 30px, #606060 30px);
}
.views-element-container .job-suche .views-row.color-3 a.job-results-link{
  color:#fff;
  background: linear-gradient(-135deg, transparent 30px, #003066 30px);
}
.views-element-container .job-suche .views-row.color-4 a.job-results-link{
  color:#313338;
  background: linear-gradient(-135deg, transparent 30px, #C0C0C0 30px);
}

.views-element-container .job-suche .views-row a.job-results-link:hover{
  background: linear-gradient(-135deg, transparent 30px, #f7a43a 30px);
  transform: scale(1.04);
}

.views-element-container .job-suche .views-row .job-results-date{
  font-size: 14px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 5px;
}

.views-element-container .job-suche .views-row .job-results-ort{
  font-size: 14px;
  line-height: 28px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: inline-block;
}

.views-element-container .job-suche .views-row .job-results-ort i{
  margin-right: 5px;
}

.views-element-container .job-suche .views-row .views-field-title {
  font-size:20px;
  line-height: 28px;
  font-weight: 400;
  display: block;
  margin-bottom: 20px;
}

.views-element-container .job-suche .views-row .job-results-more{
  font-size: 16px;
  font-weight: 700;
}

.views-element-container .job-suche .views-row .job-results-more:after {
    display: inline-block;
    content: "\f054";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-left: 10px;
    vertical-align: middle;
}

.views-element-container .job-suche .jobsuche-count{
  color:#313338;
  margin-bottom: 40px;
  text-align: center;
  font-size: 28px;
}

.views-element-container .job-suche .jobsuche-empty{
  font-weight: 400;
  font-size: 18px;
  text-align: center;
}

.views-element-container .job-suche nav ul.js-pager__items {
  padding-left: 0px;
  list-style: none;
  text-align: center;
}

.views-element-container .job-suche nav ul.js-pager__items li {
  display: inline-block;
  font-size: 16px;
}

.views-element-container .job-suche nav ul.js-pager__items li a {
  font-size: 22px;
}

/**** Events ****/


.event-headline-wrapper,
.event-thema-wrapper,
.event-termin-wrapper,
.event-referent-wrapper,
.event-agenda-wrapper,
.event-beschreibung-wrapper{
  margin-bottom: 40px;
}

.field-event-headline{
  margin-bottom: 20px;
}

.field-event-teaser{
  color:#606060;
}

.event-label{
  color:#606060;
  font-weight: 400;
  margin-bottom: 20px;
}

.event-label img{
  width:auto;
  height: 20px;
  margin-right: 20px;
  vertical-align: middle;
  display: inline-block;
}

.field-referent-name,
.field-event-thema-headline,
.field-event-beschreibung-headlin{
  margin-bottom: 20px;
  margin-top: 0;
}

.events-termin-label{
  display: inline-block;
  width: 80px;
}
.field-event-termin-datum,
.field-event-termin-ort{
  color:#0066e8;
  display: inline-block;
}

.paragraph--type--referent{
  display: block;
  margin-bottom: 30px;
}

.field-referent-bild{
  width: 290px;
  padding-right: 0px;
  display: block;
  margin-bottom: 20px;
}

.referent-right{
  width: 100%;
  display: block;
}

.paragraph--type--agenda{
  margin-bottom: 10px;
}

.field-agenda-zeit{
  display: block;
}

.field-agenda-text{
  color: #0066e8;
  display: block;
}

.field-extern-link{
  text-align: center;
  margin-bottom: 40px;
}

.event-form-box-section .row{
  padding: 0 15px;
}

.event-form-box{
  background: #313338;
  padding: 30px 30px;
  padding-top: 100px;
  margin-top:100px;
  margin-bottom:40px;
  position: relative;
  color:#C0C0C0;
}

.event-form-box-builder{
  margin-top:100px;
}

.event-form-box .inner-status{
  padding: 0;
}

.event-form-box .inner-status div[role=alert]{
  padding-left: 20px;
  color:red;
}

.event-form-box .event-form-img {
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}

.event-form-box .event-form-img::after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: 50px solid white;
    border-right: 50px solid transparent;
    width: 0;
}
.event-form-box .event-form-hl{
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
}

.event-form-box.event-form-box-builder .event-form-hl::before{
  background-image: url("../images/icon_anmeldung.svg");
  background-size: 27px 27px;
  display: inline-block;
  width: 27px;
  height: 27px;
  content:"";
  position: relative;
  vertical-align: sub;
}

.event-form-box.event-form-box-builder .event-form-hl p{
  display: inline-block;
}

.event-form-box .event-form-hl img{
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}

.event-form-box .js-form-item label{
  display: block;
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
}

.event-form-box .js-form-item label.form-required::after{
  content: '*';
  display: inline-block;
}

.event-form-box .form-select,
.event-form-box .form-textarea,
.event-form-box .form-email,
.event-form-box .form-text{
  display: block;
  margin-top: 0;
  padding: 12px;
  border: 0;
  margin-bottom: 20px;
  width: 100%;
  background: #fff;
  border-radius: 0;
}

.event-form-box textarea.error
.event-form-box input.error{
  background: #e28e8e;
}


.event-form-box .form-select{
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  width:180px;
  cursor: pointer;
}

.event-form-box .js-form-item-anrede{
  position: relative;
  display: inline-block;
}

.event-form-box .js-form-item-anrede::before {
    display: block;
    content: "\f078";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    right: 15px;
    bottom: 30px;
    pointer-events: none;
    color:#0066e8;
}

.event-form-box .form-select::-ms-expand {
  display: none;
}

.event-form-box .form-textarea{
  width:100%;
  margin-bottom: 0px;
}

.event-form-box .webform-horizontal-rule{
  border-top: 2px solid #4c4e50;
}

.event-form-box .js-form-item-datenschutz{
  margin-bottom: 40px;
}

.event-form-box .js-form-item-datenschutz input{
  margin-right: 10px;
}

.event-form-box .js-form-item-datenschutz .description{
  display: inline-block;
}

.event-form-box .form-item-pflichtfelder{
  font-size: 14px;
}

.event-form-box .form-actions{
  text-align: center;
  margin-bottom: 40px;
}

.event-form-box .form-item-hinweis{
  font-size: 13px;
  line-height: 18px;
}

.event-form-box .js-form-wrapper legend{
  display: none;
}

.event-form-box .fieldset-wrapper{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.event-form-box .fieldset-wrapper .js-form-item{
  width:100%;
}

.event-form-box .form-item-datenschutz input[type="checkbox"] {
  display: none;
}

.event-form-box .form-item-datenschutz label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}
.event-form-box .form-item-datenschutz .description{
  font-size: 16px;
  line-height: 20px;
}

.event-form-box .form-item-datenschutz label::before,
.event-form-box .form-item-datenschutz label::after {
    position: absolute;
    content: "";
    display: inline-block;
}

.event-form-box .form-item-datenschutz label::before{
    height: 20px;
    width: 20px;
    border: 1px solid #C0C0C0;
    left: 0px;
    top: 0px;
    background: #fff;
}

.event-form-box .form-item-datenschutz label::after {
  height: 10px;
  width: 16px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg);
  left: 6px;
  top: 6px;
}

.event-form-box .form-item-datenschutz input[type="checkbox"] + label::after {
    content: none;
}

.event-form-box .form-item-datenschutz input[type="checkbox"]:checked + label::after {
    content: "";
}

.event-form-box .form-item-datenschutz input[type="checkbox"]:checked + label::before {
    background: #0066e8;
}

.event-form-box .form-item-datenschutz input[type="checkbox"]:focus + label::before {
    outline: rgb(59, 153, 252) auto 5px;
}

.field-extern-link a{
  background: #0066e8;
  font-size: 18px;
  font-weight: 700;
  color:#fff;
  padding: 15px 20px;
  position: relative;
  display: inline-block;
  background: linear-gradient(-135deg, transparent 10px, #0066e8 10px);
}

.field-extern-link a::before{
  content: "\f054";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
}

.field-extern-link a:hover{
  background: linear-gradient(-135deg, transparent 10px, #58a0ff 10px);
}

.multi-view{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.multi-view-row{
  width: 100%;
  padding: 20px;
  background: #F9F9F9;
  margin-bottom: 20px;
}

.multi-event-label{
  font-size: 16px;
  color: #606060;
  font-weight: 400;
  margin-bottom: 10px;
  display: flex;
}

.multi-event-label span{
  display: block;
  width:calc(100% - 80px);
}

.multi-event-label .paragraph{
  display: inline;
}

.multi-event-label span.event-small{
  font-weight: 400;
  width:80px;
}

.multi-event-box a{
  margin-top: 20px;
}

.event-right-wrapper{
  text-align: center;
}

.management-col{
  margin-bottom: 50px;
  font-size: 14px;
}

.management-col .management-img img{
  margin-bottom: 0px;
  margin-right: 30px;
  float: none;
}

.management-col em{
  color:#606060;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
  display: block;
}

.management-col p.hl-blue{
  color:#0066e8;
  font-size: 24px;
  margin-bottom: 5px;
}

/*Standorte GMAP*/
.view-standorte{
  display: flex;
  width: 100%;
  justify-content: center;
  align-content: center;
  flex-wrap:wrap;
  max-width:1440px;
  margin:0 auto;
  margin-bottom: 25px;
}
#block-views-block-standorte-block-1 .views-row{
  margin: 0 10px 5px 0;
}
#block-views-block-standorte-block-1 .views-row:last-child{
  margin:0;
  margin-bottom:15px;
}
#block-views-block-standorte-block-1 .views-field-field-latitude,
#block-views-block-standorte-block-1 .views-field-field-longitude,
#block-views-block-standorte-block-1 .views-field-field-strasse-standort,
#block-views-block-standorte-block-1 .views-field-field-plz-standort,
#block-views-block-standorte-block-1 .views-field-field-ort-standort,
#block-views-block-standorte-block-1 .views-field-field-telefon-standort,
#block-views-block-standorte-block-1 .views-field-field-email-standort{
  display:none;
}

#block-views-block-standorte-block-1 .titel-infowindow,#block-views-block-standorte-block-1 .titel-infowindow a{
  font-size:15px;
  line-height:21px;
  font-weight:500;
  color:#0066e8;
}
#block-views-block-standorte-block-1 .text-infowindow{
  color:black;
  font-size:13px;
  line-height:18px;
}

#block-views-block-standorte-block-1 .text-infowindow a:last-child{
  position:absolute;
  bottom:10px;
  right:10px;
}
#block-views-block-standorte-block-1 .text-infowindow i{
  font-size: 16px;
  background-color: #007bff;
  padding: 5px 7px;
  color: white;
}
#block-views-block-standorte-block-1 .text-infowindow:last-child{
  color:black;
  font-size:12px;
  line-height:16px;
  padding:0;
  margin:0;
  margin-right:40px;
}
/*Standorte GMAP*/

/* Lösungen */

.loesungen .views-row{
  width:100%;
  margin-bottom: 30px;
  height:240px;
}

.loesungen .views-row:first-child{
  margin-top: 0px;
  height:240px;
}

.loesungen .views-row:nth-child(2){
  height:240px;
}

.loesungen .views-row:nth-child(3){
  margin-top: 0px;
  height:240px;
}

.loesungen .views-row:nth-child(4){
  height:240px;
}

.loesungen .views-row:nth-child(5){
  height:240px;
}

.loesungen .views-row:nth-child(6){
  height:240px;
}

.loesungen .views-row:nth-child(7){
  height:240px;
}

.loesungen .views-row:nth-child(8){
  height:240px;
}

.loesungen .views-row .views-field,
.loesungen .views-row .field-content{
  height: 100%;
}

.loesung-box{
  display: block;
  position: relative;
  color: #fff;
  height: 100%;
  width: 100%;
  text-align: left;
}

.loesung-box:hover .loesung-teaser{
  display: block;
}

.loesung-box::after{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  border-top: 50px solid white;
  border-left: 50px solid transparent;
  width: 0;
}

.loesung-box .loesung-bg{
  padding: 20px;
  height: 100%;
  width: 100%;
}

.loesung-box .loesung-bg-layer{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height:100%;
  background: #313338;
  opacity:0.4;
}

.loesung-box .loesung-hl{
  position: absolute;
  bottom: 20px;
  left:20px;
  width: calc(100% - 40px);
}

.loesung-box .loesung-hl .loesung-hl1{
  font-size: 22px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 10px;
}

.loesung-box .loesung-hl .loesung-hl2{
  font-size: 16px;
  line-height: 26px;
}

.loesung-box .loesung-teaser{
  position: absolute;
  background: rgba(0, 122, 255,0.8);
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  padding: 30px 50px 30px 30px;
  width: 100%;
  height:100%;
  top:0;
  left:0;
  display: none;
}

.loesung-start .views-row{
  display: block;
}

.portfolio-wrapper{
  background: #0066e8;
  color:#fff;
  padding: 0 20px;
}

.portfolio-btn{
  font-size: 14px;
  padding: 10px 40px;
}

.portfolio-btn.portfolio-btn-white{
  color:#0066e8;
  background: linear-gradient(-135deg, transparent 10px, #fff 10px);
}

.portfolio-btn.portfolio-btn-white:hover{
  color:#fff;
  background: linear-gradient(-135deg, transparent 10px, #313338 10px);
}

.portfolio-wrapper .not-mobile{
  display:none;
}

.portfolio-wrapper .portfolio-text-big{
  font-size: 26px;
  line-height: 30px;
}

.portfolio-wrapper .portfolio-text-normal{
  font-size: 17px;
  line-height: 23px;
}

.portfolio-wrapper ul.portfolio-list{
  font-size: 14px;
  line-height: 22px;
  margin: 0;
  padding: 0;
  text-align: left;
}


.portfolio-wrapper ul.portfolio-list li {
    padding-left: 10px;
    position: relative;
    margin-bottom: 0px;
}

#main ul.portfolio-list li:before,
.portfolio-wrapper ul.portfolio-list li:before {
    content: '\f45c';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    display: block;
    color: #fff;
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 2px;
}

#main .portfolio-center ul.portfolio-list li:before{
    content: '\f45c';
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    display: block;
    color: #0066e8;
    font-size: 10px;
    position: absolute;
    left: 0;
    top: 2px;
}

.portfolio-icon{
  height:72px;
  width:auto;
  display: inline-block;
}

.portfolio-upper,
.portfolio-lower{
  background: #0066e8;
  padding: 30px 0px;
  position:relative;
}

.portfolio-upper .portfolio-text-big,
.portfolio-lower .portfolio-text-big{
  margin-bottom: 0px
}

.portfolio-upper .portfolio-text-normal,
.portfolio-lower .portfolio-text-normal{
  margin-bottom: 20px
}

.portfolio-upper-inner,
.portfolio-lower-inner{
  display: flex;
  align-items:center;
  flex-wrap: wrap;
}

.portfolio-upper-one,
.portfolio-lower-one{
  display: block;
  width:100%;
  text-align: center;
}

.portfolio-upper-one .portfolio-icon,
.portfolio-lower-one .portfolio-icon{
  margin-right: 0px;
  margin-bottom: 20px;
}

.portfolio-upper-two .portfolio-list:first-child,
.portfolio-lower-two .portfolio-list:first-child{
  /*margin-right: 30px;*/
}


.portfolio-upper-three,
.portfolio-lower-three{
  width:100%;
  text-align: center;
}

.portfolio-upper-two .portfolio-flex,
.portfolio-lower-two .portfolio-flex{
  display: flex;
  justify-content: center;
  padding: 0 20px;
}

.portfolio-upper-two .portfolio-list,
.portfolio-lower-two .portfolio-list{
  width:calc(33% - 15px);
  /*max-width: 182px;*/
}

.portfolio-textwrapper{
  text-align: center;
}

.portfolio-center{
  padding: 50px 0px;
  display: flex;
  flex-wrap: wrap;
  background: #313338;
  position: relative;
}

.portfolio-center::before{
    display: block;
    content: '';
    position: absolute;
    top:0;
    left:50%;
    margin-left: -15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 15px 0 15px;
    border-color: #0066e8 transparent transparent transparent;
}

.portfolio-center::after{
  display: block;
  content: '';
  position: absolute;
  bottom:0;
  left:50%;
  margin-left: -15px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 20px 15px;
  border-color: transparent transparent #0066e8 transparent;
}

.portfolio-center .portfolio-icon{
  margin-bottom: 20px;
  border-bottom: 1px solid #C0C0C0;
  padding-bottom: 20px;
  height: 102px;
}

.portfolio-center .portfolio-text-big{
  margin-bottom: 20px;
}

.portfolio-center .portfolio-text-normal{
  margin-bottom: 10px;
}

.portfolio-wrapper .portfolio-center ul.portfolio-list{
  margin-bottom: 20px;
  max-width: 200px;
  display: none;
}

.portfolio-c-col{
  width:100%;
  padding: 0 15px;
  text-align: center;
  margin-bottom: 40px;
}

.portfolio-c-open{
  cursor: pointer;
}

.portfolio-c-open::after{
  content: '\f078';
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  display:block;
  color: #0066e8;
  margin-bottom: 20px;
  font-size: 22px;
}

.portfolio-c-open.open::after{
  content: '\f077';
}

.portfolio-wrapper .portfolio-center ul.portfolio-list.open{
  display: inline-block;
}

.content-slider-wrapper{
  margin-bottom: 50px;
}

.content-slider-wrapper .slick-next,
.content-slider-wrapper .slick-prev{
  position: absolute;
  top:50%;
  border: 0;
  -webkit-appearance:none;
  background: #0066e8;
  width: 40px;
  height:40px;
  z-index: 100;
  color: #fff;
  transform: translateY(-50%);
  outline: none;
}

.content-slider-wrapper .slick-prev{
  left: 0;
}
.content-slider-wrapper .slick-next{
  right: 0;
}

.content-slider-wrapper .slick-next:hover,
.content-slider-wrapper .slick-prev:hover{
  background: #58a0ff;
}

.content-slider-wrapper .slick-slide{
  outline: none;
  margin: 0 5px;
  font-size: 14px;
  line-height: 20px;
}



.content-slider-wrapper .slick-slide img{
  width:100%;
  height:auto;
}

.content-slider-wrapper .slick-slide .views-field-title{
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
}

.content-slider-wrapper .content-slider-text-wrapper{
  padding:15px 15px;
}

.content-slider-wrapper .slick-slide.slick-current .content-slider-text-wrapper{
  background: #0066e8;
  color:#fff;
  padding:15px 15px;
}

.content-slider-wrapper .slick-slide.slick-current .content-slider-text-wrapper a{
  color:#fff;
  text-decoration: underline;
}

.content-slider-wrapper .slick-slide.slick-current .content-slider-text-wrapper a:hover{
  color:#606060;
}

.paragraph-geschichte{
  display: flex;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  align-items: center;
  flex-wrap: wrap;
  min-height: 300px;
  text-align: center;
}

.paragraph-geschichte.left{
  margin-right: auto;
  margin-left: auto;
  flex-wrap: wrap-reverse;
  text-align: center;
}

.paragraph-geschichte .field-jahr{
  background: #0066e8;
  color: #fff;
  font-size: 50px;
  font-weight: 700;
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 110px;
  padding: 78px 32px;
  margin: 30px auto;
}

.color-1 .paragraph-geschichte .field-jahr{
  background: #a01a00;
}
.color-2 .paragraph-geschichte .field-jahr{
  background: #013b70;
}
.color-3 .paragraph-geschichte .field-jahr{
  background: #606060;
}
.color-4 .paragraph-geschichte .field-jahr{
  background: #057aff;
}

.paragraph-geschichte .paragraph-geschichte-text{
  width:100%;
}

.paragraph-geschichte .field-geschichte-headlin{
  margin-bottom: 10px;
  font-weight: 400;
  color:#0066e8;
}

.geschichte-down{
  text-align: center;
  font-size: 40px;
}

.geschichte-down i{
  display:none;
}

.ve--image_zoom.zoom{
  display: inline-block;;
  position: relative;
}
.ve--image_zoom.zoom::before{
  content: '\f00e';
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  display:block;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 100px;
  color:#057aff;
}

.ve--image_zoom.zoom:hover::before{
  color:#ffffff;
  font-size: 120px;
}

.ve--wrapper.row{
  width: 100%;
}

/*Teammitglied*/
.field-team{
  display: flex;
  flex-wrap: wrap;
}
.teammitglied *:hover{
  cursor:pointer;
}
.field-team > div{
  width: calc(100%);
  margin-bottom:30px;
}
.teammitglied{
  display: block;
  position: relative;
  width: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto;
}
.wrapper-team-layout{
  position:absolute;
  bottom: 0;
  left: 0;
  width :100%;
  height :100%;
}
.team-layout-hover{
  position:absolute;
  bottom: 0;
  left: 0;
  width :100%;
  height :100%;
  background:none;
  z-index:2;
}
.grey-gradient{
  background: linear-gradient(180deg, rgba(0,0,0,0) 60%, rgba(0,0,0,0.45) 81%, rgba(0,0,0,0.85) 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width :100%;
  height :100%;
}
.teammitglied:hover .team-layout-hover{
  background: none;
  background: rgba(0,122,255,0.8);
  background: linear-gradient(-135deg, transparent 4.7%, rgb(0,122,255,0.8) 8px);
  cursor:pointer;
}
.teammitglied:hover .wrapper-team-zitat .field-team-zitat{
  display:block;
}
.teammitglied:hover .mobile-hover-button{
  display: none;
}
.teammitglied > img{
  display:block;
  width:100%;
}
.field-team-name,.field-team-position,.field-team-zitat{
  z-index:1;
  color:white;
}
.name-position-wrapper{
  position: absolute;
  left: 20px;
  bottom: 60px;
  color: white;
  right: 0;
  padding-right: 20px;
}
.field-team-name,.field-team-position{
  width:100%;
}
.wrapper-team-zitat{
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 30px 30px 0 30px;
}
.field-team-zitat{
  display:none;
  z-index:3;
  font-size: 14px;
  line-height: 20px;
}
.field-team-name{
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 0px;
}
.field-team-position{
  font-size: 14px;
  line-height: 18px;
}
.mobile-hover-button{
  position: absolute;
  bottom: 0px;
  margin-bottom: 0;
  padding-left: 30px;
  z-index: 5;
  left: 0;

  margin: 0 30px 14px;
  width:calc(100% - 60px);
}
.mobile-hover-button::before {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 700;
  margin-right: 7px;
}

/*Teammitglied-Ende*/

.events-termine-wrapper{
  display: flex;
}

.field-event-termin,
.field-event-datum,
.field-event-zeit{
  display: inline-block;
}

.events-termin-text{
  color:#0066e8;
}

.row.row-no-margin{
  margin-left: 0px;
  margin-right: 0px;
}
.col-no-padding{
  padding-left: 0px;
  padding-right: 0px;
}

.flex-reverse{
  display: flex;
  flex-wrap: wrap-reverse;
  align-content: flex-start;
}

/****** wp-import *****/
article a{
    word-break: break-word;
}

.wp-block-image .aligncenter {
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.wp-block-image .aligncenter img{
  margin-bottom: 10px;
}

.wp-block-image .aligncenter>figcaption{
    display: table-caption;
    caption-side: bottom;
    margin-bottom: 20px;
    font-size: 16px;
    font-style: italic;
}

.wrapper .inner-block-cat{
  margin-bottom: 40px;
}

.inner-block-cat .blog-date,
.inner-block-cat .blog-author{
  font-weight: 700;
}


/****** wp-import ******/

.kunde-box{
    display: block;
    margin-bottom: 40px;
}

.kunde-box .kunde-left{
  padding-right: 0px;
  width: 50%;
  margin-bottom: 30px;
}

.kunde-box .kunde-right{
  width: 100%;
}

.kunde-box .kunde-zitat{
  font-size: 22px;
  line-height: 26px;
  font-style: italic;
  color: #0066e8;
  margin-bottom: 20px;
  font-weight: 400;
}

.kunde-box .kunde-person{
  margin-bottom: 30px;
}

.kunde-front-link{
  display: block;
  position: relative;
}

.kunde-front-text{
  position: absolute;
  font-size: 18px;
  line-height: 26px;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 20px 30px 20px 15px;
  top: 0;
  left: 0;
  color: #fff;
  font-weight: 600;
  background: url(../images/kunden-logo-bg.png);
  background-size: contain;
  opacity: 0;
  transition: opacity 0.5s linear;
}

/*.kunde-front-link::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    border-top: 20px solid white;
    border-left: 20px solid transparent;
    width: 0;
}*/


.kunde-front-link:hover .kunde-front-text{
  opacity: 1;
}

.kunde-box .kunde-zitat div{
  text-align: center;
}

.kunde-box .kunde-zitat div img{
  height: auto;
  max-width: 60px;
}

.kunde-box .kunde-bg-box{
  padding: 0px;
  margin-bottom: 20px;
}

.wheel-wrapper{
  position: relative;
  min-height: 400px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.wheel-wrapper .wheel-inner,
.wheel-wrapper svg{
  height: 300px;
  width:300px;
  position: absolute;
  top:0;
  left:50%;
  margin-left: -150px;
  z-index: 2;
  transition: all 1.5s ease-in-out;
}

.wheel-wrapper .wheel-inner{
  pointer-events: none;
}

.wheel-wrapper .wheel-pointer{
    width:40px;
    height:53px;
    position: absolute;
    top: 130px;
    transform: rotate(68deg);
    z-index: 3;
    opacity: 0;
    animation: cursor 5s ease infinite 1s;
}
@keyframes cursor {
    0%{
        left: 50%;
        opacity: 0;
    }
    45%{
      left: calc(50% + 90px);
      opacity: 1;
      transform: rotate(68deg) scale(1);
    }
    50%{
      transform: rotate(68deg) scale(0.8);
      left: calc(50% + 92px);
    }
    55%{
      transform: rotate(68deg) scale(1);
      left: calc(50% + 90px);
      opacity: 1;
    }

    100%{
      left: 50%;
      opacity: 0;
    }
}


.wheel-wrapper svg.business-up{
  transform: rotate(0deg);
}

.wheel-wrapper svg.strategy-up{
  transform: rotate(270deg);
}

.wheel-wrapper svg.momentum-up{
  transform: rotate(90deg);
}

.wheel-wrapper svg.it-up{
  transform: rotate(180deg);
}

.wheel-wrapper .wheel-box{
  background: none;
  padding: 300px 0px 0px 0px;
  margin-left: 0px;
  min-height: 400px;
  position: relative;
}

.wheel-wrapper .wheel-box .wheel-box-business,
.wheel-wrapper .wheel-box .wheel-box-strategy,
.wheel-wrapper .wheel-box .wheel-box-momentum,
.wheel-wrapper .wheel-box .wheel-box-it{
  transition: all 1s ease-in-out;
  opacity: 0;
  position: relative;
  display: none;
  top:0;
  height: auto;
  padding: 20px 0;
}

.wheel-wrapper .wheel-box .wheel-box-business.active,
.wheel-wrapper .wheel-box .wheel-box-strategy.active,
.wheel-wrapper .wheel-box .wheel-box-momentum.active,
.wheel-wrapper .wheel-box .wheel-box-it.active{
  opacity: 1;
  display: block;
}

.wheel-wrapper .wheel-hl{
  color:#fff;
}

.wheel-wrapper .wheel-text{
  color:#fff;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 20px;
}

.wheel-wrapper .wheel-link{
  position: relative;
  bottom: 0px;
  right: 0px;
}

.prozess-wrapper{
  position: relative;
}

.prozess-dreieck{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 200px 150px 0 150px;
  border-color: #F5F5F5 transparent transparent transparent;
  position: absolute;
  z-index: 1;
  top: 150px;
  left:111px;
  /*transition: all 0.5s linear;*/
}

.prozess-box{
  width: 100%;
  padding: 20px;
  position: relative;
  z-index: 2;
  margin-bottom: 40px;
}

.prozess-box2,
.prozess-box4,
.prozess-box6{
  position: relative;
  right: 0;
  top: 0;
  transform: translateY(0);
}

.prozess-zahl{
  font-weight: 700;
  color:#fff;
  background: #f7a43a;
  font-size: 30px;
  width: 50px;
  padding: 11px;
  border-radius: 30px;
  margin: 0 auto;
  line-height: 28px;
}
.prozess-icon{
  color:#0066e8;
  text-align: center;
  padding: 20px 0;
}
.prozess-icon img{
  width: auto;
  height:120px;
}

.prozess-text{
  text-align: center;
  padding: 0 40px;
}

.acc-img-mobile100 img{
  margin: 0;
  margin-bottom: 20px;
  width:100%;
  max-width: 100%;
  display: block;
  height:auto;
}

.cookieconsent-optout-marketing[style*="block"] {
  display: block !important;
}

@media(min-width:380px){
  .startseite-slider-wrapper .tparrows{
    top:52% !important;
  }

  .karriere-slider-wrapper .tparrows{
    top:39.2% !important;
  }
}

@media(min-width:480px){
  .startseite-slider-wrapper .tparrows{
    top:57% !important;
  }

  .karriere-slider-wrapper .tparrows{
    top:55.4% !important;
  }

  .event-form-box .event-form-img {
      width: 60%;
  }

  .content-slider-wrapper .slick-slide{
    margin: 0 15px;
  }

  .content-slider-wrapper .slick-next,
  .content-slider-wrapper .slick-prev{
    top:50%;
  }

}

@media(min-width:600px){
	.kunde-front-text{
	    font-size: 12px;
	    line-height: 16px;
	    padding: 15px 20px 15px 10px;
	}
}

@media(min-width:768px){

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

  .b-container,.b-container-close {
      right: 50px;
  }
  .b-nav.open li{
    padding-left:50px;
    padding-right:50px;
  }
  .b-nav .has-sub.submenu-open:after, .b-nav .has-sub:not(.submenu-open):after{
    right:64px;
  }

	body {
	  font-size: 16px;
	  line-height: 24px;
	}
  .startseite-slider-wrapper .views-field-field-sliderbild::after{
    border-top: 90px solid white;
    border-left: 90px solid transparent;
  }
  .startseite-slider-wrapper .tparrows{
    top:100% !important;
  }

  .karriere-slider-wrapper .tparrows{
    top:100% !important;
  }

  .views-field-field-sliderlinkicon .btn-oc{
    font-size: 16px;
    padding: 15px 10px;
  }

  .startseite-slider-titel-inner{
    font-size: inherit;
    line-height: inherit;
  }
  .views-field-field-slider-text-inner{
    font-size: inherit;
    line-height: inherit;
  }

  .karriere-slider-text-inner{
    font-size: inherit;
    line-height: inherit;
  }

  .karriere-slider-wrapper .views-field-field-sliderbild::after{
    border-top: 90px solid white;
    border-left: 90px solid transparent;
  }

  .karriere-slider-titel-inner{
    font-size: inherit;
    line-height: inherit;
  }


  .container,
  .wrapper .inner{
    padding:0 50px;
  }

  .wrapper .subheader-inner {
    padding: 0 0;
  }

  .wrapper .subheader-inner .header-text-wrapper {
    top: -45px;
    padding: 0 50px;
  }

  .wrapper .subheader-inner .field-headerbild::after{
    border-top: 60px solid white;
    border-left: 60px solid transparent;
  }

  .views-element-container .events-uebersicht,
  .views-element-container .kompetenz-suche {
    padding: 0px 50px 0px 50px;
  }

  .views-element-container .job-suche {
    padding: 80px 30px 0px 30px;
  }

  footer .wrapper-upper .footer-share-link{
    margin-left: 30px;
  }

  footer .footer-flex{
    display: flex;
  }

  footer .footer-flex .footer-item{
    width:50%;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    padding-top: 0px;
  }

  footer .footer-flex .footer-item:nth-child(2){
    padding-top: 78px;
  }

  .hashsubheadline{
    margin-bottom: 40px;
  }

  .wrapper .header-inner{
    padding:0 30px;
  }

  .ve--wrapped_row h1,
  .ve--wrapped_row .h1{
    font-size: 38px;
    line-height: 48px;
  }

  .kompetenz-tag-wrapper .headline-more{
    font-size: 21px;
    line-height: 28px;
    margin:30px 0 20px 0;
  }

  .hashheadline,
  .field-event-headline,
  .event-form-box .event-form-hl,
  .ve--wrapped_row h2,
  .ve--wrapped_row .h2{
    font-size: 28px;
    line-height: 38px;
  }
  .event-form-box .event-form-hl img {
    height: 44px;
  }
  .event-form-box.event-form-box-builder .event-form-hl::before{
    background-size: 44px 44px;
    width: 44px;
    height: 44px;
  }

  .event-label.h3,
  .paragraph-geschichte .field-geschichte-headlin,
  .zahlen-titel,
  .ve--wrapped_row h3,
  .ve--wrapped_row .h3{
    font-size: 22px;
    line-height: 30px;
  }

  .event-label img{
    width:auto;
    height: 22px;
  }

  .field-referent-name,
  .field-event-thema-headline,
  .field-event-beschreibung-headlin,
  .ve--wrapped_row h4,
  .ve--wrapped_row .h4{
    font-size: 18px;
    line-height: 28px;
  }

  .ve--wrapped_row .link-btn{
      padding: 15px 20px;
      /*font-size: 22px;*/
  }


  .ve--accordions .card-link .card-link-text{
    font-size: 18px;
    line-height: 28px;
  }

  .ve--accordions .card-link .card-link-text::after{
    font-size: 26px;
  }

  .margin-bottom-sec{
    margin-bottom: 60px;
  }

  .views-slideshow-controls-bottom {
      top: 50%;
      right: 0px;
  }

  .benefits-view-wrapper{
    display: flex;
	max-width: 1000px;
	margin: 0 auto;
  }

  .benefits-view-wrapper .views-row{
    width:calc(50% - 20px);
    margin-bottom: 80px;
  }

  .benefits-view-wrapper .benefits-box .benefits-title{
    font-size: 24px;
    margin-bottom: 20px;
  }

  .benefits-view-wrapper .benefits-box{
    padding:30px 60px 30px 30px;
  }

  .benefits-view-wrapper .benefits-box::after{
    position: absolute;
    right: 30px;
    bottom: 30px;
  }

  .benefits-view-wrapper .benefits-box .benefits-teaser{
    font-size: 18px;
    line-height: 28px;
  }


  .fragen-antworten-paragraph .field-fragen-und-antworten-headl{
    font-size: 44px;
    line-height: 54px;
  }

  .fragen-antworten-paragraph .field-fragen-und-antworten-hl2{
    font-size: 34px;
    line-height: 44px;
  }

  .views-element-container .job-suche .views-row .views-field-field-headerbild {
    display: block;
  }

  .views-element-container .job-suche .views-row .views-field-field-teaser-text{
    font-size: 18px;
    line-height: 28px;
  }


  .views-element-container .job-suche .jobsuche-empty{
    font-size: 22px;
  }

  .contactimg img{
  	width: 100px;
  	height: 100px;
  	border-radius: 50px;
  	margin-left: 10px;
  }

  .views-element-container .job-suche .jobsuche-result-wrapper .views-row {
    width: calc(50% - 15px);
  }
  .views-element-container .job-suche .jobsuche-result-wrapper .views-row.job-img{
    display: block;
  }

  .views-element-container .job-suche .views-row {
    width: calc(50% - 10px);
    margin-right:20px;
  }
  .views-element-container .job-suche .views-row:nth-child(2n+2){
    margin-right:0px;
  }

  .journey-box-wrapper {
    padding: 0px 0 40px 0;
  }

  .journey-box-wrapper .journey-box {
    padding:50px;
    width: 50%;
  }

  .field-kunden-logos > div{
    padding: 0 20px;
    width: initial;
  }

  .oc-in-zahlen-box > div{
    width: 50%;
    max-width: 100%;
    text-align: center;
    border-bottom: 0px;
    padding: 40px;
  }

  .trenner-wrapper{
    padding:60px 0;
  }

  .wrapper .subheader-inner .field-headertitel .text{
    font-size:42px;
    line-height: 55px;
  }

  .wrapper .subheader-inner .field-headertitel .text::before{
    height: 55px;
  }

  .wrapper .subheader-inner .field-headerort{
    font-size: 24px;
    width: 60%;
  }

  .hashsubheadline,
  .zahlen-subheadline,
  .wrapper .subheader-inner .field-header-subtitle {
    font-size: 22px;
    line-height: 30px;
  }

  .wrapper-submain::before{
      display: block;
  }

  .wrapper-submain::after{
      display: block;
  }

  .views-element-container .job-suche .js-form-type-select > label,
  .views-element-container .events-uebersicht .js-form-type-select > label,
  .views-element-container .kompetenz-suche .js-form-type-select > label{
    font-size: 22px;
  }

  /*.views-element-container .kompetenz-suche .js-form-type-select,
  .views-element-container .events-uebersicht .js-form-type-select{
    margin-right: 30px;
    margin-left: 30px;
  }*/

  .views-element-container .job-suche .js-form-type-select.open,
  .views-element-container .events-uebersicht .js-form-type-select.open,
  .views-element-container .kompetenz-suche .js-form-type-select.open{
    display: block;
  }

  .views-element-container .job-suche .js-form-type-checkbox,
  .views-element-container .events-uebersicht .js-form-type-checkbox,
  .views-element-container .kompetenz-suche .js-form-type-checkbox{
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
  }

  .views-element-container .job-suche fieldset label,
  .views-element-container .events-uebersicht fieldset label,
  .views-element-container .kompetenz-suche fieldset label {
      display: inline-block;
  }

  .views-element-container .events-uebersicht .events-uebersicht-count,
  .views-element-container .kompetenz-suche .kompetenzsuche-count{
    font-size: 22px;
  }

  .search-btn-wrapper.open{
    display: none;
  }

  .events-uebersicht .views-row,
  .views-infinite-scroll-content-wrapper .views-row,
  .kompetenz-suche .views-row {
    width: calc(50% - 10px);
    margin-right:20px;
  }

  .events-uebersicht .views-row:nth-child(2n+2),
  .views-infinite-scroll-content-wrapper .views-row:nth-child(2n+2),
  .kompetenz-suche .views-row:nth-child(2n+2){
    margin-right:0px;
  }

  .zahlen-box,
  .morelinks-box{
    text-align: center;
    padding:50px 20px;
    margin: 20px 0;
    border-right: 1px solid #ffffff33;
    border-bottom: 0;
    width: 33.33333%;
  }

  .zahlen-box{
    border-right: 1px solid #f5f5f5;
  }

  .zahlen-box:first-child,
  .morelinks-box:first-child{
    padding-left: 15px;
  }
  .zahlen-box:last-child,
  .morelinks-box:last-child{
    padding-right: 15px;
    border-right:0px;
  }

.morelinks-box:nth-child(2n+0){
  padding-right: 15px;
  border-right:0px;
}

.zahlen-box:nth-child(3n+1){
    padding-left: 15px;
}

.zahlen-box:nth-child(3n+3){
  border-right:0px;
  padding-right: 15px;
}


  .paragraph--type--referent{
    display: flex;
  }

  .field-referent-bild{
    width: 290px;
    padding-right: 30px;
    display: inline-block;
  }

  .referent-right{
    width: calc( 100% - 290px);
    display: inline-block;
  }

  .event-headline-wrapper,
  .event-thema-wrapper,
  .event-termin-wrapper,
  .event-referent-wrapper,
  .event-agenda-wrapper,
  .event-beschreibung-wrapper{
    margin-bottom: 60px;
  }

  .event-form-box{
    padding: 30px 100px;
    padding-top: 140px;
    margin-top:150px;
  }

  .event-form-box-builder{
    margin-top:200px;
  }

  .event-form-box .event-form-img{
    left: 50%;
    width: auto;
  }

  .event-form-box .fieldset-wrapper .js-form-item{
    width:calc(50% - 10px);
  }

  .event-form-box .form-item-hinweis{
    font-size: 16px;
    line-height: 20px;
  }

  .event-form-box .form-item-datenschutz label {
      padding-left: 40px;
      font-size: 18px;
      line-height: 28px;
  }
  .event-form-box .form-item-datenschutz .description{
    font-size: 18px;
    line-height: 28px;
  }

  .event-form-box .form-item-datenschutz label::before{
      height: 28px;
      width: 28px;
  }
  .multi-view-row{
    width: calc(50% - 10px);
  }

  .views-element-container .kompetenz-suche div.form-item-search-api-fulltext {
    margin-bottom: 15px;
    width: calc(100% - 100px);
  }

  a.filter-btn:not([href]) {
    font-size: 20px;
  }

  .views-element-container .kompetenz-suche .js-form-item-search-api-fulltext input {
    font-size: 22px;
  }

  .views-element-container .kompetenz-suche .form-actions{
    top:0;
    right:0;
    transform: translateX(0);

  }

  .views-element-container .job-suche div.form-item-search-api-fulltext {
    margin-bottom: 15px;
    width: calc(100% - 130px);
  }

  .views-element-container .job-suche .js-form-item-search-api-fulltext input {
    font-size: 22px;
  }

  .views-element-container .job-suche .form-actions{
    top:0;
    right:0;
    transform: translateX(0);
  }

  .jobblock-wrapper .jobblock-textwrapper{
    position: absolute;
    left:30px;
    top:100px;
    width:45%;
  }

  .jobblock-wrapper .jobblock-titel{
    font-size: 30px;
    line-height: 40px;
  }

  .jobblock-wrapper .jobblock-img {
    width: 60%;
  }

  .management-col{
    margin-bottom: 0;
  }

  .management-col .management-img img{
    margin-bottom: 70px;
    margin-right: 30px;
    float: left;
  }

  .loesungen .views-row{
    width:calc(50% - 15px);
    margin-bottom: 30px;
    height:300px;
  }

  .loesungen .views-row:first-child{
    margin-top: 60px;
    height:300px;
  }

  .loesungen .views-row:nth-child(2){
    height:400px;
  }

  .loesungen .views-row:nth-child(3){
    margin-top: 0px;
    height:250px;
  }

  .loesungen .views-row:nth-child(4){
    height:360px;
  }

  .loesungen .views-row:nth-child(5){
    height:300px;
  }

  .loesungen .views-row:nth-child(6){
    height:400px;
  }

  .loesungen .views-row:nth-child(7){
    height:280px;
  }

  .loesungen .views-row:nth-child(8){
    height:260px;
  }

  .portfolio-c-col{
    width:50%;
  }

  .portfolio-wrapper .not-mobile{
    display:block;
  }

  .portfolio-upper-two,
  .portfolio-lower-two{
    width:100%;
    margin-bottom: 20px;
  }

  .contact-box .contact-name{
    font-size: 18px;
    line-height: 28px;
  }

  .field-team > div{
    width: calc(50% - 20px);
    margin-right:30px;
  }
  .field-team > div:nth-child(2n + 0) {
    margin-right: 0px;
  }
  .teammitglied {
    width: auto;
  }

.prozess-box{
  width: 50%;
  margin-bottom: 0;
}
.prozess-box1,
.prozess-box3{
  margin-bottom: 200px;
}

.prozess-box5{
  margin-bottom: 300px;
}

.prozess-box2{
  position: absolute;
  right: 0;
  top: 460px;
  transform: translateY(-50%);
}
.prozess-box4{
  position: absolute;
  right: 0;
  top: 1000px;
  transform: translateY(-50%);
}
.prozess-box6{
  position: absolute;
  right: 0;
  top: 1500px;
  transform: translateY(-50%);
}

.acc-img-mobile100 img{
  margin-right: 20px;
  width:50%;
  max-width: 300px;
  display: inline;
}

}

@media(min-width:992px){

  .morelinks-box:nth-child(2n+0){
    padding-right: 30px;
    border-right: 1px solid #ffffff33;
  }

  .morelinks-box:last-child{
    padding-right: 15px;
    border-right:0px;
  }

	.shadow-box{
	    margin-top:0px;
	    margin-bottom:30px;
	}
    .contactimg img{
    	width: 50px;
    	height: 50px;
    	border-radius: 25px;
    	margin-left: 10px;
    }

    .startseite-slider-wrapper::after{
      border-width: 300px 500px 0 0;
      bottom: -300px;
      display:block;
    }

    .startseite-slider-wrapper{
      margin-bottom: 130px;
    }

    .views-field-field-sliderlinkicon .btn-oc{
      padding: 15px 20px;
    }

    .field-extern-link{
      text-align: left;
      margin-bottom: 20px;
    }

    .flex-reverse{
      flex-wrap: wrap;
    }
}

@media(min-width:1024px){

  .mobile-nav{
    display: none;
  }

  .header-spacer{
    padding-top: 136px;
  }

  header.wrapper .inner{
    padding-top: 20px;
    padding-bottom:10px;
  }

  header.wrapper #block-sprachumschalter{
    position: absolute;
    right: 50px;
    top:auto;
  }

  header.wrapper #block-oc-branding img{
    max-width: 178px;
  }

  header.wrapper #block-hauptnavigation ul.main-menu{
    display:block;
  }

  #block-oc-local-tasks{
    display: block;
  }

  footer .wrapper-upper::before{
    border-width: 160px 0 0 500px;
  }
  footer .wrapper-upper::after{
    border-width: 0 0 200px 200px;
  }

  footer .wrapper-upper .inner{
    font-size: 32px;
    line-height: 55px;
  }

  footer .wrapper-upper .footer-share-link{
    font-size: 36px;
    width: 76px;
    height: 76px;
    padding: 18px 8px;
  }

  .views-element-container .kompetenz-suche .js-form-item-search-api-fulltext input {
    font-size: 28px;
  }
  .views-element-container .job-suche .js-form-type-select > label,
  .views-element-container .events-uebersicht .js-form-type-select > label,
  .views-element-container .kompetenz-suche .js-form-type-select > label {
    font-size: 28px;
  }

  .kompetenz-tag-wrapper .headline-more{
    font-size: 26px;
    line-height: 34px;
    margin:30px 0 30px 0;
  }

  .contact-box .contact-name{
    font-size: 22px;
    line-height: 30px;
  }

  .views-field-field-sliderlinkicon .btn-oc{
    padding: 15px 20px;
    font-size: 18px;
  }

  .loesung-start::before{
    display: block;
  }

  .loesung-start .views-row:nth-of-type(1) .loesung-start-box::after{
    border-top: 50px solid #efefef;
  }

  .komp-start{
    margin-bottom: 100px;
  }

  .komp-start-slide .komp-start-block .komp-start-title{
    font-size: 28px;
    line-height: 34px;
  }

  .komp-start-teaser{
    font-size: 18px;
    line-height: 28px;
  }

  .komp-start-link{
    font-size: 18px;
    line-height: 28px;
  }

  .komp-start-slide .komp-start-img::after{
    border-top: 90px solid white;
    border-left: 90px solid transparent;
  }

  .komp-start-slide .komp-start-block{
    background: linear-gradient(135deg, transparent 30px, #fff 30px);
    position: absolute;
    padding: 50px 10% 60px 50px;
    width: 55%;
  }

  .views-slideshow-controls-bottom{
    bottom: 0;
    top:auto;
    width: 55%;
    right: 0;
    padding-left: 50px;
  }

  /*.benefits-view-wrapper .views-row{
    width:calc(33% - 26px);
  }*/

  .wrapper .inner-fragen-und-antworten{
    display: flex;
  }

  .field-fragen-und-antworten-bild{
    display: inline-block;
    padding-right: 20px;
    width:20%;
    text-align: left;
  }

  .field-fragen-und-antworten-bild img{
    width:100%;
    height: auto;
  }

  .fragen-antworten-paragraph{
    display: inline-block;
    width:60%;
  }

  .fragen-antworten-paragraph .field-fragen-und-antworten-headl{
    font-size: 48px;
    line-height: 68px;
  }

  .fragen-antworten-paragraph .field-fragen-und-antworten-hl2{
    font-size: 38px;
    line-height: 58px;
  }

  .views-element-container .job-suche .views-row .views-field-field-headerbild {
    width: 340px;
  }

  .journey-box-wrapper {
    padding: 20px 0 40px 0;
  }

  .journey-box-wrapper .journey-box .field-product-journey-text{
    font-size: 28px;
    line-height: 30px;
  }

  .journey-box-wrapper .journey-box .product-journey-link{
    font-size: 20px;
  }


  .loesung-start .views-row{
    display: inline-block;
  }

  .loesung-start{
    margin-bottom: 0px;
  }

  .loesung-start .views-row:nth-of-type(1) {
    width: 45%;
    margin-right: 30px;
    position: relative;
    top: -40px;
    margin-bottom: 30px;
  }
  .loesung-start .views-row:nth-of-type(2) {
    width: 30%;
    position: relative;
    top: 140px;
  }
  .loesung-start .views-row:nth-of-type(3) {
    width: 30%;
    position: relative;
    right: 9%;
    top: -40px;
  }

  .loesung-start .views-row:nth-of-type(1) .loesung-start-box {
    width:100%;
    height:280px;
    margin-right: 0px;
    margin-bottom: 0px;
    top: 0px;
  }
  .loesung-start .views-row:nth-of-type(2) .loesung-start-box {
    width:100%;
    height:350px;
    margin-bottom: 0px;
    top: 0px;
  }
  .loesung-start .views-row:nth-of-type(3) .loesung-start-box {
    width:100%;
    height:280px;
    margin-bottom: 0px;
    left: 0px;
    top: 0px;
  }

  .loesung-start-box .loesung-start-teaser{
    font-size: 20px;
    line-height: 26px;
  }

  .views-element-container .job-suche .jobsuche-result-wrapper .views-row {
    width: calc(25% - 15px);
  }

  .views-element-container .job-suche .views-row {
    width: calc(25% - 15px);
    margin-right:20px;
  }

  .views-element-container .job-suche .views-row:nth-child(2n+2){
    margin-right:20px;
  }
  .views-element-container .job-suche .views-row:nth-child(4n+4){
    margin-right:0px;
  }

  .events-uebersicht .views-row .event-results-date{
    font-size:16px;
    line-height: 26px;
  }

  .views-row .kompetenz-results-author{
    font-size:16px;
  }

  .events-uebersicht .views-row .event-results-title,
  .views-infinite-scroll-content-wrapper .views-row .kompetenz-results-title,
  .kompetenz-suche .views-row .kompetenz-results-title {
    font-size:24px;
    line-height: 33px;
  }

  .events-uebersicht .views-row .event-results-more,
  .views-infinite-scroll-content-wrapper .views-row .kompetenz-results-more,
  .kompetenz-suche .views-row .kompetenz-results-more{
    font-size: 18px;
  }

  .events-uebersicht .views-row,
  .views-infinite-scroll-content-wrapper .views-row,
  .kompetenz-suche .views-row {
    width: calc(33.33333% - 13.33333px);
    margin-right:20px;
  }

  .events-uebersicht .views-row:nth-child(2n+2),
  .views-infinite-scroll-content-wrapper .views-row:nth-child(2n+2),
  .kompetenz-suche .views-row:nth-child(2n+2){
    margin-right:20px;
  }

  .events-uebersicht .views-row:nth-child(3n+3),
  .views-infinite-scroll-content-wrapper .views-row:nth-child(3n+3),
  .kompetenz-suche .views-row:nth-child(3n+3){
    margin-right:0px;
  }

  .views-element-container .job-suche .views-row:nth-child(3n+3){
    margin-right:20px;
  }

  .oc-in-zahlen-box > div{
    width: 25%;
    max-width: 100%;
    border-right: 1px solid #ffffff33;
    padding: 40px;
  }

  .oc-in-zahlen-box > div:last-child{
    border-right: 0;
  }

  .wrapper .subheader-inner .field-headerbild{
    max-width: 60%;
  }

  .wrapper .subheader-inner .field-headerbild::after{
    border-top: 80px solid white;
    border-left: 80px solid transparent;
  }

  .wrapper .subheader-inner .header-text-wrapper{
    position: absolute;
    left: 50px;
    top:40px;
    max-width: 60%;
    margin-bottom: 0;
    padding: 0 0;
  }

  .wrapper .subheader-inner{
    margin-bottom: 80px;
    padding: 0 50px;
  }

  .wrapper .subheader-inner .field-headertitel .text{
    font-size:42px;
    line-height: 55px;
  }

  .wrapper .subheader-inner .field-headertitel .text::before{
    display: none;
  }

  .wrapper .subheader-inner .field-header-subtitle{
    font-size:22px;
    line-height: 30px;
    max-width: 50%;
  }

  a.morelinks-link{
    font-size: 18px;
    line-height: 38px;
  }

  .event-form-box .event-form-img{
    width: auto;
  }

  .views-element-container .events-uebersicht .events-uebersicht-count,
  .views-element-container .kompetenz-suche .kompetenzsuche-count{
    font-size: 28px;
  }

  .views-element-container .events-uebersicht form, .views-element-container .kompetenz-suche form {
    text-align: center;
  }
  /*.views-element-container .kompetenz-suche .js-form-type-select,
  .views-element-container .events-uebersicht .js-form-type-select{
    margin-right: 30px;
    margin-left: 30px;
  }*/

  .views-element-container .job-suche .search-form-inner{
    width:calc(100% - 166px);
  }

  .views-element-container .job-suche .mlj-logo{
    display: block;
  }

  .jobblock-wrapper::after {
      display: block;
    }

  .jobblock-wrapper .jobblock-titel{
    font-size: 40px;
    line-height: 54px;
  }

  .management-col{
    margin-bottom: 30px;
    font-size: 18px;
  }

  .management-col em{
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 20px;
  }

  .management-col p.hl-blue{
    font-size: 28px;
    margin-bottom: 5px;
  }


  .zahlen-text{
    font-size: 18px;
    line-height: 24px;
  }

  .zahlen-zahlen{
    font-size: 54px;
    line-height: 40px;
  }

  .loesungen .views-row{
    width:calc(33.33333% - 20px);
    margin-bottom: 30px;
    height:300px;
  }

  .loesungen .views-row:first-child{
    margin-top: 60px;
    height:300px;
  }

  .loesungen .views-row:nth-child(2){
    height:400px;
  }

  .loesungen .views-row:nth-child(3){
    margin-top: 40px;
    height:250px;
  }

  .loesungen .views-row:nth-child(4){
    height:360px;
  }

  .loesungen .views-row:nth-child(5){
    height:300px;
  }

  .loesungen .views-row:nth-child(6){
    height:400px;
  }

  .loesungen .views-row:nth-child(7){
    height:280px;
  }

  .loesungen .views-row:nth-child(8){
    height:260px;
  }

  .portfolio-btn{
    padding: 15px 20px;
  }

  .portfolio-upper-one,
  .portfolio-lower-one{
    text-align: left;
    display: flex;
    width:33%;
  }

  .portfolio-upper-two,
  .portfolio-lower-two{
    width:67%;
    /*border-right: 1px solid #C0C0C0;*/
    border-left: 1px solid #C0C0C0;
  }

  /*.portfolio-upper-three,
  .portfolio-lower-three{
    width:25%;
    text-align: right;
  }*/

  .portfolio-upper-one .portfolio-icon,
  .portfolio-lower-one .portfolio-icon{
    margin-right: 20px;
    margin-bottom: 0px;
  }

  .portfolio-upper .portfolio-text-big,
  .portfolio-lower .portfolio-text-big{
    margin-bottom: 10px
  }

  .portfolio-upper .portfolio-text-normal,
  .portfolio-lower .portfolio-text-normal{
    margin-bottom: 0px
  }

  .portfolio-c-col{
    width:25%;
    margin-bottom: 0;
  }

  .paragraph-geschichte{
    width: calc(50% + 140px);
    margin-left: auto;
    margin-right: 0;
    flex-wrap: nowrap;
    text-align: left;
  }

  .paragraph-geschichte.left{
    margin-right: auto;
    margin-left: 0;
    flex-wrap: nowrap;
    text-align: right;
  }

  .paragraph-geschichte .field-jahr{
    font-size: 60px;
    width: 200px;
    height: 200px;
    border-radius: 110px;
    padding: 84px 33px;
    margin:0 40px;
  }

  .geschichte-down i{
    display:inline-block;
  }

  .mobile-hover-button{
    display:none;
  }
  .name-position-wrapper {
    bottom: 20px;
  }

  .field-team > div{
    width: calc(33.3333% - 20px);
    margin-right:30px;
  }
  .field-team > div:nth-child(2n + 0) {
    margin-right: 30px;
  }
  .field-team > div:nth-child(3n + 0) {
    margin-right: 0px;
  }
  .wrapper-team-zitat {
      padding: 20px 20px 0 20px;
  }

  .kunde-box{
      display: flex;
      margin-bottom: 80px;
  }

  .kunde-box .kunde-left{
    padding-right: 40px;
    width: 300px;
    margin-bottom: 0;
  }

  .kunde-box .kunde-right{
    width: calc(100% - 300px);
  }

  .kunde-box .kunde-zitat{
    font-size: 24px;
    line-height: 28px;
  }

  .kunde-front-text{
       font-size: 18px;
       line-height: 26px;
       padding: 20px 30px 20px 15px;
  }


  .wheel-wrapper .wheel-inner,
  .wheel-wrapper svg{
    height: 100%;
    width:400px;
    left:0;
    margin-left: 0;
  }

  .wheel-wrapper .wheel-box{
    background: #d5d5d5;
    padding: 20px 20px 20px 220px;
    margin-left: 200px;
  }

  .wheel-wrapper .wheel-box .wheel-box-business,
  .wheel-wrapper .wheel-box .wheel-box-strategy,
  .wheel-wrapper .wheel-box .wheel-box-momentum,
  .wheel-wrapper .wheel-box .wheel-box-it{
    display: block;
    position: absolute;
    height: 100%;
    padding: 20px;
  }

  .wheel-wrapper .wheel-link{
    position: absolute;
    bottom: 20px;
    right: 20px;
  }

  .wheel-wrapper .wheel-hl{
    color:#313338;
  }

  .wheel-wrapper .wheel-text{
    color:#313338;
  }

  .wheel-wrapper .wheel-pointer{
      top: 180px;
  }
  @keyframes cursor {
      0%{
          left: 160px;
          opacity: 0;
      }
      45%{
        left: 310px;
        opacity: 1;
        transform: rotate(68deg) scale(1);
      }
      50%{
        transform: rotate(68deg) scale(0.8);
        left: 312px;
      }
      55%{
        transform: rotate(68deg) scale(1);
        left: 310px;
        opacity: 1;
      }

      100%{
        left: 160px;
        opacity: 0;
      }
  }

  .views-element-container .job-suche fieldset label:hover,
  .views-element-container .events-uebersicht fieldset label:hover,
  .views-element-container .kompetenz-suche fieldset label:hover{
    background: #0066e8;
    color:#fff;
  }

}

@media(min-width:1200px){
    .kunde-front-text{
        font-size: 14px;
        line-height: 16px;
        padding: 20px 30px 20px 15px;
    }
}

@media(min-width:1280px){

    body {
  	 font-size: 18px;
  	 line-height: 28px;
    }

    .shadow-box{
      font-size:15px;
      line-height:22px;
    }


    .hashsubheadline{
      margin-bottom: 50px;
    }

  .ve--wrapped_row h1,
  .ve--wrapped_row .h1{
    font-size: 44px;
    line-height: 56px;
  }

  .kompetenz-tag-wrapper .headline-more{
    font-size: 26px;
    line-height: 34px;
    margin:40px 0 40px 0;
  }

  .hashheadline,
  .field-event-headline,
  .event-form-box .event-form-hl,
  .ve--wrapped_row h2,
  .ve--wrapped_row .h2{
    font-size: 32px;
    line-height: 42px;
  }
  .event-form-box .event-form-hl img {
    height: 68px;
  }
  .event-form-box.event-form-box-builder .event-form-hl::before{
    background-size: 68px 68px;
    width: 68px;
    height: 68px;
  }

  .event-label.h3,
  .paragraph-geschichte .field-geschichte-headlin,
  .zahlen-titel,
  .ve--wrapped_row h3,
  .ve--wrapped_row .h3{
    font-size: 26px;
    line-height: 34px;
  }

  .event-label img{
    width:auto;
    height: 26px;
  }

  .field-referent-name,
  .field-event-thema-headline,
  .field-event-beschreibung-headlin,
  .ve--wrapped_row h4,
  .ve--wrapped_row .h4{
    font-size: 18px;
    line-height: 28px;
  }

  header.wrapper #block-hauptnavigation ul.main-menu li a{
    margin-left: 40px;
    font-size: 15px;
  }

  header.wrapper #block-hauptnavigation ul.main-menu li .level-1.sub-menu{
    left:40px;
  }

  header.wrapper ul.lang-switcher{
    font-size: 15px;
  }

  header.wrapper .search-icon{
    margin-left: 20px;
  }

  header.wrapper .search-icon a {
    font-size: 15px;
  }

  footer .footer-flex{
    flex-wrap: nowrap;
  }

  footer .footer-flex .footer-item{
    width: auto;
  }

  footer .footer-flex .footer-item:nth-child(3),
  footer .footer-flex .footer-item:nth-child(4){
    padding-top: 78px;
  }

  footer .lowerfooter-flex{
    display: flex;
    padding-top: 60px;
  }

  footer .lowerfooter-flex .copyright{
    font-size: 16px;
    line-height: 22px;
  }

  footer .lowerfooter-flex .footer-menu{
    font-size: 18px;
    margin-bottom: 0px;
  }

  .wrapper .subheader-inner .field-headerbild::after{
    border-top: 120px solid white;
    border-left: 120px solid transparent;
  }

  /*.journey-box-wrapper .journey-box .field-product-journey-icon img{
    max-width: 100%;
  }*/

  .views-element-container .job-suche .views-row .job-results-date{
    font-size: 16px;
    line-height: 28px;
  }

  .views-element-container .job-suche .views-row .job-results-ort{
    font-size: 16px;
    line-height: 28px;
  }

  .views-element-container .job-suche .views-row .views-field-title {
    font-size:28px;
    line-height: 38px;
  }

  .views-element-container .job-suche .views-row .job-results-more{
    font-size: 20px;
  }

  .loesung-start::before{
    border-width: 800px 900px 0 0;
    top:-200px;
  }

  .loesung-start{
    margin-bottom: -60px;
  }

  .loesung-start .views-row:nth-of-type(1) {
    top: -140px;
  }
  .loesung-start .views-row:nth-of-type(2) {
    top: 140px;
  }
  .loesung-start .views-row:nth-of-type(3) {
    top: -140px;
  }

  .loesung-start .views-row:nth-of-type(1) .loesung-start-box {
    height:380px;
  }
  .loesung-start .views-row:nth-of-type(2) .loesung-start-box {
    height:550px;
  }
  .loesung-start .views-row:nth-of-type(3) .loesung-start-box {
    height:380px;
  }

  .loesung-start-box .loesung-start-hl .loesung-start-hl1{
    font-size: 30px;
    line-height: 34px;
  }

  .loesung-start-box .loesung-start-hl .loesung-start-hl2{
    font-size: 22px;
    line-height: 30px;
  }

  .loesung-start-box .loesung-start-teaser{
    font-size: 22px;
    line-height: 28px;
  }

  .trenner-wrapper{
    padding:80px 0;
  }

  .oc-in-zahlen-box .field-oc-in-zahlen-zahl-1,
  .oc-in-zahlen-box .field-oc-in-zahlen-zahl-2,
  .oc-in-zahlen-box .field-oc-in-zahlen-zahl-3,
  .oc-in-zahlen-box .field-oc-in-zahlen-zahl-4{
    font-size: 98px;
    line-height: 100px;
  }

  .oc-in-zahlen-box .field-oc-in-zahlen-text-1,
  .oc-in-zahlen-box .field-oc-in-zahlen-text-2,
  .oc-in-zahlen-box .field-oc-in-zahlen-text-3,
  .oc-in-zahlen-box .field-oc-in-zahlen-text-4{
    font-size: 28px;
    line-height: 30px;
  }

  .kompetenz-start-wrapper::before{
    top:-100px;
    border-width: 400px 600px 400px 0;
    /*animation: pulse 10s ease infinite;*/
  }

  .benefits-view-wrapper .benefits-box .benefits-title{
    font-size: 30px;
  }

  .field-fragen-und-antworten-bild{
    padding-right: 100px;
  }

  .fragen-antworten-paragraph .field-fragen-und-antworten-headl{
    font-size: 50px;
    line-height: 68px;
  }
  .fragen-antworten-paragraph .field-fragen-und-antworten-hl2{
    font-size: 32px;
    line-height: 42px;
  }

  .fua-frage{
    font-size: 22px;
    line-height: 28px;
    padding:30px;
  }
  .fua-frage-name{
    font-size: 18px;
  }

  .fua-antwort-name{
    font-size: 18px;
  }

  .fua-frage-text,
  .fua-antwort-text{
    padding-left:50px;
  }

  .views-element-container .job-suche .views-row .views-field-field-headerbild {
    width: 430px;
  }

  .contactimg img{
  	width: 80px;
  	height: 80px;
  	border-radius: 50px;
  	margin-left: 10px;
  }

  .journey-box-wrapper .journey-box {
    width: 40%;
  }

  .wrapper .subheader-inner .header-text-wrapper{
    top:40px;
  }

  .wrapper .subheader-inner .field-headertitel .text{
    font-size:50px;
    line-height: 60px;
  }

  .hashsubheadline,
  .zahlen-subheadline,
  .wrapper .subheader-inner .field-header-subtitle{
    font-size:24px;
    line-height: 34px;
  }

  .zahlen-box,
  .morelinks-box {
    text-align: center;
    padding: 50px 50px;
  }

  .events-uebersicht .views-row,
  .views-infinite-scroll-content-wrapper .views-row,
  .kompetenz-suche .views-row {
    width: calc(25% - 15px);
    margin-right:20px;
  }

  .events-uebersicht .views-row:nth-child(2n+2),
  .views-infinite-scroll-content-wrapper .views-row:nth-child(2n+2),
  .kompetenz-suche .views-row:nth-child(2n+2){
    margin-right:20px;
  }

  .events-uebersicht .views-row:nth-child(3n+3),
  .views-infinite-scroll-content-wrapper .views-row:nth-child(3n+3),
  .kompetenz-suche .views-row:nth-child(3n+3){
    margin-right:20px;
  }

  .events-uebersicht .views-row:nth-child(4n+4),
  .views-infinite-scroll-content-wrapper .views-row:nth-child(4n+4),
  .kompetenz-suche .views-row:nth-child(4n+4){
    margin-right:0px;
  }

  .multi-event-label{
    font-size: 20px;
  }

  /*.views-element-container .kompetenz-suche .js-form-type-select,
  .views-element-container .events-uebersicht .js-form-type-select{
    margin-right: 50px;
    margin-left: 50px;
  }*/

  .jobblock-wrapper .jobblock-titel{
    font-size: 50px;
    line-height: 64px;
  }

  .jobblock-wrapper .jobblock-img {
    width: 100%;
  }

  .portfolio-upper-one,
  .portfolio-lower-one{
    width:40%;
  }

  .portfolio-upper-two,
  .portfolio-lower-two{
    width:60%;
  }

  /*.portfolio-upper-three,
  .portfolio-lower-three{
    width:25%;
  }*/

  .portfolio-wrapper .portfolio-text-big{
    font-size: 28px;
    line-height: 30px;
  }

  .portfolio-wrapper .portfolio-text-normal{
    font-size: 22px;
    line-height: 30px;
  }

  .portfolio-upper,
  .portfolio-lower{
    padding: 30px 50px;
  }

  .portfolio-btn{
    font-size: 18px;
  }

  .portfolio-center{
    padding: 50px 50px;
  }

  .paragraph-geschichte .field-geschichte-headlin{
    margin-bottom: 0;
  }

  .teammitglied{
    width: auto;
  }

  .kunde-box .kunde-left{
    width: 400px;
  }

  .kunde-box .kunde-right{
    width: calc(100% - 500px);
  }

  .kunde-box .kunde-zitat{
    font-size: 28px;
    line-height: 38px;
  }

}

@media(min-width:1340px){
  .field-team > div{
    width: calc(25% - 15px);
    margin-right:20px;
  }
  .field-team > div:nth-child(2n + 0) {
    margin-right: 20px;
  }
  .field-team > div:nth-child(3n + 0) {
    margin-right: 20px;
  }
  .field-team > div:nth-child(4n + 0) {
    margin-right: 0px;
  }
}

@media(min-width:1620px){
  .wrapper .subheader-inner .header-text-wrapper{
    top:80px;
  }

  .wrapper .subheader-inner .field-headertitel .text{
    font-size:64px;
    line-height: 80px;
  }

  .hashsubheadline,
  .zahlen-subheadline,
  .wrapper .subheader-inner .field-header-subtitle{
    font-size:28px;
    line-height: 38px;
  }

  .ve--wrapped_row h1,
  .ve--wrapped_row .h1{
    font-size: 50px;
    line-height: 64px;
  }
  .kompetenz-tag-wrapper .headline-more{
    font-size: 34px;
    line-height: 42px;
    margin:40px 0 40px 0;
  }

  .hashheadline,
  .field-event-headline,
  .event-form-box .event-form-hl,
  .ve--wrapped_row h2,
  .ve--wrapped_row .h2{
    font-size: 40px;
    line-height: 50px;
  }

  .event-label.h3,
  .paragraph-geschichte .field-geschichte-headlin,
  .zahlen-titel,
  .ve--wrapped_row h3,
  .ve--wrapped_row .h3{
    font-size: 34px;
    line-height: 42px;
  }

  .event-label img{
    width:auto;
    height: 34px;
  }

  .field-referent-name,
  .field-event-thema-headline,
  .field-event-beschreibung-headlin,
  .ve--wrapped_row h4,
  .ve--wrapped_row .h4{
    font-size: 20px;
    line-height: 30px;
  }

  .kunde-front-text{
       font-size: 18px;
       line-height: 26px;
       padding: 20px 30px 20px 15px;
  }

}
/* IE 11 */
@media all and (-ms-high-contrast:none) {
  header.wrapper .inner {
    justify-content: space-between;
    align-items: stretch;
  }

  header.wrapper #block-hauptnavigation ul.main-menu {
    margin-top:40px;
  }

  header.wrapper #block-hauptnavigation ul.main-menu li .level-1.sub-menu li.menu-item a::after {
    background-size: 14px 18px;
    height: 18px;
    width: 14px;

  }

  .benefits-wrapper .benefits-link::after {
    background-size: 14px 18px;
    height: 18px;
    width: 14px;
    vertical-align: top;
  }

  .events-uebersicht .views-row .event-results-more::after,
  .views-infinite-scroll-content-wrapper .views-row .kompetenz-results-more::after,
  .kompetenz-suche .views-row .kompetenz-results-more::after {
    background-size: 14px 18px;
    height: 18px;
    width: 14px;
    vertical-align: top;
}

.event-form-box .js-form-item-anrede::before {
    background-size: 14px 18px;
    height: 18px;
    width: 14px;
    vertical-align: top;
}

a.morelinks-link::after {
    background-size: 14px 18px;
    height: 18px;
    width: 14px;
    vertical-align: top;
}

  .paragraph-geschichte .field-jahr {
    width: auto;
  }

  .portfolio-icon {
    height: 72px;
    width: 90px;
    display: inline-block;
  }

  .filter-btn::after {
    background-size: 14px 18px;
    height: 18px;
    width: 14px;
    vertical-align: top;
  }

}