:root {
  --black: black;
  --text: #333;
  --white: white;
  --peru: #d1791a;
  --grey: grey;
  --4: #897c59;
  --gainsboro: gainsboro;
  --1: #e9b657;
  --2: #4f91ae;
  --3: #a4705b;
  --5: #ce7160;
  --6: #667390;
  --7: #9fa29e;
  --8: #666a62;
  --9: #955356;
  --10: #db8b49;
  --11: #ad768d;
  --12: #c7b28c;
  --meisterhaft: #414877;
  --abgesetzt: #dbe3ee;
  --menu: #f7f7f7;
  --dark: #f4e7c7;
  --light: #fbf8ef;
}

body {
  background-color: var(--black);
  color: var(--text);
  font-family: Roboto v30 latin, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

h1 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: "Roboto v30 latin 900", sans-serif;
  font-size: 42px;
  font-weight: 900;
  line-height: 42px;
}

h2 {
  text-align: center;
  margin-top: 0;
  font-family: "Roboto v30 latin 900", sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.3;
}

h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "Roboto v30 latin 900", sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 30px;
}

.homebutton {
  height: 90px;
  padding: 15px;
  position: static;
  top: 0%;
  bottom: auto;
  left: 0%;
  right: auto;
}

.nav {
  height: 90px;
  align-items: stretch;
  display: flex;
}

.nav-link {
  color: #fff;
  text-shadow: 3px 2px #000;
  flex-direction: column;
  justify-content: center;
  padding: 12px 20px;
  font-family: Roboto v30 latin, sans-serif;
  font-weight: 400;
  text-decoration: none;
  display: flex;
}

.product-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  padding-bottom: 40px;
  display: grid;
}

.product-button {
  -webkit-backdrop-filter: grayscale();
  backdrop-filter: grayscale();
  color: var(--text);
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  transition: transform .2s, opacity .2s;
  display: flex;
}

.product-button:hover {
  transform: scale(1.04);
}

.product-button-image {
  width: 80%;
  display: block;
}

.product-button-label {
  text-align: center;
  font-family: Roboto v30 latin, sans-serif;
  font-weight: 400;
}

.footer {
  color: #fff;
  padding-top: 40px;
  padding-bottom: 40px;
}

.subnav {
  height: 0;
  background-color: #fff;
  display: none;
  overflow: hidden;
}

.subnav-grid {
  max-width: 1920px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  display: grid;
}

.subnav-button {
  color: var(--text);
  text-align: center;
  line-height: 1.3;
  text-decoration: none;
  transition: transform .2s;
}

.subnav-button:hover {
  transform: none;
}

