@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

 .customheight1 {
 height: 68px!important;
 background: #AAA099;

    display: flex;
    align-items: center;
    justify-content: center;
 }
.customheight2  {
 background: #AAA099;
 }
 h4 {
font-size: 19px;
line-height: 24px;
font-weight: 700;
color: #222;
text-align: left;
letter-spacing: 0px;
}

html {   font-family: 'Open Sans', sans-serif;
font-size: 16px;
line-height: 23px;
color: #000;
}
body{
    background-image: none;
    background-color: #fff;
    text-align: justify;
}
.tm-footer-fixed .tm-block-footer {
    background: #AAA099;
    height: 347px;
}
.tm-footer-centered {
    padding-top: 75px;
    padding-bottom: 15px;
}
.tm-block-header {
 z-index: 1000000;
 background: #fff!important;
 }
.uk-navbar-nav > li > a {
    font-family: 'Open Sans', sans-serif;important;

}
.tm-navbar-sticky.tm-header-offset .tm-block-header + .uk-block:not(.tm-block-fullheight) {
  padding-top: 80px;
}
@media (min-width: 768px) {
  .tm-navbar-sticky.tm-header-offset .tm-block-header + .uk-block:not(.tm-block-fullheight) {
    padding-top: 100px;
  }
  .tm-navbar-sticky.tm-header-offset.tm-navbar-centered-true .tm-block-header + .uk-block:not(.tm-block-fullheight) {
    padding-top: 215px;
  }
}

@media (min-width: 960px) {
  .tm-navbar-sticky.tm-header-offset .tm-block-header + .uk-block:not(.tm-block-fullheight) {

    z-index: 1;
  }

}
.uk-block-default {
    background: #fff;
}
.uk-block-muted {
    background: #efeee9;
    color: #000!important
}
 .uk-margin-top-remove {
    margin-top: -18px !important;
}
.uk-block-muted + .uk-block-muted {
    border: none;
}

div.mod-languages {
position: fixed;
top: 8px;
right: 33px;
z-index: 1002;
background: none rgba(0,0,0,0);
padding: 0;
}
div.mod-languages li {
    float: left;
    margin-left: 3px;
    margin-right: 2px;
}

@media (max-width: 959px) {
    div.mod-languages {
    top: 61px;
    right: 84px;
    transition: all 0.35s ease-in-out 0s
    }
}
@media (max-width: 767px) {
    div.mod-languages {
    top: 42px;
    right: 84px;
    }
}
div.mod-languages ul.lang-inline li {
display: block;
}
div.mod-languages img {
padding: 1px;
border: none;
box-shadow:vnone;
}
.uk-offcanvas-page div.mod-languages {
   display: none;
}
.uk-navbar-toggle {
    font-size: 24px;
    color: #000;
    text-decoration: none;
    margin-top: 46px;
}
div.mod-sozial {
position: fixed;
top: 8px;
right: 105px;
color: #000!important;
z-index: 1002;
background: none rgba(0,0,0,0);
padding: 0;
}
div.mod-sozial li {
    float: left;
}
@media (max-width: 959px) {
    div.mod-sozial {
    top: 61px;
    right: 150px;
    xright: 100px;
    transition: all 0.35s ease-in-out 0s
    }
}
@media (max-width: 767px) {
    div.mod-sozial {
    position: absolute;
    top: 42px;
    right: 150px;
    transition: all 0.35s ease-in-out 0s
    }
        div.mod-sozial {
    xright: 80px;
    }
  .uk-navbar-toggle {
    margin-top: 34px;
}
}
@media (max-width: 530px) {
    div.mod-sozial {
    position: absolute;
    top: 46px;
    }

  div.mod-languages {
    top: 46px;
 }
  .uk-navbar-toggle {
    margin-top: 34px;
}
}
@media (max-width: 410px) {
div.mod-sozial {
    position: absolute;
    top: 46px;
    right: 118px;
    transition: all 0.35s ease-in-out 0s
    }
div.mod-sozial {
    position: absolute;
    top: 46px;
    right: 78px;
    transition: all 0.35s ease-in-out 0s
    }
div.mod-languages {
    top: 46px;
    right: 64px;
    }
.uk-navbar-toggle {
    margin-top: 34px;
}
}
div.mod-sozial ul.lang-inline li {
    display: block;
}
.uk-offcanvas-page div.mod-sozial {
    display: none;
}
.uk-nav-offcanvas > li > a {
    color: #fff;
    font-size: 13px;
}
.uk-nav-offcanvas ul.uk-nav-sub a {
    font-size: 13px;
    color: #fff;
    line-height: 16px;
    margin-bottom: 6px;
}
.uk-nav-offcanvas ul.uk-nav-sub {
    letter-spacing: 1px;
    margin-left: 0px;
}
@media (max-width: 480px) {
 .tm-footer-fixed {
    padding-bottom: 630px;
}
.tm-footer-fixed .tm-block-footer {
    height: 550px;
}
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    color: #fff;
}
.uk-block-primary {
    background: #f9f9f9;
    color: #222!important;
}
.uk-dropdown-navbar {
    margin-top: -1px;
}
.uk-navbar {
    background: #fcfcfc;
    color: #222;
    padding: 0 0;
    border-radius: 0;
    box-shadow: none;
}
.uk-navbar-nav > li.uk-active > a {
    background-color: rgba(0, 0, 0, 0);
    color: #222;
}
.uk-navbar-nav > li:hover > a, .uk-navbar-nav > li > a:focus, .uk-navbar-nav > li.uk-open > a {
    color: #333;
}
.uk-navbar-nav > li > a {
    color: #333;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    padding-top: 29px;
    height: 100px;
}
.tm-navbar-center.uk-flex-center.uk-hidden-small {
    justify-content: flex-end;
    padding-right: 100px; }


