/* cmsms stylesheet: external modified: 09/12/19 17:53:25 */
/*! #######################################################################

	MeanMenu 2.0.7
	--------

	To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)

####################################################################### */a.meanmenu-reveal{display:none}.mean-container .mean-bar{float:left;width:100%;position:relative;background:#0c1923;padding:4px 0;min-height:42px;z-index:999999}.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:13px 13px 11px;position:absolute;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700}.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}.mean-container .mean-nav{float:left;width:100%;background:#0c1923;margin-top:44px}.mean-container .mean-nav ul{padding:0;margin:0;width:100%;list-style-type:none}.mean-container .mean-nav ul li{position:relative;float:left;width:100%}.mean-container .mean-nav ul li a{display:block;float:left;width:90%;padding:1em 5%;margin:0;text-align:left;color:#fff;border-top:1px solid #383838;border-top:1px solid rgba(255,255,255,.5);text-decoration:none;text-transform:uppercase}.mean-container .mean-nav ul li li a{width:80%;padding:1em 10%;border-top:1px solid #f1f1f1;border-top:1px solid rgba(255,255,255,.25);opacity:.75;filter:alpha(opacity=75);text-shadow:none!important;visibility:visible}.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}.mean-container .mean-nav ul li a:hover{background:#252525;background:rgba(255,255,255,.1)}.mean-container .mean-nav ul li a.mean-expand{margin-top:1px;width:26px;height:32px;padding:12px!important;text-align:center;position:absolute;right:0;top:0;z-index:2;font-weight:700;background:rgba(255,255,255,.1);border:0!important;border-left:1px solid rgba(255,255,255,.4)!important;border-bottom:1px solid rgba(255,255,255,.2)!important}.mean-container .mean-nav ul li a.mean-expand:hover{background:rgba(0,0,0,.9)}.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}.mean-nav .wrapper{width:100%;padding:0;margin:0}.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.mean-remove{display:none!important}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
/* cmsms stylesheet: mobile-first modified: 11/05/19 14:48:01 */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

body {
  background-color: #f1f2f7;
  color: #626262;
}

a, .color-orange{
  color: #fe9601
}


a:hover {
  color: #fe9601
}

header {
  display: none;
}


.resp-logo {
  position: absolute;
  height: 42px;
  top: 5px;
  z-index: 999999;
  left: 10px;
}

.resp-logo img {
  height: 100%;
}

.mean-container a.meanmenu-reveal {
  font-size: 16px;
  width: 200px;
  text-indent: 0;
  text-align: right!important;
  color: #fff;
  top: auto;
  font-weight: lighter;
  top: 6px;
}
.mean-container a.meanmenu-reveal span {
  background-color: #fff;
  height: 2px;
}

.mean-container .mean-bar, .mean-container .mean-nav, .mean-container .mean-nav ul li a, .mean-container .mean-nav ul li {
  float: none;
}
.meanmenu-reveal div {
  width: 16px;
  display: inline-block;
}

.mean-container .mean-bar {
  background-color: #fe9601;
  color: #3f59c0;
}

.mean-container .mean-nav {
  background: unset;
}
.mean-container .mean-nav ul li a {
  color: #fff;
}
.mean-container .mean-nav ul li a.menuactive {
  background-color: #fff;
  color: #fe9601;
}

#homeslider {
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.homeslider div {
  height: 396px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.overlay {
  background-image: url(/uploads/images/layout/slider_overlay-grey.png);
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background-size: 1000px;
  background-repeat: no-repeat;
  background-position: bottom center;
}

.text-slider {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 430px;
}

.text-slider .owl-item {
  padding: 10px;
}

.text-slider .item {
  background: rgba(255,255,255,0.85);
  padding: 15px 10px;
  border-radius: 6px;
  color: #868686;
  height: 252px;
  overflow: hidden;
}

.text-slider h2 {
  color: #fe9601;
  font-family: 'Exo', sans-serif;
  font-size: 24px;
  text-align: left;
}

.text-slider li {
  list-style: none;
  position: relative;
  padding-left: 20px;
}

.text-slider li::before {
  content: "";
  width: 18px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 1px;
  background-image: url(/uploads/images/layout/checkmark.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.text-slider img.map {
  width: auto;
  height: 146px;
  position: relative;
  top: 13px;
  right: 16px;
}

h1 {
  font-family: 'Exo', sans-serif;
  text-align: center;
  text-transform: uppercase;
  color: #b3b2b2;
}
.page .h1, .page h1 {
  font-size: 1.7rem;
  text-transform: initial
}

h1 span {
  display: block;
  color: #fe9601;
  text-transform: none;
  font-size: 22px;
  margin: 20px 0;
  font-family: "Open Sans", sans-serif;
}

h2 {
  font-family: 'Exo', sans-serif;
  color: #b3b2b2;
  font-size: 25px;
  text-align: center;
}

#content {
  max-width: 1200px;
  margin: 0 auto;
  z-index: 10;
  position: relative;
}

#content li {
  list-style: none;
  position: relative;
  padding-left: 15px;
  font-size: inherit;
  color: inherit;
  margin-bottom: 10px;
}

#content li::before {
  content: "";
  display: block;
  position: absolute;
  top:10px;
  width: 4px;
  height: 4px;
  border-radius: 10px;
  background-color: #fe9601;
  left: 4px;
}


.container-fluid p, .container-fluid input, .container-fluid textarea, .container-fluid ul {
  font-size: 14px;
  color: inherit;
}

.dienstleistungen {
  flex-wrap: wrap;
  color: #626262;
}

.dienstleistungen .box {
  width: 100%;
  margin-bottom: 25px;
  box-shadow: 7px 7px 13px -4px rgba(0, 0, 0,0.2);
  border-radius: 0px 5px 5px 0px;
  background-color: #fff;
  overflow: hidden;
  transition: 0.3s box-shadow linear;
  position: relative;
}

.dienstleistungen .box > a.link{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}

.dienstleistungen .box:hover {
  box-shadow: 7px 7px 30px -4px rgba(0, 0, 0,0.2);
}

.dienstleistungen .box .img,  .dienstleistungen .box .title{
  display: inline-block;
}

.dienstleistungen .box .title {
  font-size: 19px;
  color: #fe9601;
  margin-left: 5px;
}

.page .dienstleistungen .box {
  width: 100%;
  border-radius: 5px;
}

.page .dienstleistungen .box .img {
  margin-bottom: 10px;
}




a.spektrum, a.kontakt, .submit input {
  background-image: url(/uploads/images/layout/leistungsspektrum.png);
  display: inline-block;
  width: 100%;
  max-width: 341px;
  padding: 10px 10px 10px 40px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  text-align: center;
  color: #fff;
  transition: 0.3s transform linear;
}

a.kontakt, .submit input {
  background-image: url(/uploads/images/layout/kontakt.png);
}

a.spektrum:hover, a.kontakt:hover, .submit input:hover {
  transform: scale(1.03);
}

.kontakt-wrapper h2 span {
  display: block;
  color: #fe9601;
  font-size: 1rem;
  font-family: "Open Sans",sans-serif;
}

.kontakt-wrapper .kontakt-background {
  background-image: url(/uploads/images/layout/kontakt.jpg);
  height: 150px;
  background-position: center;
  background-size: cover;
  margin-bottom: 2rem;
}

.formbuilderform input, .formbuilderform textarea {
    background-color: unset;
    border: 1px solid #a9a9a9;
}


.page .homeslider div {
  height: 190px;
}

footer {
  background-image: url(/uploads/images/layout/footer-bg.jpg);
  color: white;
  position: relative;
}

footer::before {
  background-color:rgba(64, 64, 64,0.8);
  content:"";
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

footer p {
  font-size: 13px;
}

footer h3 {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

footer .sub-footer {
  background-color: #b3b2b2;
  z-index: 1;
  position: relative;
}


.sub-wrapper p {
  font-size: 10px;
  color: #fff;
}

.sub-wrapper p a {
  color: #fff
}

footer .sub-footer p span {
  display: block;
}


input, textarea {
  width: 100%;
  display: block;
  margin-bottom: 1.2rem;
  padding: 8px 20px 8px 30px;
}

.submit {
    width: 100%;
    text-align: right;
    padding: 0 15px;
}
.submit input {
    background-color: unset;
    border: none;
    width: 100%;
}

li a {
  color: inherit;
}
li a:hover {
  color: #fe9601;
  text-decoration: none;
}


footer li {
  list-style: none;
  padding-left: 13px;
  position: relative;
}
footer li::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2px;
  width: 4px;
  height: 4px;
  border-radius: 10px;
  background-color: #fff;
  transform: translateY(-50%);
}
/* cmsms stylesheet: responsive modified: 11/05/19 14:48:46 */
@media screen and (min-width:576px) {
  .text-slider{
    top: 55px;
  }
  .homeslider div {
    height: 500px;
  }
  .page .homeslider div {
    height: 260px;
  }
  .dienstleistungen {
    justify-content: space-between;
  }
  .dienstleistungen .box {
    width: 48%;
    border-radius: 5px;
  }
}

@media screen and (min-width:768px) {
  .kontakt-wrapper .kontakt-background {
    height: auto;
    margin: 0;
  }
  body {
    padding-top: 93px;
  }
  header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #fff;
    z-index: 999;
    display: block;
  }
  .header-inner {
    max-width: 1600px;
    display: flex;
    position: relative;
  }
  header .logo {
    /* flex-basis: 300px; */
    position: absolute;
    width: 129px;
    top: 9px;
    left: 15px;
  }
  header .logo img{
    width: 100%;
    /* margin: 20px 0; */
    margin: 0;
  }
  .header-inner .right {
    margin-left: auto;
    flex: 1;
    /* padding-left: 15px; */
  }
  .header-inner .right > div, .header-inner .right > nav{
    height: 50%;
  }
  .header-inner nav ul {
    margin: 0;
    height: 100%;
    display: flex;
    margin-left: auto;
    text-transform: uppercase;
    justify-content: space-between;
  }
  .header-inner nav ul li {
    list-style: none;
    width: 100%;
    text-align: center;
  }
  header .menudepth0 a {
    height: 100%;
    display: block;
    width: 100%;
    padding: 14px 10px;
    border-bottom: 3px solid #fff;
    transition: .2s all linear;
  }
  .header-inner .top {
    text-align: right;
    border-bottom: 1px solid rgba(211, 211, 211,0.3);
    padding: 14px 20px 10px 0;
  }
  .header-inner .top .tel {
    display: inline-block;
    width: 300px;
    text-align: center;
    border-left: 1px solid rgba(211, 211, 211,0.3);
    border-right: 1px solid rgba(211, 211, 211,0.3);
    margin-right: 4px;
  }
  header .menudepth0 a.menuactive, header .menudepth0 a:hover  {
    color: #fe9601;
    border-color: #fe9601;
  }
  .page .homeslider div {
    height: 340px;
  }
}

@media screen and (min-width:992px) {
  body {
    padding-top: 108px;
  }
  .header-inner nav ul {
    max-width: 800px;
  }
  .header-inner .right {
    padding-left: 15px;
  }
  header .logo img {
    margin: 20px 0;
  }
  header .logo {
    flex-basis: 300px;
    position: static;
  }
  .dienstleistungen .box .img, .dienstleistungen .box .title {
    display: block;
    text-align: center;
    margin-bottom: 1rem;
  }
  .dienstleistungen .box .title {
    font-weight: 300;
    font-size: 1.5rem;
    margin: 0;
    margin-bottom: 5px;
  }
  .overlay {
    background-size: 100%;
  }
  .homeslider div {
    height: 650px;
  }
  .text-slider {
    max-width: 550px;
  }
  .text-slider .item {
    height: 320px;
    padding: 20px;
    font-size: 23px;
    font-weight: lighter;
  }
  .text-slider h2 {
    font-size: 34px;
  }
  .text-slider img.map {
    height: auto;
    width: 100%;
    position: initial;
  }
  .text-slider li {
    padding-left: 30px;
  }
  .text-slider li::before {
    top: 7px;
    width: 23px;
  }
  #homeslider {
    margin-bottom: -50px;
  }
  .h1, h1 , .page .h1, .page h1  {
    font-size: 3.4rem;
  }
  h1 span {
    font-size: 2rem;
    font-weight: 300;
    margin: 1.45rem 0 3rem;
  }
  .container-fluid p, .container-fluid input, .container-fluid textarea, footer p, .container-fluid ul {
    font-size: 1.05rem;
  }
  .h2, h2 {
    font-size: 2.2rem;
  }
  .kontakt-wrapper h2 span {
    font-size: 1.5rem;
    font-weight: 300;
  }
  footer h3 {
    text-align: left;
    font-size: 1.4rem;
    margin-bottom: 2rem;
  }
  .page .dienstleistungen .box .img, .page .dienstleistungen .box .title {
    display: inline-block;
    margin-left: 15px;
    font-size: 2rem;
  }
}

@media screen and (min-width: 1200px) {
  header .menudepth0 a {
    padding: 14px 10px;
  }
  .header-inner .right {
    padding-left: 80px;
  }
  .homeslider div {
    height: 850px;
    background-attachment: fixed;
  }
  .page .homeslider div {
    height: 550px;
    background-position: top;
    background-size: auto 592px;
  }
  .text-slider {
    max-width: 1200px;
    width: 90%;
    top: 36%;
    transform: translate(-50%, -50%);
  }
  footer p {
    line-height: 30px;
  }
  footer li {
    margin-bottom: 0.5rem;
  }
  footer .sub-footer .sub-wrapper {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    position: relative;
  }
  .sub-wrapper p {
    font-size: 12px;
    margin: 0;
  }
  .sub-wrapper p:last-child {
    position: absolute;
    right: 15px;
    top: 0;
  }

  footer .sub-footer p span {
    display: inline-block;
  }
  footer .sub-footer p span::before{
    content: " - ";
  }
}


@media screen and (min-width: 1500px) {
  .homeslider div {
    height: 1050px;
  }
  .header-inner .right {
    padding-left: 150px;
  }

}