.subnav-button-image {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.container {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.container.flex {
  height: 100%;
  justify-content: center;
  align-items: center;
  padding-top: 7px;
  display: flex;
}

.container.nav {
  height: 180px;
  justify-content: space-between;
  align-items: flex-start;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
}

.container.nav.autoheight {
  height: auto;
}

.textarrow {
  display: inline-block;
}

.logo {
  height: 100%;
  flex: none;
}

.gallery-grid {
  grid-column-gap: 40px;
  grid-row-gap: 50px;
  flex-wrap: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 20px;
  display: grid;
}

.gallery-thumb {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  border-radius: 3px;
  margin-bottom: 10px;
}

.gallery-link {
  color: var(--text);
  flex-direction: column;
  align-items: stretch;
  text-decoration: none;
  transition: transform .2s;
  display: flex;
}

.gallery-link:hover {
  transform: none;
}

.gallery-link._12 {
  border-right-style: none;
}

.h2-gallery-link {
  width: 100%;
  text-align: left;
  margin-bottom: 0;
  font-family: "Roboto v30 latin 900", sans-serif;
  font-size: 18px;
  font-weight: 900;
  line-height: 22px;
}

.gallery-item-description {
  width: 100%;
}

.link {
  color: var(--peru);
  text-decoration: none;
}

.utility-page-wrap {
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  display: flex;
}

.utility-page-content {
  width: 260px;
  text-align: center;
  flex-direction: column;
  display: flex;
}

.epilog {
  background-color: var(--white);
  text-align: center;
  padding-bottom: 40px;
}

.impressum {
  width: 100%;
  padding-top: 20px;
  display: flex;
}

.impressum-column {
  width: 33.3333%;
  color: var(--grey);
  text-align: center;
  margin-bottom: 50px;
  display: inline-block;
}

.footer-small-heading {
  font-size: 13px;
  font-style: italic;
}

.footer-eintrag {
  margin-bottom: 10px;
}

.section {
  background-color: #fff;
  padding-top: 40px;
}

.section.continuous {
  padding-top: 0;
}

.footer-heading {
  font-size: 20px;
  line-height: 26px;
}

.introtext {
  max-width: 800px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}

.introtext.lessgap {
  padding-bottom: 0;
}

.navbar {
  margin-left: auto;
  margin-right: auto;
}

.telefon-nr {
  text-align: center;
  letter-spacing: 4px;
  margin-bottom: 20px;
  font-family: "Roboto v30 latin 900", sans-serif;
  font-size: 32px;
  font-weight: 900;
}

.h3-tile-details {
  margin-top: 0;
  font-size: 18px;
  line-height: 23px;
}

.tablink {
  border: 1px solid var(--text);
  background-color: #fff;
  padding: 10px 15px;
}

.tablink.w--current {
  z-index: 100;
  border-color: var(--4);
  background-color: var(--text);
  color: #fff;
  font-weight: 900;
}

.tabs {
  margin-top: 30px;
}

.tabs-menu {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  justify-content: center;
  margin-bottom: 10px;
  display: flex;
}

.full-image {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.button {
  height: 50px;
  background-color: #0d8d56;
  border-radius: 25px;
  padding-top: 13px;
  padding-left: 19px;
  padding-right: 19px;
}

.balken {
  height: 5.5vw;
  background-image: url('../images/B4000.gif');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
}

.zb {
  width: 40vw;
}

.heading {
  margin-bottom: 20px;
}

.intro {
  text-align: center;
  margin-bottom: 20px;
}

.map {
  width: 100%;
  background-image: url('../images/Karte.jpg');
  background-position: 50%;
  background-size: cover;
  margin-bottom: 20px;
}

._404pix {
  margin-bottom: 20px;
}

.tab-pane {
  text-align: left;
  padding-top: 10px;
  padding-bottom: 10px;
}

.main {
  background-color: var(--white);
  padding-top: 40px;
  padding-bottom: 40px;
}

.head {
  background-color: #000;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 60px -60px;
  background-repeat: no-repeat;
  background-size: 350px;
}

.head._01ds {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/01_Dachstuehle.png');
  background-position: 0 0, 10px -30px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 350px;
}

.head._02dg {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/02_Dachgauben.png');
  background-position: 0 0, 60px -60px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 350px;
}

.head._03df {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/03_Dachfenster.png');
  background-position: 0 0, 60px -60px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 350px;
}

.head._04ts {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/04_Terrassen.png');
  background-position: 0 0, 60px -60px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 350px;
}

.head._05cp {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/05_Carports.png');
  background-position: 0 0, 60px -60px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 350px;
}

.head._06bs {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/06_Bauschreinerei.png');
  background-position: 0 0, 60px -60px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 350px;
}

.head._07ht {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/07_Treppen.png');
  background-position: 0 0, 10px -100px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 350px;
}

.head._08hb {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/08_Boeden.png');
  background-position: 0 0, 60px -60px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 350px;
}

.head._09tb {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/09_Trockenbau.png');
  background-position: 0 0, 60px -60px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 350px;
}

.head._10bk {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/10_Balkone.png');
  background-position: 0 0, 60px -60px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 350px;
}

.head._11so {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/11_Sonstiges.png');
  background-position: 0 0, 60px -60px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 350px;
}

.head._12ar {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/12_Archiv.png');
  background-position: 0 0, 60px -60px;
  background-repeat: repeat, no-repeat;
  background-size: auto, 350px;
}

.statichead {
  min-height: 50vh;
  background-image: url('../images/H-All_Zimmermann_434h.png'), linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)), url('../images/AdobeStock_168971527.jpg');
  background-position: 50% 100%, 0 0, 50%;
  background-repeat: no-repeat, repeat, no-repeat;
  background-size: auto 80%, auto, cover;
}

.statichead.kontakt {
  background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, 0)), url('../images/ZB_Buero.jpg');
  background-position: 0 0, 50%;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}