.uk-nav-side > li > a {
    color: #444;
    margin-bottom: 2px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.uk-dropdown-navbar {
    background: rgba(142, 136, 123, 0.91);
    color: #cfc9bc;

}
 ul.uk-nav-sub {
    letter-spacing: 1px;
    margin-left: 20px;
}
.uk-nav-side > li.uk-active > a {
    background: #b0ab9f;
    color: #fff;
}
ul.uk-nav-sub a{
    font-size: 12px;
    color: #666;
    line-height: 15px;
    margin-bottom: 6px;
    }
em {
    color: #000;
}
a {
    color: #cccc33;
    letter-spacing: 0px;
    XXXfont-weight: 500;
}
h1, uk-h1, h2, uk-h2, h3, uk-h3, h4, uk-h4, h5, uk-h5, h6, uk-h6 {
color: #333;
text-transform: uppercase;
}
h1 {
    font-size: 34px;
    line-height: 36px;
    margin-top: 0px;
    padding-bottom: 7px;
    margin-bottom: 20px;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: left;
}
.invisio {
font-size: 29px;
font-weight: 900;
}


@media (max-width: 533px) {
h1 {
    font-size: 24px;
    line-height: 29px;
    letter-spacing: 0px;
}
.invisio {
font-size: 25px;
}
html {
    font-size: 14px;
    line-height: 18px;
}
}
.uk-h1 {
    margin-top: 0px;
    margin-bottom: 25px;
    font-size: 17px;
    line-height: 21px;
    font-weight: normal;
}
h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 37px;
    text-align: left;
}
.ls-layers h2 {
text-transform: none;
}
@media (max-width: 533px) {
h2 {
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 0px;
}
}
.uk-h2 {
    margin-top: 0px;
    margin-bottom: 25px;
    margin-left: 0px;
    font-size: 21px;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
}
h3, .uk-h3 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 1px;
}
.uk-panel-title {
    font-size: 22px;
}
.uk-h4 {
    font-size: 18px;
    letter-spacing: 1px;
}
h5, .uk-h5 {
    font-size: 18px;
    line-height: 15px;
}
.galerie-startseite h5 {
    font-size: 19px;
    line-height: 24px;
    letter-spacing: 1px;
    color: #000;
}
.uk-h6 {
    letter-spacing: 1px;
}
.uk-contrast h1, .uk-contrast h2, .uk-contrast h3, .uk-contrast h4, .uk-contrast h5, .uk-contrast h6, .uk-block-muted h1, .uk-block-muted h2, .uk-block-muted h3, .uk-block-muted h4, .uk-block-muted h5, .uk-block-muted h6 {
    color: #333;
}
.uk-contrast .uk-h5 {
    color: rgba(255, 255, 255, 1);
    letter-spacing: 1px;
    font-size: 17px;
}
.uk-contrast, .uk-block-muted {
    color: rgba(255, 255, 255, 1);
}
.uk-contrast .uk-subnav > .uk-active > a, .uk-block-muted .uk-subnav > .uk-active > a {
    color: #0cf;
}
.tm-footer-centered .tm-footer .tm-brand {
    font-size: 17px;
}
.portfolio .uk-panel-box, .referenzen-teaser .uk-panel-box  {
    padding-bottom: 20px;
    padding: 0px;
    }
