body {
  font-family: 'Open Sans', sans-serif;
  color: #485961;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: #c02e00;
  font-size: 38px;
  line-height: 44px;
  font-weight: 400;
  text-align: center;
}

h2 {
  display: block;
  max-width: 76%;
  margin: 20px auto 10px;
  color: #0063be;
  font-size: 30px;
  line-height: 36px;
  font-weight: 400;
  text-align: left;
  text-transform: uppercase;
}

h3 {
  display: block;
  max-width: 76%;
  margin: 20px auto 10px;
  color: #0063be;
  font-size: 24px;
  line-height: 30px;
  font-weight: 400;
  text-transform: uppercase;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-transform: uppercase;
}

a {
  text-decoration: underline;
}

label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

.body {
  background-color: #f6f6f6;
}
.slider {
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.slider-oben {
  display: block;
  width: 100%;
  height: 100%;
  max-height: 85%;
  min-height: 40%;
}

.slider-oben-bild {
  min-height: 500px;
  background-image: none;
}

.section-oben-im-slider {
  position: relative;
  z-index: 2;
  display: block;
  max-width: 54%;
  min-height: 45%;
  margin: 32% 23% 85px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 12px;
  background-color: rgba(248, 146, 22, .82);
  box-shadow: 0 -1px 7px 1px rgba(200, 250, 70, .87);
}

.absatz-links {
  padding-top: 38px;
  color: #fff;
  text-align: center;
}

.absatz-links._17-pt {
  padding-top: 25px;
  font-size: 17px;
}

.absatz-links.white-section {
  display: block;
  max-width: 76%;
  margin-right: auto;
  margin-bottom: auto;
  margin-left: auto;
  padding-top: 22px;
  padding-bottom: 33px;
  color: #485961;
  text-align: left;
}

.absatz-links.white-section.copyright {
  color: #6c8794;
  font-size: 13px;
}

.absatz-links.lightbox {
  display: block;
  max-width: 95%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 22px;
  color: #485961;
}

.section {
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.section.white {
  z-index: 1;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 55px;
  padding-bottom: 85px;
  background-color: #fff;
}

.section.white.detailseiten {
  padding-top: 0px;
}

.section.bild {
  z-index: 1;
  min-height: 450px;
  background-image: url('../images/slider_idea.jpg');
  background-position: 50% 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.section.bild.scroll {
  background-image: url('../images/hg_digitaldruck-2.jpg');
  background-position: 50% 40%;
  background-size: cover;
  background-attachment: scroll;
}

.section.dark {
  padding-top: 55px;
  padding-bottom: 85px;
}

.h3-white {
  display: block;
  max-width: 92%;
  margin-right: auto;
  margin-left: auto;
  padding-top: 7px;
  padding-bottom: 7px;
  border-radius: 8px;
  background-color: rgba(255, 94, 3, .35);
  font-family: 'Droid Sans', sans-serif;
  color: #fff;
  font-size: 24px;
}

.hauptmenue {
  position: fixed;
  left: 0px;
  top: 0px;
  right: 0px;
  display: block;
  margin-right: auto;
  margin-left: auto;
  background-color: hsla(0, 0%, 95%, .97);
  box-shadow: 0 1px 3px 0 rgba(72, 89, 97, .7);
}

.hauptmenue.test {
  max-width: 21%;
  margin-top: 94px;
}

.section-top {
  display: block;
  min-height: 94px;
  margin-right: auto;
  margin-left: auto;
}

.slider-nav {
  padding-right: 2%;
  text-align: right;
}

.slider-nav.portfol {
  display: block;
  margin-right: auto;
  margin-bottom: -50px;
  margin-left: auto;
  font-size: 10px;
  text-align: center;
}

.nav-link {
  margin-top: 9px;
  padding-right: 15px;
  padding-left: 9px;
  font-family: 'Open Sans', sans-serif;
  color: #485961;
  font-size: 13px;
  text-transform: uppercase;
}

.nav-link:hover {
  color: #0063be;
}

.nav-link.w--current {
  color: #0063be;
}

.nav-link.footer {
  margin-top: 0px;
  padding-top: 21px;
  padding-bottom: 19px;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  text-decoration: none;
  text-transform: none;
}

.logo {
  max-height: 75px;
  max-width: 124px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: transparent;
}

.logo.details {
  max-height: 75px;
  max-width: 124px;
  margin-top: 5px;
  margin-bottom: 5px;
}

.goto-top {
  position: fixed;
  right: -3px;
  bottom: 50px;
  z-index: 999;
  width: 48px;
  height: 45px;
  margin: auto 3px auto 0px;
  padding-left: 2px;
  border-style: solid none solid solid;
  border-width: 2px 0px 2px 2px;
  border-color: hsla(0, 0%, 61%, .75) transparent hsla(0, 0%, 61%, .75) hsla(0, 0%, 61%, .75);
  border-radius: 10px 0px 0px 10px;
  background-color: rgba(255, 94, 3, .5);
  background-image: url('../images/zum_anfang.png');
  background-position: 50% 50%;
  background-size: 28px;
  background-repeat: no-repeat;
  background-attachment: scroll;
  opacity: 0;
  color: #fff;
  font-size: 40px;
  text-align: center;
}

.goto-top:hover {
  border-top-color: #9b9b9b;
  border-bottom-color: #9b9b9b;
  border-left-color: #9b9b9b;
  background-color: rgba(255, 94, 3, .8);
}

.goto-top.zwei {
  opacity: 1;
}

.h2-heading-serif {
  padding-top: 10px;
  padding-bottom: 10px;
  font-family: 'Droid Serif', serif;
}

.h2-heading-serif.portfolio {
  font-family: 'Roboto Slab', sans-serif;
  font-size: 18px;
  font-weight: 700;
  text-transform: none;
}

.spacer {
  display: block;
  width: 75px;
  height: 2px;
  margin: 15px auto 28px;
  border-radius: 3px;
  background-color: #bebcbc;
}

.nav-menu {
  max-width: 92%;
  padding-top: 5px;
  padding-bottom: 5px;
}

.nav-menu.mobile {
  display: block;
  max-width: 100%;
  -webkit-transition: max-height 200ms ease;
  transition: max-height 200ms ease;
}

.slider-arrow {
  width: 32px;
  height: 32px;
  padding: 5px;
  border-radius: 100%;
  background-color: hsla(0, 0%, 61%, .75);
  color: hsla(0, 0%, 100%, .6);
  font-size: 22px;
}

.slider-arrow.right {
  margin-right: -26px;
  margin-left: -26px;
  border-top-left-radius: 0%;
  background-color: #bebcbc;
}

.slider-arrow.left {
  margin-right: -26px;
  margin-left: -26px;
  border-top-right-radius: 0%;
  background-color: #bebcbc;
}

.slide {
  background-image: url('../images/example-bg.png');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

.slide._1 {
  background-image: url('../images/angebote_slider.jpg');
  background-position: 50% 0px;
  background-size: cover;
}

.slide._2 {
  background-image: url('../images/erleuchtung.jpg');
  background-position: 50% 70%;
  background-size: cover;
}

.slide._3 {
  background-image: url('../images/slider-3.jpg');
  background-position: 50% 85%;
  background-size: cover;
}

.slide-advent {
  background-image: url('../videos/hintergrund_advent-2016.jpg');
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 95px;
}

.stoerer {
  display: block;
  max-width: 92%;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  padding: 7px;
  border-radius: 8px;
  background-color: hsla(40, 85%, 87%, .25);
}

.row-projekte {
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  padding-right: 10%;
  padding-left: 10%;
}

.projekte {
  display: block;
  margin-right: auto;
  margin-left: auto;
  border-radius: 8px;
  background-image: url('../images/portfolio_bildbearbeitung-3a.jpg');
  background-position: 50% 50%;
  background-size: 125%;
  background-repeat: no-repeat;
  opacity: 0.5;
  -webkit-transition: opacity 1000ms ease, -webkit-transform 1000ms ease;
  transition: opacity 1000ms ease, -webkit-transform 1000ms ease;
  transition: opacity 1000ms ease, transform 1000ms ease;
  transition: opacity 1000ms ease, transform 1000ms ease, -webkit-transform 1000ms ease;
}

.projekte:hover {
  background-image: url('../images/portfolio_bildbearbeitung-3a.jpg');
  background-position: 50% 50%;
  background-size: 125%;
  opacity: 1;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.projekte.grafikdesign {
  background-image: url('../images/projekte_grafikdesign.jpg');
  background-position: 5% 50%;
  background-size: cover;
}

.projekte.webdesign {
  /* background-image: url('../images/portfolio_web-4.jpg'); */
  background-image: url('../images/projekte_webdesign.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.projekte.werbeartikel {
  background-image: url('../images/projekte_werbeartikel.jpg');
  background-position: 50% -13px;
  background-size: cover;
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
}

.projekte.sonderanfertigungen {
  background-image: url('../images/projekte_sonderanfertigung.jpg');
  background-position: 50% 0px;
  background-size: contain;
}

.projekte.bekleidung1 {
  background-image: url('../images/bekleidung-1.jpg');
  background-position: 60% 50%;
  background-size: cover;
}

.projekte.werbemittel1 {
  background-image: url('../images/werbemittel-1.jpg');
  background-position: 70% 50%;
  background-size: cover;
}

.projekte.werbemittel2 {
  background-image: url('../images/werbemittel-2.jpg');
  background-size: cover;
}

.projekte.werbemittel3 {
  background-image: url('../images/werbemittel-3.jpg');
  background-position: 13% 50%;
  background-size: auto 125%;
}

.projekte.werbemittel4 {
  background-image: url('../images/werbemittel-4.jpg');
  background-size: cover;
}

.projekte.bekleidung2 {
  background-image: url('../images/bekleidung-2.png');
  background-size: cover;
}

.projekte.bekleidung3 {
  background-image: url('../images/bekleidung-4.jpg');
  background-position: 55% 20%;
  background-size: auto 120%;
}

.projekte.bekleidung4 {
  background-image: url('../images/bekleidung-5.jpg');
  background-position: 80% 50%;
  background-size: cover;
}

.column-projekte {
  padding-right: 1.5%;
  padding-left: 1.5%;
}

.google-map {
  height: 625px;
}

.open-kontakt {
  position: relative;
  display: block;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
  padding-bottom: 25px;
  background-color: #485961;
  color: #fff;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
}

.open-kontakt:hover {
  opacity: 0.85;
}

.open-kontakt.w--current {
  background-color: #485961;
}

.section-footer {
  position: relative;
  min-height: 50px;
  background-color: #dadada;
}

.kontakt {
  position: relative;
  overflow: hidden;
}

.arrow-kontakt {
  margin-top: 5px;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.footer-navbar {
  background-color: transparent;
}

.column-footer {
  display: block;
  max-height: 60px;
  margin-right: auto;
  margin-left: auto;
}

.row-footer {
  display: block;
  max-width: 92%;
  margin-right: auto;
  margin-left: auto;
}

.farbfelder {
  padding-right: 0px;
  padding-left: 0px;
}

.farbfelder-hg {
  min-height: 255px;
  padding: 5%;
  background-color: rgba(0, 152, 255, .68);
  text-align: center;
}

.farbfelder-hg.orange {
  background-color: rgba(255, 122, 0, .72);
}

.farbfelder-hg.green {
  background-color: rgba(158, 231, 2, .88);
}

.farbfelder-hg.grey {
  background-color: rgba(183, 191, 197, .85);
}

.image-farbfelder {
  max-height: 200px;
}

.image-farbfelder.blue {
  margin-top: -20px;
}

.hervorhebung {
  color: #0063be;
  font-weight: 600;
}

.hervorhebung.grau {
  color: #485961;
}

.row-quader {
  display: block;
  max-width: 76%;
  margin-top: 23px;
  margin-right: auto;
  margin-left: auto;
}

.column-quader {
  position: relative;
  min-height: 100px;
  padding-left: 10px;
  border-right: 8px solid #fff;
  background-color: #f2f2f2;
  color: #0063be;
  text-align: center;
}

.column-quader.blau {
  background-color: #0063be;
  color: #f2f2f2;
}

.h5-quader {
  position: absolute;
  left: 0px;
  top: 31%;
  right: 0px;
  bottom: 19%;
}

.link-h5 {
  position: absolute;
  left: 0px;
  top: 26%;
  right: 0px;
  bottom: 23%;
  display: inline-block;
  color: #0063be;
  text-decoration: none;
}

.link-h5.silber {
  color: #f2f2f2;
}

.div-netzwerk {
  display: block;
  overflow: hidden;
  max-width: 76%;
  margin-top: 50px;
  margin-right: auto;
  margin-left: auto;
}

.div-netzwerk.geschichte {
  position: relative;
}

.div-firmengeschichte {
  display: block;
  overflow: hidden;
  max-width: 76%;
  margin-right: auto;
  margin-left: auto;
}

.div-news {
  display: block;
  overflow: hidden;
  max-width: 76%;
  margin-right: auto;
  margin-left: auto;
}

.link-quader {
  position: relative;
  display: block;
  width: 100%;
  min-height: 80px;
  margin-top: 10px;
}

.link-quader:hover {
  border-radius: 2px;
  box-shadow: 0 0 9px 0 #8dec14;
}

.div-presse {
  display: block;
  overflow: hidden;
  max-width: 76%;
  margin-right: auto;
  margin-left: auto;
}

.div-auszeichnungen {
  display: block;
  overflow: hidden;
  max-width: 76%;
  margin-right: auto;
  margin-left: auto;
}

.link-slider {
  display: block;
  height: 100%;
}
.medium-text {
  position: static;
  display: inline-block;
  margin-top: 33px;
  padding-top: 0px;
  float: none;
  font-family: Open Sans, sans-serif;
  color: #737373;
  font-size: 18px;
  font-style: normal;
}

.big-text {
  position: static;
  display: inline-block;
  width: 100%;
  padding-top: 0px;
  padding-bottom: 55px;
  padding-left: 55px;
  float: none;
  border-bottom: 0px solid rgba(255, 255, 255, 0.2);
  font-family: Asap, sans-serif;
  color: #3a3a3d;
  font-size: 47px;
  line-height: 125%;
  font-weight: 700;
  text-align: left;
  letter-spacing: 0px;
  text-transform: uppercase;
}
.big-text.hell {
  color: #ffffff;
  padding-left: 1%;
}
.big-text.leistungen {
  padding-bottom: 45px;
}
.big-text.weihnachten {
  font-size: 27px;
  line-height: 125%;
  padding-top: 10px;
}

.punkt_home_orange {
  font-family:'Open Sans', sans-serif;
  color: #ff5e00;
  font-weight: 700;
}
.punkt_home_gruen {
  font-family:'Open Sans', sans-serif;
  color: #84bf45;
  font-weight: 700;
}
.punkt_home_blau {
  font-family:'Open Sans', sans-serif;
  color: #0083c8;
  font-weight: 700;
}
.punkt_home_pink {
  font-family:'Open Sans', sans-serif;
  color: #e3009b;
  font-weight: 700;
}

.projekte-bild {
  display: block;
  min-width: 87%;
  margin-right: auto;
  margin-left: auto;
  border-radius: 8px;
}

.projekte-text {
  position: relative;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: inline-block;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  background-color: grey;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  cursor: default;
}

.projekte-text:hover {
  background-color: #0063be;
}

.link-projekte {
  display: block;
}

.ueber-uns-bild {
  margin-top: 20px;
  margin-bottom: 29px;
}

.absatz-zentriert {
  padding-top: 22px;
  text-align: center;
}

.absatz-zentriert.leistung {
  min-height: 150px;
}

.leistungen-icon {
  display: block;
  max-width: 50%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.leistungen-icon.bigger {
  max-width: 55%;
  margin-top: -1px;
}

.leistungen-icon.biggertest {
  max-width: 90%;
  margin-top: -1px;
}

.leistungen-icon-div {
  display: block;
  overflow: hidden;
  width: 100px;
  height: 100px;
  margin-right: auto;
  margin-bottom: 25px;
  margin-left: auto;
  padding-top: 25px;
  border: 1px solid #bebcbc;
  border-radius: 100%;
}

.leistungen-icon400-div {
  display: block;
  overflow: hidden;
  width: 300px;
  height: 300px;
  margin-right: auto;
  margin-bottom: 25px;
  margin-left: auto;
  padding-top: 25px;
  border: 0px solid #bebcbc;
  border-radius: 100%;
}

.leistungen-button {
  display: block;
  max-width: 85%;
  margin-top: 30px;
  margin-right: auto;
  margin-left: auto;
  border-style: solid;
  border-width: 2px;
  border-color: rgba(72, 89, 97, .5);
  border-radius: 8px;
  background-color: #f2f2f2;
  color: #0063be;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase;
}

.leistungen-button:hover {
  border-color: #8dec14;
  background-color: #0063be;
  background-image: none;
  color: #fff;
}

.column-leistungen {
  margin-bottom: 60px;
  padding-right: 5%;
  padding-left: 5%;
}

.row-leistungen {
  display: block;
  margin-top: 35px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 25px;
  padding-right: 5%;
  padding-left: 5%;
}

.row-leistungen.last-row {
  margin-bottom: -60px;
}

.leistungen-icon-herz {
  display: block;
  max-width: 50%;
  margin-top: 3px;
  margin-right: auto;
  margin-left: auto;
}

.kontaktformular {
  max-height: 3200px;
  max-width: 86%;
  min-height: 1000px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 30px;
  padding-bottom: 25px;
}

.eingabefeld {
  max-width: 85%;
  border-radius: 5px;
  background-color: #fff;
}

.eingabefeld.textfeld {
  min-height: 100px;
  margin-bottom: 22px;
}

.eingabefeld.datenschutz {
  height: auto;
  margin-bottom: 22px;
}

.eingabefeld.checkbox {
  margin-bottom: 31px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 31px;
}

.team {
  display: block;
  margin-right: auto;
  margin-bottom: 6px;
  margin-left: auto;
  border-radius: 8px;
  background-image: url('../images/buchfuehrung_gruen.jpg');
  background-position: 50% 50%;
  background-size: 250px;
  background-repeat: no-repeat;
  opacity: 0.5;
  -webkit-transition: opacity 1000ms ease, -webkit-transform 1000ms ease;
  transition: opacity 1000ms ease, -webkit-transform 1000ms ease;
  transition: opacity 1000ms ease, transform 1000ms ease;
  transition: opacity 1000ms ease, transform 1000ms ease, -webkit-transform 1000ms ease;
}

.team:hover {
  opacity: 1;
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.team.sandra {
  background-image: url('../images/fsfuehrung.jpg');
  background-position: 45% 50%;
  background-size: cover;
}

.team.michael {
  background-image: url('../images/grafikdesigner.jpg');
  background-size: cover;
}

.team.chrissie {
  background-image: url('../images/team_werbemittel-1c.jpg');
  background-position: 85% -20px;
  background-size: cover;
}

.team.werbemittel {
  background-image: url('../images/team_werbemittel-2.jpg');
  background-position: 12% -30px;
  background-size: cover;
}

.team.telefon {
  background-image: url('../images/team_telefon-2.jpg');
  background-position: -5px 0px;
  background-size: cover;
}

.detailseiten-bild {
  background-image: url('../images/erleuchtung.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.5;
  -webkit-transition: opacity 1000ms ease;
  transition: opacity 1000ms ease;
}

.detailseiten-bild:hover {
  opacity: 1;
}

.detailseiten-bild.grafikdesign {
  display: inline-block;
  background-image: url('../images/projekte_grafikdesign.jpg');
  background-position: 11% 50%;
}

.detailseiten-bild.grafikdesign-unten {
  background-image: url('../images/grafikdesign_unten-3.jpg');
  background-size: cover;
  opacity: 1;
  -webkit-transition: all 1500ms ease-in-out;
  transition: all 1500ms ease-in-out;
}

.detailseiten-bild.grafikdesign-unten:hover {
  background-image: url('../images/grafikdesign_unten-4.jpg');
  background-size: cover;
}

.detailseiten-bild.webdesign-unten {
  background-image: url('../images/portfolio_3D-Button-2b.jpg');
  background-size: contain;
}

.detailseiten-bild.webdesign-oben {
  /* background-image: url('../images/webdesign_oben-1.jpg'); */
  background-image: url('../images/portfolio_web-19.jpg');
  background-position: 85% 50%;
  background-size: cover;
}

.detailseiten-bild.marketing-unten {
  background-image: url('../images/marketing_unten-1_1000px.jpg');
  background-position: 31% 0px;
  background-size: auto 85%;
  opacity: 1;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 1500ms;
  transition-duration: 1500ms;
}

.detailseiten-bild.marketing-unten:hover {
  background-image: url('../images/marketing_unten-2.png');
  background-size: auto 85%;
}

.detailseiten-bild.fullservice-unten {
  background-image: url('../images/fullservice_unten-1_1000px.jpg');
  background-size: cover;
}

.detailseiten-bild.sonderanfertigung-unten {
  background-image: url('../images/sonderanfertigung_unten-1_1000px.jpg');
  background-position: 50% 0px;
  background-size: auto 85%;
}

.detailseiten-bild.sonderanfertigungtextilien-unten {
  background-image: url('../images/bekleidung-2.png');
  background-position: 50% 0px;
  background-size: cover;
}

.detailseiten-bild.marketing {
  background-position: 50% 100%;
}

.detailseiten-bild.sonderanfertigung {
  background-image: url('../images/sonderanfertigung_oben-1_1000px.jpg');
  background-position: 50% 15px;
  background-size: auto 85%;
}

.detailseiten-bild.sonderanfertigungtextilien {
  background-image: url('../images/bekleidung-3.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.detailseiten-bild.fullservice {
  background-image: url('../images/fullservice_oben-1_800px.jpg');
  background-size: cover;
}

.detailseiten-bild.werbetechnik {
  background-image: url('../images/werbetechnik_oben-1_1000px.jpg');
  background-position: 50% 77%;
  background-size: cover;
}

.detailseiten-bild.werbetechnik-unten {
  background-image: url('../images/werbetechnik-1.jpg');
  background-position: 57% 50%;
  background-size: auto 114%;
}

.detailseiten-oben-text {
  padding-top: 25px;
  padding-right: 0px;
  padding-left: 0px;
}

.detailseiten-oben-bild {
  display: block;
  min-height: 550px;
}

.detailseiten-oben-bild.sonderanfertigung {
  opacity: 0.5;
  -webkit-transition: opacity 1000ms ease;
  transition: opacity 1000ms ease;
}

.detailseiten-oben-bild.sonderanfertigung:hover {
  opacity: 1;
}

.detailseiten-bild.takeaway {
  display: inline-block;
  background-image: url('../images/take-away/take-away-nachhaltig-1.jpg');
  background-position: 50% 50%;
  opacity: 1;
  -webkit-transition: all 1500ms ease-in-out;
  transition: all 1500ms ease-in-out;
}

.detailseiten-bild.takeaway:hover {  
  background-image: url('../images/take-away/take-away-nachhaltig-1b.jpg');
/*  -webkit-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: scale(1.1);
/*  transform: rotateY(179deg); */
}

.detailseiten-bild.takeaway-2 {
  background-image: url('../images/take-away/take-away-nachhaltig-2b.jpg');
  opacity: 1;
  -webkit-transition: all 1500ms ease-in-out;
  transition: all 1500ms ease-in-out;
}

.detailseiten-bild.takeaway-2:hover {
  background-image: url('../images/take-away/take-away-nachhaltig-2.jpg');
}

.detailseiten-bild.takeaway-3 {
  background-image: url('../images/take-away/take-away-nachhaltig-7.png');
  opacity: 1;
  -webkit-transition: all 1500ms ease-in-out;
  transition: all 1500ms ease-in-out;
}

.detailseiten-bild.takeaway-3:hover {
  background-image: url('../images/take-away/take-away-nachhaltig-6.jpg');
}

.detailseiten-bild.takeaway-4 {
  background-image: url('../images/take-away/take-away-nachhaltig-8.jpg');
  opacity: 1;
  -webkit-transition: all 1500ms ease-in-out;
  transition: all 1500ms ease-in-out;
}

.detailseiten-bild.takeaway-4:hover {
  background-image: url('../images/take-away/take-away-nachhaltig-8b.jpg');
}

.auflistung {
  display: block;
  max-width: 76%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 20px;
}

.detailseiten-mitte {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #f2f2f2;
}

.h3-detailseiten-mitte {
  display: block;
  max-width: 88%;
  margin: 0px auto;
  font-family: 'Open Sans', sans-serif;
  color: #0063be;
  font-size: 18px;
  font-weight: 700;
  text-align: right;
  text-transform: uppercase;
}

.h4-detailseiten {
  display: block;
  max-width: 76%;
  margin-right: auto;
  margin-left: auto;
  font-family: 'Roboto Slab', sans-serif;
  color: #0063be;
  font-size: 16px;
}

.auflistung-li {
  padding-bottom: 9px;
}

.auflistung-li.padding {
  padding-top: 22px;
}

.auflistung-li.fetter {
  font-weight: 700;
}

.link-im-text {
  color: #ff5e03;
  font-weight: 600;
  text-decoration: none;
}

.link-portfolio {
  color: #ff5e03;
  text-decoration: none;
}

.div-impressum {
  margin-top: 50px;
}

.arbeitsfelder-team {
  font-family: 'Roboto Slab', sans-serif;
  font-size: 13px;
}

.arbeitsfelder-team.orange {
  color: #ff5e03;
}

.facebook-footer {
  padding-top: 21px;
  padding-left: 7%;
}

.submenu {
  max-height: 40px;
/*  padding-top: 10px;
  padding-bottom: 10px; */
  padding: 10px 15px;
  font-family: 'Roboto Slab', sans-serif;
  color: #485961;
}

.submenu:hover {
  color: #0063be;
}

.container-submenu {
  max-width: 85%;
  margin-top: 5px;
  margin-right: auto;
  margin-left: auto;
  border-radius: 9px;
  background-image: -webkit-linear-gradient(270deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .8) 50%, hsla(0, 0%, 100%, .1));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, .1), hsla(0, 0%, 100%, .8) 50%, hsla(0, 0%, 100%, .1));
  box-shadow: 0 1px 3px 0 rgba(72, 89, 97, .7);
  text-align: center;
}

.submenu-portfolio {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.nav-menu-portfolio {
  float: none;
}

.submenunavbar {
  position: fixed;
  width: 100%;
  min-height: 50px;
  /* top: 150px; */
  padding-top: 7px;
  padding-bottom: 10px;
  background-color: #f6f6f6;
}

.column-portfolio-text {
  margin-top: 43px;
  padding-top: 25px;
  padding-right: 25px;
  padding-left: 50px;
}

.column-portfolio-slider {
  margin-top: 30px;
  padding-top: 35px;
  padding-left: 100px;
}

.column-portfolio-slider.rechts {
  padding-right: 100px;
  padding-left: 0px;
}

.slider-portfolio {
  height: 100%;
  border-radius: 8px;
  background-color: transparent;
  box-shadow: 0 0 4px 0 rgba(141, 236, 20, .7);
}

.portfolio-image {
  display: block;
  margin-right: auto;
  margin-left: auto;
  border-radius: 8px;
}

.row-portfolio-white {
  background-color: #fff;
}

.row-portfolio-grey {
  background-color: #f6f6f6;
}

.section-grey {
  padding-top: 55px;
  padding-bottom: 85px;
  background-color: #f6f6f6;
}

.textlink-portfolio {
  display: inline-block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #ff5e03;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}

.textlink-portfolio:hover {
  color: #0063be;
}

.beschreibung-portfolio {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #0063be;
  font-weight: 600;
  text-align: center;
}

.lightbox-auszeichnungen {
  max-height: 250px;
  padding-top: 20px;
  cursor: -webkit-zoom-in;
}

.row-ueber-uns {
  margin-top: 30px;
}

html.w-mod-js *[data-ix="hide-kontakt-on-load"] {
  height: 0px;
}

html.w-mod-js *[data-ix="hide-unternehmen-on-load"] {
  height: 0px;
}

html.w-mod-js *[data-ix="slide-in-slider-big-text-on-slide"] {
  opacity: 0;
  -webkit-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
}
html.w-mod-js *[data-ix="slide-in-slider-big-text-on-slide-2"] {
  opacity: 0;
  -webkit-transform: translate(0px, -40px);
  -ms-transform: translate(0px, -40px);
  transform: translate(0px, -40px);
}
html.w-mod-js *[data-ix="slide-in-slider-big-text-on-slide-3"] {
  opacity: 0;
  -webkit-transform: translate(0px, 40px);
  -ms-transform: translate(0px, 40px);
  transform: translate(0px, 40px);
}

@media (max-width: 991px) {
  .nav-link {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .goto-top {
    font-size: 32px;
  }
  .nav-menu.mobile {
    padding-top: 25px;
    background-color: hsla(0, 0%, 95%, .93);
  }
  .menu-button.w--open {
    background-color: rgba(0, 99, 190, .85);
  }
  .column-projekte {
    margin-bottom: 60px;
  }
}

@media (max-width: 767px) {
  h1 {
    font-size: 32px;
  }
  .section-oben-im-slider {
    display: block;
    max-width: 66%;
    margin-top: 28%;
    margin-right: auto;
    margin-left: auto;
  }
  .absatz-links._17-pt {
    font-size: 14px;
  }
  .absatz-links.white-section {
    margin-bottom: auto;
  }
}

@media (max-width: 479px) {
  .absatz-links._17-pt {
    font-size: 14px;
  }
}