.body {
  font-family: 'Droid Sans', sans-serif;
}

.header {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 25px 25px 20px 0px;
  background-color: transparent;
}

.navbar {
  display: block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
}

.intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75vh;
  padding-right: 0px;
  padding-bottom: 70px;
  padding-left: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: transparent;
  background-image: url('../images/Kling_Malz_02.03.2021_JPG_web_8954_wender.jpg');
  background-position: 0% 35%;
  background-size: cover;
  background-repeat: no-repeat;
  font-family: 'PT Sans', sans-serif;
  text-align: left;
}

.navlink {
  padding-right: 20px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 1.3em;
  font-weight: 300;
  text-align: left;
  text-decoration: none;
  text-shadow: 1px 1px 3px #000;
}

.navlink.w--current {
  color: #fff;
  font-weight: 700;
}

.nav-menu {
  right: 11px;
  margin-top: 0px;
  float: right;
}

.h1 {
  font-weight: 400;
}

.h1.neg {
  width: 60vw;
  padding-right: 0%;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 3em;
  font-weight: 400;
  text-shadow: 1px 1px 6px #000;
}

.h1.weiss {
  width: 60vw;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 3em;
  text-shadow: 1px 1px 6px #000;
}

.introtext {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 50vh;
  margin-top: 0px;
  padding-top: 50px;
  padding-bottom: 70px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffecd5;
}

.introtext.shopintro {
  min-height: auto;
  padding-bottom: 39px;
  background-color: rgba(218, 161, 90, 0.45);
}

.introtext.produktionsschema {
  padding-top: 16vw;
}

.footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 350px;
  padding-top: 50px;
  padding-bottom: 50px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #44190d;
}

.flietext-schwarz {
  overflow: visible;
  width: 60vw;
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4em;
  line-height: 22px;
  font-weight: 400;
  -o-object-fit: fill;
  object-fit: fill;
}

.flietext-schwarz.shop {
  width: auto;
  margin-top: 30px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #5e1f0e;
}

.flietext-schwarz.shop.o15 {
  margin-top: 15px;
}

.flietext-schwarz.breit {
  width: 60vw;
}

.flietext-schwarz.anfrage {
  margin-bottom: 59px;
}

.flietext-schwarz.bullet {
  min-height: 40px;
  padding-top: 6px;
  padding-left: 36px;
  background-image: url('../images/klingmalz-bullet-point.png');
  background-position: 0px 0px;
  background-size: 30px;
  background-repeat: no-repeat;
}

.flietext-schwarz.bullet._50 {
  width: auto;
  padding-left: 36px;
}

.flietext-schwarz._50 {
  width: auto;
  color: #fff5e9;
}

.flietext-schwarz._50.weiss {
  font-size: 1.4em;
}

.flietext-schwarz.weiterfuehrende-links {
  margin-top: 54px;
}

.flietext-schwarz.subtitel-personen {
  width: 18vw;
}

.flietext-schwarz.underline {
  padding-bottom: 34px;
  border-bottom: 1px dotted #712b12;
}

.flietext-schwarz.prod {
  width: auto;
  margin-top: 15px;
  margin-left: 39px;
}

.flietext-schwarz.klein {
  margin-top: 3px;
  margin-left: 6px;
  font-size: 1em;
  line-height: 17px;
}

.flietext-schwarz.artikelseiten {
  width: 60vw;
}

.row {
  width: 60vw;
}

.fliesstext-weiss {
  width: auto;
  font-family: 'Open Sans', sans-serif;
  color: #d8bd9a;
  font-size: 1.3em;
  line-height: 22px;
  font-weight: 300;
}

.fliesstext-weiss.klein {
  margin-top: 3px;
  margin-left: 3px;
  font-size: 1em;
  line-height: 17px;
}