.portfolio .uk-panel-box > .uk-panel-teaser {
    margin-top: 0px;
    margin-left:-0px;
    margin-right:-0px;
}
.uk-panel-box {
    background: #fcfcfc;
}
a.awesome {
    padding: 3px 8px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
    background: #cccc33;
    text-transform: uppercase;
}
@media (max-width: 533px) {
a.awesome {
    font-size: 14px;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: left;
    display: inherit;
}
}
a.awesome:hover {
   text-decoration: none;
}
a.awesome::before {
    content: "\f08e";
    display: inline-block;
    font-family: FontAwesome !important;
    font-size: 15px !important;
    font-weight: normal !important;
    font-style: normal !important;
    margin-right: 6px;
    vertical-align: 0px;
}
a.awesomemail {
    padding: 3px 8px;
    background: #cccc33;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
a.awesomemail::before {
    content: "\f0e0";
    display: inline-block;
    font-family: FontAwesome !important;
    font-size: 18px !important;
    font-weight: 100 !important;
    font-style: normal !important;
    background: transparent!important;
    margin-right: 6px;
    vertical-align: 0px;
}
a.awesomemail:hover {
    color: #fff;
    text-decoration: none;
}
.uk-block-default + .uk-block-default, .uk-block-muted + .uk-block-muted, .uk-block-primary + .uk-block-primary, .uk-block-secondary + .uk-block-secondary {
    border-top: none;
}

.kontakt a {
    text-transform: none;
}
.silbentrennung {
    text-align: justify!important;
      }
a.startunsichtbar {
    display: none!important;
}
.xing .image-title, .linkedin .image-title {
    display: none!important;
}
.xing img {
    margin-bottom: 5px;
}
.linkedin img {
    margin-bottom: 11px;
}
a.xing {
    margin-right: -5px;
    margin-left: 30px;
}
.uk-overlay-background {
    background: rgba(255, 255, 255, 0.85);
}
.kundenstimmen .uk-margin p {
    font-style: italic;
    font-size: 16px;
}
.kunde {
    float: right;
    margin-top: -20px;
    font-style: normal;  }
.uk-panel li {
    line-height: 21px;
    margin-bottom: 12px;
}
@media (min-width: 1220px) {
  .startseite-erwarten .uk-panel-space {
    padding: 0px;
    padding-top: 20px;
    padding-left: 40px;
  }
  }
.startseite-erwarten .uk-overlay-scale {
    padding-top: 20px;
}
.portfolio .uk-panel-box {
    background: #CCCC33;
    color: #111!important;
    padding-bottom: 5px;
    box-shadow: 0 1px 15px rgba(0, 0, 0, 0.1), 0 1px 15px rgba(0, 0, 0, 0.1);
}
.portfolio .uk-panel-teaser {
    margin-bottom: 24px;
}
.portfolio .uk-h1 {
    font-size: 15px;
    color: #333;
    letter-spacing: 0px!important;
    font-weight: 700;
    text-transform: none;
}
.pecompleteklein {
text-transform: none!important;
}

.img-verbreiterung img {
    max-width: 101.4%;

}
.uk-dotnav > .uk-active > * {
    background: #cccc33;
    border-color: #cccc33;
    box-shadow: 0 0 0 1px #cccc33;
}

  }