.map-embed {
  width: 100%;
  height: 50vh;
  margin-bottom: 20px;
}

html.w-mod-js [data-ix="initial-0-height-and-hidden"] {
  height: 0;
  display: none;
}

@media screen and (min-width: 1280px) {
  .balken {
    height: 5vw;
  }

  .zb {
    width: 35vw;
  }
}

@media screen and (min-width: 1440px) {
  .product-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .gallery-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .balken {
    height: 4.5vw;
  }
}

@media screen and (min-width: 1920px) {
  .subnav-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .gallery-grid {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .balken {
    height: 3.5vw;
  }
}

@media screen and (max-width: 991px) {
  .product-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .subnav-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    padding-bottom: 15px;
  }

  .subnav-button {
    font-size: 15px;
  }

  .container {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container.nav {
    padding-left: 20px;
    padding-right: 20px;
  }

  .gallery-grid {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .balken {
    height: 60px;
  }

  .zb {
    width: 50vw;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
    line-height: 38px;
  }

  .homebutton {
    padding: 10px;
  }

  .homebutton.w--current {
    height: 80px;
  }

  .nav {
    height: 60px;
  }

  .nav-link {
    padding-left: 15px;
    padding-right: 15px;
  }

  .product-grid {
    grid-template-columns: 1fr 1fr 1fr;
    padding-bottom: 20px;
  }

  .product-button-label {
    padding-left: 10px;
    padding-right: 10px;
  }

  .footer {
    padding-bottom: 60px;
  }

  .subnav-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding-bottom: 10px;
  }

  .container {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.nav {
    height: 120px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .gallery-grid {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-top: 10px;
  }

  .gallery-link._6 {
    border-right-style: none;
  }

  .impressum {
    display: block;
  }

  .impressum-column {
    width: 100%;
  }

  .section {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .telefon-nr {
    font-size: 32px;
    line-height: 38px;
  }

  .tabs {
    margin-top: 20px;
  }

  .full-image {
    margin-bottom: 15px;
  }

  .balken {
    height: 50px;
  }

  .zb {
    width: 60vw;
  }

  .map {
    margin-bottom: 15px;
  }

  .main {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .head {
    background-position: 50px -50px;
    background-size: 250px;
  }

  .head._01ds {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/01_Dachstuehle.png');
    background-position: 0 0, 30px -30px;
    background-size: auto, 250px;
  }

  .head._02dg {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/02_Dachgauben.png');
    background-position: 0 0, 30px -60px;
    background-size: auto, 250px;
  }

  .head._03df {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/03_Dachfenster.png');
    background-position: 0 0, 30px -60px;
    background-size: auto, 250px;
  }

  .head._04ts {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/04_Terrassen.png');
    background-position: 0 0, 30px -60px;
    background-size: auto, 250px;
  }

  .head._05cp {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/05_Carports.png');
    background-position: 0 0, 30px -60px;
    background-size: auto, 250px;
  }

  .head._06bs {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/06_Bauschreinerei.png');
    background-position: 0 0, 20px -60px;
    background-size: auto, 250px;
  }

  .head._07ht {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/07_Treppen.png');
    background-position: 0 0, 10px -60px;
    background-size: auto, 250px;
  }

  .head._08hb {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/08_Boeden.png');
    background-position: 0 0, 30px -40px;
    background-size: auto, 250px;
  }

  .head._09tb {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/09_Trockenbau.png');
    background-position: 0 0, 10px -60px;
    background-size: auto, 250px;
  }

  .head._10bk {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/10_Balkone.png');
    background-position: 0 0, 10px -50px;
    background-size: auto, 250px;
  }

  .head._11so {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/11_Sonstiges.png');
    background-position: 0 0, 30px -60px;
    background-size: auto, 250px;
  }

  .head._12ar {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/12_Archiv.png');
    background-position: 0 0, 10px -60px;
    background-size: auto, 250px;
  }
}

@media screen and (max-width: 479px) {
  .homebutton.w--current, .nav {
    height: 10svh;
  }

  .nav-link {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
  }

  .nav-link.mobilehidden {
    display: none;
  }

  .product-grid {
    grid-template-columns: 1fr 1fr;
  }

  .product-button {
    border-right-style: none;
  }

  .product-button-image {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
  }

  .product-button-label {
    flex: 1;
  }

  .footer {
    padding-bottom: 30px;
  }

  .subnav {
    background-color: var(--white);
  }

  .subnav-grid {
    height: 85svh;
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: 1fr 1fr 1fr;
    align-content: space-around;
    justify-content: space-between;
    padding-bottom: 0;
  }

  .subnav-button {
    flex-direction: column;
    display: flex;
  }

  .subnav-button.last {
    border-bottom-style: none;
  }

  .subnav-button-image {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    flex: 0 auto;
  }

  .subnav-button-label {
    flex: 1;
    align-items: center;
    line-height: 1.2;
  }

  .container {
    padding-left: 15px;
    padding-right: 15px;
  }

  .container.nav, .container.nav.autoheight {
    height: 15svh;
  }

  .container.sn {
    padding-left: 10px;
    padding-right: 10px;
  }

  .gallery-grid {
    flex-flow: column;
    grid-template-columns: 1fr;
    padding-top: 0;
  }

  .gallery-link {
    width: 100%;
    border-right-style: none;
  }

  .impressum-column {
    flex-basis: 100%;
  }

  .section {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .navbar {
    z-index: 1000;
  }

  .telefon-nr {
    letter-spacing: 3px;
    font-size: 28px;
  }

  .tablink {
    border-style: solid;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .tabs-menu {
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .balken {
    display: none;
  }

  .zb {
    width: 80vw;
  }

  .main {
    margin-top: 15svh;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .head {
    z-index: 1000;
    background-position: 25px -25px;
    background-size: 150px;
    position: fixed;
    top: 0%;
    bottom: auto;
    left: 0%;
    right: 0%;
  }

  .head._01ds {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/01_Dachstuehle.png');
    background-position: 0 0, 0 -10px;
    background-size: auto, 200px;
  }

  .head._02dg {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/02_Dachgauben.png');
    background-position: 0 0, 30px -50px;
    background-size: auto, 200px;
  }

  .head._03df {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/03_Dachfenster.png');
    background-position: 0 0, 30px -50px;
    background-size: auto, 200px;
  }

  .head._04ts {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/04_Terrassen.png');
    background-position: 0 0, 30px -30px;
    background-size: auto, 200px;
  }

  .head._05cp {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/05_Carports.png');
    background-position: 0 0, 10px -30px;
    background-size: auto, 200px;
  }

  .head._06bs {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/06_Bauschreinerei.png');
    background-position: 0 0, 10px -30px;
    background-size: auto, 200px;
  }

  .head._07ht {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/07_Treppen.png');
    background-position: 0 0, 0 -40px;
    background-size: auto, 200px;
  }

  .head._08hb {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/08_Boeden.png');
    background-position: 0 0, 30px -30px;
    background-size: auto, 200px;
  }

  .head._09tb {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/09_Trockenbau.png');
    background-position: 0 0, 10px -30px;
    background-size: auto, 200px;
  }

  .head._10bk {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/10_Balkone.png');
    background-position: 0 0, 0 -50px;
    background-size: auto, 200px;
  }

  .head._11so {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/11_Sonstiges.png');
    background-position: 0 0, 10px -50px;
    background-size: auto, 200px;
  }

  .head._12ar {
    background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('../images/12_Archiv.png');
    background-position: 0 0, 0 -40px;
    background-size: auto, 200px;
  }
}


@font-face {
  font-family: 'Roboto v30 latin 900';
  src: url('../fonts/roboto-v30-latin-900.woff2') format('woff2'), url('../fonts/roboto-v30-latin-900.eot') format('embedded-opentype'), url('../fonts/roboto-v30-latin-900.woff') format('woff'), url('../fonts/roboto-v30-latin-900.ttf') format('truetype'), url('../fonts/roboto-v30-latin-900.svg') format('svg');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Roboto v30 latin';
  src: url('../fonts/roboto-v30-latin-regular.woff2') format('woff2'), url('../fonts/roboto-v30-latin-regular.eot') format('embedded-opentype'), url('../fonts/roboto-v30-latin-regular.woff') format('woff'), url('../fonts/roboto-v30-latin-regular.ttf') format('truetype'), url('../fonts/roboto-v30-latin-regular.svg') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}