.senden-button {
  display: none;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #c66e1d;
  background-image: linear-gradient(340deg, #daa15a, transparent 61%);
  font-family: 'Open Sans', sans-serif;
  color: #d8bd9a;
  font-size: 19.6px;
}

.senden-button:hover {
  background-image: none;
}

.field-label {
  color: #d8bd9a;
  font-size: 18px;
}

.field-label-2 {
  font-family: 'PT Sans', sans-serif;
  color: #d8bd9a;
  font-size: 18px;
  font-weight: 400;
}

.unten {
  position: absolute;
  height: 1px;
}

.brand.w--current {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.container {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.fenster1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 30vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Kling_Malz_02.03.2021_JPG_web_8848_malzsaecke_3er.jpg');
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.div-block {
  position: fixed;
  left: 0px;
  top: 50px;
  z-index: 300;
  display: inline-block;
  width: 18vw;
  padding: 25px;
  background-color: rgba(255, 245, 233, 0.5);
  box-shadow: 4px 4px 11px -4px rgba(0, 0, 0, 0.56);
}

.div-block.alternativ {
  top: 0px;
  background-color: rgba(255, 245, 233, 0);
  box-shadow: none;
}

.block-quote {
  display: block;
  margin-right: auto;
  margin-left: auto;
  border-left-color: #ffecd5;
  font-family: 'PT Serif', serif;
  color: #ffecd5;
  font-size: 2.6em;
  line-height: 1.2em;
  font-weight: 400;
  text-align: left;
  text-shadow: none;
}

.block-quote.shop {
  border-left-color: #fff5e9;
  color: #fff5e9;
}

.block-quote.white {
  border-left-color: #fff;
  color: #fff;
}

.div-block-2 {
  position: fixed;
  left: 0px;
  top: 0px;
  height: 1px;
}

.oben {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 1px;
  background-color: transparent;
}

.up {
  position: fixed;
  right: 50px;
  bottom: 0px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  box-shadow: none;
}

.div-block-3 {
  display: none;
  width: 40vw;
  height: 20vw;
  min-height: auto;
  margin-top: 41px;
  border-radius: 30px;
  background-image: url('../images/vintage_schriesheim_IMG_4089_web.jpg'), url('../images/Werk_Schriesheim_historisch.jpg');
  background-position: 50% 50%, 1px 0px;
  background-size: cover, 100%;
  background-repeat: no-repeat, no-repeat;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.6);
}

.kopfleiste {
  padding: 20px 50px;
}

.menueleiste {
  top: 80px;
}

.menuelink {
  font-family: 'PT Sans', sans-serif;
  font-size: 18px;
}

.sprachwaehler {
  position: absolute;
  top: 18px;
  right: 19px;
}

.de {
  width: 23px;
  height: 23px;
  margin-right: 6px;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 3px -1px #000;
  text-decoration: none;
}

.image {
  margin-right: 0px;
}

.en {
  width: 23px;
  height: 23px;
  margin-right: 6px;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 3px -1px #000;
  text-decoration: none;
}

.it {
  width: 23px;
  height: 23px;
  border: 1px solid #fff;
  border-radius: 3px;
  box-shadow: 1px 1px 3px -1px #000;
  text-decoration: none;
}

.sprachen {
  position: absolute;
  top: 25px;
  right: 70px;
}

.formfeld-text {
  font-family: 'Open Sans', sans-serif;
  color: #d8bd9a;
  font-size: 1.4em;
  font-weight: 400;
}

.formfeld-text.dunkler {
  margin-bottom: 6px;
  color: #44190d;
  font-size: 19.6px;
}

.formfeld-text.dunkler.abstand-oben {
  margin-top: 30px;
  font-size: 19.6px;
}

.formfeld-text.dunkler.abstand-oben.abstand-unten {
  margin-top: 34px;
  margin-bottom: 26px;
}

.formfeld-text.dunkler.abstand-oben.verpackung {
  margin-bottom: 19px;
}

.formfeld-text.dunkler.abstand-oben.au {
  margin-bottom: 14px;
}

.formfeld-text.dunkler.abstation {
  position: relative;
  top: -1px;
  margin-bottom: 5px;
}

.intro_brau {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75vh;
  padding-right: 0px;
  padding-bottom: 70px;
  padding-left: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Klingmalz_Keimkasten_Test_IMG-7237.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.intro_brau._2 {
  background-image: url('../images/Kingmalz_Keimkasten_Edingen-9237_web.jpg');
  background-position: 50% 80%;
  background-size: cover;
  background-repeat: no-repeat;
}

.fenster-brau {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Klingmalz_Labor_IMG-6464.jpg'), url('../images/Keimkasten_06_Uhr_IMG-5954.jpg');
  background-position: 50% 50%, 50% 0px;
  background-size: cover, cover;
  background-repeat: repeat, no-repeat;
  background-attachment: fixed, fixed;
}

.fenster-brau._3 {
  background-image: url('../images/Keimkasten_06_Uhr_IMG-5980.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.heading {
  width: 60vw;
  margin-bottom: 40px;
  font-family: 'Open Sans', sans-serif;
  color: #44190d;
  font-weight: 400;
}

.heading.shop {
  width: auto;
  height: 60px;
  font-size: 1.6em;
  line-height: 28px;
  font-weight: 700;
}

.heading.shop.gross {
  font-size: 3em;
}

.heading.top {
  margin-top: 20px;
}

.heading.abstand-oben {
  margin-top: 52px;
}

.heading.plus10 {
  margin-top: 30px;
}

.paragraph {
  width: 42vw;
}

.link {
  color: #5e1f0e;
  font-style: italic;
  text-decoration: none;
}

.image-3 {
  text-shadow: 14px 14px 6px #000;
}

.utility-page-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100vw;
  height: 100vh;
  max-height: 100%;
  max-width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.utility-page-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 260px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}

.utility-page-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.submit-button {
  background-color: #c66e1d;
  font-family: 'Open Sans', sans-serif;
}

.image-4 {
  color: #712b12;
}

.heading-2 {
  color: #c66e1d;
}

.intro_back {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75vh;
  padding-right: 0vw;
  padding-bottom: 70px;
  padding-left: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Kling-Malz-Brau-Gerste_IMG_3913.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.fenster-back {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35vh;
  padding-right: 70px;
  padding-left: 70px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url('../images/Malzextrakt-2.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.intro-hobbybrauer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 45vh;
  padding-right: 0%;
  padding-bottom: 70px;
  padding-left: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/IMG_7501.jpg');
  background-position: 50% -181px;
  background-size: cover;
  background-repeat: no-repeat;
}

.fenster-hobby {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Keimkasten_06_Uhr_IMG-5921.jpg'), url('../images/Kling-Malz-Brau-Gerste-IMG_3796.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
  background-attachment: fixed, fixed;
}

.intro-qualitt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75vh;
  padding-right: 0px;
  padding-bottom: 70px;
  padding-left: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Klingmalz_Kornschneider_IMG-7453.jpg');
  background-position: 50% 67%;
  background-size: cover;
  background-repeat: no-repeat;
}

.fenster-qualitt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Keimkasten_06_Uhr_IMG-5628_edit.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-attachment: fixed;
}

.fenster-qualitt._2 {
  background-image: url('../images/Kingmalz_Keimkasten_Edingen-9237_web.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.intro-oeber-uns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75vh;
  padding-right: 0px;
  padding-bottom: 70px;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(113, 43, 18, 0.54)), to(rgba(113, 43, 18, 0.54))), url('../images/vintage_schriesheim_IMG_4089_web.jpg');
  background-image: linear-gradient(180deg, rgba(113, 43, 18, 0.54), rgba(113, 43, 18, 0.54)), url('../images/vintage_schriesheim_IMG_4089_web.jpg');
  background-position: 0px 0px, 26% 2%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.text-span {
  font-family: 'PT Sans', sans-serif;
}

.text-span-2 {
  font-family: 'PT Sans', sans-serif;
}

.text-span-3 {
  font-family: 'PT Sans', sans-serif;
}

.dropdown-link {
  border-bottom: 1px dotted #712b12;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.3em;
}

.dropdown-link:hover {
  background-color: rgba(199, 110, 30, 0.15);
}

.dropdown-link.w--current {
  color: #712b12;
  font-weight: 700;
}

.dropdown-list.w--open {
  background-color: hsla(0, 0%, 100%, 0.49);
}

.form-block {
  width: 42vw;
}

.form-block.preis {
  width: 60vw;
  margin-top: 43px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.form-block.malz {
  width: 60vw;
}

.link-2 {
  padding-right: 0px;
  padding-left: 0px;
  border-style: none;
  border-color: #c76e1e;
  color: #c76e1e;
  font-size: 20px;
  font-weight: 700;
  text-align: left;
  text-decoration: none;
}

.link-2:hover {
  color: #da8c2a;
}

.datum {
  width: 40%;
  margin-right: 59vw;
  float: none;
  clear: none;
  background-color: #fff5e9;
}

.ab-station {
  position: relative;
  top: -27px;
  display: inline-block;
  float: none;
  clear: none;
}

.checkbox-field {
  display: block;
  margin-right: 9px;
  padding-top: 6px;
  float: left;
}

.text-field {
  float: left;
  background-color: #fff5e9;
}

.text-field-2 {
  width: 20%;
  margin-right: 15px;
  float: left;
  background-color: #fff5e9;
}

.select-field {
  width: 5%;
  background-color: #fff5e9;
  opacity: 0.8;
}

.preisanfrage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 45vh;
  padding-bottom: 70px;
  padding-left: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Kling-Malz-Brau-Gerste-IMG_3716.jpg');
  background-position: 50% 31%;
  background-size: cover;
  background-repeat: no-repeat;
}

.link-footer {
  color: #d8bd9a;
  text-decoration: none;
}

.link-footer.w--current {
  color: #d8bd9a;
  text-decoration: none;
}

.link-3 {
  color: #d8bd9a;
  text-decoration: none;
}

.link-4 {
  color: #c66e1d;
  text-decoration: none;
}

.link-5 {
  color: #c66e1d;
  font-style: normal;
  text-decoration: none;
}

.div-block-4 {
  margin-top: 29px;
  padding: 13px;
  background-color: #fff;
}

.linie {
  margin-top: 42px;
  border-style: none none solid;
  border-bottom-width: 1px;
  border-bottom-color: #712b12;
  border-left-width: 1px;
  border-left-color: #000;
}

.linie.sonder {
  margin-top: 86px;
  border-style: none none solid;
  border-color: #000 #000 #712b12 #5e1f0e;
  border-top-width: 0px;
  border-right-width: 0px;
  border-left-width: 0px;
}

.text-field-3 {
  background-color: #ffecd5;
}

.text-field-4 {
  background-color: #ffecd5;
}

.textarea {
  min-height: 100px;
  background-color: #ffecd5;
}

.textarea-2 {
  min-height: 120px;
  background-color: #fff5e9;
}

.form_preisanfrage_feld {
  margin-bottom: 27px;
  border-color: transparent transparent #44190d;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
  background-image: linear-gradient(180deg, transparent, transparent);
  font-family: 'Open Sans', sans-serif;
  color: #712b12;
  font-weight: 400;
}

.form_preisanfrage_feld.kurz25 {
  width: 25%;
  margin-right: 11px;
  float: left;
}

.form_preisanfrage_feld.kurz5 {
  width: 50px;
  border-style: dotted;
  border-color: #712b12;
}

.form_preisanfrage_feld.kurz40 {
  width: 35%;
  margin-right: 28px;
  float: left;
  clear: none;
}

.form_preisanfrage_feld.kurz40.hinten {
  margin-right: 200px;
  float: none;
  clear: none;
}

.form_preisanfrage_feld.kurz {
  position: relative;
  top: -4px;
  width: 58%;
}

.text-field-6 {
  background-color: #fff5e9;
}

.text-field-7 {
  background-color: #fff5e9;
}

.text-field-8 {
  background-color: #fff5e9;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
}

.select-field-2 {
  background-color: #fff5e9;
  opacity: 0.8;
  font-family: 'Open Sans', sans-serif;
}

.select-field-3 {
  background-color: #fff5e9;
  opacity: 0.8;
}

.textarea-3 {
  min-height: 120px;
  border-color: transparent transparent #44190d;
  border-bottom-style: dashed;
  border-bottom-width: 1px;
  background-color: transparent;
}

.row-2 {
  width: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px dotted #712b12;
  border-bottom: 1px none #000;
  font-family: 'Open Sans', sans-serif;
}

.row-2.fria {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 0px;
}

.text-block {
  width: 85%;
  padding-left: 0%;
  float: none;
  font-family: 'Open Sans', sans-serif;
  color: #712b12;
  font-size: 18px;
  text-align: left;
}

.text-block.mittig {
  width: auto;
  padding-left: 0%;
  text-align: center;
}

.text-block.rechtsbuendig {
  padding-right: 0%;
  padding-left: 0%;
  text-align: right;
}

.text-block.index {
  padding-left: 2%;
}

.text-block.linksbuendig {
  padding-left: 1%;
}

.text-block.schmal {
  width: 85%;
}

.column {
  height: 4px;
}

.column-2 {
  text-align: center;
}

.spezifikationen {
  width: 44vw;
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  background-color: #fff5e9;
}

.spezifikationen.pilsner {
  display: block;
  width: 60vw;
}

.spezifikationen.muenchnermalz {
  display: block;
  width: 60vw;
}

.spezifikationen.weizen {
  display: block;
  width: 60vw;
}

.spezifikationen.diagerste {
  width: 60vw;
}

.spezifikationen.diaweizen {
  width: 60vw;
}

.intro-malzkeime {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75vh;
  padding-bottom: 70px;
  padding-left: 0vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: linear-gradient(121deg, rgba(40, 53, 131, 0.78), transparent), url('../images/Klingmalz_Labor_IMG-6461.jpg');
  background-position: 0px 0px, 50% 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.fenster-produktionsbetriebe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Klingmalz_Werk_Schriesheim_Luftaufnahme.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.fenster-produktionsbetriebe._2 {
  background-image: url('../images/Keimkasten_06_Uhr_IMG-5951_edit.jpg'), url('../images/Klingmalz_Werk_Schriesheim_Luftaufnahme.jpg');
  background-position: 50% 50%, 50% 50%;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
  background-attachment: fixed, fixed;
}

.image-5 {
  display: none;
  width: 42vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.hobbybrauer-malz {
  width: 19vw;
  min-height: 60px;
  margin-right: 1%;
  margin-left: 1%;
}

.hobbybrauer-shop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 50vh;
  padding: 0px 10% 56px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  background-color: rgba(218, 161, 90, 0.45);
}

.div-block-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 19vw;
  height: auto;
  padding-top: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-top: 1px dotted #5e1f0e;
  border-bottom: 1px dotted #5e1f0e;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
}

.bestellbutton {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 18px;
  background-color: #712b12;
  font-family: 'Open Sans', sans-serif;
  font-size: 19.6px;
}

.preis {
  margin-top: 6px;
  float: right;
  color: #712b12;
  font-size: 1.6em;
  line-height: 2.9px;
  font-weight: 600;
}

.text-span-4 {
  font-size: 1.4em;
  line-height: 1.5em;
  font-weight: 300;
}

.muenchner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 19vw;
  height: auto;
  padding-top: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-top: 1px dotted #5e1f0e;
  border-bottom: 1px dotted #5e1f0e;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
}

.weizenmalz {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 19vw;
  height: auto;
  padding-top: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-top: 1px dotted #5e1f0e;
  border-bottom: 1px dotted #5e1f0e;
  background-image: none;
  background-position: 0px 0px;
  background-size: auto;
  background-repeat: repeat;
}

.anfragebutton {
  padding-top: 21px;
  padding-bottom: 21px;
  background-color: #5e1f0e;
  font-family: 'Open Sans', sans-serif;
  font-size: 19px;
  font-weight: 400;
}

.tabellenberschrift {
  margin-bottom: 21px;
  font-family: 'Open Sans', sans-serif;
  color: #712b12;
  font-size: 18px;
  font-weight: 700;
}

.download-button {
  margin-top: 60px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #da8c2a;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
}

.intro-hobbybrauer-pilsner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 45vh;
  padding-bottom: 70px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Klingmalz_Malzsaecke_IMG-7516.jpg');
  background-position: 0px -295px;
  background-size: cover;
  background-repeat: no-repeat;
}

.intro-hobbybrauer-pilsner.weizen {
  background-image: url('../images/Klingmalz_Malzsaecke_IMG-7511.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.intro-hobbybrauer-pilsner.muench {
  background-image: url('../images/Kling_Malz_02.03.2021_JPG_web-8820_malzsaecke.jpg'), url('../images/Klingmalz_Malzsaecke_IMG-7511.jpg');
  background-position: 50% 30%, 50% -368px;
  background-size: cover, cover;
  background-repeat: no-repeat, no-repeat;
}

.hobbybrauer-detailseite {
  width: 60vw;
  margin-top: 35px;
}

.section {
  padding-top: 50px;
  background-color: #feecd4;
}

.subhead {
  width: 60vw;
  margin-top: 40px;
  margin-bottom: 0px;
  font-family: 'Open Sans', sans-serif;
  color: #c76e1e;
  font-size: 1.8em;
  line-height: 32px;
  font-weight: 600;
}

.subhead.preisanfragen {
  width: auto;
  color: #fff;
  font-size: 1.6em;
  line-height: 1.2em;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px 6px #000;
}

.braumalzanfrage {
  display: none;
  width: 60vw;
  margin-top: 30px;
  margin-bottom: 30px;
}

.braumalzanfrage.englisch {
  display: none;
}

.diastasemalzanfrage {
  display: none;
  width: 60vw;
  margin-top: 30px;
  margin-bottom: 30px;
}

.futtermittelpreise {
  display: none;
  width: 60vw;
  margin-top: 30px;
  margin-bottom: 30px;
}

.link-6 {
  color: #333;
  text-decoration: none;
}

.link-7 {
  text-decoration: none;
}

.link-8 {
  margin-left: 1px;
  text-decoration: none;
}

.oeffnen1 {
  width: 60vw;
  margin-top: 10px;
  margin-bottom: 20px;
  text-decoration: none;
}

.link-block {
  width: 60vw;
}

.oeffnen2 {
  width: 60vw;
  margin-top: 0px;
  margin-bottom: 20px;
  text-decoration: none;
}

.oeffnen3 {
  margin-bottom: 20px;
  text-decoration: none;
}

.image-6 {
  display: block;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
}

.image-7 {
  display: block;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
}

.image-8 {
  display: block;
  margin-right: auto;
  margin-bottom: 30px;
  margin-left: auto;
  text-align: center;
}

.div-block-6 {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.div-block-7 {
  display: block;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-top: 1px dotted #712b12;
}

.div-block-8 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.column-3 {
  padding-right: 0px;
  padding-left: 10px;
}

.column-4 {
  padding-right: 0px;
}

.column-5 {
  padding-right: 0px;
}

.column-6 {
  padding-right: 0px;
}

.column-7 {
  padding-right: 0px;
}

.column-8 {
  padding-right: 0px;
}

.column-9 {
  padding-right: 0px;
}

.column-10 {
  padding-left: 0px;
}

.column-11 {
  padding-left: 0px;
}

.column-12 {
  padding-left: 0px;
}

.column-13 {
  padding-left: 0px;
}

.column-14 {
  padding-left: 0px;
}

.column-15 {
  padding-left: 0px;
}

.column-16 {
  padding-left: 0px;
}

.column-17 {
  padding-right: 0px;
  padding-left: 0px;
}

.column-18 {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.column-19 {
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

.column-20 {
  padding-right: 0px;
}

.column-21 {
  padding-right: 0px;
}

.column-22 {
  padding-right: 0px;
}

.column-23 {
  padding-right: 0px;
}

.column-24 {
  padding-right: 0px;
}

.column-25 {
  padding-right: 0px;
}

.column-26 {
  padding-right: 0px;
}

.column-27 {
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
}

.column-28 {
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 10px;
}

.column-29 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.column-30 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.column-31 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.column-32 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.div-block-9 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  text-decoration: none;
}

.text-block-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
  text-shadow: 1px 1px 3px #000;
}

.div-block-10 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-3 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-weight: 300;
  text-shadow: 1px 1px 3px #000;
}

.div-block-11 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.text-block-4 {
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-weight: 300;
  text-shadow: 1px 1px 3px #000;
}

.zertifikat {
  display: inline-block;
  width: 28%;
  margin-right: 18px;
  margin-bottom: 18px;
}

.zertifikate-block {
  width: 60vw;
  margin-top: 46px;
}

.zertifikate-block.komplett {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 68px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.mollier {
  display: block;
  width: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}

.div-block-12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60vw;
  min-height: 20px;
  margin-top: 25px;
  margin-bottom: 25px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.saeulen {
  width: 20%;
  min-height: 150px;
  margin: 5px;
  padding: 11px 15px 0px 75px;
  -webkit-box-flex: 4;
  -webkit-flex: 4 4 44%;
  -ms-flex: 4 4 44%;
  flex: 4 4 44%;
  background-color: #283583;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(27%, transparent), to(rgba(0, 159, 227, 0.34)));
  background-image: linear-gradient(180deg, transparent 27%, rgba(0, 159, 227, 0.34));
}

.saeulen._1 {
  min-height: 180px;
  padding-top: 67px;
  padding-bottom: 10px;
  padding-left: 25px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(27%, transparent), to(rgba(0, 159, 227, 0.34))), url('../images/1.png');
  background-image: linear-gradient(180deg, transparent 27%, rgba(0, 159, 227, 0.34)), url('../images/1.png');
  background-position: 0px 0px, 50% 10px;
  background-size: auto, 71px;
  background-repeat: repeat, no-repeat;
}

.saeulen._2 {
  min-height: 180px;
  padding-top: 67px;
  padding-bottom: 10px;
  padding-left: 25px;
  background-image: url('../images/2.png'), -webkit-gradient(linear, left top, left bottom, color-stop(27%, transparent), to(rgba(0, 159, 227, 0.34)));
  background-image: url('../images/2.png'), linear-gradient(180deg, transparent 27%, rgba(0, 159, 227, 0.34));
  background-position: 50% 10px, 0px 0px;
  background-size: 71px, auto;
  background-repeat: no-repeat, repeat;
}

.saeulen._3 {
  min-height: 180px;
  padding-top: 67px;
  padding-bottom: 10px;
  padding-left: 25px;
  background-image: url('../images/3.png'), -webkit-gradient(linear, left top, left bottom, color-stop(27%, transparent), to(rgba(0, 159, 227, 0.34)));
  background-image: url('../images/3.png'), linear-gradient(180deg, transparent 27%, rgba(0, 159, 227, 0.34));
  background-position: 50% 10px, 0px 0px;
  background-size: 71px, auto;
  background-repeat: no-repeat, repeat;
}

.saeulen._4 {
  min-height: 180px;
  padding-top: 67px;
  padding-bottom: 10px;
  padding-left: 25px;
  background-image: url('../images/4.png'), -webkit-gradient(linear, left top, left bottom, color-stop(27%, transparent), to(rgba(0, 159, 227, 0.34)));
  background-image: url('../images/4.png'), linear-gradient(180deg, transparent 27%, rgba(0, 159, 227, 0.34));
  background-position: 50% 10px, 0px 0px;
  background-size: 71px, auto;
  background-repeat: no-repeat, repeat;
}

.saeulen._5 {
  padding-top: 67px;
  padding-bottom: 10px;
  padding-left: 25px;
  background-image: url('../images/5.png'), -webkit-gradient(linear, left top, left bottom, color-stop(27%, transparent), to(rgba(0, 159, 227, 0.34)));
  background-image: url('../images/5.png'), linear-gradient(180deg, transparent 27%, rgba(0, 159, 227, 0.34));
  background-position: 50% 10px, 0px 0px;
  background-size: 71px, auto;
  background-repeat: no-repeat, repeat;
}

.saeulen._6 {
  min-height: 180px;
  padding-top: 67px;
  padding-bottom: 10px;
  padding-left: 25px;
  background-image: url('../images/6.png'), -webkit-gradient(linear, left top, left bottom, color-stop(27%, transparent), to(rgba(0, 159, 227, 0.34)));
  background-image: url('../images/6.png'), linear-gradient(180deg, transparent 27%, rgba(0, 159, 227, 0.34));
  background-position: 50% 10px, 0px 0px;
  background-size: 71px, auto;
  background-repeat: no-repeat, repeat;
}

.saeulen._7 {
  min-height: 180px;
  padding-top: 67px;
  padding-bottom: 10px;
  padding-left: 25px;
  background-image: url('../images/7.png'), -webkit-gradient(linear, left top, left bottom, color-stop(27%, transparent), to(rgba(0, 159, 227, 0.34)));
  background-image: url('../images/7.png'), linear-gradient(180deg, transparent 27%, rgba(0, 159, 227, 0.34));
  background-position: 50% 10px, 0px 0px;
  background-size: 71px, auto;
  background-repeat: no-repeat, repeat;
}

.saeulen._8 {
  min-height: 180px;
  padding-top: 67px;
  padding-bottom: 10px;
  padding-left: 25px;
  background-image: url('../images/8.png'), -webkit-gradient(linear, left top, left bottom, color-stop(27%, transparent), to(rgba(0, 159, 227, 0.34)));
  background-image: url('../images/8.png'), linear-gradient(180deg, transparent 27%, rgba(0, 159, 227, 0.34));
  background-position: 50% 10px, 0px 0px;
  background-size: 71px, auto;
  background-repeat: no-repeat, repeat;
}

.saeulen._9 {
  min-height: 180px;
  padding-top: 67px;
  padding-bottom: 10px;
  padding-left: 25px;
  background-image: url('../images/9.png'), -webkit-gradient(linear, left top, left bottom, color-stop(27%, transparent), to(rgba(0, 159, 227, 0.34)));
  background-image: url('../images/9.png'), linear-gradient(180deg, transparent 27%, rgba(0, 159, 227, 0.34));
  background-position: 50% 10px, 0px 0px;
  background-size: 71px, auto;
  background-repeat: no-repeat, repeat;
}

.saeulen._10 {
  min-height: 180px;
  padding-top: 67px;
  padding-bottom: 10px;
  padding-left: 25px;
  background-image: url('../images/10.png'), -webkit-gradient(linear, left top, left bottom, color-stop(27%, transparent), to(rgba(0, 159, 227, 0.34)));
  background-image: url('../images/10.png'), linear-gradient(180deg, transparent 27%, rgba(0, 159, 227, 0.34));
  background-position: 50% 10px, 0px 0px;
  background-size: 71px, auto;
  background-repeat: no-repeat, repeat;
}

.intro-energie {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75vh;
  padding-bottom: 70px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  background-image: linear-gradient(142deg, rgba(40, 53, 131, 0.79), transparent), url('../images/Weiche_u_Schaltschrank_IMG-6050.jpg'), url('../images/Klingmalz_Labor_IMG-6325.jpg');
  background-position: 0px 0px, 73% 50%, 50% 50%;
  background-size: auto, 2500px, cover;
  background-repeat: repeat, no-repeat, repeat;
}

.zertifikate {
  width: 60vw;
  min-height: 40px;
}

.intro-labor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75vh;
  padding-bottom: 70px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Klingmalz_Labor_IMG-6325.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.fenster-labor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url('../images/Klingmalz_Labor_IMG-6347.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.link-block-2 {
  width: 19%;
  margin-right: 14px;
}

.div-block-13 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60vw;
  min-height: 50px;
  margin-top: 40px;
  margin-bottom: 8px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

.lightbox-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24%;
  margin: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 4;
  -webkit-flex: 4 4 30%;
  -ms-flex: 4 4 30%;
  flex: 4 4 30%;
}

.lightbox-link-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24%;
  max-height: none;
  margin: 5px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 4;
  -webkit-flex: 4 4 30%;
  -ms-flex: 4 4 30%;
  flex: 4 4 30%;
}