@media (min-width: 768px) {
  .start-top-d {
    padding-top: 25px;
  }
}
.panelboxen .uk-panel-box {
    background: #AAA099;
    border: 5px solid #CCCC33;
    color: #fff!important;
    padding-bottom: 5px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1), 0 1px 15px rgba(0, 0, 0, 0.1);
}
.panelboxen .uk-h3 {
    font-size: 15px;
    letter-spacing: 0px!important;
    font-weight: 700!important;
    color: #fff;
    }
.sliderlayerh1 {
    margin-top: -146px;
    background: rgba(204, 204, 51, 0.85);
    height: 58px;
    width: auto;
    position: absolute;
    -webkit-animation-name: exampleh1;  /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-name: exampleh1;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
.sliderlayerh1 h1 {
    float: left;
    margin: 0;
    color: #fff;
    padding-left: 9px;
    padding-right: 7px;
    padding-top:9px;
    font-size: 37px;
    font-weight: 700;
    line-height: 38px;
    text-transform: none;
}
@-webkit-keyframes exampleh1 {
    from {top: -80px;}
    to {top: 52px; }
}
@keyframes exampleh1 {
    from {top: -80px;}
    to {top: 52px;}
}
.sliderlayerh2 {
visibility: hidden;

    margin-top: -90px;
    height: 58px;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
    color: #333;
    width: auto;
    text-align: left;
    max-width: 1100px;
    padding: 0px 10px 0px 10px;
    position: absolute;
    -webkit-animation-name: exampleh2;  /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s;  /* Safari 4.0 - 8.0 */
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-name: exampleh2;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-delay: 1s;
    text-transform: uppercase;

}

@-webkit-keyframes exampleh2 {
    from {top: -50px;}
    to {top: 52px;
 }
}
@keyframes exampleh2 {
    from {margin-left: -850px; background: #AAA099; visibility: visible;; }
    to {margin-left: 0px; background: #AAA099; visibility: visible; }
}


@media (max-width: 1219px) {

.sliderlayerh2 {
    max-width: 900px;
}
}

@media (max-width: 990px) {

.sliderlayerh2 {
    max-width: 860px;
}
}
@media (max-width: 954px) {

.sliderlayerh2 {
    max-width: 840px;
}
}
@media (max-width: 934px) {

.sliderlayerh2 {
    max-width: 820px;
}
}
@media (max-width: 914px) {

.sliderlayerh2 {
    max-width: 800px;
}
}
@media (max-width: 894px) {

.sliderlayerh2 {
    max-width: 780px;
}
}
@media (max-width: 874px) {

.sliderlayerh2 {
    max-width: 760px;
}
}
@media (max-width: 854px) {

.sliderlayerh2 {
    max-width: 740px;
}
}
@media (max-width: 834px) {

.sliderlayerh2 {
    max-width: 720px;
}
}
@media (max-width: 814px) {

.sliderlayerh2 {
    max-width: 700px;
}
}
@media (max-width: 794px) {

.sliderlayerh2 {
    max-width: 680px;
}
}
@media (max-width: 774px) {

.sliderlayerh2 {
    max-width: 660px;
}
}
@media (max-width: 754px) {

.sliderlayerh2 {
    max-width: 640px;
}
}
@media (max-width: 734px) {

.sliderlayerh2 {
    max-width: 620px;
}
}
@media (max-width: 714px) {

.sliderlayerh2 {
    max-width: 600px;
}
}
@media (max-width: 694px) {

.sliderlayerh2 {
    max-width: 580px;
}
}
@media (max-width: 674px) {

.sliderlayerh2 {
    max-width: 560px;
}
}
@media (max-width: 654px) {

.sliderlayerh2 {
    max-width: 540px;
}
}
@media (max-width: 634px) {

.sliderlayerh2 {
    max-width: 520px;
}
}
@media (max-width: 614px) {

.sliderlayerh2 {
    max-width: 500px;
}
}
@media (max-width: 594px) {

.sliderlayerh2 {
    max-width: 480px;
}
}
@media (max-width: 574px) {

.sliderlayerh2 {
    max-width: 460px;
}
}
@media (max-width: 554px) {

.sliderlayerh2 {
    max-width: 440px;
}
}
@media (max-width: 534px) {

.sliderlayerh2 {
    max-width: 420px;
}
}
@media (max-width: 514px) {

.sliderlayerh2 {
    max-width: 400px;
}
}
@media (max-width: 494px) {

.sliderlayerh2 {
    max-width: 380px;
}
}
@media (max-width: 474px) {

.sliderlayerh2 {
    max-width: 360px;
}
}

@media (max-width: 454px) {

.sliderlayerh2 {
    max-width: 340px;
}
}
@media (max-width: 434px) {

.sliderlayerh2 {
    max-width: 320px;
}
}
@media (max-width: 414px) {

.sliderlayerh2 {
    max-width: 300px;
}
}
@media (max-width: 394px) {

.sliderlayerh2 {
    max-width: 280px;
}
}


@media (max-width: 767px) {
.sliderlayerh1 h1 {
    padding-right: 7px;
    padding-top:9px;
    font-size: 34px;
 line-height: 38px;

}
.sliderlayerh2 {
visibility: hidden;

    margin-top: -69px;
    height: 56px;
    font-size: 20px;
    font-weight: 700;
    line-height: 27px;
    color: #333;
    width: auto;
    text-align: left;
    padding: 0px 10px 0px 10px;
}
}
@media (max-width: 660px) {
.sliderlayerh1 h1 {
    padding-right: 7px;
    padding-top:9px;
    font-size: 28px;
 line-height: 38px;

}


.sliderlayerh2 {
visibility: hidden;

    margin-top: -69px;
    height: 56px;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: #333;
    width: auto;
    text-align: left;
    padding: 0px 10px 0px 10px;


}
}

@media (max-width: 556px) {

.sliderlayerh1 {
    margin-top: -113px;

    height: 38px;
    }
.sliderlayerh1 h1 {
    padding-left: 9px;
    padding-right: 7px;
    padding-top:0px;
    font-size: 21px;
 line-height: 38px;

}
.sliderlayerh2 {
visibility: hidden;

    margin-top: -58px;
    height: 36px;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    color: #333;
    width: auto;
    text-align: left;
    padding: 0px 10px 0px 10px;


}
}
@media (max-width: 448px) {

html {
font-size: 3.13vw;
}
.sliderlayerh1 {
    margin-top: -112px;
    height: 38px;
    }
.sliderlayerh1 h1 {
    font-size: 4vw;
}
.invisio {
font-size: 6.2vw;
font-weight: 900;
}
.sliderlayerh2 {
visibility: hidden;

    margin-top: -58px;
    font-size: 12px;
    font-size: 2.7vw;
    font-weight: 700;
    line-height: 13px;
    color: #333;
    width: auto;
    text-align: left;
    padding: 0px 10px 0px 10px;

}

.kundenstimmen .uk-margin p {

    font-size: 3.13vw;
}
.kunde {

   }
}

.uk-offcanvas-bar {
    background: #AAA099;
}
html .uk-nav.uk-nav-offcanvas > li.uk-active > a {
    background: none;
    color: #fff;
    box-shadow: none;}





.footerwidget a {
    text-transform: none;
    color: #CCCC33!important;
}




@media (max-width: 767px) {

 .tm-footer-fixed {
    padding-bottom: 600px;

}
.tm-footer-fixed .tm-block-footer {
    height: 605px;
}
 .footerwidget, .footerwidget p, .footerwidget a {
    font-size: 14px;
}
 .footerwidget img {
 display: none;

}

}

[class*='uk-animation-slide-bottom'] {
  -webkit-animation-duration: 4.5s;
  animation-duration: 4.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}