.resolution {
  background-color: #640000;
  color: white;
  position: absolute;
  top: 0;
  left: 0;
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: local(""), url("../fonts/roboto-v30-latin-300.woff2") format("woff2"), url("../fonts/roboto-v30-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local(""), url("../fonts/roboto-v30-latin-regular.woff2") format("woff2"), url("../fonts/roboto-v30-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local(""), url("../fonts/roboto-v30-latin-700.woff2") format("woff2"), url("../fonts/roboto-v30-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
body {
  width: 100vw;
}

.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  width: 1130px;
}

@media all and (max-width: 1130px) {
  .container {
    width: 90vw;
  }
}
html {
  font-size: 10px;
  font-family: "Roboto", sans-serif;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: rgb(255, 255, 255);
  color: rgb(77, 77, 77);
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  margin: 0;
}

.cookieNotice {
  background: rgb(156, 193, 226);
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  bottom: 5rem;
  right: 5rem;
  width: 700px;
  padding: 2rem;
  display: none;
}
.cookieNotice .content .heading {
  font-size: 2rem;
  font-weight: 300;
}
.cookieNotice .content p {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 2.5rem;
}
.cookieNotice .close {
  padding-left: 1.5rem;
}
.cookieNotice .close .toggle .trigger {
  cursor: pointer;
}

@media all and (max-width: 1000px) {
  .cookieNotice {
    width: 100%;
    left: 0;
    right: 0;
  }
}
@media all and (max-width: 580px) {
  .cookieNotice {
    bottom: 14rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 95%;
  }
}
html {
  overflow-x: hidden;
}

.topNav.scroll {
  z-index: 1000;
}

.topNavWrapper {
  margin: 0;
  padding: 4.4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  list-style: none;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.topNavWrapper li.navItem.hasSub {
  text-decoration: none;
  font-size: 1.8rem;
  color: rgb(77, 77, 77);
  font-weight: 300;
  background: white;
  letter-spacing: 0.1rem;
  padding: 2rem;
  cursor: pointer;
}
.topNavWrapper li.navItem.hasSub a {
  text-decoration: none;
  color: rgb(77, 77, 77);
  cursor: pointer;
  letter-spacing: 0.1rem;
}
.topNavWrapper li.navItem.hasSub ul.sub {
  position: absolute;
  top: 150px;
  left: 0;
  width: 100%;
  background: rgba(25, 215, 25, 0.5);
  margin: 0;
  padding: 0;
  list-style: none;
  z-index: 10;
  -webkit-transition: visibility 0s linear;
  transition: visibility 0s linear;
  visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.topNavWrapper li.navItem.hasSub ul.sub .navLeft {
  background: rgb(219, 233, 244);
  padding: 5rem;
  -ms-flex-preferred-size: 65%;
      flex-basis: 65%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.topNavWrapper li.navItem.hasSub ul.sub .navLeft .left, .topNavWrapper li.navItem.hasSub ul.sub .navLeft .right {
  -ms-flex-preferred-size: 45%;
      flex-basis: 45%;
  outline: 1px soid red;
}
.topNavWrapper li.navItem.hasSub ul.sub .navLeft .left .subSub, .topNavWrapper li.navItem.hasSub ul.sub .navLeft .right .subSub {
  list-style: none;
  margin: 0;
  padding: 0;
}
.topNavWrapper li.navItem.hasSub ul.sub .navLeft .left .subSub li, .topNavWrapper li.navItem.hasSub ul.sub .navLeft .right .subSub li {
  margin-bottom: 2rem;
}
.topNavWrapper li.navItem.hasSub ul.sub .navLeft .left .subSub li.first, .topNavWrapper li.navItem.hasSub ul.sub .navLeft .right .subSub li.first {
  font-weight: 700;
}
.topNavWrapper li.navItem.hasSub ul.sub .navLeft .left .subSub li a:hover, .topNavWrapper li.navItem.hasSub ul.sub .navLeft .right .subSub li a:hover {
  color: rgb(35, 113, 185);
}
.topNavWrapper li.navItem.hasSub ul.sub .contactRight {
  background: rgb(156, 193, 226);
  padding: 5rem;
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}
.topNavWrapper li.navItem.hasSub ul.sub .contactRight span.heading {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  color: white;
  font-size: 2.5rem;
  font-weight: 300;
}
.topNavWrapper li.navItem.hasSub ul.sub .contactRight a.contactLink {
  text-align: center;
  outline: 2px solid white;
  padding: 0.75rem 1.5rem;
  color: white;
  text-decoration: none;
  font-weight: 400;
  font-size: 1.8rem;
  cursor: pointer;
  letter-spacing: 0.1rem;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
  margin-top: 3rem;
}
.topNavWrapper li.navItem.hasSub ul.sub .contactRight a.contactLink:hover {
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
}
.topNavWrapper li.navItem.hasSub:hover {
  background-color: rgb(219, 233, 244);
  color: rgb(35, 113, 185);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.topNavWrapper li.navItem.hasSub:hover ul.sub {
  visibility: visible;
  -webkit-transition: visibility 0s linear;
  transition: visibility 0s linear;
}
.topNavWrapper li.navItem {
  text-decoration: none;
  font-size: 1.8rem;
  color: rgb(77, 77, 77);
  font-weight: 300;
  background: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.topNavWrapper li.navItem a.single {
  text-decoration: none;
  color: rgb(77, 77, 77);
  cursor: pointer;
  position: relative;
  letter-spacing: 0.1rem;
}
.topNavWrapper li.navItem a.single:hover {
  color: rgb(35, 113, 185);
}
.topNavWrapper li.navItem a.single:hover::after {
  position: absolute;
  width: 100%;
  height: 5px;
  content: "";
  background: no-repeat url(/user/themes/vibag/media/svg/menu_dot.svg) center center/contain;
  display: block;
}
.topNavWrapper li.navItem a.single.active {
  color: rgb(35, 113, 185);
}
.topNavWrapper li.navItem a.single.active::after {
  position: absolute;
  width: 100%;
  height: 5px;
  content: "";
  background: no-repeat url(/user/themes/vibag/media/svg/menu_dot.svg) center center/contain;
  display: block;
}

.bottomNavWrapper {
  display: none;
}

.contentWrapper {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.closeWrapper {
  display: none;
}

.topNavMobile {
  display: none;
}

.headerMobile {
  display: none;
}

.topNav.scroll {
  position: fixed;
  top: 0;
  width: 100%;
  -webkit-box-shadow: 0px -3px 19px 5px rgba(0, 0, 0, 0.15);
          box-shadow: 0px -3px 19px 5px rgba(0, 0, 0, 0.15);
  background: white;
}
.topNav.scroll .topNavWrapper {
  padding: 0;
}
.topNav.scroll .topNavWrapper .navItemCenter {
  display: none;
}
.topNav.scroll .contentWrapper {
  -ms-flex-preferred-size: 1130px;
      flex-basis: 1130px;
  margin: auto;
}
.topNav.scroll .topNavWrapper li.navItem.hasSub ul.sub {
  top: 60px;
}

@media all and (max-width: 1130px) {
  .container.topNav {
    display: none;
  }
  .headerMobile {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1rem 0;
  }
  .headerMobile .spacer {
    -ms-flex-preferred-size: 5rem;
        flex-basis: 5rem;
    margin: 0 3rem;
  }
  .headerMobile .navTriggerWrapper {
    -ms-flex-preferred-size: 5rem;
        flex-basis: 5rem;
  }
  .headerMobile .navTriggerWrapper .navTrigger {
    background: no-repeat url(/user/themes/vibag/media/svg/triggerMenu.svg) center center/contain;
    height: 30px;
    width: 30px;
    cursor: pointer;
  }
  .headerMobile .logoWrapper {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .headerMobile .logoWrapper a img {
    height: 110px;
  }
  .topNavMobile {
    display: none;
  }
  .topNavMobile.active {
    position: fixed;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    background: rgba(0, 0, 0, 0.5);
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
  }
  .topNavMobile.active .menuWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -ms-flex-preferred-size: 60%;
        flex-basis: 60%;
    height: 100vh;
    background: white;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    overflow-y: scroll;
  }
  .topNavMobile.active .menuWrapper .closeMenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 7rem 5rem 0 0;
  }
  .topNavMobile.active .menuWrapper .closeMenu .closeTrigger {
    width: 30px;
    height: 30px;
    background: no-repeat url(/user/themes/vibag/media/svg/closeNav.svg) center center/contain;
    cursor: pointer;
  }
  .topNavMobile.active .menuWrapper .midMenuWrapper {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .topNavMobile.active .menuWrapper .midMenuWrapper ul.firstLvl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    list-style: none;
    padding: 0;
  }
  .topNavMobile.active .menuWrapper .midMenuWrapper ul.firstLvl li {
    padding: 1rem 0;
  }
  .topNavMobile.active .menuWrapper .midMenuWrapper ul.firstLvl li.active > span {
    color: rgb(35, 113, 185);
  }
  .topNavMobile.active .menuWrapper .midMenuWrapper ul.firstLvl a, .topNavMobile.active .menuWrapper .midMenuWrapper ul.firstLvl span {
    text-decoration: none;
    color: rgb(77, 77, 77);
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 300;
    padding: 0 0 0 5rem;
  }
  .topNavMobile.active .menuWrapper .midMenuWrapper ul.firstLvl li ul.secondLvl {
    display: none;
  }
  .topNavMobile.active .menuWrapper .midMenuWrapper ul.firstLvl li ul.secondLvl .anchor a {
    padding-left: 0;
  }
  .topNavMobile.active .menuWrapper .midMenuWrapper ul.firstLvl li.active ul.secondLvl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 2rem;
    background-color: #DBE9F4;
  }
  .topNavMobile.active .menuWrapper .midMenuWrapper ul.firstLvl li.active ul.secondLvl li {
    padding: 1rem 0;
    padding-left: 0;
  }
  .topNavMobile.active .menuWrapper .midMenuWrapper ul.firstLvl li.active ul.secondLvl li.anchor {
    border-bottom: 1px solid #9CC1E2;
  }
  .topNavMobile.active .menuWrapper .midMenuWrapper ul.firstLvl li.active ul.secondLvl li.anchor.bt {
    border-top: 1px solid #9CC1E2;
  }
  .topNavMobile.active .menuWrapper .midMenuWrapper ul.firstLvl li.active ul.secondLvl li.anchor a {
    font-weight: 700;
  }
  .topNavMobile.active .menuWrapper .midMenuWrapper ul.firstLvl li.active ul.secondLvl li.anchor.space {
    padding-left: 5rem;
  }
  .topNavMobile.active .menuWrapper .midMenuWrapper ul.firstLvl li.active ul.secondLvl li span {
    font-weight: 700;
  }
  .topNavMobile.active .menuWrapper .midMenuWrapper ul.firstLvl li.active ul.secondLvl li:not(.anchor) a {
    font-size: 1.4rem;
  }
  .topNavMobile.active .menuWrapper .bottomMenuWrapper {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-top: 4rem;
  }
  .topNavMobile.active .menuWrapper .bottomMenuWrapper ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    width: 100%;
    margin: 0;
    padding: 0 5rem;
    padding-bottom: 4rem;
  }
  .topNavMobile.active .menuWrapper .bottomMenuWrapper ul li {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .topNavMobile.active .menuWrapper .bottomMenuWrapper ul li.social {
    margin-bottom: 2rem;
  }
  .topNavMobile.active .menuWrapper .bottomMenuWrapper ul li.social a:first-of-type {
    padding-right: 2rem;
  }
  .topNavMobile.active .menuWrapper .bottomMenuWrapper ul li.social a {
    text-decoration: none;
    padding-left: 0;
    text-decoration: none;
    border-bottom: none;
  }
  .topNavMobile.active .menuWrapper .bottomMenuWrapper ul li a {
    font-size: 1.6rem;
    font-weight: 300;
    color: rgb(77, 77, 77);
    text-decoration: none;
    border-bottom: 1px solid rgb(77, 77, 77);
    display: inline-block;
    margin-bottom: 0.5rem;
  }
}
@media all and (max-width: 660px) {
  .topNavMobile.active .menuWrapper {
    -ms-flex-preferred-size: 80%;
        flex-basis: 80%;
    padding: 2rem 0 8rem 0;
    overflow-y: scroll;
  }
  .topNavMobile.active .menuWrapper .closeMenu {
    padding-right: 4rem;
  }
  .topNavMobile.active .menuWrapper .bottomMenuWrapper ul {
    padding: 0 4rem;
  }
  .headerMobile {
    padding: 2rem 0;
  }
  .headerMobile .logoWrapper a img {
    height: 10rem;
  }
  .headerMobile .spacer {
    margin: 0;
  }
}
.imgHeaderWrapper {
  background: rgb(243, 243, 243);
  padding: 3.7rem 0;
}

.imgHeaderContent {
  width: 100%;
  min-height: 47.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.imgHeaderContent .left {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  background: rgb(226, 178, 58);
  padding: 6rem 3.3rem 2.5rem 3.3rem;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.imgHeaderContent .left h1 {
  font-size: 2.5rem;
  text-transform: uppercase;
  font-weight: 300;
  color: white;
  line-height: 3.3rem;
  margin: 0 0 2rem 0;
  letter-spacing: 0.1rem;
}
.imgHeaderContent .left p {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.5rem;
  color: white;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.imgHeaderContent .left .ecoWrapper {
  background: no-repeat url("../media/svg/VIBAG_ECOSozial.svg") left bottom/contain;
  height: 10rem;
}
.imgHeaderContent .right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media all and (max-width: 660px) {
  .imgHeaderContent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .imgHeaderContent .left {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    padding: 3.3rem;
  }
  .imgHeaderContent .right {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    min-height: 18rem;
  }
}
.videoHeaderWrapper {
  background-color: #FBF4E1;
  padding: 3rem 0;
}

.videoHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.videoHeader .imgWrapper {
  min-height: 40rem;
  -ms-flex-preferred-size: 34%;
      flex-basis: 34%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.videoHeader .videoWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 64%;
      flex-basis: 64%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  /* position: relative;*/
}
.videoHeader .videoWrapper video {
  height: 40rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media all and (max-width: 800px) {
  .videoHeader .imgWrapper {
    display: none;
  }
  .videoHeader .videoWrapper {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.contentTeaser {
  padding: 5.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.contentTeaser .introContent {
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
.contentTeaser .introContent h2 {
  font-size: 2.5rem;
  color: rgb(226, 178, 58);
  line-height: 3.2rem;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0 0 2rem 0;
  letter-spacing: 0.1rem;
}
.contentTeaser .introContent .subLine {
  color: rgb(77, 77, 77);
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: 300;
}
.contentTeaser .teaserRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.contentTeaser .teaserRow .teaser {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  padding: 0 2.1rem;
  text-align: center;
  margin: 4rem 0;
}
.contentTeaser .teaserRow .teaser .image .img {
  background-size: cover;
  background-repeat: no-repeat;
  width: 9.5rem;
  height: 9.5rem;
  margin: auto;
  border-radius: 50%;
  margin-bottom: 2.4rem;
}
.contentTeaser .teaserRow .teaser .image a {
  text-decoration: none;
}
.contentTeaser .teaserRow .teaser .content a {
  text-decoration: none;
}
.contentTeaser .teaserRow .teaser img {
  height: 9.5rem;
  width: 9.5rem;
  border-radius: 50%;
  margin-bottom: 2.4rem;
}
.contentTeaser .teaserRow .teaser h3 {
  margin: 0 0 0.5rem 0;
  font-weight: 300;
  font-size: 2rem;
  font-weight: 2.6rem;
  color: rgb(77, 77, 77);
}
.contentTeaser .teaserRow .teaser p, .contentTeaser .teaserRow .teaser a.teaserMore {
  font-size: 1.6rem;
  line-height: 2.6rem;
  font-weight: 300;
  color: rgb(77, 77, 77);
  margin: 0;
}
.contentTeaser .teaserRow .teaser a.teaserMore {
  margin-top: 0.5rem;
  display: inline-block;
  letter-spacing: 0.1rem;
  text-decoration: none;
  border-bottom: 1px solid rgb(77, 77, 77);
  -webkit-transition: color 0.5s linear;
  transition: color 0.5s linear;
}
.contentTeaser .teaserRow .teaser a.teaserMore:hover {
  color: rgb(35, 113, 185);
  border-bottom: 1px solid rgb(35, 113, 185);
  -webkit-transition: color 0.5s linear;
  transition: color 0.5s linear;
}
.contentTeaser .seperator {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  text-align: center;
  font-size: 2rem;
  font-weight: 300;
  padding: 2rem 0;
  letter-spacing: 0.1rem;
}

@media all and (max-width: 1130px) {
  .contentTeaser .teaserRow .teaser {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
@media all and (max-width: 1130px) {
  .contentTeaser .teaserRow {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .contentTeaser .teaserRow .teaser {
    -webkit-box-flex: initial;
        -ms-flex-positive: initial;
            flex-grow: initial;
    -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
  }
}
@media all and (max-width: 590px) {
  .contentTeaser .teaserRow {
    -ms-flex-pack: distribute;
        justify-content: space-around;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: crow wrap;
            flex-flow: crow wrap;
  }
  .contentTeaser .teaserRow.more {
    display: none;
  }
  .contentTeaser .teaserRow .teaser {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 2rem 0;
    margin: 2rem 0;
  }
  .contentTeaser .teaserRow .teaser .image {
    -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
  }
  .contentTeaser .teaserRow .teaser .image img {
    height: 8rem;
    width: 8rem;
  }
  .contentTeaser .teaserRow .teaser .content {
    -ms-flex-preferred-size: 69%;
        flex-basis: 69%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    padding-left: 2rem;
  }
  .contentTeaser .teaserRow .teaser .content p {
    text-align: left;
  }
  .contentTeaser .teaserRow .teaser .content h3 {
    text-align: left;
  }
  .contentTeaser .seperator {
    display: block;
    text-align: center;
  }
  .contentTeaser .seperator span {
    text-align: center;
    cursor: pointer;
    outline: 2px solid #4d4d4d;
    padding: 0.75rem 1.5rem;
    -webkit-transition: background 0.3s linear;
    transition: background 0.3s linear;
  }
  .contentTeaser .seperator span:hover {
    background: rgba(35, 113, 185, 0.2);
    -webkit-transition: background outline 0.3s linear;
    transition: background outline 0.3s linear;
    color: #2371b9;
    outline: 2px solid #2371b9;
  }
}
#breadcrumbs {
  padding: 0 !important;
  margin: 0.8rem 0;
}
#breadcrumbs span.entry, #breadcrumbs a {
  padding: 0;
  font-size: 1.4rem;
  color: #BBB;
}
#breadcrumbs span.entry.active, #breadcrumbs a.active {
  color: #9c9c9c;
}
#breadcrumbs .seperate {
  height: 5px;
  width: 5px;
  background: #9d9d9d;
  border-radius: 50%;
  display: inline-block;
  margin: 2px 4px;
}

.leistungenOverview {
  margin-bottom: 4rem;
}
.leistungenOverview .contentWrapper {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.leistungenOverview .contentWrapper a {
  color: rgb(77, 77, 77);
}
.leistungenOverview .contentWrapper .leftCol, .leistungenOverview .contentWrapper .rightCol {
  -ms-flex-preferred-size: 47%;
      flex-basis: 47%;
}
.leistungenOverview .contentWrapper .leftCol h1, .leistungenOverview .contentWrapper .rightCol h1 {
  color: rgb(226, 178, 58);
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2.5rem;
  line-height: 3.2rem;
  margin: 0;
}
.leistungenOverview .contentWrapper .leftCol p, .leistungenOverview .contentWrapper .rightCol p {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.5rem;
  margin: 2rem 0 0 0;
}
.leistungenOverview .contentWrapper.bottom {
  margin-top: 6rem;
}
.leistungenOverview .contentWrapper.bottom p {
  margin: 0;
}
.leistungenOverview .contentWrapper h2 {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 2.9rem;
  margin: 0 0 1rem 0;
  width: 100%;
}
.leistungenOverview .contentWrapper h3 {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.5rem;
  margin: 0;
}
.leistungenOverview .contentWrapper .rightCol.img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 32rem;
}
.leistungenOverview .contentWrapper .rightCol p {
  margin: 0.7rem 0 0 0;
}

@media all and (max-width: 870px) {
  .leistungenOverview .contentWrapper .leftCol {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 3rem;
  }
  .leistungenOverview .contentWrapper .rightCol {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .leistungenOverview .contentWrapper .rightCol.img {
    min-height: 20rem;
  }
}
.leistungOverview {
  margin-bottom: 4rem;
}
.leistungOverview .contentWrapper {
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.leistungOverview .contentWrapper .leftCol, .leistungOverview .contentWrapper .rightCol {
  -ms-flex-preferred-size: 47%;
      flex-basis: 47%;
}
.leistungOverview .contentWrapper .leftCol h1, .leistungOverview .contentWrapper .rightCol h1 {
  color: rgb(226, 178, 58);
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2.5rem;
  line-height: 3.2rem;
  margin: 0;
}
.leistungOverview .contentWrapper .leftCol p, .leistungOverview .contentWrapper .rightCol p {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.5rem;
  margin: 2rem 0 0 0;
}
.leistungOverview .contentWrapper h2 {
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 2.9rem;
  margin: 2rem 0 1rem 0;
  width: 100%;
}
.leistungOverview .contentWrapper .rightCol.img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 32rem;
  margin-top: 6rem;
}
.leistungOverview .contentWrapper .rightCol p {
  margin: 0.7rem 0 0 0;
}

@media all and (max-width: 870px) {
  .leistungOverview .contentWrapper .leftCol {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 3rem;
  }
  .leistungOverview .contentWrapper .rightCol {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .leistungOverview .contentWrapper .rightCol.img {
    min-height: 20rem;
    margin-top: 2.5rem;
  }
}
.testimonialsWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.testimonialsWrapper .introWrapper {
  -ms-flex-preferred-size: 66%;
      flex-basis: 66%;
  margin-top: 3rem;
}
.testimonialsWrapper .introWrapper h1 {
  color: rgb(226, 178, 58);
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2.5rem;
  line-height: 3.2rem;
  margin: 0;
}
.testimonialsWrapper .introWrapper p {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.5rem;
  margin: 2rem 0 0 0;
}
.testimonialsWrapper .testimonials {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 4rem 0;
}
.testimonialsWrapper .testimonials .testimonial {
  -ms-flex-preferred-size: 31%;
      flex-basis: 31%;
  height: 23rem;
  margin-bottom: 3rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}
.testimonialsWrapper .testimonials .zoomWrapper.hide {
  display: none;
}
.testimonialsWrapper .testimonials .zoomWrapper.show {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  background: rgba(0, 0, 0, 0.5);
}
.testimonialsWrapper .testimonials .zoomWrapper.show .imgWrapper {
  height: 60vh;
  width: 66vw;
  background-color: transparent;
  border: 10px solid white;
  -webkit-box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.15);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  position: relative;
}
.testimonialsWrapper .testimonials .zoomWrapper.show .closeToggle {
  position: absolute;
  top: 0;
  right: 0;
  height: 40px;
  width: 40px;
  background: rgba(0, 0, 0, 0.5) no-repeat url("../media/svg/closeLightbox.svg") 50% 50%/3rem;
  color: white;
  cursor: pointer;
}
.testimonialsWrapper .testimonials .zoomWrapper.show .owl-prev,
.testimonialsWrapper .testimonials .zoomWrapper.show .owl-next {
  width: 55px;
  position: absolute;
  height: 55px;
  background: transparent;
  border: none;
  bottom: 0;
  padding: 0;
  top: calc(50% - 25px);
}
.testimonialsWrapper .testimonials .zoomWrapper.show .owl-prev span,
.testimonialsWrapper .testimonials .zoomWrapper.show .owl-next span {
  color: white;
  font-size: 50px;
  background: rgba(0, 0, 0, 0.5);
  height: 55px;
  width: 55px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-flow: column-reverse;
          flex-flow: column-reverse;
}
.testimonialsWrapper .testimonials .zoomWrapper.show .owl-prev {
  left: calc(50% - 33vw + 10px);
}
.testimonialsWrapper .testimonials .zoomWrapper.show .owl-next {
  right: calc(50% - 33vw + 10px);
}
.testimonialsWrapper .testimonials .zoomWrapper.show .disabled {
  cursor: not-allowed;
}
.testimonialsWrapper .testimonials .zoomWrapper.show .disabled span {
  color: gray;
}

@media all and (max-width: 800px) {
  .testimonialsWrapper .introWrapper {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .testimonialsWrapper .testimonials .testimonial {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
  }
}
@media all and (max-width: 470px) {
  .testimonialsWrapper .testimonials .testimonial {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.pageIntro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 3rem;
}
.pageIntro h1 {
  color: #e2b23a;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2.5rem;
  line-height: 3.2rem;
  margin: 0;
}
.pageIntro p {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.5rem;
  margin: 2rem 0 0 0;
}
.pageIntro .content {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}

.formWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 4rem;
  margin-bottom: 4rem;
}
.formWrapper .form {
  -ms-flex-preferred-size: 60%;
      flex-basis: 60%;
}
.formWrapper .form #contact {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.formWrapper .form #contact label {
  display: none;
}
.formWrapper .form #contact input {
  width: 100%;
  display: block;
  background-color: #F3F3F3;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 300;
  font-size: 1.8rem;
  padding: 2rem 1.5rem;
  color: rgb(77, 77, 77);
}
.formWrapper .form #contact input:hover {
  background-color: rgb(156, 193, 226);
  color: white;
}
.formWrapper .form #contact input:focus {
  background-color: rgb(156, 193, 226);
  color: white;
  outline: none;
  outline-width: 0;
}
.formWrapper .form #contact select {
  width: 100%;
  display: block;
  background: #F3F3F3 no-repeat url("../media/svg/selectArrow.svg") right 1rem center/1.6rem;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 300;
  font-size: 1.8rem;
  padding: 2rem 1.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  outline: none;
  outline-width: 0;
}
.formWrapper .form #contact select options {
  color: rgb(77, 77, 77);
}
.formWrapper .form #contact select::-ms-expand {
  display: none;
}
.formWrapper .form #contact select:focus, .formWrapper .form #contact select:active {
  outline: none;
  outline-width: 0;
}
.formWrapper .form #contact textarea {
  width: 100%;
  display: block;
  background-color: #F3F3F3;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 300;
  font-size: 1.8rem;
  padding: 2rem 1.5rem;
  color: rgb(77, 77, 77);
  font-family: "Roboto", sans-serif;
}
.formWrapper .form #contact textarea:hover {
  background-color: rgb(156, 193, 226);
  color: white;
}
.formWrapper .form #contact textarea:focus {
  background-color: rgb(156, 193, 226);
  color: white;
  outline: none;
  outline-width: 0;
}
.formWrapper .form #contact .anrede {
  -ms-flex-preferred-size: 34%;
      flex-basis: 34%;
  margin: 0 0 1rem 0;
}
.formWrapper .form #contact .name {
  -ms-flex-preferred-size: 64%;
      flex-basis: 64%;
  margin: 0 0 1rem 0;
}
.formWrapper .form #contact .email, .formWrapper .form #contact .tel, .formWrapper .form #contact .betreff, .formWrapper .form #contact .message, .formWrapper .form #contact .captcha, .formWrapper .form #contact .buttons {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin: 1rem 0;
}
.formWrapper .form #contact button {
  color: #4d4d4d;
  text-decoration: none;
  outline: 2px solid #4d4d4d;
  padding: 0.75rem 1.5rem;
  font-weight: 300;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
  margin-top: 3rem;
  display: inline-block;
  border: none;
  background-color: white;
}
.formWrapper .form #contact button:hover {
  background: rgba(35, 113, 185, 0.2);
  -webkit-transition: background outline 0.3s linear;
  transition: background outline 0.3s linear;
  color: #2371b9;
  outline: 2px solid #2371b9;
  border: none;
}
.formWrapper .form .datenschutz .form-input-wrapper {
  margin: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.formWrapper .form .datenschutz .form-input-wrapper input {
  -ms-flex-preferred-size: 15px;
      flex-basis: 15px;
  margin: 0;
  margin-right: 1rem;
}
.formWrapper .form .datenschutz .form-input-wrapper label {
  -ms-flex-preferred-size: 90%;
      flex-basis: 90%;
  font-size: 1.4rem;
  font-weight: 300;
  margin-top: -0.3rem;
}
.formWrapper .image {
  -ms-flex-preferred-size: 37%;
      flex-basis: 37%;
  background: no-repeat url("../media/img/cat-kontakt.jpg") center right/cover;
}

@media all and (max-width: 870px) {
  .formWrapper .form {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .formWrapper .image {
    display: none;
  }
  .pageIntro .content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
@media all and (max-width: 450px) {
  .formWrapper .form #contact .anrede, .formWrapper .form #contact .name {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .formWrapper .form #contact .anrede {
    margin: 0 0 2rem 0;
  }
}
.projectsContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.projectsContent .contentWrapper {
  margin-top: 3rem;
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
}
.projectsContent .contentWrapper h1 {
  color: rgb(226, 178, 58);
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2.5rem;
  line-height: 3.2rem;
  margin: 0;
}
.projectsContent .contentWrapper p {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.5rem;
  margin: 2rem 0 0 0;
}
.projectsContent .teaserWrapper {
  margin-top: 3rem;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.projectsContent .teaserWrapper .leftCol, .projectsContent .teaserWrapper .rightCol {
  -ms-flex-preferred-size: 47%;
      flex-basis: 47%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.projectsContent .teaserWrapper .leftCol .imgWrapper, .projectsContent .teaserWrapper .rightCol .imgWrapper {
  height: 25rem;
}
.projectsContent .teaserWrapper .leftCol .imgWrapper.left, .projectsContent .teaserWrapper .rightCol .imgWrapper.left {
  background: no-repeat url("../media/img/cat-wohnbau.jpg") center center/cover;
}
.projectsContent .teaserWrapper .leftCol .imgWrapper.right, .projectsContent .teaserWrapper .rightCol .imgWrapper.right {
  background: no-repeat url("../media/img/cat-gewerbebau.jpg") center center/cover;
}
.projectsContent .teaserWrapper .leftCol .linkWrapper, .projectsContent .teaserWrapper .rightCol .linkWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: rgb(226, 178, 58);
  padding: 2rem 3.3rem;
}
.projectsContent .teaserWrapper .leftCol .linkWrapper span, .projectsContent .teaserWrapper .rightCol .linkWrapper span {
  color: white;
  font-size: 2.5rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
.projectsContent .teaserWrapper .leftCol .linkWrapper a, .projectsContent .teaserWrapper .rightCol .linkWrapper a {
  color: white;
  text-decoration: none;
  outline: 2px solid white;
  padding: 0.75rem 1.5rem;
  font-weight: 300;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
}
.projectsContent .teaserWrapper .leftCol .linkWrapper a:hover, .projectsContent .teaserWrapper .rightCol .linkWrapper a:hover {
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
}

@media all and (max-width: 850px) {
  .projectsContent .teaserWrapper {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .projectsContent .teaserWrapper .rightCol {
    margin-top: 4rem;
  }
  .projectsContent .teaserWrapper .rightCol, .projectsContent .teaserWrapper .leftCol {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .projectsContent .teaserWrapper .imgWrapper {
    height: 18rem !important;
  }
  .projectsContent .contentWrapper {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.projectContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 4rem;
}
.projectContent .intro {
  -ms-flex-preferred-size: 62%;
      flex-basis: 62%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.projectContent .intro h1 {
  color: rgb(226, 178, 58);
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2.5rem;
  line-height: 3.2rem;
  margin: 0;
}
.projectContent .intro p {
  font-weight: 300;
  font-size: 2rem;
  line-height: 2.5rem;
  margin: 2rem 0 0 0;
}
.projectContent .projectLogo {
  -ms-flex-preferred-size: 34%;
      flex-basis: 34%;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 12rem;
}
.projectContent .projectImages {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -ms-flex-preferred-size: 62%;
      flex-basis: 62%;
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.projectContent .projectImages .imgWrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  min-height: 44rem;
  margin-bottom: 4rem;
}
.projectContent .projectImages .mapping {
  font-size: 16px;
  margin-top: -30px;
  margin-bottom: 40px;
  font-weight: 300;
}
.projectContent .projectImages .textWrapper {
  margin-bottom: 2rem;
}
.projectContent .projectImages .textWrapper p {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.5rem;
  margin: 0 0 2rem 0;
}
.projectContent .projectImagesAdd {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.projectContent .projectImagesAdd .imgWrapper {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: 4rem;
  width: calc(33.3333333333% - 10px);
  min-height: 40rem;
}
.projectContent .projectDescription {
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4;
  -ms-flex-preferred-size: 34%;
      flex-basis: 34%;
  margin-top: 5rem;
}
.projectContent .projectDescription h2 {
  font-size: 2rem;
  font-weight: 300;
  text-transform: uppercase;
}
.projectContent .projectDescription p {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.5rem;
  margin: 0 0 2rem 0;
}
.projectContent .projectDescription ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.projectContent .projectDescription ul li {
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2.5rem;
}

.projectDetailsRow {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 30px 0 10px 0;
}
.projectDetailsRow .projectDetailItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.projectDetailsRow .projectDetailItem .icon {
  height: 40px;
  width: 40px;
  margin-right: 10px;
}
.projectDetailsRow .projectDetailItem .detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 16px;
  font-weight: 300;
}

@media all and (max-width: 800px) {
  .projectContent .intro {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .projectContent .projectImages {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .projectContent .projectLogo {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    margin: 4rem 0;
  }
  .projectContent .projectDescription {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-top: -1rem;
  }
  .projectContent .projectImagesAdd .imgWrapper {
    width: 100%;
  }
}
@media all and (max-width: 1080px) {
  .projectDetailsRow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .projectDetailsRow .projectDetailItem {
    margin-bottom: 20px;
  }
}
.projectTeaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.projectTeaser h2 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 300;
  color: rgb(226, 178, 58);
}
.projectTeaser .projects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
.projectTeaser .projects li.project {
  margin: 0 0 5rem 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.projectTeaser .projects li.project .projectImg {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  min-height: 25rem;
  background-size: contain;
  background-position: center center;
}
.projectTeaser .projects li.project .projectCont {
  -ms-flex-preferred-size: 65%;
      flex-basis: 65%;
  background-color: #F3F3F3;
  padding: 4rem;
}
.projectTeaser .projects li.project .projectCont h3 {
  font-size: 2rem;
  line-height: 2.9rem;
  font-weight: 300;
  color: #2371b9;
  margin: 0;
}
.projectTeaser .projects li.project .projectCont p {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.5rem;
  margin: 1rem 0 0 0;
}
.projectTeaser .projects li.project .projectCont a {
  color: #4d4d4d;
  text-decoration: none;
  outline: 2px solid #4d4d4d;
  padding: 0.75rem 1.5rem;
  font-weight: 300;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
  margin-top: 3rem;
  display: inline-block;
}
.projectTeaser .projects li.project .projectCont a:hover {
  background: white;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
}

@media all and (max-width: 730px) {
  .projectsList .introWrapper {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .projectsList .projectsWrapper .projectWrapper .img {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    height: 20rem;
  }
  .projectsList .projectsWrapper .projectWrapper .content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 2.5rem;
  }
  .projectsList .projectTeaser .projects li.project {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
  }
  .projectsList .projectTeaser .projects li.project .projectImg {
    min-height: 13rem !important;
  }
}
.projectsList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-top: 6rem;
}
.projectsList .introWrapper {
  -ms-flex-preferred-size: 66%;
      flex-basis: 66%;
}
.projectsList .introWrapper h2 {
  color: rgb(226, 178, 58);
  font-weight: 300;
  text-transform: uppercase;
  font-size: 2.5rem;
  line-height: 3.2rem;
  margin: 0;
}
.projectsList .introWrapper p {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.5rem;
  margin: 2rem 0 0 0;
}
.projectsList .projectTeaser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.projectsList .projectTeaser h2 {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 2.5rem;
  font-weight: 300;
  color: rgb(226, 178, 58);
}
.projectsList .projectTeaser .projects {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
}
.projectsList .projectTeaser .projects li.project {
  margin: 0 0 5rem 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.projectsList .projectTeaser .projects li.project .projectImg {
  -ms-flex-preferred-size: 35%;
      flex-basis: 35%;
  min-height: 25rem;
}
.projectsList .projectTeaser .projects li.project .projectCont {
  -ms-flex-preferred-size: 65%;
      flex-basis: 65%;
  background-color: #F3F3F3;
  padding: 4rem;
}
.projectsList .projectTeaser .projects li.project .projectCont h3 {
  font-size: 2rem;
  line-height: 2.9rem;
  font-weight: 300;
  color: #2371b9;
  margin: 0;
}
.projectsList .projectTeaser .projects li.project .projectCont p {
  font-weight: 300;
  font-size: 1.6rem;
  line-height: 2.5rem;
  margin: 1rem 0 0 0;
}
.projectsList .projectTeaser .projects li.project .projectCont a {
  color: #4d4d4d;
  text-decoration: none;
  outline: 2px solid #4d4d4d;
  padding: 0.75rem 1.5rem;
  font-weight: 300;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
  margin-top: 3rem;
  display: inline-block;
}
.projectsList .projectTeaser .projects li.project .projectCont a:hover {
  background: rgba(35, 113, 185, 0.2);
  -webkit-transition: background outline 0.3s linear;
  transition: background outline 0.3s linear;
  color: #2371b9;
  outline: 2px solid #2371b9;
}

@media all and (max-width: 730px) {
  .projectsList .introWrapper {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .projectsList .projectsWrapper .projectWrapper .img {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    height: 20rem;
  }
  .projectsList .projectsWrapper .projectWrapper .content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    padding: 2.5rem;
  }
}
.projectOverview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.projectOverview .introContent {
  width: 75%;
  margin: 0 auto;
  text-align: center;
}
.projectOverview .introContent h2 {
  font-size: 2.5rem;
  color: rgb(226, 178, 58);
  line-height: 3.2rem;
  text-transform: uppercase;
  font-weight: 300;
  margin: 0 0 2rem 0;
  letter-spacing: 0.1rem;
}
.projectOverview .introContent .subLine {
  color: rgb(77, 77, 77);
  font-size: 2rem;
  line-height: 2.6rem;
  font-weight: 300;
}
.projectOverview .projectContent {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  margin-top: 5rem;
  margin-bottom: 10rem;
}
.projectOverview .projectContent .left, .projectOverview .projectContent .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.projectOverview .projectContent .left .imgWrapper, .projectOverview .projectContent .right .imgWrapper {
  min-height: 25rem;
}
.projectOverview .projectContent .left .subLine, .projectOverview .projectContent .right .subLine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  background-color: rgb(226, 178, 58);
  padding: 2rem 3.3rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.projectOverview .projectContent .left .subLine .content, .projectOverview .projectContent .right .subLine .content {
  color: white;
  font-size: 2.5rem;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
.projectOverview .projectContent .left .subLine a.link, .projectOverview .projectContent .right .subLine a.link {
  color: white;
  text-decoration: none;
  outline: 2px solid white;
  padding: 0.75rem 1.5rem;
  font-weight: 300;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
}
.projectOverview .projectContent .left .subLine a.link:hover, .projectOverview .projectContent .right .subLine a.link:hover {
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
}
.projectOverview .projectContent .left {
  -ms-flex-preferred-size: 65%;
      flex-basis: 65%;
}
.projectOverview .projectContent .left .imgWrapper {
  background: no-repeat url("/user/themes/vibag/media/img/teaser-projekte.jpg") center center/cover;
}
.projectOverview .projectContent .right {
  -ms-flex-preferred-size: 30%;
      flex-basis: 30%;
}
.projectOverview .projectContent .right .imgWrapper {
  background: no-repeat url("/user/themes/vibag/media/img/teaser-referenzen.jpg") center center/cover;
}

@media all and (max-width: 1130px) {
  .projectOverview .projectContent .left, .projectOverview .projectContent .right {
    -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
  }
  .projectOverview .projectContent .left .subLine .content, .projectOverview .projectContent .right .subLine .content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 1.5rem;
  }
}
@media all and (max-width: 750px) {
  .projectOverview .projectContent .left, .projectOverview .projectContent .right {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .projectOverview .projectContent .left .subLine .content, .projectOverview .projectContent .right .subLine .content {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 1.5rem;
  }
  .projectOverview .projectContent .left {
    margin-bottom: 5rem;
  }
}
.contactSplitter {
  background: rgb(156, 193, 226);
}
.contactSplitter .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 3.3rem 0;
}
.contactSplitter .content .intro {
  color: white;
  font-weight: 300;
  font-size: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.contactSplitter .content a.link {
  color: white;
  text-decoration: none;
  outline: 2px solid white;
  padding: 0.75rem 1.5rem;
  font-weight: 300;
  font-size: 1.8rem;
  letter-spacing: 0.1rem;
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
}
.contactSplitter .content a.link:hover {
  background: rgba(255, 255, 255, 0.3);
  -webkit-transition: background 0.3s linear;
  transition: background 0.3s linear;
}

@media all and (max-width: 1130px) {
  .contactSplitter .content .intro {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 2.5rem;
  }
}
.legalSep {
  height: 3rem;
  background-color: rgb(243, 243, 243);
}

.legalContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  padding: 3rem 0;
}
.legalContent h1 {
  font-size: 2.5rem;
  color: rgb(226, 178, 58);
  font-weight: 300;
  margin: 0;
}
.legalContent h2 {
  font-size: 2rem;
  color: rgb(77, 77, 77);
  font-weight: 300;
  margin: 2.5rem 0 0 0;
}
.legalContent h3 {
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: rgb(77, 77, 77);
  font-weight: 300;
  margin: 10px 0 0 0;
}
.legalContent p, .legalContent a {
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: rgb(77, 77, 77) !important;
  font-weight: 300;
  margin: 0;
}
.legalContent ul {
  margin: 0;
  padding: 0;
  list-style-position: inside;
  margin: 1rem 0;
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: rgb(77, 77, 77);
  font-weight: 300;
}

footer {
  background: rgb(243, 243, 243);
  padding: 3.4rem 0 2rem 0;
}
footer .footerContent {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
footer .footerContent .contactInfo, footer .footerContent .socialLinks {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  font-weight: 300;
  font-size: 1.6rem;
  color: rgb(77, 77, 77);
  line-height: 2.5rem;
}
footer .footerContent .contactInfo span.blue, footer .footerContent .socialLinks span.blue {
  color: rgb(35, 113, 185);
}
footer .footerContent .socialLinks {
  text-align: right;
}
footer .footerContent .socialLinks a {
  display: inline-block;
  text-decoration: none;
  width: 4rem;
  height: 4rem;
  background-color: red;
}
footer .footerContent .socialLinks a.fbLink {
  background: no-repeat url("/user/themes/vibag/media/svg/fb.svg") center center/contain;
}
footer .footerContent .socialLinks a.fbLink:hover {
  background: no-repeat url("/user/themes/vibag/media/svg/fb_hover.svg") center center/contain;
}
footer .footerContent .socialLinks a.instaLink {
  background: no-repeat url("/user/themes/vibag/media/svg/insta.svg") center center/contain;
}
footer .footerContent .socialLinks a.instaLink:hover {
  background: no-repeat url("/user/themes/vibag/media/svg/insta_hover.svg") center center/contain;
}
footer .footerContent .socialLinks a:first-of-type {
  margin-right: 20px;
}
footer .footerContent .seperator {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  height: 1px;
  background: rgb(35, 113, 185);
  margin: 2rem 0;
}
footer .footerContent .copyright {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  font-size: 1.6rem;
  font-weight: 300;
  color: rgb(77, 77, 77);
}
footer .footerContent .footerNav {
  width: 50%;
  text-align: right;
}
footer .footerContent .footerNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer .footerContent .footerNav ul li {
  display: inline-block;
}
footer .footerContent .footerNav ul li a {
  font-size: 1.6rem;
  font-weight: 300;
  color: rgb(77, 77, 77);
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  text-decoration: none;
  border-bottom: 1px solid rgb(77, 77, 77);
  padding-bottom: 0.3rem;
  -webkit-transition: color 0.5s linear;
  transition: color 0.5s linear;
}
footer .footerContent .footerNav ul li a:hover {
  color: rgb(35, 113, 185);
  border-bottom: 1px solid rgb(35, 113, 185);
  -webkit-transition: color 0.5s linear;
  transition: color 0.5s linear;
}
footer .footerContent .footerNav ul li:first-of-type {
  margin-right: 3rem;
}

@media all and (max-width: 550px) {
  footer .footerContent .contactInfo, footer .footerContent .socialLinks, footer .footerContent .copyright, footer .footerContent .footerNav {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  footer .footerContent .socialLinks {
    text-align: left;
    margin: 2rem 0 0rem 0;
  }
  footer .footerContent .copyright {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
  footer .footerContent .footerNav {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    text-align: left;
    margin-bottom: 2rem;
  }
  footer .footerContent .footerNav ul li {
    display: block;
    margin: 1rem 0;
  }
}