.div-block-14 {
  width: auto;
  min-height: auto;
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
}

.ansprechpartner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60vw;
  min-height: 50px;
  margin-top: 21px;
  margin-bottom: 0px;
  padding-bottom: 17px;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-bottom: 1px dotted #712b12;
}

.kling {
  margin-right: 11px;
  padding-bottom: 19px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.eisinger {
  min-height: 530px;
  margin-right: 11px;
  padding-bottom: 19px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.eisinger-bild {
  min-height: auto;
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
}

.bild-schneider {
  min-height: auto;
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
}

.steindel-bild {
  min-height: auto;
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
}

.schneider-edingen {
  min-height: auto;
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
}

.bild-katzenmaier {
  min-height: auto;
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
}

.timeline {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60vw;
  min-height: 100px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.div-block-15 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  min-height: 209px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-right: 1px dotted #712b12;
}

.div-block-16 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 80px;
  margin-top: 0px;
  margin-right: -40px;
  margin-left: -40px;
  float: right;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-color: #283583;
  background-image: radial-gradient(circle farthest-corner at 67% 21%, #009fe3, transparent);
  text-align: left;
}

.div-block-16.hellbraun {
  background-color: #c76e1e;
  background-image: radial-gradient(circle farthest-corner at 67% 21%, #feecd4, transparent);
}

.div-block-16.braun {
  background-color: #712b12;
  background-image: radial-gradient(circle farthest-corner at 67% 21%, #daa15a, transparent);
}

.div-block-16.darkbraun {
  background-color: #45190e;
  background-image: radial-gradient(circle farthest-corner at 67% 21%, #c76e1e, transparent);
}

.div-block-16.darkblue {
  background-color: #000d2d;
  background-image: radial-gradient(circle farthest-corner at 67% 21%, #4a59b3, transparent);
}

.heading-3 {
  color: #fff;
  text-align: center;
}

.jahreszahl {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 20px;
  line-height: 22px;
  text-align: center;
  text-shadow: 1px 1px 6px #000;
}

.jahreszahl.black {
  color: #45190e;
  text-shadow: none;
}

.div-block-17 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  padding-right: 89px;
  padding-left: 60px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.div-block-17.bild-links {
  min-height: 230px;
  padding-right: 40px;
  padding-left: 118px;
}

.geschichte {
  font-family: Merriweather, serif;
  color: #5e1f0e;
  font-size: 18px;
  text-align: left;
}

.geschichte.rechtsbuendig {
  text-align: right;
}

.div-block-18 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  min-height: 200px;
  padding-right: 80px;
  padding-left: 39px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  border-right: 1px dotted #712b12;
}

.div-block-18.bild-rechts {
  min-height: 230px;
  padding-right: 114px;
  padding-left: 15px;
  text-align: right;
}

.div-block-19 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-left: 1px none #712b12;
}

.div-block-20 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80px;
  height: 80px;
  margin-right: 29px;
  margin-left: -40px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-color: #283583;
  background-image: radial-gradient(circle farthest-corner at 69% 20%, #009fe3, transparent 99%);
}

.div-block-20.darkbraun {
  background-color: #45190e;
  background-image: radial-gradient(circle farthest-corner at 69% 20%, #c76e1e, transparent 99%);
}

.div-block-20.darkblue {
  background-color: #000d2d;
  background-image: radial-gradient(circle farthest-corner at 69% 20%, #4b59ad, transparent 99%);
}

.intro-werke {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75vh;
  padding-bottom: 70px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Kingmalz_Keimkasten_Edingen-9237_web.jpg');
  background-position: 50% 37%;
  background-size: cover;
  background-repeat: no-repeat;
}

.innen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.div-block-21 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.div-block-22 {
  width: 260px;
  height: auto;
  margin-right: 25px;
}

.fenster-historie {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Keimkasten_06_Uhr_IMG-5694.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

._1894 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 200px;
  margin-left: -100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(113, 43, 18, 0.47)), to(rgba(113, 43, 18, 0.47))), url('../images/vintage_schriesheim_IMG_4089_web.jpg');
  background-image: linear-gradient(180deg, rgba(113, 43, 18, 0.47), rgba(113, 43, 18, 0.47)), url('../images/vintage_schriesheim_IMG_4089_web.jpg');
  background-position: 0px 0px, 63% 50%;
  background-size: auto, cover;
}

._1900 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 200px;
  margin-left: -100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 300px;
  background-image: url('../images/Kling_vintage_sepia_web.jpg');
  background-position: 0px 0px;
  background-size: cover;
}

._1932 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 200px;
  margin-right: -100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  background-image: url('../images/Werke_Edingen_alt_web_1Werke_Edingen_alt_web.jpg');
  background-position: 0px 0px;
  background-size: cover;
  background-repeat: no-repeat;
}

._1935 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 200px;
  margin-right: -100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  background-image: url('../images/Tennenmaelzerei_web.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

._49 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 200px;
  margin-left: -100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  background-color: rgba(71, 60, 60, 0.55);
  background-image: url('../images/Patent.png');
  background-position: -213px 80%;
  background-size: 1000px;
  background-repeat: no-repeat;
  box-shadow: 1px 1px 3px 0 #000;
}

._88 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 200px;
  margin-left: -100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  background-image: url('../images/Weiche_u_Schaltschrank_IMG-6050.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

._89 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 200px;
  margin-right: -100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  background-image: url('../images/Klingmalz_Keimkasten_Test_IMG-7237.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

._99 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 200px;
  margin-left: -100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  background-image: url('../images/Weiche_u_Schaltschrank_IMG-5991.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

._2005 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 200px;
  margin-right: -100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  background-image: url('../images/Edingen_Hafen_IMG_20170613_125818.jpg');
  background-position: 100% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

._2011 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 200px;
  margin-left: -100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100px;
  background-image: url('../images/Klingmalz_Getreidelager_IMG-7220.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.image-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.intro-zert {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75vh;
  padding-bottom: 70px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: linear-gradient(82deg, rgba(40, 53, 131, 0.85), transparent), url('../images/Zertifikatbackground_web.jpg');
  background-position: 0px 0px, 0px 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.image-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.image-11 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.image-12 {
  -webkit-box-flex: 3;
  -webkit-flex: 3 3;
  -ms-flex: 3 3;
  flex: 3 3;
}

.image-13 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.image-14 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.image-15 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.image-16 {
  -webkit-box-flex: 4;
  -webkit-flex: 4 3 100%;
  -ms-flex: 4 3 100%;
  flex: 4 3 100%;
}

.intro-rohstoffe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75vh;
  padding-bottom: 70px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Kling-Malz-Brau-Gerste-IMG_3796.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.fenster-rohstoffe {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/PR2016_19654_web.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.div-block-23 {
  width: 60vw;
  min-height: 30px;
}

.link-block-3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16vw;
  height: 16vw;
  margin-right: auto;
  margin-bottom: 22px;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20vw;
  background-image: linear-gradient(119deg, rgba(40, 53, 131, 0.82), transparent 70%), url('../images/Klingmalz_Malzsaecke_IMG-7516.jpg');
  background-position: 0px 0px, -99px -4px;
  background-size: auto, 800px;
  text-decoration: none;
}

.link-block-4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16vw;
  height: 16vw;
  margin-right: auto;
  margin-bottom: 22px;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20vw;
  background-image: linear-gradient(121deg, rgba(40, 53, 131, 0.78), transparent 56%), url('../images/Malzextrakt-2.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, 512px;
  text-decoration: none;
}

.link-block-5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 16vw;
  height: 16vw;
  margin-right: auto;
  margin-bottom: 22px;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 20vw;
  background-image: linear-gradient(117deg, rgba(40, 53, 131, 0.77), transparent 56%), url('../images/Klingmalz_Labor_IMG-6461.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  text-decoration: none;
}

.fenster-energie {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Keimkasten_06_Uhr_IMG-5817.jpg');
  background-position: 50% 0px;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.div-block-24 {
  display: block;
  width: 16vw;
  height: 16vw;
  margin: -8vw auto 0px;
  border-radius: 20vw;
  background-color: transparent;
  background-image: url('../images/PR2016_19654_web.jpg');
  background-position: 50% 50%;
  background-size: cover;
}

.div-block-24._2 {
  display: block;
  margin: 30px auto -8vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  background-image: url('../images/Klingmalz_Getreideanlieferung_Probeentnahme_Fuehler_IMG-6709.jpg');
}

.div-block-24._3 {
  margin-top: 0px;
  background-image: url('../images/Klingmalz_Getreideanlieferung_IMG-6136.jpg');
  background-position: 0px 50%;
  background-size: 480px;
}

.div-block-24._4 {
  margin-top: 30px;
  margin-bottom: -8vw;
  background-image: url('../images/Klingmalz_Werk_Schriesheim_Luftaufnahme.jpg');
  background-position: 48% 69%;
  background-size: auto;
}

.div-block-24._5 {
  display: block;
  margin: 30px auto -8vw;
  background-image: url('../images/Weiche_u_Schaltschrank_IMG-5991_edit.jpg');
  background-position: -43px 50%;
}

.div-block-24._6 {
  margin-top: 30px;
  margin-bottom: -8vw;
  background-image: url('../images/Kingmalz_Keimkasten_Edingen-9237_web.jpg');
}

.div-block-24._7 {
  display: block;
  margin: 30px auto -8vw;
  background-image: url('../images/Weiche_u_Schaltschrank_IMG-6050.jpg');
}

.div-block-24._8 {
  margin-top: 30px;
  margin-bottom: -8vw;
  background-image: url('../images/Kingmalz_LKW_Befuellung_Edingen-9128_edit.jpg');
}

.div-block-24._9 {
  margin-top: 30px;
  margin-bottom: -8vw;
  background-color: #283583;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(199, 110, 30, 0.59)), to(rgba(199, 110, 30, 0.59))), url('../images/trieur_seite.jpg');
  background-image: linear-gradient(180deg, rgba(199, 110, 30, 0.59), rgba(199, 110, 30, 0.59)), url('../images/trieur_seite.jpg');
  background-position: 0px 0px, 32% 50%;
  background-size: auto, 430px;
  background-repeat: repeat, no-repeat;
}

.div-block-25 {
  width: 50%;
  min-height: 200px;
}

.div-block-26 {
  width: 50%;
  min-height: 200px;
}

.div-block-27 {
  width: 60vw;
  min-height: 17vw;
}

.div-block-28 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 8vw;
  padding-left: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-right: 1px dotted #000;
}

.div-block-28._2 {
  min-height: 10vw;
  padding-left: 0px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px none #5e1f0e;
  border-right-style: dotted;
  border-right-color: #5e1f0e;
}

.div-block-28._2.lang {
  padding-right: 30px;
  padding-left: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.div-block-28._2.lang._3 {
  min-height: 21vw;
  border-top-style: none;
  border-right-style: dotted;
  border-left-style: none;
}

.div-block-28._2.u {
  padding-right: 40px;
  padding-left: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom-style: none;
}

.div-block-28._2.lagern {
  min-height: 19vw;
  padding-right: 30px;
  padding-left: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.div-block-28._3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  min-height: 10vw;
  padding-left: 0px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
  border-top: 1px dotted #5e1f0e;
  border-left: 1px dotted #5e1f0e;
  border-right-style: none;
}

.div-block-28._3.ohne {
  min-height: 8vw;
}

.div-block-28._3.rechts {
  border-top-style: none;
  border-right-style: dotted;
  border-right-color: #712b12;
  border-left-style: none;
}

.div-block-28._4 {
  padding-right: 153px;
}

.div-block-28._4.lang {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px dotted #5e1f0e;
  border-left: 1px dotted #5e1f0e;
  border-right-style: none;
}

.div-block-28._4.lang._2 {
  width: 100%;
  min-height: 17vw;
  padding-right: 30px;
  padding-left: 0px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-bottom: 1px dotted #5e1f0e;
  border-left: 1px dotted #5e1f0e;
  border-right-style: none;
}

.div-block-28._4.lang._3 {
  border-top-style: none;
  border-right-style: none;
}

.div-block-28._4.lang._1 {
  min-height: 13.5vw;
  padding-right: 0px;
}

.div-block-28._4.lang2 {
  min-height: 27vw;
  padding-right: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px dotted #5e1f0e;
  border-left: 1px dotted #5e1f0e;
  border-right-style: none;
}

.div-block-28._4.weichen {
  min-height: 21vw;
  padding-right: 30px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-bottom: 1px dotted #5e1f0e;
  border-left: 1px dotted #5e1f0e;
  border-right-style: none;
}

.produktion {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60vw;
  min-height: 17vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.image-17 {
  margin-top: 13px;
  margin-right: -15px;
  margin-left: -15px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  text-align: right;
}

.image-17.rechts {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.intro-produktion {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 50px;
  padding-bottom: 70px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffecd5;
}

.fenster-anfrage {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Keimkasten_06_Uhr_IMG-5896_edit2.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.intro-kontakt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 75vh;
  padding-bottom: 80px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Kling_Malz_02.03.2021_JPG_web_8811_weichhaus_composing.jpg');
  background-position: 100% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.fenster-kontakt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 35vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: url('../images/Kingmalz_LKW_Befuellung_Edingen-9157_edit.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.bold-orange {
  color: #c76e1e;
}

.error-message {
  background-color: #a31414;
}

.text-block-5 {
  font-family: 'Open Sans', sans-serif;
  color: #ffecd5;
  font-size: 18px;
}

.text-block-6 {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
}

.success-message {
  background-color: #da8c2a;
}

.text-block-7 {
  font-family: 'Open Sans', sans-serif;
  color: #da8c2a;
  font-size: 24px;
  font-weight: 700;
}

.text-block-8 {
  font-family: 'Open Sans', sans-serif;
  color: #fff5e9;
  font-size: 18px;
}

.error-message-2 {
  background-color: #da8c2a;
}

.text-block-9 {
  font-family: 'Open Sans', sans-serif;
  color: #da8c2a;
  font-size: 24px;
}

.text-block-10 {
  font-family: 'Open Sans', sans-serif;
  color: #da8c2a;
  font-size: 24px;
  font-weight: 700;
}

.text-block-11 {
  color: #fff5e9;
  font-size: 18px;
}

.error-message-3 {
  background-color: #da8c2a;
}

.text-block-12 {
  color: #da8c2a;
  font-size: 24px;
  font-weight: 700;
}

.success-message-2 {
  padding-top: 0px;
  background-color: transparent;
}

.success-message-3 {
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: 700;
}

.success-message-4 {
  background-color: transparent;
}

.success-message-5 {
  background-color: transparent;
}

.bestellen {
  display: block;
  margin-top: 15px;
}

.bestellen.pilsner {
  display: block;
}

.mollierdiagramm {
  display: none;
  max-width: 60vw;
  margin-top: 30px;
  margin-bottom: 30px;
}

.schliessen {
  padding-right: 4px;
  padding-left: 4px;
  float: right;
  border: 1px solid #c76e1e;
  font-family: 'Open Sans', sans-serif;
  color: #c76e1e;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.text-block-13 {
  font-family: 'Open Sans', sans-serif;
  color: #da8c2a;
  font-size: 20px;
  font-weight: 700;
}

.success-message-6 {
  padding-top: 0px;
  background-color: transparent;
}

.text-block-14 {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
}

.error-message-4 {
  background-color: #da8c2a;
}

.anfragen {
  display: none;
  margin-top: 14px;
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #712b12;
  font-family: 'Open Sans', sans-serif;
  color: #ffecd5;
  font-size: 1.4em;
}

.anfragen:hover {
  background-color: #c76e1e;
}

.text-block-15 {
  font-family: 'Open Sans', sans-serif;
  color: #da8c2a;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
}

.success-message-7 {
  background-color: transparent;
}

.text-block-16 {
  background-color: transparent;
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  font-size: 18px;
}

.error-message-5 {
  background-color: #da8c2a;
}

.text-block-17 {
  font-family: 'Open Sans', sans-serif;
  color: #da8c2a;
  font-size: 24px;
  font-weight: 700;
}

.success-message-8 {
  background-color: transparent;
}

.text-block-18 {
  font-family: 'Open Sans', sans-serif;
  color: #fff5e9;
  font-size: 18px;
}

.error-message-6 {
  background-color: #da8c2a;
}

.text-block-19 {
  font-family: 'Open Sans', sans-serif;
  color: #da8c2a;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
}

.success-message-9 {
  background-color: transparent;
  color: transparent;
}

.error-message-7 {
  background-color: #da8c2a;
}

.text-block-20 {
  font-family: 'Open Sans', sans-serif;
  color: #fff5e9;
  font-size: 18px;
}

.text-block-21 {
  font-family: 'Open Sans', sans-serif;
  color: #da8c2a;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
}

.success-message-10 {
  background-color: transparent;
}

.text-block-22 {
  font-family: 'Open Sans', sans-serif;
  color: #fff5e9;
  font-size: 18px;
}

.error-message-8 {
  background-color: #da8c2a;
}

.text-block-23 {
  font-family: 'Open Sans', sans-serif;
  color: #da8c2a;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
}

.success-message-11 {
  background-color: transparent;
}

.text-block-24 {
  font-family: 'Open Sans', sans-serif;
  color: #fff5e9;
  font-size: 18px;
}

.error-message-9 {
  background-color: #da8c2a;
}

.text-block-25 {
  font-family: 'Open Sans', sans-serif;
  color: #da8c2a;
  font-size: 24px;
  font-weight: 700;
}

.success-message-12 {
  background-color: transparent;
}

.text-block-26 {
  color: #fff5e9;
  font-size: 18px;
}

.error-message-10 {
  background-color: #da8c2a;
}

.open-buy-button {
  display: none;
  margin-top: 15px;
}

.pilsnerbestellen {
  display: block;
  margin-top: 0px;
}

.button {
  margin-top: 20px;
  background-color: #5e1f0e;
  font-family: 'Open Sans', sans-serif;
  color: #feecd4;
}

.buybutton1 {
  display: block;
}

.link-block-6 {
  background-color: transparent;
}

.checkbox_none {
  float: left;
}

.agb-text {
  padding-top: 2px;
  float: right;
  font-family: 'Open Sans', sans-serif;
  color: #c76e1e;
}

.div-block-29 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

.agb-link {
  color: #5e1f0e;
  text-decoration: none;
}

.checkbox-ok {
  display: block;
}

.agb_bestaetigung {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

.image-18 {
  opacity: 1;
}

.warenkorb-blind {
  position: relative;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 2000;
  display: inline-block;
  margin-top: 0px;
}

.buybutton2 {
  position: static;
  z-index: 200;
  display: block;
  height: auto;
  margin-top: 0px;
}

.buybutton3 {
  display: block;
  height: auto;
}

.agb_bestaetigung_2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

.agb_bestaetigung_3 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
}

.warenkorb_blind2 {
  position: absolute;
  z-index: 2000;
  margin-top: 0px;
}

.warenkorb_blind3 {
  margin-top: 15px;
}

._1_none {
  width: 25px;
}

._1_checked {
  display: none;
  width: 25px;
}

._2_none {
  width: 25px;
}

._2_checked {
  display: none;
  width: 25px;
}

._3_none {
  width: 25px;
}

._3_checked {
  display: none;
  width: 25px;
}

.datenschutzhinweis-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 13px;
  margin-bottom: 16px;
}

.div-block-30 {
  display: inline-block;
}

.yes {
  display: none;
}

.senden_platzhalter {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #c76e1e;
  background-image: linear-gradient(157deg, transparent 43%, rgba(218, 161, 90, 0.7) 78%, #daa15a);
  font-family: 'Open Sans', sans-serif;
  color: #d8bd9a;
  font-size: 19.6px;
}

.link-block-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.datenschutzhinweis {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 21px;
  margin-bottom: 8px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.ds_checked {
  display: none;
}

.anfragen-platzhalter {
  margin-top: 14px;
}

.ds-check {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.cookiehinweis {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  padding-top: 25px;
  padding-bottom: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c76e1e;
}

.div-block-31 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.button-2 {
  background-color: #712b12;
  font-family: 'Open Sans', sans-serif;
  color: #feecd4;
  font-size: 18px;
  font-weight: 300;
}

.cookie-it {
  position: fixed;
  left: 0px;
  right: 0px;
  bottom: 0px;
  display: none;
  padding-top: 25px;
  padding-bottom: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c76e1e;
}

.button-3 {
  background-color: #712b12;
  font-family: 'Open Sans', sans-serif;
  color: #feecd4;
  font-size: 18px;
  font-weight: 300;
}

.link-9 {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: #c76e1e;
  font-family: 'Open Sans', sans-serif;
  color: #d8bd9a;
  font-size: 19.6px;
}

.link-block-8 {
  width: 70%;
  margin-bottom: 18px;
}

.collection-list-wrapper {
  width: 60vw;
  margin-top: 50px;
  margin-bottom: 50px;
}

.collection-list-wrapper-2 {
  width: 60vw;
  margin-top: 50px;
  margin-bottom: 50px;
}

.link-block-9 {
  width: auto;
  margin-bottom: 18px;
}

.section-2 {
  display: none;
  min-height: 50vh;
  padding-right: 10vw;
  padding-bottom: 58px;
  padding-left: 10vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(218, 161, 90, 0.45);
}

.buy-pilsner {
  margin-top: 15px;
}

.buy-muenchner {
  margin-top: 15px;
}

.buy-weizen {
  margin-top: 15px;
}

.button-no-function {
  position: absolute;
  z-index: 300;
}

.betellbutton-div {
  margin-top: 15px;
}

.button-function {
  position: relative;
  z-index: 200;
  overflow: visible;
}

.bestellbutton-div {
  margin-top: 15px;
}

.column-33 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 60px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  text-align: left;
}

.column-34 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 60px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.column-35 {
  padding-left: 60px;
}

.column-36 {
  padding-left: 60px;
}

.column-37 {
  padding-left: 60px;
}

.column-38 {
  padding-left: 60px;
}

.column-39 {
  padding-left: 60px;
}

.column-40 {
  padding-left: 60px;
}

.column-41 {
  padding-left: 60px;
}

.column-42 {
  padding-left: 60px;
}

.column-43 {
  padding-left: 60px;
}

._2019 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 200px;
  margin-right: -100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  background-image: url('../images/Kling_Malz_02.03.2021_JPG_web_8811_weichhaus.jpg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

._2020 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 200px;
  margin-right: -100px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 200px;
  background-image: url('../images/Kling_Malz_02.03.2021_JPG_web_8953_wender2.jpg');
  background-position: 100% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.link-10 {
  text-decoration: none;
}

.link-11 {
  text-decoration: none;
}

.collection-list-wrapper-3 {
  width: 60vw;
}

.empty-state {
  background-color: #dbb787;
}

.div-block-32 {
  height: 300px;
  margin-bottom: 20px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 15%;
  background-size: cover;
}

.heading-4 {
  font-family: 'Open Sans', sans-serif;
  color: #5e1f0e;
  font-weight: 600;
}

.collection-item {
  height: 600px;
  margin-top: 20px;
  margin-right: 0px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #45190e;
}

.artikelbild {
  min-height: 75vh;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 0%;
  background-size: cover;
  background-repeat: no-repeat;
}

.div-block-33 {
  width: 60vw;
  min-height: 20px;
  margin-top: 30px;
}

.text-block-27 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.text-block-28 {
  width: 60vw;
}

.introtext-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  min-height: 50vh;
  margin-top: 0px;
  padding-top: 50px;
  padding-bottom: 70px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffecd5;
}

.flietext-schwarz-2 {
  overflow: visible;
  width: 60vw;
  margin-top: 15px;
  margin-bottom: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 1.4em;
  line-height: 22px;
  font-weight: 400;
  -o-object-fit: fill;
  object-fit: fill;
}

.heading-5 {
  width: 60vw;
  font-family: 'Open Sans', sans-serif;
  color: #44190d;
  font-weight: 400;
}

.image-19 {
  width: 100%;
}

@media screen and (max-width: 991px) {
  .navbar {
    width: 90vw;
  }

  .intro {
    padding-right: 0px;
    padding-bottom: 60px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url('../images/Kling_Malz_02.03.2021_JPG_web_8954_wender.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .navlink {
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px none #dbb687;
  }

  .nav-menu {
    top: 0px;
    right: 0px;
    z-index: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    float: right;
    background-color: transparent;
  }

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

  .h1.neg {
    width: 80vw;
    font-size: 2.5em;
  }

  .h1.weiss {
    width: 80vw;
    padding-right: 27px;
    font-size: 2.4em;
  }

  .introtext {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .introtext.produktionsschema {
    padding-top: 120px;
  }

  .introtext._2 {
    padding-top: 43px;
  }

  .introtext.anfrage {
    min-height: 40vh;
  }

  .flietext-schwarz {
    width: 80vw;
  }

  .flietext-schwarz.breit {
    width: 70vw;
  }

  .flietext-schwarz._50.weiss {
    padding-right: 8px;
  }

  .flietext-schwarz.weiterfuehrende-links {
    margin-top: 36px;
  }

  .flietext-schwarz.subtitel-personen {
    width: 25vw;
    font-size: 1.2em;
    line-height: 20px;
  }

  .flietext-schwarz.prod {
    margin-right: 30px;
    margin-left: 31px;
    font-size: 1.2em;
    line-height: 19px;
  }

  .flietext-schwarz.klein {
    margin-top: 3px;
  }

  .flietext-schwarz.artikelseiten {
    width: 80vw;
  }

  .row {
    width: 80vw;
  }

  .brand {
    width: auto;
  }

  .menu-button {
    top: 57px;
    margin-top: -64px;
  }

  .menu-button.w--open {
    background-color: transparent;
  }

  .menu-button.mobilemenue2 {
    margin-top: 0px;
  }

  .fenster1 {
    background-size: cover;
    background-attachment: scroll;
  }

  .div-block {
    top: 30px;
    width: 25%;
    padding: 15px;
  }

  .up {
    right: 44px;
    width: 30px;
  }

  .icon {
    padding-top: 1px;
    border: 1px solid #fff5e9;
    border-radius: 3px;
    background-color: rgba(199, 110, 30, 0.6);
    color: #fff;
  }

  .div-block-3 {
    width: 55vw;
    min-height: 280px;
  }

  .sprachwaehler {
    top: 44px;
    right: 18px;
    width: 26px;
  }

  .de {
    width: 26px;
    height: 26px;
    margin-right: 0px;
    margin-bottom: 6px;
    background-color: rgba(199, 110, 30, 0.6);
  }

  .de.w--current {
    width: 26px;
    height: 26px;
    padding-right: 0px;
    padding-left: 0px;
    background-color: rgba(199, 110, 30, 0.6);
  }

  .en {
    width: 26px;
    height: 26px;
    margin-right: 0px;
    margin-bottom: 6px;
    background-color: rgba(199, 110, 30, 0.6);
  }

  .it {
    width: 26px;
    height: 26px;
    background-color: rgba(199, 110, 30, 0.6);
  }

  .sprachen {
    z-index: 1001;
  }

  .intro_brau {
    padding-bottom: 60px;
  }

  .fenster-brau {
    padding-right: 58px;
    padding-left: 77px;
    background-size: cover, cover;
  }

  .heading {
    width: 80vw;
    font-size: 2.4em;
    line-height: 38px;
  }

  .heading.shop.gross {
    font-size: 2.4em;
    line-height: 30px;
  }

  .heading.top {
    margin-top: 10px;
  }

  .heading.abstand-oben {
    margin-top: 42px;
  }

  .intro_back {
    padding-bottom: 60px;
  }

  .intro-hobbybrauer {
    background-position: 0px 50%;
  }

  .intro-qualitt {
    padding-bottom: 60px;
  }

  .fenster-qualitt {
    background-attachment: scroll;
  }

  .intro-oeber-uns {
    padding-bottom: 60px;
  }

  .form-block.preis {
    width: 80vw;
  }

  .ab-station._2 {
    margin-top: 14px;
  }

  .preisanfrage {
    padding-bottom: 60px;
  }

  .form_preisanfrage_feld.kurz {
    width: 100%;
  }

  .row-2 {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
  }

  .text-block {
    font-size: 14px;
    line-height: 17px;
  }

  .spezifikationen.pilsner {
    width: 80vw;
  }

  .spezifikationen.muenchnermalz {
    width: 80vw;
  }

  .spezifikationen.weizen {
    width: 80vw;
  }

  .spezifikationen.diagerste {
    width: 80vw;
  }

  .spezifikationen.diaweizen {
    width: 80vw;
  }

  .intro-malzkeime {
    padding-bottom: 60px;
  }

  .fenster-produktionsbetriebe._2 {
    background-image: url('../images/Keimkasten_06_Uhr_IMG-5951_edit.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }

  .hobbybrauer-malz {
    width: 70vw;
  }

  .hobbybrauer-shop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-5 {
    width: 70vw;
    height: auto;
  }

  .preis {
    float: right;
  }

  .muenchner {
    width: 70vw;
    height: auto;
  }

  .weizenmalz {
    width: 70vw;
    height: auto;
  }

  .download-button {
    margin-top: 29px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
  }

  .intro-hobbybrauer-pilsner {
    padding-bottom: 60px;
  }

  .hobbybrauer-detailseite {
    width: 80vw;
  }

  .subhead {
    width: 80vw;
    margin-top: 40px;
  }

  .subhead.preisanfragen {
    padding-right: 11px;
    padding-left: 11px;
  }

  .braumalzanfrage {
    display: none;
  }

  .diastasemalzanfrage {
    display: none;
  }

  .futtermittelpreise {
    display: none;
  }

  .text-block-2 {
    padding-top: 1px;
    font-size: 12px;
    font-weight: 600;
    text-shadow: none;
  }

  .text-block-3 {
    padding-top: 1px;
    font-size: 12px;
    font-weight: 600;
    text-shadow: none;
  }

  .div-block-11 {
    background-color: transparent;
  }

  .text-block-4 {
    padding-top: 1px;
    font-size: 12px;
    font-weight: 600;
    text-shadow: none;
  }

  .zertifikate-block {
    width: 80vw;
  }

  .zertifikate-block.komplett {
    margin-top: 38px;
    margin-bottom: 8px;
  }

  .div-block-12 {
    width: 80vw;
  }

  .saeulen {
    min-height: 250px;
    -webkit-flex-basis: 38%;
    -ms-flex-preferred-size: 38%;
    flex-basis: 38%;
  }

  .intro-energie {
    padding-bottom: 60px;
  }

  .intro-labor {
    padding-bottom: 60px;
  }

  .div-block-13 {
    width: 80vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 4 auto;
    -ms-flex: 0 4 auto;
    flex: 0 4 auto;
  }

  .lightbox-link {
    width: 48%;
  }

  .lightbox-link-2 {
    width: 48%;
    max-height: 150px;
  }

  .ansprechpartner {
    width: 80vw;
  }

  .kling {
    -webkit-flex-basis: 28%;
    -ms-flex-preferred-size: 28%;
    flex-basis: 28%;
  }

  .eisinger {
    min-height: 445px;
    -webkit-flex-basis: 28%;
    -ms-flex-preferred-size: 28%;
    flex-basis: 28%;
  }

  .timeline {
    width: 80vw;
    text-align: right;
  }

  .div-block-17 {
    padding-right: 0px;
  }

  .div-block-17.bild-links {
    padding-right: 0px;
  }

  .div-block-18.bild-rechts {
    padding-left: 0px;
  }

  .intro-werke {
    padding-bottom: 60px;
  }

  .intro-zert {
    padding-bottom: 60px;
  }

  .intro-rohstoffe {
    padding-bottom: 60px;
  }

  .div-block-23 {
    width: 80vw;
  }

  .link-block-3 {
    width: 24vw;
    height: 24vw;
  }

  .link-block-4 {
    width: 24vw;
    height: 24vw;
  }

  .link-block-5 {
    width: 124vw;
    height: 24vw;
  }

  .fenster-energie {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 35vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .div-block-24 {
    display: block;
    margin-top: -73px;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
  }

  .div-block-24._2 {
    display: block;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
  }

  .div-block-24._4 {
    margin-top: 30px;
    background-size: 600px;
  }

  .div-block-24._5 {
    display: block;
    margin-right: auto;
    margin-left: auto;
    background-position: -22px 0px;
  }

  .div-block-24._7 {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }

  .div-block-24._9 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(199, 110, 30, 0.53)), to(rgba(199, 110, 30, 0.53))), url('../images/trieur_seite.jpg');
    background-image: linear-gradient(180deg, rgba(199, 110, 30, 0.53), rgba(199, 110, 30, 0.53)), url('../images/trieur_seite.jpg');
    background-size: auto, 230px;
  }

  .div-block-28 {
    width: 100%;
    min-height: 10vw;
    border-right-style: dotted;
    border-right-color: #5e1f0e;
  }

  .div-block-28._2 {
    width: 100%;
    min-height: 8vw;
    padding-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    border-bottom: 1px dotted #5e1f0e;
    border-right-style: dotted;
  }

  .div-block-28._2.lang {
    min-height: 37vw;
  }

  .div-block-28._2.lang._3 {
    min-height: 46vw;
    border-top-style: none;
    border-left-style: none;
  }

  .div-block-28._2.lagern {
    min-height: 37vw;
    padding-right: 10px;
  }

  .div-block-28._3 {
    width: 100%;
    min-height: 10vw;
    padding-left: 0px;
    border-top: 1px dotted #5e1f0e;
    border-left: 1px dotted #5e1f0e;
  }

  .div-block-28._3.ohne {
    border-top-style: none;
  }

  .div-block-28._4 {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px dotted #5e1f0e;
    border-left: 1px dotted #5e1f0e;
    border-right-style: none;
  }

  .div-block-28._4.lang {
    min-height: 28vw;
  }

  .div-block-28._4.lang._2 {
    min-height: 31vw;
    padding-right: 0px;
    border-right-style: none;
  }

  .div-block-28._4.lang._3 {
    min-height: 42vw;
    border-top-style: none;
    border-right-style: none;
  }

  .div-block-28._4.lang._1 {
    min-height: 18vw;
  }

  .div-block-28._4.lang2 {
    min-height: 68vw;
  }

  .div-block-28._4.weichen {
    min-height: 44vw;
  }

  .produktion {
    width: 80vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .image-17 {
    margin-top: -10px;
  }

  .mollierdiagramm {
    display: none;
    max-width: 80vw;
  }

  .agb-text {
    padding-top: 2px;
  }

  .div-block-31 {
    width: 80vw;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .link-block-8 {
    width: auto;
  }

  .collection-list-wrapper {
    width: 80vw;
  }

  .collection-list-wrapper-2 {
    width: 80vw;
    margin-top: 50px;
    margin-bottom: 1px;
  }

  .link-block-9 {
    width: auto;
  }

  .column-33 {
    padding-left: 20px;
  }

  .column-34 {
    padding-left: 20px;
  }

  .column-35 {
    padding-left: 20px;
  }

  .column-36 {
    padding-left: 20px;
  }

  .column-37 {
    padding-left: 20px;
  }

  .column-38 {
    padding-left: 20px;
  }

  .column-39 {
    padding-left: 20px;
  }

  .column-40 {
    padding-left: 20px;
  }

  .column-41 {
    padding-left: 20px;
  }

  .column-42 {
    padding-left: 20px;
  }

  .column-43 {
    padding-left: 20px;
  }

  .introtext-2 {
    height: auto;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .flietext-schwarz-2 {
    width: 80vw;
  }

  .heading-5 {
    width: 80vw;
    font-size: 2.4em;
    line-height: 38px;
  }
}

@media screen and (max-width: 767px) {
  .header {
    width: 100vw;
    padding-right: 0px;
  }

  .navbar {
    width: 100vw;
  }

  .intro {
    height: 100vh;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0vw;
  }

  .navlink {
    margin-right: 11.125px;
    font-size: 1em;
  }

  .nav-menu {
    width: 56vw;
  }

  .h1 {
    font-size: 28px;
    line-height: 34px;
  }

  .h1.neg {
    width: 90vw;
    font-size: 1.6em;
    line-height: 1.1em;
  }

  .h1.weiss {
    width: 90vw;
    font-size: 2em;
    line-height: 1.1em;
  }

  .introtext {
    height: auto;
    padding-top: 20px;
    padding-bottom: 16px;
  }

  .introtext.produktionsschema {
    padding-top: 93px;
    padding-bottom: 43px;
  }

  .introtext._2 {
    padding-top: 8px;
  }

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

  .flietext-schwarz {
    width: 90vw;
    font-size: 1.1em;
    line-height: 1.2em;
  }

  .flietext-schwarz.breit {
    width: 70vw;
  }

  .flietext-schwarz.anfrage {
    margin-bottom: 30px;
  }

  .flietext-schwarz._50.weiss {
    padding-right: 1px;
    font-size: 1.1em;
    line-height: 1.18em;
  }

  .flietext-schwarz.weiterfuehrende-links {
    margin-top: 26px;
    margin-bottom: 20px;
  }

  .flietext-schwarz.subtitel-personen {
    width: 42vw;
  }

  .flietext-schwarz.prod {
    margin-left: 20px;
    font-size: 1.1em;
    line-height: 16px;
  }

  .flietext-schwarz.artikelseiten {
    width: 90vw;
  }

  .fliesstext-weiss.cookie {
    font-size: 1.1em;
    line-height: 20px;
  }

  .form {
    margin-top: 29px;
  }

  .brand {
    width: auto;
  }

  .menu-button {
    top: 45px;
    margin-top: -63px;
  }

  .fenster1 {
    height: 100vh;
    padding-right: 38px;
    padding-left: 65px;
    background-image: url('../images/Kling_Malz_02.03.2021_JPG_web_8848_malzsaecke_3er.jpg');
    background-position: 50% 0%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }

  .div-block {
    position: absolute;
    right: 380.56px;
    width: 33%;
  }

  .block-quote {
    border-left-color: #fff5e9;
    color: #fff5e9;
    line-height: 36px;
    text-shadow: 1px 1px 2px #000;
  }

  .up {
    right: 42px;
    width: 30px;
  }

  .div-block-3 {
    min-height: 200px;
  }

  .sprachwaehler {
    top: 33px;
  }

  .de {
    width: 26px;
    height: 26px;
    background-color: rgba(199, 110, 30, 0.6);
    box-shadow: none;
  }

  .en {
    box-shadow: none;
  }

  .it {
    box-shadow: none;
  }

  .intro_brau {
    height: 100vh;
    padding-bottom: 20px;
  }

  .fenster-brau {
    height: 100vh;
    padding-left: 57px;
    background-attachment: scroll, fixed;
  }

  .fenster-brau._3 {
    padding-right: 64px;
    padding-left: 66px;
    background-attachment: scroll;
  }

  .heading {
    width: 90vw;
    margin-bottom: 20px;
    font-size: 2.1em;
    line-height: 1.1em;
  }

  .heading.shop {
    margin-top: 25px;
  }

  .heading.shop.gross {
    font-size: 2em;
  }

  .heading.top {
    margin-top: 19px;
    font-size: 2em;
  }

  .heading.abstand-oben {
    margin-top: 39px;
  }

  .intro_back {
    height: 100vh;
    padding-bottom: 20px;
  }

  .fenster-back {
    height: 100vh;
    padding-right: 43px;
    padding-left: 56px;
    background-attachment: scroll;
  }

  .intro-hobbybrauer {
    height: 100vh;
    background-position: 0px 50%;
  }

  .fenster-hobby {
    height: 100vh;
    padding-right: 40px;
    padding-left: 64px;
    background-attachment: scroll, fixed;
  }

  .intro-qualitt {
    height: 100vh;
    padding-bottom: 20px;
  }

  .fenster-qualitt {
    height: 100vh;
  }

  .fenster-qualitt._2 {
    background-image: url('../images/Kingmalz_Keimkasten_Edingen-9237_web.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }

  .intro-oeber-uns {
    height: 100vh;
    padding-bottom: 20px;
  }

  .link-2 {
    padding-right: 0px;
    padding-left: 0px;
    font-size: 1.1em;
  }

  .preisanfrage {
    height: 100vh;
    padding-bottom: 20px;
  }

  .row-2 {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
  }

  .text-block {
    overflow: visible;
    padding-right: 0px;
    font-size: 12px;
    line-height: 15px;
  }

  .text-block.index {
    line-height: 16px;
  }

  .spezifikationen.pilsner {
    width: 90vw;
    margin-top: 15px;
    margin-bottom: 20px;
  }

  .spezifikationen.muenchnermalz {
    width: 90vw;
    margin-top: 15px;
    margin-bottom: 20px;
  }

  .spezifikationen.weizen {
    width: 90vw;
    margin-top: 15px;
    margin-bottom: 20px;
  }

  .spezifikationen.diagerste {
    width: 90vw;
    margin-top: 10px;
    margin-bottom: 13px;
  }

  .spezifikationen.diaweizen {
    width: 90vw;
    margin-top: 10px;
  }

  .intro-malzkeime {
    height: 100vh;
    padding-bottom: 30px;
  }

  .fenster-produktionsbetriebe {
    height: 100vh;
    padding-right: 42px;
    padding-left: 66px;
    background-attachment: scroll;
  }

  .fenster-produktionsbetriebe._2 {
    padding-right: 63px;
    padding-left: 66px;
    background-attachment: scroll, fixed;
  }

  .hobbybrauer-shop {
    padding-bottom: 16px;
  }

  .preis {
    float: right;
  }

  .download-button {
    font-size: 16px;
  }

  .intro-hobbybrauer-pilsner {
    height: 100vh;
    padding-bottom: 20px;
    background-position: 50% 50%;
  }

  .intro-hobbybrauer-pilsner.muench {
    background-position: 50% 50%;
  }

  .hobbybrauer-detailseite {
    width: 90vw;
    margin-top: 9px;
  }

  .subhead {
    width: 90vw;
  }

  .subhead.preisanfragen {
    font-size: 1.3em;
  }

  .braumalzanfrage {
    width: 90vw;
  }

  .diastasemalzanfrage {
    width: 90vw;
  }

  .futtermittelpreise {
    width: 90vw;
  }

  .column-15 {
    padding-right: 40px;
  }

  .zertifikate-block {
    width: 90vw;
    margin-top: 27px;
  }

  .zertifikate-block.komplett {
    width: 90vw;
    margin-top: 29px;
    margin-bottom: 0px;
  }

  .div-block-12 {
    width: 90vw;
    margin-top: 17px;
    margin-bottom: 7px;
  }

  .saeulen._1 {
    padding-left: 15px;
  }

  .saeulen._2 {
    padding-right: 8px;
    padding-left: 15px;
  }

  .saeulen._3 {
    padding-left: 15px;
  }

  .saeulen._4 {
    padding-left: 15px;
  }

  .saeulen._5 {
    padding-left: 15px;
  }

  .saeulen._6 {
    padding-left: 15px;
  }

  .saeulen._7 {
    padding-left: 15px;
  }

  .saeulen._8 {
    padding-left: 15px;
  }

  .saeulen._9 {
    padding-left: 15px;
  }

  .saeulen._10 {
    padding-left: 15px;
  }

  .intro-energie {
    height: 100vh;
    padding-bottom: 20px;
  }

  .intro-labor {
    height: 100vh;
    padding-bottom: 20px;
  }

  .fenster-labor {
    height: 100vh;
    padding-right: 64px;
    padding-left: 66px;
    background-attachment: scroll;
  }

  .div-block-13 {
    width: 90vw;
    margin-top: 6px;
    margin-bottom: 0px;
    -webkit-flex-shrink: 2;
    -ms-flex-negative: 2;
    flex-shrink: 2;
  }

  .lightbox-link {
    width: 47.5%;
  }

  .lightbox-link-2 {
    width: 47.5%;
    max-height: 150px;
    -webkit-flex-basis: 31%;
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%;
  }

  .ansprechpartner {
    width: 90vw;
  }

  .kling {
    margin-bottom: 18px;
    -webkit-flex-basis: 47%;
    -ms-flex-preferred-size: 47%;
    flex-basis: 47%;
  }

  .eisinger {
    margin-bottom: 18px;
    -webkit-flex-basis: 47%;
    -ms-flex-preferred-size: 47%;
    flex-basis: 47%;
  }

  .div-block-15 {
    min-height: 170px;
  }

  .div-block-17.bild-links {
    min-height: 170px;
    padding-left: 87px;
  }

  .geschichte {
    font-size: 14px;
    line-height: 16px;
  }

  .div-block-18 {
    min-height: 150px;
    padding-left: 0px;
  }

  .div-block-18.bild-rechts {
    min-height: 170px;
    padding-right: 88px;
  }

  .intro-werke {
    height: 100vh;
    padding-bottom: 20px;
  }

  .innen {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .div-block-22 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .fenster-historie {
    height: 100vh;
    padding-right: 41px;
    padding-left: 66px;
    background-position: 50% 36%;
    background-attachment: scroll;
  }

  ._1894 {
    width: 150px;
    height: 150px;
    margin-left: -75px;
  }

  ._1900 {
    width: 150px;
    height: 150px;
    margin-left: -75px;
  }

  ._1932 {
    width: 150px;
    height: 150px;
    margin-right: -75px;
  }

  ._1935 {
    width: 150px;
    height: 150px;
    margin-right: -75px;
  }

  ._49 {
    width: 150px;
    height: 150px;
    margin-left: -75px;
  }

  ._88 {
    width: 150px;
    height: 150px;
    margin-left: -75px;
  }

  ._89 {
    width: 150px;
    height: 150px;
    margin-right: -75px;
  }

  ._99 {
    width: 150px;
    height: 150px;
    margin-left: -75px;
  }

  ._2005 {
    width: 150px;
    height: 150px;
    margin-right: -75px;
  }

  ._2011 {
    width: 150px;
    height: 150px;
    margin-left: -75px;
  }

  .intro-zert {
    height: 100vh;
    padding-bottom: 20px;
  }

  .intro-rohstoffe {
    height: 100vh;
    padding-bottom: 20px;
  }

  .fenster-rohstoffe {
    height: 100vh;
    padding-right: 66px;
    padding-left: 66px;
    background-attachment: scroll;
  }

  .div-block-23 {
    width: 90vw;
  }

  .link-block-3 {
    width: 25vw;
    height: 25vw;
  }

  .link-block-4 {
    width: 25vw;
    height: 25vw;
  }

  .link-block-5 {
    width: 25vw;
    height: 25vw;
  }

  .fenster-energie {
    height: 100vh;
    padding-right: 66px;
    padding-left: 66px;
    background-attachment: scroll;
  }

  .div-block-24 {
    margin-top: -55px;
  }

  .div-block-24._2 {
    margin-top: 30px;
  }

  .div-block-24._4 {
    margin-top: 30px;
  }

  .div-block-24._9 {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(195, 106, 26, 0.59)), to(rgba(195, 106, 26, 0.59))), url('../images/trieur_seite.jpg');
    background-image: linear-gradient(180deg, rgba(195, 106, 26, 0.59), rgba(195, 106, 26, 0.59)), url('../images/trieur_seite.jpg');
    background-position: 0px 0px, 59% 42%;
    background-size: auto, 170px;
  }

  .div-block-28 {
    min-height: 9vw;
  }

  .div-block-28._2 {
    min-height: 9vw;
    padding-left: 0px;
  }

  .div-block-28._2.lang {
    min-height: 46vw;
    padding-left: 0px;
  }

  .div-block-28._2.lang._3 {
    min-height: 62vw;
  }

  .div-block-28._2.u {
    border-bottom-style: none;
  }

  .div-block-28._2.lagern {
    min-height: 46vw;
  }

  .div-block-28._3.ohne {
    min-height: 9vw;
  }

  .div-block-28._4 {
    padding-right: 55px;
  }

  .div-block-28._4.lang {
    min-height: 39vw;
    padding-right: 0px;
  }

  .div-block-28._4.lang._2 {
    min-height: 38vw;
    padding-left: 0px;
  }

  .div-block-28._4.lang._3 {
    min-height: 56vw;
    padding-right: 15px;
  }

  .div-block-28._4.lang._1 {
    min-height: 19vw;
  }

  .div-block-28._4.lang2 {
    min-height: 89vw;
    padding-right: 16px;
  }

  .div-block-28._4.weichen {
    min-height: 57vw;
  }

  .fenster-anfrage {
    height: 100vh;
    padding-right: 87px;
    padding-left: 66px;
    background-attachment: scroll;
  }

  .intro-kontakt {
    height: 100vh;
    padding-bottom: 20px;
  }

  .fenster-kontakt {
    height: 100vh;
    padding-left: 61px;
    background-attachment: scroll;
  }

  .mollierdiagramm {
    max-width: 90vw;
  }

  .agb-text {
    padding-top: 2px;
  }

  .cookiehinweis {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
  }

  .div-block-31 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .button-2 {
    margin-top: 15px;
    font-size: 1.1em;
  }

  .collection-list-wrapper {
    margin-top: 40px;
    margin-bottom: 6px;
  }

  .collection-list-wrapper-2 {
    margin-top: 50px;
    margin-bottom: 23px;
  }

  ._2019 {
    width: 150px;
    height: 150px;
    margin-right: -75px;
  }

  ._2020 {
    width: 150px;
    height: 150px;
    margin-right: -75px;
  }

  .artikelbild {
    background-position: 50% 0%;
  }

  .introtext-2 {
    height: auto;
    padding-top: 10px;
    padding-bottom: 40px;
  }

  .flietext-schwarz-2 {
    width: 90vw;
    font-size: 1.1em;
    line-height: 1.2em;
  }

  .heading-5 {
    width: 90vw;
    font-size: 2.1em;
    line-height: 1.1em;
  }
}

@media screen and (max-width: 479px) {
  .header {
    left: 0px;
    top: 0px;
    right: 0px;
    height: 140px;
    padding-right: 8px;
    padding-left: 18px;
    background-color: transparent;
  }

  .navbar {
    width: 95vw;
  }

  .intro {
    height: 65vh;
    margin-top: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-image: url('../images/Kling_Malz_02.03.2021_JPG_web_8954_wender.jpg');
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .navlink {
    font-size: 1em;
  }

  .nav-menu {
    z-index: 500;
    width: 91.5vw;
  }

  .h1 {
    font-size: 24px;
    line-height: 28px;
  }

  .h1.neg {
    width: 90vw;
    padding-right: 5%;
    font-size: 1.6em;
    line-height: 1.1em;
  }

  .h1.weiss {
    width: 80vw;
    padding-right: 0px;
    font-size: 1.6em;
  }

  .introtext {
    height: auto;
    padding-top: 13px;
    padding-bottom: 25px;
  }

  .introtext._2 {
    padding-top: 8px;
    padding-bottom: 16px;
  }

  .flietext-schwarz {
    width: 90vw;
    margin-top: 10px;
    margin-bottom: 0px;
  }

  .flietext-schwarz.shop._2 {
    margin-top: 21px;
  }

  .flietext-schwarz.breit {
    width: 80vw;
  }

  .flietext-schwarz._50.weiss {
    margin-bottom: 15px;
    font-size: 1.1em;
  }

  .flietext-schwarz.weiterfuehrende-links {
    margin-bottom: 17px;
  }

  .flietext-schwarz.subtitel-personen {
    width: 90vw;
  }

  .flietext-schwarz.prod {
    margin-right: 10px;
    font-size: 0.95em;
    line-height: 14px;
  }

  .flietext-schwarz.bottom {
    margin-bottom: 5px;
  }

  .row {
    width: 80vw;
  }

  .fliesstext-weiss {
    padding-right: 14px;
  }

  .form {
    width: auto;
  }

  .form.italien {
    width: auto;
  }

  .form.english {
    width: auto;
  }

  .brand {
    width: auto;
  }

  .brand.w--current {
    width: 160px;
  }

  .menu-button {
    top: 31px;
  }

  .fenster1 {
    height: 50vh;
    padding-left: 40px;
  }

  .div-block {
    top: 12px;
    width: 60%;
    padding: 10px 15px 10px 10px;
    box-shadow: none;
  }

  .block-quote {
    font-size: 2em;
    line-height: 30px;
  }

  .block-quote.white {
    font-size: 1.6em;
    line-height: 26px;
  }

  .up {
    right: 26px;
    z-index: 1000;
  }

  .icon {
    color: #fff;
  }

  .div-block-3 {
    width: 70vw;
    min-height: 130px;
    margin-top: 24px;
    border-radius: 45px;
  }

  .kopfleiste {
    padding-right: 5px;
    padding-left: 5px;
  }

  .sprachwaehler {
    top: 18px;
  }

  .de {
    margin-bottom: 5px;
  }

  .de.w--current {
    margin-bottom: 5px;
  }

  .en {
    margin-bottom: 5px;
  }

  .sprachen {
    right: 10px;
  }

  .formfeld-text.dunkler {
    font-size: 1em;
    line-height: 1.2px;
  }

  .formfeld-text.dunkler.abstand-oben {
    font-size: 1em;
  }

  .formfeld-text.dunkler.abstand-oben.au {
    margin-bottom: 15px;
  }

  .intro_brau {
    height: 65vh;
    padding-right: 0px;
    padding-bottom: 20px;
  }

  .intro_brau._2 {
    padding-right: 0px;
  }

  .fenster-brau {
    height: 50vh;
    padding-right: 11px;
    padding-left: 32px;
  }

  .fenster-brau._3 {
    padding-right: 23px;
    padding-left: 39px;
  }

  .heading {
    width: 90vw;
    font-size: 1.6em;
    line-height: 1.2em;
  }

  .heading.shop.gross {
    font-size: 1.6em;
    line-height: 1.2em;
  }

  .heading.shop.gross._2 {
    margin-bottom: 10px;
  }

  .heading.shop.o {
    margin-top: 1px;
  }

  .heading.top {
    margin-top: 10px;
    font-size: 1.6em;
  }

  .intro_back {
    height: 65vh;
    padding-bottom: 20px;
  }

  .fenster-back {
    height: 50vh;
    padding-right: 16px;
    padding-left: 43px;
  }

  .intro-hobbybrauer {
    height: 65vh;
    padding-bottom: 20px;
    padding-left: 0vw;
    background-image: url('../images/Klingmalz_Malzsaecke_IMG-7516.jpg'), url('../images/IMG_7501.jpg');
    background-position: 0px 0px, 0px 50%;
    background-size: cover, cover;
    background-repeat: no-repeat, no-repeat;
  }

  .fenster-hobby {
    height: 50vh;
    padding-left: 41px;
  }

  .intro-qualitt {
    height: 65vh;
  }

  .fenster-qualitt {
    height: 50vh;
    padding-left: 30px;
    background-position: -18px 50%;
    background-repeat: no-repeat;
  }

  .intro-oeber-uns {
    height: 65vh;
  }

  .form-block.preis {
    width: 80vw;
  }

  .link-2 {
    padding-right: 0px;
    padding-left: 0px;
  }

  .preisanfrage {
    height: 65vh;
    padding-bottom: 20px;
  }

  .form_preisanfrage_feld {
    font-weight: 300;
  }

  .form_preisanfrage_feld.kurz5 {
    line-height: 16px;
  }

  .form_preisanfrage_feld.kurz40 {
    width: 100%;
    font-size: 1em;
  }

  .row-2 {
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 14px;
  }

  .text-block {
    font-size: 10px;
  }

  .text-block.index {
    line-height: 13px;
  }

  .text-block.schmal {
    line-height: 13px;
  }

  .spezifikationen.pilsner {
    width: 98vw;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-right: 5px;
    padding-left: 5px;
  }

  .spezifikationen.muenchnermalz {
    width: 98vw;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-right: 5px;
    padding-left: 5px;
  }

  .spezifikationen.weizen {
    width: 98vw;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-right: 5px;
    padding-left: 5px;
  }

  .spezifikationen.diagerste {
    width: 98vw;
    margin-bottom: 7px;
    padding-right: 5px;
    padding-left: 5px;
  }

  .spezifikationen.diaweizen {
    width: 98vw;
    margin-bottom: 7px;
    padding-right: 5px;
    padding-left: 5px;
  }

  .intro-malzkeime {
    height: 65vh;
    padding-bottom: 20px;
  }

  .fenster-produktionsbetriebe {
    height: 50vh;
    padding-right: 36px;
    padding-left: 37px;
    background-attachment: scroll;
  }

  .fenster-produktionsbetriebe._2 {
    padding-right: 39px;
    padding-left: 43px;
    background-attachment: scroll, fixed;
  }

  .hobbybrauer-malz {
    width: 80vw;
  }

  .hobbybrauer-shop {
    padding-bottom: 20px;
  }

  .div-block-5 {
    width: 80vw;
    height: auto;
  }

  .preis {
    float: right;
  }

  .muenchner {
    width: 80vw;
    height: auto;
  }

  .weizenmalz {
    width: 80vw;
    height: auto;
  }

  .download-button {
    padding: 10px;
    font-size: 14px;
    line-height: 18px;
  }

  .intro-hobbybrauer-pilsner {
    height: 65vh;
    background-position: 50% 50%;
  }

  .hobbybrauer-detailseite {
    margin-top: 5px;
  }

  .braumalzanfrage {
    width: 90vw;
  }

  .diastasemalzanfrage {
    display: none;
  }

  .futtermittelpreise {
    display: none;
  }

  .zertifikat {
    width: 45%;
    margin-right: 10px;
    margin-bottom: 10px;
    -webkit-box-flex: 2;
    -webkit-flex: 2 2 42%;
    -ms-flex: 2 2 42%;
    flex: 2 2 42%;
  }

  .zertifikate-block.komplett {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .div-block-12 {
    margin-top: 8px;
    margin-bottom: 6px;
  }

  .saeulen {
    min-height: auto;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .intro-energie {
    height: 65vh;
  }

  .intro-labor {
    height: 65vh;
  }

  .fenster-labor {
    height: 50vh;
    padding-right: 31px;
    padding-left: 41px;
    background-position: 91% 50%;
    background-attachment: scroll;
  }

  .div-block-13 {
    width: 90vw;
    margin-top: 16px;
    margin-bottom: 9px;
  }

  .lightbox-link {
    margin: 3px;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
  }

  .lightbox-link-2 {
    max-height: 200px;
    margin: 3px;
    -webkit-flex-basis: 79%;
    -ms-flex-preferred-size: 79%;
    flex-basis: 79%;
  }

  .ansprechpartner {
    width: 90vw;
  }

  .div-block-15 {
    min-height: 120px;
  }

  .div-block-16 {
    width: 60px;
    height: 60px;
    margin-right: -30px;
    margin-left: -30px;
  }

  .div-block-16.hellbraun {
    width: 60px;
    height: 60px;
    margin-right: -30px;
    margin-left: -30px;
  }

  .div-block-16.braun {
    width: 60px;
    height: 60px;
    margin-right: -30px;
  }

  .div-block-16.darkbraun {
    width: 60px;
    height: 60px;
    margin-right: -30px;
  }

  .div-block-16.darkblue {
    width: 60px;
    height: 60px;
    margin-right: -30px;
  }

  .jahreszahl {
    font-size: 16px;
    line-height: 19px;
  }

  .div-block-17 {
    padding-left: 39px;
  }

  .div-block-17.bild-links {
    min-height: 120px;
    padding-left: 60px;
  }

  .geschichte {
    font-size: 10px;
    line-height: 12px;
  }

  .geschichte.rechtsbuendig {
    font-size: 10px;
    line-height: 12px;
  }

  .div-block-18 {
    min-height: 120px;
    padding-right: 38px;
  }

  .div-block-18.bild-rechts {
    min-height: 120px;
    padding-right: 54px;
  }

  .div-block-20.darkbraun {
    width: 60px;
    height: 60px;
    margin-left: -30px;
  }

  .div-block-20.darkblue {
    width: 60px;
    height: 60px;
    margin-left: -30px;
  }

  .intro-werke {
    height: 65vh;
    padding-bottom: 20px;
  }

  .fenster-historie {
    height: 50vh;
    padding-right: 24px;
    padding-left: 43px;
    background-attachment: scroll;
  }

  ._1894 {
    width: 100px;
    height: 100px;
    margin-left: -50px;
  }

  ._1900 {
    width: 100px;
    height: 100px;
    margin-left: -50px;
  }

  ._1932 {
    width: 100px;
    height: 100px;
    margin-right: -50px;
  }

  ._1935 {
    width: 100px;
    height: 100px;
    margin-right: -50px;
  }

  ._49 {
    width: 100px;
    height: 100px;
    margin-left: -50px;
    background-position: 26% 80%;
    background-size: 500px;
  }

  ._88 {
    width: 100px;
    height: 100px;
    margin-left: -50px;
  }

  ._89 {
    width: 100px;
    height: 100px;
    margin-right: -50px;
  }

  ._99 {
    width: 100px;
    height: 100px;
    margin-left: -50px;
  }

  ._2005 {
    width: 100px;
    height: 100px;
    margin-right: -50px;
  }

  ._2011 {
    width: 100px;
    height: 100px;
    margin-left: -50px;
  }

  .intro-zert {
    height: 65vh;
  }

  .intro-rohstoffe {
    height: 65vh;
  }

  .fenster-rohstoffe {
    height: 50vh;
    padding-right: 33px;
    padding-left: 43px;
  }

  .link-block-3 {
    width: 50vw;
    height: 50vw;
    border-radius: 60vw;
    background-position: 0px 0px, -60px -15px;
    background-size: auto, 400px;
  }

  .link-block-4 {
    width: 50vw;
    height: 50vw;
    border-radius: 60vw;
    background-size: auto, 260px;
  }

  .link-block-5 {
    width: 50vw;
    height: 50vw;
    border-radius: 60vw;
  }

  .fenster-energie {
    height: 50vh;
    padding-right: 41px;
    padding-left: 43px;
  }

  .div-block-24 {
    width: 40vw;
    height: 40vw;
    margin-top: -67px;
  }

  .div-block-24._2 {
    margin-top: 30px;
    margin-bottom: -20vw;
  }

  .div-block-24._4 {
    margin-top: 30px;
    margin-bottom: -20vw;
  }

  .div-block-24._5 {
    margin-top: 30px;
    margin-bottom: -20vw;
  }

  .div-block-24._6 {
    margin-top: 30px;
    margin-bottom: -20vw;
  }

  .div-block-24._7 {
    margin-bottom: -20vw;
  }

  .div-block-24._8 {
    margin-top: 30px;
    margin-bottom: -20vw;
  }

  .div-block-24._9 {
    margin-bottom: -20vw;
  }

  .div-block-28 {
    min-height: 21vw;
  }

  .div-block-28._2 {
    min-height: 27vw;
    padding-left: 0px;
  }

  .div-block-28._2.lang {
    min-height: 110vw;
  }

  .div-block-28._2.lang._3 {
    min-height: 146vw;
    padding-right: 10px;
  }

  .div-block-28._2.u {
    padding-right: 10px;
    padding-left: 0px;
  }

  .div-block-28._2.lagern {
    min-height: 114vw;
  }

  .div-block-28._3 {
    min-height: 11vw;
  }

  .div-block-28._3.ohne {
    min-height: 21vw;
  }

  .div-block-28._3.rechts {
    min-height: 21vw;
  }

  .div-block-28._4 {
    padding-right: 26px;
  }

  .div-block-28._4.lang {
    min-height: 87vw;
  }

  .div-block-28._4.lang._2 {
    min-height: 86vw;
    padding-right: 0px;
  }

  .div-block-28._4.lang._3 {
    min-height: 126vw;
    padding-right: 0px;
  }

  .div-block-28._4.lang._1 {
    min-height: 47vw;
  }

  .div-block-28._4.lang2 {
    min-height: 214vw;
    padding-right: 4px;
  }

  .div-block-28._4.weichen {
    min-height: 134vw;
    padding-right: 10px;
  }

  .fenster-anfrage {
    height: 50vh;
    padding-right: 20px;
    padding-left: 43px;
  }

  .intro-kontakt {
    height: 65vh;
  }

  .fenster-kontakt {
    height: 50vh;
    padding-right: 29px;
    padding-left: 43px;
    background-position: 0px 50%;
  }

  .agb-text {
    padding-top: 2px;
  }

  .collection-list-wrapper {
    width: 90vw;
  }

  .collection-list-wrapper-2 {
    width: 90vw;
    margin-top: 40px;
    margin-bottom: 0px;
  }

  ._2019 {
    width: 100px;
    height: 100px;
    margin-right: -50px;
  }

  ._2020 {
    width: 100px;
    height: 100px;
    margin-right: -50px;
  }

  .introtext-2 {
    height: auto;
    padding-top: 13px;
    padding-bottom: 40px;
  }

  .flietext-schwarz-2 {
    width: 90vw;
    margin-top: 10px;
    margin-bottom: 0px;
  }

  .flietext-schwarz-2.bottom {
    margin-bottom: 5px;
  }

  .heading-5 {
    width: 90vw;
    font-size: 1.6em;
    line-height: 1.2em;
  }
}