@font-face {
  font-family: geneva;
  src: url('../fonts/Geneva-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-DemiBold-03.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-Medium-06.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-MediumItalic-07.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-Heavy-09.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-Italic-05.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-UltraLight-11.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-HeavyItalic-10.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-UltraLightItalic-12.ttf') format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-Bold-01.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-BoldItalic-02.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-DemiBoldItalic-04.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Avenirnext;
  src: url('../fonts/AvenirNext-Regular-08.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenir;
  src: url('../fonts/Avenir-Black-03.ttf') format("truetype"), url('../fonts/Avenir-Heavy-05.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenir;
  src: url('../fonts/Avenir-BlackOblique-04.ttf') format("truetype"), url('../fonts/Avenir-HeavyOblique-06.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Avenir;
  src: url('../fonts/Avenir-BookOblique-02.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Avenir;
  src: url('../fonts/Avenir-Book-01.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenir;
  src: url('../fonts/Avenir-Light-07.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenir;
  src: url('../fonts/Avenir-LightOblique-08.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Avenir;
  src: url('../fonts/Avenir-Medium-09.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenir;
  src: url('../fonts/Avenir-MediumOblique-10.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Avenir roman;
  src: url('../fonts/Avenir-Roman-12.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Avenir oblique;
  src: url('../fonts/Avenir-Oblique-11.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Geneva;
  src: url('../fonts/Geneva-Bold-Italic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Geneva;
  src: url('../fonts/Geneva-Normal-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Geneva;
  src: url('../fonts/GENEV4.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Geneva_breit;
  src: url('../fonts/Geneva-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Buckwheat tc rough;
  src: url('../fonts/Buckwheat-TC-Rough.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Buckwheat tc sans rough;
  src: url('../fonts/Buckwheat-TC-Sans-Rough.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Buckwheat tc sans rg;
  src: url('../fonts/Buckwheat-TC-Sans-Rg.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Buckwheat tc rg;
  src: url('../fonts/Buckwheat-TC-Rg.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --sea-green: #6a885b;
  --hintergrund-neutral: #989e9624;
  --grün: #769473;
  --dark-sea-green: #8ca380;
  --grünstich: #f1f6ed;
  --gelbstich: #f5f0e9;
  --gelbstich-2: #fffbf6;
  --warmgrau: #9e9285;
  --indian-red: #b16f66;
  --rosy-brown: #bd7a6f;
  --dark-grey: #99948d;
  --grey: #848e90;
  --lavender: #d4d9e5de;
  --button-green: #69875b24;
  --oops: #ffdede;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h2 {
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.5em;
}

a {
  text-decoration: underline;
}

a:hover {
  font-weight: 700;
}

.image {
  background-color: #0000;
  max-width: 20%;
}

.body {
  background-color: #fff;
  font-family: geneva, sans-serif;
}

.name {
  color: #333;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-family: Roboto, sans-serif;
  font-size: 41px;
  font-weight: 500;
  line-height: 44px;
  display: block;
  overflow: visible;
}

.name.rechts {
  text-align: left;
  margin-top: 0;
  margin-left: 0;
  margin-right: -12px;
  padding-left: 0;
  font-weight: 500;
}

.name.gestanzt {
  color: #fff;
  text-shadow: 1px 0 #00000047;
}

.name.logo {
  color: #333;
  text-align: left;
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: 27px;
  font-weight: 500;
  line-height: 30px;
  text-decoration: none;
}

.name.logo.footer {
  text-align: left;
}

.name.logo.fuss {
  text-transform: none;
  font-size: 16px;
}

.name.schwarz {
  color: #333;
}

.plus {
  color: #333;
  text-align: center;
  white-space: normal;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
  font-family: Roboto, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 44px;
  text-decoration: none;
  overflow: visible;
}

.plus.unten {
  padding-left: 0;
}

.untertitel {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  color: #333;
  text-align: left;
  letter-spacing: normal;
  text-transform: none;
  flex-direction: row;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 35px;
  margin-left: 0;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Roboto, sans-serif;
  font-size: 25px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
  display: block;
  position: relative;
}

.untertitel.rechts {
  text-align: left;
  letter-spacing: normal;
  margin-top: 0;
  padding-left: 3px;
}

.untertitel.mitte {
  text-align: center;
  padding-right: 6px;
}

.untertitel.test {
  -webkit-text-fill-color: inherit;
  background-color: #fff9;
  background-clip: border-box;
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: 30px 30px auto;
  padding: 15px;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.5em;
  display: block;
  inset: 0% auto auto 0%;
}

.untertitel.haupt {
  margin-top: 40px;
  font-size: 25px;
}

.untertitel.haupt.gemeinde {
  margin-bottom: 60px;
}

.navbar {
  opacity: 1;
  color: #333;
  text-align: center;
  letter-spacing: .5px;
  text-transform: uppercase;
  background-color: #0000;
  flex-direction: column;
  align-items: stretch;
  margin-right: 0;
  padding: 22px 15px 20px;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

.navbar:hover {
  color: #333;
  font-weight: 500;
}

.navbar:active {
  font-weight: 500;
}

.navbar:visited {
  color: #333;
  font-weight: 700;
}

.navbar.w--current {
  color: #333;
  padding-left: 15px;
  font-weight: 700;
  display: inline-block;
}

.navbar.botton {
  background-color: #fff3;
  border-radius: 4px;
  margin-top: 12px;
  margin-right: 10px;
  padding: 10px 34px 8px;
  box-shadow: 1px 1px 3px #eeeeeeb0;
}

.navbar.current {
  color: #fff;
}

.navbar.fuss {
  margin-top: 0;
  margin-right: -10px;
  padding: 5px 10px;
  text-decoration: none;
}

.zitat {
  float: left;
  clear: none;
  color: #739761;
  text-align: left;
  max-width: 590px;
  margin-top: 0;
  margin-bottom: 60px;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Vollkorn, serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 45px;
}

.navigation {
  background-color: #fff;
  background-image: none;
  background-position: 0 0;
  background-size: auto;
  margin-top: 0;
  padding-left: 30px;
  padding-right: 30px;
  position: fixed;
  inset: 0% 0% auto;
}

.logo {
  opacity: 1;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: flex-end;
  max-width: 100%;
  padding-top: 23px;
  padding-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 500;
  display: block;
  overflow: visible;
}

.titel-bersicht {
  color: #333;
  text-align: left;
  letter-spacing: .5px;
  text-transform: uppercase;
  max-width: 590px;
  margin: 0 auto 15px 0;
  padding-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.5em;
  display: block;
}

.titel-bersicht.allein {
  margin-bottom: 10px;
}

.titel-bersicht.mittig {
  text-align: center;
  margin-left: auto;
  padding-top: 30px;
  font-size: 24px;
  font-weight: 700;
}

.titel-bersicht.weitere-angebote {
  margin-bottom: 25px;
  margin-left: 0;
  padding-top: 15px;
  font-size: 18px;
}

.titel-bersicht.links {
  color: var(--sea-green);
  flex-direction: row;
  align-items: flex-start;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.titel-bersicht.kleiner {
  padding-top: 40px;
  padding-bottom: 10px;
  font-size: 21px;
}

.titel-bersicht.slogan {
  letter-spacing: .5px;
  text-transform: uppercase;
  font-size: 24px;
  font-weight: 400;
}

.titel-bersicht.ohne-einzug.formular {
  margin-bottom: 25px;
}

.titel-bersicht.ohne-karton {
  font-size: 25px;
}

.titel-bersicht.journal {
  margin-bottom: 0;
}

.titel-bersicht.stellentitel {
  margin-top: 35px;
  margin-bottom: 60px;
  font-weight: 500;
}

.slogan-s-k {
  text-align: left;
  max-width: 66%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: auto;
  padding-bottom: 30px;
  font-family: Roboto, sans-serif;
  font-size: 21px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
  display: block;
}

.slogan-s-k.links {
  text-align: left;
  max-width: 70%;
  margin-left: 0;
  padding-bottom: 30px;
  font-size: 20px;
}

.slogan-s-k.breit {
  text-align: left;
  max-width: none;
  font-size: 17px;
}

.mehr-dazu {
  color: #333;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-end;
  align-self: flex-start;
  align-items: flex-start;
  margin-top: auto;
  margin-bottom: 10px;
  margin-left: -15px;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.mehr-dazu.mitarbeiter {
  margin-left: 0;
  padding-top: 30px;
  text-decoration: none;
}

.titel-karton {
  color: #333;
  letter-spacing: .5px;
  text-transform: uppercase;
  height: auto;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.5em;
}

.titel-karton.home {
  order: 0;
  margin-bottom: 10px;
  font-family: Droid Serif, serif;
  font-size: 18px;
}

.titel-karton.allein {
  margin-bottom: 30px;
}

.titel-karton.mittig {
  text-align: center;
}

.titel-karton.ohne-abstand {
  text-transform: uppercase;
  margin-bottom: 0;
}

.titel-karton.klein {
  font-size: 21px;
  font-weight: 400;
  line-height: 1.5em;
}

.titel-karton.kontakt {
  padding-top: 30px;
}

.titel-karton.journal {
  margin-bottom: 15px;
}

.titel-karton.abstand-gross {
  margin-top: 60px;
}

.karton-gross {
  box-shadow: none;
  opacity: 1;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: #679151;
  background-image: url('../images/Karton01_klein.png');
  background-position: 0 0;
  background-size: auto;
  background-clip: border-box;
  border: 1px solid #0000;
  border-radius: 3px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 960px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 30px;
  font-family: Roboto, sans-serif;
  display: block;
}

.karton-gross.gr-n {
  box-shadow: none;
  background-color: #0000;
  background-image: url('../images/Karton03_hell_tiny.webp');
  background-position: 0 0;
  background-size: cover;
  border-radius: 3px;
  flex-direction: column;
  justify-content: space-between;
  max-width: 960px;
  margin-bottom: 0;
  display: flex;
}

.karton-gross.gr-n.home {
  box-shadow: none;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  padding: 20px;
}

.karton-gross.rot {
  background-color: #0000;
  background-image: url('../images/Karton04_hell_tiny.webp');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  display: flex;
}

.karton-gross.rot.abstand {
  padding-bottom: 30px;
}

.karton-gross.breiter {
  background-color: #0000;
  background-image: url('../images/Karton01_tiny.webp');
  background-position: 0 0;
  background-size: auto;
}

.karton-gross.blau {
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-image: url('../images/Karton01_journal.png');
  background-position: 0 0;
  background-size: cover;
  background-clip: border-box;
  max-width: none;
  height: 525px;
  display: flex;
}

.karton-gross.blau.journal-s-k {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  height: auto;
  display: flex;
}

.karton-gross.blau.journal-s-k.lang {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-size: cover;
}

.karton-gross.blau2 {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-position: 0 0;
  background-size: cover;
  max-width: none;
  height: 540px;
  margin-left: 6.5px;
  margin-right: 6.5px;
  display: flex;
}

.karton-gross.blau2.rechts {
  background-image: url('../images/Karton01_journal_tiny.webp');
  height: 635px;
  margin-left: 13.5px;
  margin-right: 0;
}

.karton-gross.blau2.links {
  background-image: url('../images/Karton01_journal_tiny.png');
  height: 635px;
  margin-left: 0;
  margin-right: 13.5px;
}

.karton-gross.blau2.links.fotorecht {
  background-image: url('../images/Karton01_journal_tiny.webp');
  padding-bottom: 10px;
}

.karton-gross.blau2.journal {
  background-color: #67915100;
  background-image: url('../images/Karton01_journal_tiny.webp');
  background-position: 0 0;
  background-size: cover;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

.karton-gross.blau2.journal.lang {
  background-color: #0000;
  background-size: 600px;
}

.karton-gross.blau2.journal.bild-von {
  background-color: #67915100;
  background-image: url('../images/Karton01_journal_tiny.webp');
  padding-bottom: 10px;
}

.karton-gross.blau2.mitte {
  background-image: url('../images/Karton01_journal_tiny.webp');
  height: 635px;
}

.karton-gross.blau2.gemeinde {
  background-color: #0000;
  background-size: 600px;
  background-attachment: scroll;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

.karton-gross.blau2.gemeinde.lang {
  background-color: #0000;
  background-size: 600px;
}

.karton-gross.grauer-hintergrund {
  background-color: var(--hintergrund-neutral);
  background-image: none;
}

.karton-gross.referenz {
  background-color: #0000;
  background-image: url('../images/Karton01_tiny.webp');
  background-size: auto;
  max-width: 100%;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

.karton-gross.referenz-copy {
  align-items: stretch;
  max-width: none;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.text-normal {
  clear: right;
  color: #333;
  text-align: left;
  background-color: #0000;
  max-width: 100%;
  min-height: 1.5em;
  margin-bottom: 35px;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: none;
  display: block;
}

.text-normal:hover {
  color: #333;
}

.text-normal.kontakt {
  text-align: left;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: auto;
  margin-bottom: 15px;
  padding-top: 40px;
  font-weight: 400;
  display: flex;
}

.text-normal.oben {
  text-align: left;
  flex: 0 auto;
  margin-bottom: -5px;
  padding-bottom: 0;
}

.text-normal.ohne-karton {
  margin-bottom: 40px;
}

.text-normal a {
  color: #333333b3;
  font-weight: 400;
  text-decoration: none;
}

.text-normal a:hover {
  font-weight: 700;
}

.text-normal.ohne-abstand {
  flex-direction: column;
  justify-content: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.text-normal.ohne-abstand.fett {
  font-weight: 700;
}

.text-normal.kleiner-abstand, .text-normal.abstand-klein {
  margin-bottom: 10px;
}

.text-normal.abstand-klein.fett {
  font-weight: 700;
}

.text-normal.absatz {
  margin-top: 10px;
}

.text-normal.erforderlich {
  margin-bottom: 15px;
}

.text-normal.steckbrief {
  margin-bottom: 0;
  display: block;
}

.text-normal.steckbrief.unten {
  flex-direction: column;
  justify-content: flex-start;
  display: block;
}

.text-normal.steckbrie {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  max-width: none;
  display: block;
}

.text-normal.beschrieb {
  height: 290px;
  margin-bottom: 0;
}

.text-normal.beschrieb.isos {
  height: 270px;
  margin-bottom: 30px;
}

.text-normal.fett {
  font-weight: 700;
}

.text-markiert {
  font-family: Vollkorn, serif;
  font-size: 16px;
  font-weight: 700;
}

.collection-list {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  font-family: Geneva, sans-serif;
  display: grid;
}

.foto-mitarbeiter {
  text-align: left;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-image: url('../images/Riffelglas_tiny.jpg');
  background-position: 0 0;
  background-size: auto;
  background-clip: border-box;
  border-radius: 50%;
  align-self: center;
  max-width: 80%;
  margin-bottom: 30px;
  display: block;
}

.foto-mitarbeiter.klein {
  max-width: 70%;
}

.titelbild-gross {
  box-shadow: none;
  text-align: center;
  object-fit: fill;
  border: 8px #fffefe;
  flex: none;
  max-width: none;
  max-height: none;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: block;
  overflow: visible;
}

.adresse {
  text-align: left;
  padding-top: 60px;
  padding-bottom: 30px;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 1.5em;
}

.adresse.fuss {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1.5em;
  display: block;
}

.adresse.ohne-leerraum {
  padding-top: 0;
  padding-bottom: 0;
}

.adresse.ohne-rand-oben {
  padding-top: 0;
}

.e-mail {
  color: #333;
  letter-spacing: .5px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: auto;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 2.5em;
  text-decoration: none;
  transition: opacity .2s;
  display: inline-block;
}

.e-mail:hover {
  font-weight: 700;
}

.e-mail.kontakt {
  padding-bottom: 0;
  line-height: 2.5em;
  display: inline-block;
}

.e-mail.kontakt.e-mail-hover {
  color: var(--sea-green);
}

.e-mail.mit-abstand {
  margin-bottom: 35px;
}

.liste {
  padding-left: 15px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
}

.link {
  color: var(--grün);
  font-family: Roboto, sans-serif;
  font-size: 16px;
  display: inline-block;
}

.grid-angebot {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr .5fr;
  grid-auto-flow: row;
}

.rand {
  box-shadow: none;
  object-fit: cover;
  border: 2px solid #fff;
  flex: 0 auto;
  order: 0;
  align-self: auto;
  min-width: 100%;
  max-width: 100%;
  max-height: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
  overflow: visible;
}

.list-s-k {
  margin-top: 10px;
  margin-bottom: 30px;
  padding-left: 20px;
  line-height: 1.5em;
  list-style-type: disc;
}

.list-s-k.links {
  margin-top: 0;
}

.list-s-k.links.im-text {
  margin-top: 15px;
  margin-bottom: 35px;
}

.list-s-k.aufz-hlung {
  margin-top: 0;
  margin-bottom: 35px;
}

.list-s-k.ohne-abstand {
  margin-bottom: 0;
}

.link-s-k {
  color: #333;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  line-height: 1.5em;
  text-decoration: none;
  display: block;
}

.link-s-k:hover {
  font-weight: 700;
}

.link-s-k.mit-abstand {
  margin-bottom: 35px;
}

.section {
  letter-spacing: 0;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding: 30px 30px 60px;
}

.section.unter-navbar {
  color: #b04f37;
  text-align: left;
  margin-top: 60px;
  padding-top: 20px;
  padding-bottom: 0;
}

.section.titelbild {
  color: #333;
  text-align: left;
  align-items: flex-start;
  max-width: 100%;
  max-height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  display: flex;
}

.section.pages {
  text-transform: none;
  max-width: none;
  margin-top: 60px;
  padding-top: 40px;
  display: block;
}

.section.unten {
  text-transform: none;
  padding-bottom: 60px;
}

.section.container-name-copy {
  text-align: left;
  margin-top: 60px;
  padding-top: 30px;
  padding-bottom: 0;
}

.section.grau {
  background-color: #ececec;
}

.container {
  text-align: left;
  max-width: 963px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.container.mittig {
  background-color: #0000;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.container.footer {
  margin-bottom: 0;
  padding-bottom: 0;
}

.container.nav {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
}

.container.fuss {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  display: block;
}

.firmenname {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .25fr 1fr;
  grid-auto-flow: row;
  margin-top: 0;
  padding-top: 20px;
}

.firmenname.unten {
  grid-template-columns: 1fr .25fr 1fr;
  margin-left: -331px;
}

.text-liste-s-k {
  font-family: Roboto, sans-serif;
  font-size: 17px;
  text-decoration: none;
}

.text-liste-s-k.fett {
  font-weight: 700;
}

.grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
}

.div-block {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.logo-footer {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.div-block-2 {
  justify-content: flex-end;
  align-items: flex-end;
  max-width: 960px;
  margin-top: 0;
  padding-left: 0;
  display: block;
  position: relative;
}

.nav-menu {
  margin-right: -13px;
  display: block;
}

.linktext {
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.brand {
  object-fit: fill;
  max-height: 55px;
  padding-bottom: 0;
  display: inline-block;
}

.brand.w--current {
  max-width: 100%;
  max-height: none;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: visible;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.grid-angebot-home {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  grid-auto-flow: row;
}

.angebottext-home {
  clear: right;
  background-color: #0000;
  max-width: 100%;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  line-height: 1.5em;
  display: block;
}

.coll-list-wrapper-s-k {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
}

.collection-list-2 {
  flex-direction: row;
  display: flex;
}

.collection-item-s-k {
  align-items: stretch;
  display: flex;
  overflow: visible;
}

.collection-item-s-k.journal {
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 0;
  padding-bottom: 20px;
  display: flex;
}

.div-block-unten {
  flex-direction: column;
  flex: none;
  justify-content: flex-end;
  align-items: stretch;
  height: auto;
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 15px;
  display: block;
}

.div-block-unten.steckbrief {
  text-align: left;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  margin-top: auto;
  display: block;
}

.div-block-unten.gemeinde {
  display: flex;
}

.text-block-3 {
  outline-offset: 0px;
  color: #405834;
  outline: 3px #182014;
  margin-bottom: 15px;
  text-decoration: none;
}

.footer {
  background-color: #fff;
  background-image: none;
  background-size: auto;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 30px;
  display: block;
  position: relative;
}

.section-2 {
  padding-bottom: 0;
}

.angebottext-titel {
  clear: right;
  text-transform: uppercase;
  background-color: #0000;
  max-width: 100%;
  margin-bottom: 8px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: block;
}

.titel-bersicht-copy {
  color: #333;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  max-width: 590px;
  margin: 0 auto 15px 0;
  padding-bottom: 0;
  font-family: Droid Serif, serif;
  font-size: 20px;
  font-weight: 700;
}

.titel-bersicht-copy.allein {
  margin-bottom: 10px;
}

.titel-bersicht-copy.mittig {
  text-align: center;
  margin-left: auto;
}

.button {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.button-2 {
  flex-direction: column;
  flex: 0 auto;
  order: 0;
  justify-content: flex-end;
  align-self: baseline;
  display: flex;
  position: static;
}

.collection-list-wrapper-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: block;
}

.weiteres-angebot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr .25fr .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  align-items: stretch;
  padding-right: 0;
  display: grid;
}

.angebot-link {
  font-family: Droid Serif, serif;
  font-weight: 700;
}

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

.text-block-4 {
  font-size: 40px;
}

.text-block-5 {
  color: var(--sea-green);
  font-size: 25px;
}

.text-block-6 {
  color: var(--sea-green);
  flex-direction: row;
  align-items: flex-start;
  padding-right: 9px;
  font-size: 20px;
  display: flex;
  position: static;
}

.div-block-4 {
  align-items: baseline;
  display: flex;
}

.button-s-k {
  color: #333;
  text-align: left;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  background-color: #ffffff2e;
  border-radius: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-end;
  width: auto;
  margin-top: auto;
  margin-bottom: 10px;
  margin-left: 0;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 400;
  text-decoration: none;
  display: inline-block;
}

.button-s-k:hover {
  font-weight: 500;
}

.button-s-k.leer {
  letter-spacing: .5px;
  text-transform: uppercase;
  background-color: #ffffff24;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 400;
}

.button-s-k.leer:hover {
  font-weight: 400;
}

.button-s-k.hell {
  background-color: #fff6;
}

.button-s-k.gr-n {
  background-color: #69875b29;
  margin-top: 0;
  display: inline-block;
}

.button-s-k.gr-n.senden {
  margin-top: 0;
}

.button-s-k.gr-n.knopf1 {
  margin-bottom: 26px;
  margin-right: 16px;
}

.button-s-k.grau {
  background-color: #7979792e;
}

.button-s-k.blau {
  background-color: #d4d9e599;
  flex-direction: row;
  align-self: stretch;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 10px;
  display: flex;
}

.button-s-k.blau.auto {
  margin-bottom: auto;
}

.button-s-k.blau.knopf1 {
  margin-right: 20px;
  display: inline-block;
}

.button-s-k.fuss {
  text-align: right;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: -10px;
  padding: 5px 10px;
}

.button-s-k.fuss:hover {
  font-weight: 500;
}

.button-s-k.fuss:active {
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.button-s-k.fuss:visited {
  font-weight: 700;
}

.button-s-k.fuss.w--current {
  text-align: right;
  align-self: auto;
  margin-top: -5px;
  margin-bottom: 0;
  margin-right: -10px;
  padding: 5px 10px;
}

.button-s-k.rot {
  background-color: #c6947ba6;
  display: block;
}

.button-s-k.rot.knopf1 {
  margin-bottom: 26px;
  margin-right: 16px;
  display: inline-block;
}

.button-s-k.ohne-abstand {
  margin-top: 0;
  margin-bottom: 30px;
}

.button-s-k.weiss {
  background-color: #ffffff5e;
}

.button-s-k.isos {
  margin-top: auto;
  margin-bottom: 10px;
  padding-bottom: 9px;
}

.e-mail-kontakt {
  color: #333;
  letter-spacing: 1.1px;
  mix-blend-mode: normal;
  font-weight: 500;
  text-decoration: none;
  transition: opacity .2s;
  transform: translate(0);
}

.div-block-oben {
  flex: 1;
  margin-bottom: auto;
}

.div-block-oben.rechts {
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-end;
  display: flex;
}

.div-block-oben.steckbrief {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 0;
  display: block;
}

.bild-angebot {
  border-radius: 0%;
  margin-top: 10px;
}

.image-25 {
  text-align: left;
  max-width: 25%;
  padding-top: 5px;
  padding-bottom: 2px;
  display: block;
}

.slogan {
  color: #333;
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  max-width: 590px;
  margin: 0 auto 15px;
  padding-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-weight: 700;
  display: block;
}

.slogan.allein {
  margin-bottom: 10px;
}

.slogan.mittig {
  text-align: center;
  margin-left: auto;
  padding-top: 30px;
  font-size: 24px;
  font-weight: 700;
}

.slogan.weitere-angebote {
  margin-bottom: 25px;
  margin-left: 0;
  padding-top: 15px;
  font-size: 18px;
}

.slogan.links {
  color: var(--sea-green);
  flex-direction: row;
  align-items: flex-start;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.slogan.kleiner {
  padding-top: 30px;
  padding-bottom: 10px;
  font-size: 18px;
}

.titel-ohne-karton {
  color: #333;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.titel-ohne-karton.home {
  order: 0;
  margin-bottom: 10px;
  font-family: Droid Serif, serif;
  font-size: 18px;
}

.titel-ohne-karton.allein {
  margin-bottom: 30px;
}

.karton-links {
  box-shadow: none;
  opacity: 1;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: #fff;
  background-image: none;
  background-size: auto;
  background-clip: border-box;
  border: 1px solid #0000;
  border-radius: 3px;
  flex-flow: column;
  max-width: 960px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: Roboto, sans-serif;
  display: flex;
}

.karton-links.gr-n {
  box-shadow: none;
  background-image: url('../images/Karton03_hell.png'), url('../images/Karton01.png'), url('../images/kiwihug-y_2GC4EhOP4-unsplash.jpg');
  background-position: 0 0, 0 0, 0 0;
  background-size: cover, cover, cover;
  border-radius: 3px;
  flex-direction: column;
  max-width: 960px;
  margin-bottom: 30px;
}

.karton-links.gr-n.home {
  box-shadow: none;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  padding: 20px;
}

.karton-links.rot {
  background-image: url('../images/Karton02_hell.png'), url('../images/Karton01.png'), url('../images/kiwihug-y_2GC4EhOP4-unsplash.jpg');
  background-position: 0 0, 0 0, 0 0;
  background-size: cover, cover, cover;
  flex-direction: column;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.heading {
  font-size: 50px;
  font-weight: 500;
}

.heading-2 {
  display: flex;
}

.firma {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  flex-direction: row;
  font-size: 50px;
  display: flex;
}

.text-block-8 {
  padding-top: 10px;
  padding-bottom: 5px;
  display: block;
}

.home {
  opacity: 1;
  color: #333;
  text-align: center;
  letter-spacing: normal;
  text-transform: none;
  background-color: #0000;
  padding: 22px 2px 20px 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.home:hover {
  color: #333;
  font-weight: 500;
}

.home:active {
  font-weight: 700;
}

.home:visited {
  color: #333;
}

.home.w--current {
  color: #fff;
  padding-left: 0;
  font-weight: 400;
}

.home.botton {
  background-color: #fff3;
  border-radius: 4px;
  margin-top: 12px;
  margin-right: 10px;
  padding: 10px 34px 8px;
  box-shadow: 1px 1px 3px #eeeeeeb0;
}

.navbar-kontakt {
  opacity: 1;
  color: #333;
  text-align: center;
  letter-spacing: normal;
  text-transform: none;
  background-color: #0000;
  flex-direction: column;
  align-items: stretch;
  margin-right: -15px;
  padding: 22px 15px 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  display: inline-block;
}

.navbar-kontakt:hover {
  color: #333;
  font-weight: 700;
}

.navbar-kontakt:active {
  font-weight: 700;
}

.navbar-kontakt:visited {
  color: #333;
  font-weight: 700;
}

.navbar-kontakt.w--current {
  color: #333;
  padding-left: 0;
  font-weight: 700;
  display: inline-block;
}

.navbar-kontakt.botton {
  background-color: #fff3;
  border-radius: 4px;
  margin-top: 12px;
  margin-right: 10px;
  padding: 10px 34px 8px;
  box-shadow: 1px 1px 3px #eeeeeeb0;
}

.navbar-kontakt.current {
  color: #fff;
}

.div-block-6 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.bild {
  display: block;
}

.bild.skaliert {
  object-fit: cover;
  max-height: 100%;
}

.text-ohne-karte {
  text-align: left;
  letter-spacing: normal;
  max-width: 66%;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: auto;
  padding-bottom: 30px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 1.5em;
}

.text-ohne-karte.links {
  text-align: left;
  max-width: 66%;
  margin-left: 0;
  padding-bottom: 30px;
}

.hauptbild {
  vertical-align: baseline;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: block;
  position: static;
}

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

.bold-text {
  font-weight: 400;
}

.bold-text-2 {
  font-size: 24px;
  font-weight: 400;
}

.berufstitel {
  margin-bottom: 30px;
  font-size: 17px;
}

.berufstitel._1 {
  margin-bottom: 5px;
  padding-top: 5px;
}

.formular {
  margin-top: 0;
}

.field-label {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.titel-auf-bild {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  text-align: left;
  letter-spacing: normal;
  text-transform: none;
  flex-direction: row;
  flex: 0 auto;
  margin-top: 0;
  margin-left: 0;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.5em;
  display: block;
  position: relative;
}

.titel-auf-bild.rechts {
  text-align: left;
  letter-spacing: normal;
  margin-top: 0;
  padding-left: 3px;
}

.titel-auf-bild.mitte {
  text-align: center;
  padding-right: 6px;
}

.titel-auf-bild.test {
  -webkit-text-fill-color: inherit;
  background-color: #fff9;
  background-clip: border-box;
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: 30px 30px auto;
  padding: 15px;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.5em;
  display: block;
  position: absolute;
  inset: 0% auto auto 0%;
}

.link-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: inline;
}

.column {
  text-align: left;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.image-27 {
  opacity: .65;
  mix-blend-mode: luminosity;
  align-self: flex-end;
  max-width: 100%;
  margin-top: auto;
  margin-bottom: 0;
  display: block;
}

.container-nav {
  text-align: left;
  max-width: 960px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.container-nav.mittig {
  background-color: #0000;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.container-nav.footer {
  margin-bottom: 0;
  padding-bottom: 0;
}

.container-nav.nav {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
}

.container-nav.fuss {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  display: block;
}

.impress {
  opacity: 1;
  color: #333;
  text-align: right;
  letter-spacing: .5px;
  text-transform: uppercase;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: 0;
  margin-right: -10px;
  padding: 0 10px 5px 15px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.impress:hover {
  color: #333;
  font-weight: 500;
}

.impress:active {
  font-weight: 500;
}

.impress:visited {
  color: #333;
  font-weight: 700;
}

.impress.w--current {
  color: #333;
  padding-left: 15px;
  font-weight: 700;
  display: inline-block;
}

.impress.botton {
  background-color: #fff3;
  border-radius: 4px;
  margin-top: 12px;
  margin-right: 10px;
  padding: 10px 34px 8px;
  box-shadow: 1px 1px 3px #eeeeeeb0;
}

.impress.current {
  color: #fff;
}

.impress.fuss {
  margin-top: -22px;
  margin-right: -13px;
  text-decoration: none;
}

.impress.unten {
  margin-top: 0;
}

.columns {
  display: flex;
}

.formular-berschrift {
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.formular-berschrift.abstand {
  margin-top: 0;
  margin-bottom: 30px;
  padding-top: 20px;
}

.text-span {
  background-color: #76947366;
}

.datenschutz {
  opacity: 1;
  color: #333;
  text-align: center;
  letter-spacing: .5px;
  text-transform: uppercase;
  background-color: #0000;
  flex-direction: row;
  align-items: flex-start;
  margin-top: 0;
  margin-right: -3px;
  padding: 5px 15px 10px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.datenschutz:hover {
  color: #333;
  font-weight: 500;
}

.datenschutz:active {
  font-weight: 500;
}

.datenschutz:visited {
  color: #333;
  font-weight: 700;
}

.datenschutz.w--current {
  color: #333;
  padding-left: 15px;
  font-weight: 700;
  display: inline-block;
}

.datenschutz.botton {
  background-color: #fff3;
  border-radius: 4px;
  margin-top: 12px;
  margin-right: 10px;
  padding: 10px 34px 8px;
  box-shadow: 1px 1px 3px #eeeeeeb0;
}

.datenschutz.current {
  color: #fff;
}

.datenschutz.fuss {
  margin-top: -22px;
  margin-right: -13px;
  text-decoration: none;
}

.collection-list-wrapper-3 {
  flex-direction: column;
  display: block;
}

.weiteres-journale {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr .5fr .75fr;
  grid-auto-columns: 1fr;
  padding-right: 0;
  display: grid;
}

.link-3, .link-4 {
  text-decoration: none;
}

.slogan-titel {
  color: #333;
  text-align: left;
  letter-spacing: 0;
  text-transform: uppercase;
  max-width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 15px;
  padding-right: 0;
  font-family: Roboto, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 44px;
  display: block;
  overflow: visible;
}

.slogan-titel.rechts {
  text-align: left;
  margin-top: 0;
  margin-left: 0;
  margin-right: -12px;
  padding-left: 0;
  font-weight: 500;
}

.slogan-titel.gestanzt {
  color: #fff;
  text-shadow: 1px 0 #00000047;
}

.slogan-titel.logo {
  color: #333;
  text-align: left;
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: 26px;
  font-weight: 500;
  line-height: 30px;
  text-decoration: none;
}

.slogan-titel.logo.footer {
  text-align: left;
}

.slogan-titel.logo.fuss {
  text-transform: none;
  font-size: 16px;
}

.slogan-titel.schwarz {
  color: #333;
}

.slogan-titel.mehr-abstand {
  padding-bottom: 60px;
}

.slogan-text {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  opacity: 1;
  color: #333;
  text-align: left;
  letter-spacing: normal;
  text-transform: none;
  flex-direction: row;
  flex: 0 auto;
  margin-top: 0;
  margin-bottom: 35px;
  margin-left: 0;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5em;
  display: block;
  position: relative;
}

.slogan-text.rechts {
  text-align: left;
  letter-spacing: normal;
  margin-top: 0;
  padding-left: 3px;
}

.slogan-text.mitte {
  text-align: center;
  padding-right: 6px;
}

.slogan-text.test {
  -webkit-text-fill-color: inherit;
  background-color: #fff9;
  background-clip: border-box;
  border-radius: 3px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin: 30px 30px auto;
  padding: 15px;
  font-size: 23px;
  font-weight: 400;
  line-height: 1.5em;
  display: block;
  inset: 0% auto auto 0%;
}

.quelle {
  clear: right;
  color: #333;
  background-color: #0000;
  max-width: 100%;
  margin-bottom: 35px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: none;
  display: block;
}

.quelle:hover {
  color: #333;
  font-weight: 700;
}

.quelle.kontakt {
  text-align: left;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: auto;
  margin-bottom: 15px;
  padding-top: 40px;
  font-weight: 400;
  display: flex;
}

.quelle.oben {
  flex: 0 auto;
  margin-bottom: -5px;
  padding-bottom: 0;
}

.div-impressum {
  clear: right;
  color: #333;
  text-align: right;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  max-width: 100%;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5em;
  text-decoration: none;
  display: flex;
}

.div-impressum:hover {
  color: #333;
}

.div-impressum.kontakt {
  text-align: left;
  flex-direction: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: auto;
  margin-bottom: 15px;
  padding-top: 40px;
  font-weight: 400;
  display: flex;
}

.div-impressum.oben {
  flex: 0 auto;
  margin-bottom: -5px;
  padding-bottom: 0;
}

.checkbox-field {
  margin-bottom: 15px;
}

.collection-list-wrapper-4 {
  flex-direction: row;
  display: block;
}

.slider {
  background-color: #0000;
  width: 100%;
  height: 680px;
  display: block;
}

.slide-nav {
  background-color: #0000;
}

.slide {
  height: 550px;
}

.icon-2 {
  max-width: none;
  max-height: none;
  margin-top: 230px;
  margin-left: 5px;
  font-size: 30px;
}

.icon-3 {
  margin-top: 230px;
  margin-right: 5px;
  font-size: 30px;
}

.collection-list-weiteres-angebot {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

.coll-list-wrapper-s-k-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: block;
}

.div-block-mitte {
  flex-direction: column;
  display: flex;
}

.collection-list-2-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.collection-list-3 {
  display: flex;
  position: static;
}

.slide_1 {
  max-width: none;
  height: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.slide-journal {
  width: 33.333%;
}

.container-slider {
  text-align: left;
  max-width: 960px;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.container-slider.mittig {
  background-color: #0000;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
}

.container-slider.footer {
  margin-bottom: 0;
  padding-bottom: 0;
}

.container-slider.nav {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
}

.container-slider.fuss {
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  display: block;
}

.collection-item, .collection-list-wrapper-5 {
  display: block;
}

.icon-4, .icon-5 {
  margin-top: 245px;
}

.image-journal, .image-journal:hover {
  opacity: 1;
}

.formularblock {
  margin-top: 30px;
  margin-bottom: 0;
}

.impress-copy {
  opacity: 1;
  color: #333;
  text-align: right;
  letter-spacing: .5px;
  text-transform: uppercase;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: 0;
  margin-right: -10px;
  padding: 0 10px 5px 15px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  display: block;
}

.impress-copy:hover {
  color: #333;
  font-weight: 500;
}

.impress-copy:active {
  font-weight: 500;
}

.impress-copy:visited {
  color: #333;
  font-weight: 700;
}

.impress-copy.w--current {
  color: #333;
  padding-left: 15px;
  font-weight: 700;
  display: inline-block;
}

.impress-copy.botton {
  background-color: #fff3;
  border-radius: 4px;
  margin-top: 12px;
  margin-right: 10px;
  padding: 10px 34px 8px;
  box-shadow: 1px 1px 3px #eeeeeeb0;
}

.impress-copy.current {
  color: #fff;
}

.impress-copy.fuss {
  margin-top: -22px;
  margin-right: -13px;
  text-decoration: none;
}

.impress-copy.unten {
  margin-top: 0;
}

.grid-3 {
  grid-template-rows: auto;
}

.impressum.w--current {
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  text-decoration: none;
}

.div-block-8 {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}

.success-message {
  background-color: #69875b29;
  border-radius: 3px;
  font-weight: 700;
}

.formular-antwort {
  text-align: left;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.formular-antwort.rot {
  text-align: left;
  font-weight: 400;
}

.error-message {
  background-color: #e09d948c;
  border-radius: 3px;
}

.list-item-3, .list-item-4, .list-item-5, .list-item-6, .list-item-7, .list-item-8, .list-item-9, .list-item-10, .list-item-11, .list-item-12, .list-item-13 {
  font-size: 17px;
}

.rich-text-block {
  font-family: Roboto, sans-serif;
}

.grauer-hintergrund {
  box-shadow: none;
  opacity: 1;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: #a3a3a324;
  background-clip: border-box;
  border: 1px solid #0000;
  border-radius: 3px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 960px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 30px;
  font-family: Roboto, sans-serif;
  display: block;
}

.grauer-hintergrund.gr-n {
  box-shadow: none;
  background-color: #0000;
  background-image: url('../images/Karton03_hell_klein.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 3px;
  flex-direction: column;
  justify-content: space-between;
  max-width: 960px;
  margin-bottom: 0;
  display: flex;
}

.grauer-hintergrund.gr-n.home {
  box-shadow: none;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  padding: 20px;
}

.grauer-hintergrund.rot {
  background-color: #0000;
  background-image: url('../images/Karton02_hell_klein.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  display: flex;
}

.grauer-hintergrund.breiter {
  background-color: #0000;
}

.grauer-hintergrund.blau {
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-image: url('../images/Karton01_journal.png');
  background-position: 0 0;
  background-size: cover;
  background-clip: border-box;
  max-width: none;
  height: 525px;
  display: flex;
}

.grauer-hintergrund.blau.journal {
  background-image: url('../images/Karton01_journal_klein.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  height: auto;
  display: flex;
}

.grauer-hintergrund.blau.journal.lang {
  background-size: contain;
}

.grauer-hintergrund.blau2 {
  background-image: url('../images/Karton01_journal.png');
  background-position: 0 0;
  background-size: cover;
  max-width: none;
  height: 540px;
  margin-left: 6.5px;
  margin-right: 6.5px;
  display: flex;
}

.grauer-hintergrund.blau2.rechts {
  margin-left: 13.5px;
  margin-right: 0;
}

.grauer-hintergrund.blau2.links {
  background-image: url('../images/Karton01_journal_klein.png');
  margin-left: 0;
  margin-right: 13.5px;
}

.grauer-hintergrund.danke {
  text-align: left;
  background-color: #69875b29;
  align-items: flex-start;
  max-width: none;
  margin-top: 60px;
  margin-bottom: 60px;
  display: block;
}

.button-3 {
  background-image: url('../images/LI-In-Bug.png');
  background-position: 0 0;
  background-size: cover;
  width: 40px;
  font-size: 14px;
}

.linkedin {
  opacity: .65;
  mix-blend-mode: luminosity;
  background-color: #0000;
  background-image: url('../images/LI-In-Bug.png');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  flex: 0 auto;
  align-self: flex-end;
  align-items: flex-end;
  width: 40px;
  height: 40px;
  padding: 0;
  display: block;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: column;
}

.collection-3teilig {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.grid-5 {
  grid-template-rows: auto;
}

.collection-2teilig {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.collection-2x2teilig {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.link-titel-klein {
  text-transform: uppercase;
  font-size: 17px;
}

.div-block-9 {
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.formular-berschrift-copy {
  font-family: Roboto, sans-serif;
  font-size: 17px;
  font-weight: 400;
}

.formular-berschrift-copy.abstand {
  margin-top: 0;
  margin-bottom: 30px;
  padding-top: 20px;
}

.grid-6 {
  grid-template-rows: auto auto auto;
}

.divbutton {
  align-items: stretch;
  display: flex;
}

.weitere-journale {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: .25fr .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  align-items: stretch;
  padding-right: 0;
  display: grid;
}

.weiteres-ber-uns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: .25fr .25fr .25fr .25fr;
  grid-auto-columns: 1fr;
  align-content: space-between;
  align-items: stretch;
  padding-right: 0;
  display: grid;
}

.gemeinde-titel {
  color: #333;
  text-align: left;
  letter-spacing: 0;
  text-transform: none;
  max-width: 100%;
  margin-top: 40px;
  margin-bottom: 0;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-family: Roboto, sans-serif;
  font-size: 41px;
  font-weight: 500;
  line-height: 44px;
  display: block;
  overflow: visible;
}

.gemeinde-titel.rechts {
  text-align: left;
  margin-top: 0;
  margin-left: 0;
  margin-right: -12px;
  padding-left: 0;
  font-weight: 500;
}

.gemeinde-titel.gestanzt {
  color: #fff;
  text-shadow: 1px 0 #00000047;
}

.gemeinde-titel.logo {
  color: #333;
  text-align: left;
  text-transform: uppercase;
  padding-top: 20px;
  padding-bottom: 10px;
  font-size: 27px;
  font-weight: 500;
  line-height: 30px;
  text-decoration: none;
}

.gemeinde-titel.logo.footer {
  text-align: left;
}

.gemeinde-titel.logo.fuss {
  text-transform: none;
  font-size: 16px;
}

.gemeinde-titel.schwarz {
  color: #333;
}

.listtext-s-k {
  color: #333;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  line-height: 1.5em;
  text-decoration: none;
}

.listtext-s-k:hover {
  font-weight: 400;
}

.link-s-k-copy {
  color: #333;
  flex-direction: row;
  align-items: stretch;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  line-height: 1.5em;
  text-decoration: none;
  display: block;
}

.link-s-k-copy:hover {
  font-weight: 700;
}

.tel-name {
  color: #333;
  margin-top: 10px;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  line-height: 1.5em;
  text-decoration: none;
}

.tel-name:hover {
  font-weight: 400;
}

.grid-7 {
  grid-template-rows: auto;
}

.bold-text-3, .bold-text-4 {
  font-weight: 400;
}

.text-unter-foto {
  text-align: left;
  align-self: center;
  width: 80%;
  max-width: 100%;
  padding-left: 0;
  position: static;
}

.collection-referenz {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: minmax(auto, 1fr) auto auto;
  grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr) minmax(200px, 1fr);
}

.referenz1, .referenz2 {
  background-image: url('../images/Zug_Boden.jpg');
  background-position: 0 0;
  background-size: cover;
  padding: 30px;
}

.referenz3 {
  background-image: url('../images/06_6_Balken.jpg');
  background-position: 0 0;
  background-size: cover;
  padding: 30px;
}

.referenz3:hover {
  background-image: url('../images/Karton01_tiny.png');
  background-position: 0 0;
  background-size: cover;
  border: 1px #000;
}

.text-referenz {
  color: #0000;
  flex: 1;
  margin-bottom: auto;
}

.text-referenz.rechts {
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-end;
  display: flex;
}

.titel-referenz {
  color: #333;
  letter-spacing: .5px;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-size: 21px;
  font-weight: 400;
  line-height: 1.5em;
}

.titel-referenz.home {
  order: 0;
  margin-bottom: 10px;
  font-family: Droid Serif, serif;
  font-size: 18px;
}

.titel-referenz.allein {
  margin-bottom: 30px;
}

.titel-referenz.mittig {
  text-align: center;
}

.titel-referenz.ohne-abstand {
  text-transform: uppercase;
  margin-bottom: 0;
}

.titel-referenz.klein {
  font-size: 21px;
  font-weight: 400;
  line-height: 1.5em;
}

.titel-referenz.kontakt {
  padding-top: 30px;
}

.titel-referenz.journal {
  margin-bottom: 15px;
}

.titel-referenz.abstand-gross {
  margin-top: 60px;
}

.karton-referenz {
  box-shadow: none;
  opacity: 1;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: #679151;
  background-image: url('../images/Karton01_klein.png');
  background-position: 0 0;
  background-size: cover;
  background-clip: border-box;
  border: 1px solid #0000;
  border-radius: 3px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 960px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-family: Roboto, sans-serif;
  display: block;
}

.karton-referenz.gr-n {
  box-shadow: none;
  background-color: #0000;
  background-image: url('../images/Karton03_hell_tiny.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 3px;
  flex-direction: column;
  justify-content: space-between;
  max-width: 960px;
  margin-bottom: 0;
  display: flex;
}

.karton-referenz.gr-n.home {
  box-shadow: none;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  padding: 20px;
}

.karton-referenz.rot {
  background-color: #0000;
  background-image: url('../images/Karton02_hell_tiny.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  display: flex;
}

.karton-referenz.rot.abstand {
  padding-bottom: 30px;
}

.karton-referenz.breiter {
  background-color: #0000;
  background-image: url('../images/Karton01_tiny.png');
  background-position: 0 0;
  background-size: auto;
}

.karton-referenz.blau {
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-image: url('../images/Karton01_journal.png');
  background-position: 0 0;
  background-size: cover;
  background-clip: border-box;
  max-width: none;
  height: 525px;
  display: flex;
}

.karton-referenz.blau.journal-s-k {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  height: auto;
  display: flex;
}

.karton-referenz.blau.journal-s-k.lang {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-size: cover;
}

.karton-referenz.blau2 {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-position: 0 0;
  background-size: cover;
  max-width: none;
  height: 540px;
  margin-left: 6.5px;
  margin-right: 6.5px;
  display: flex;
}

.karton-referenz.blau2.rechts {
  background-image: url('../images/Karton01_journal_tiny.png');
  height: 635px;
  margin-left: 13.5px;
  margin-right: 0;
}

.karton-referenz.blau2.links {
  background-image: url('../images/Karton01_journal_tiny.png');
  height: 635px;
  margin-left: 0;
  margin-right: 13.5px;
}

.karton-referenz.blau2.journal {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-position: 0 0;
  background-size: cover;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

.karton-referenz.blau2.journal.lang {
  background-color: #0000;
  background-size: 600px;
}

.karton-referenz.blau2.mitte {
  height: 635px;
}

.karton-referenz.blau2.gemeinde {
  background-size: 600px;
  background-attachment: scroll;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

.karton-referenz.blau2.gemeinde.lang {
  background-color: #0000;
  background-size: 600px;
}

.karton-referenz.grauer-hintergrund {
  background-color: var(--hintergrund-neutral);
  background-image: none;
}

.textblock-referenz {
  box-shadow: none;
  opacity: 1;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: #0000;
  background-clip: border-box;
  border: 1px solid #0000;
  border-radius: 3px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 960px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 25px;
  font-family: Roboto, sans-serif;
  display: block;
}

.textblock-referenz.gr-n {
  box-shadow: none;
  background-color: #0000;
  background-image: url('../images/Karton03_hell_tiny.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 3px;
  flex-direction: column;
  justify-content: space-between;
  max-width: 960px;
  margin-bottom: 0;
  display: flex;
}

.textblock-referenz.gr-n.home {
  box-shadow: none;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  padding: 20px;
}

.textblock-referenz.rot {
  background-color: #0000;
  background-image: url('../images/Karton02_hell_tiny.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  display: flex;
}

.textblock-referenz.rot.abstand {
  padding-bottom: 30px;
}

.textblock-referenz.breiter {
  background-color: #0000;
  background-image: url('../images/Karton01_tiny.png');
  background-position: 0 0;
  background-size: auto;
}

.textblock-referenz.blau {
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-image: url('../images/Karton01_journal.png');
  background-position: 0 0;
  background-size: cover;
  background-clip: border-box;
  max-width: none;
  height: 525px;
  display: flex;
}

.textblock-referenz.blau.journal-s-k {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  height: auto;
  display: flex;
}

.textblock-referenz.blau.journal-s-k.lang {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-size: cover;
}

.textblock-referenz.blau2 {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-position: 0 0;
  background-size: cover;
  max-width: none;
  height: 540px;
  margin-left: 6.5px;
  margin-right: 6.5px;
  display: flex;
}

.textblock-referenz.blau2.rechts {
  background-image: url('../images/Karton01_journal_tiny.png');
  height: 635px;
  margin-left: 13.5px;
  margin-right: 0;
}

.textblock-referenz.blau2.links {
  background-image: url('../images/Karton01_journal_tiny.png');
  height: 635px;
  margin-left: 0;
  margin-right: 13.5px;
}

.textblock-referenz.blau2.journal {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-position: 0 0;
  background-size: cover;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

.textblock-referenz.blau2.journal.lang {
  background-color: #0000;
  background-size: 600px;
}

.textblock-referenz.blau2.mitte {
  height: 635px;
}

.textblock-referenz.blau2.gemeinde {
  background-size: 600px;
  background-attachment: scroll;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

.textblock-referenz.blau2.gemeinde.lang {
  background-color: #0000;
  background-size: 600px;
}

.textblock-referenz.grauer-hintergrund {
  background-color: var(--hintergrund-neutral);
  background-image: none;
}

.referenz-10 {
  background-image: url('../images/Zug_Dach_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.image-referenz {
  opacity: 0;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  border: 1px #0000;
  max-width: 100%;
  padding-left: 0;
  display: inline-block;
}

.image-referenz:hover {
  opacity: 1;
}

.div-block-oben-referenz {
  flex: 1;
  margin-bottom: 15px;
}

.div-block-oben-referenz.rechts {
  flex-direction: column;
  flex: 0 auto;
  align-items: flex-end;
  display: flex;
}

.referenz-9 {
  background-image: url('../images/07_7_Plan_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
}

.referenz-8 {
  background-image: url('../images/06_6_Balken_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
}

.referenz-7 {
  background-image: url('../images/05_5_Dach7_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
}

.referenz-6 {
  background-image: url('../images/06_5_Treppe_tiny_1.jpg');
  background-position: 0 0;
  background-size: cover;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
}

.referenz-5 {
  background-image: url('../images/05_5_Fenster_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
}

.referenz-4 {
  -webkit-text-stroke-color: transparent;
  background-image: url('../images/04_5_Saeule_rot_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  border: 1px #000;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
}

.referenz-3 {
  background-image: url('../images/03_4_Tor_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
}

.referenz-2 {
  background-image: url('../images/02_4_Fenster_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
}

.referenz-1 {
  background-image: url('../images/01_3_Knoten_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
}

.referenz-0 {
  background-image: url('../images/01_2_Fassade_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
}

.referenz-08 {
  background-image: url('../images/008_6_Ansicht_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
}

.slider-2 {
  display: block;
}

.slider-referenz {
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.referenz-links, .referenz-rechts {
  margin-bottom: 12px;
  font-size: 20px;
}

.slide_2 {
  object-fit: fill;
  height: auto;
  margin-left: 0;
  margin-right: 0;
  padding-left: 10px;
  padding-right: 10px;
}

.div-referenz {
  flex-direction: column;
  justify-content: flex-start;
  width: auto;
  max-width: none;
  height: auto;
  display: flex;
}

.div-referenz-2 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 415px;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
  position: static;
}

.div-block-11 {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.container-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-content: stretch;
  place-items: stretch stretch;
  display: grid;
}

.mask {
  height: auto;
}

.div-block-12 {
  display: flex;
}

.bildrecht {
  text-align: right;
  margin-top: -25px;
  display: block;
}

.text-block-9 {
  text-align: right;
}

.text-block-10 {
  text-align: left;
}

.referenz-11 {
  background-image: url('../images/Holz_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-12 {
  background-image: url('../images/wand_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-13 {
  background-image: url('../images/Haupteingangstuer_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-14 {
  background-image: url('../images/Schloss_Tor_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-15, .referenz-16 {
  background-image: url('../images/Eichel_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-17 {
  background-image: url('../images/Rad_Fassade_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.bold-text-5 {
  margin-top: 10px;
  display: block;
}

.div-block-13 {
  object-fit: fill;
  display: block;
  position: relative;
}

.text-ausschreibung {
  background-color: #fff;
  border-radius: 0;
  margin-top: 0;
  font-family: Roboto, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 44px;
  transition: opacity .2s;
  position: static;
}

.kleber {
  width: 250px;
  height: 300px;
  margin: 0 40px -34px 0;
  transition: opacity .2s;
  position: absolute;
  transform: rotate(10deg);
}

.button-s-k-copy {
  color: #333;
  text-align: center;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  background-color: #ffffffba;
  border-radius: 50%;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-end;
  width: 320px;
  height: 320px;
  margin-top: auto;
  margin-bottom: 10px;
  margin-left: 0;
  padding-top: 30px;
  padding-left: 25px;
  font-family: Roboto, sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 44px;
  text-decoration: none;
  display: inline-block;
}

.button-s-k-copy:hover {
  font-weight: 500;
}

.button-s-k-copy.leer {
  letter-spacing: .5px;
  text-transform: uppercase;
  background-color: #ffffff24;
  margin-top: 30px;
  margin-bottom: 10px;
  font-size: 17px;
  font-weight: 400;
}

.button-s-k-copy.leer:hover {
  font-weight: 400;
}

.button-s-k-copy.hell {
  background-color: #fff6;
}

.button-s-k-copy.gr-n {
  background-color: #69875b29;
  margin-top: 0;
  display: inline-block;
}

.button-s-k-copy.gr-n.senden {
  margin-top: 0;
}

.button-s-k-copy.gr-n.knopf1 {
  margin-bottom: 26px;
  margin-right: 16px;
}

.button-s-k-copy.grau {
  background-color: #7979792e;
}

.button-s-k-copy.blau {
  background-color: #d4d9e599;
  flex-direction: row;
  align-self: stretch;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 10px;
  display: flex;
}

.button-s-k-copy.blau.auto {
  margin-bottom: auto;
}

.button-s-k-copy.blau.knopf1 {
  margin-right: 20px;
  display: inline-block;
}

.button-s-k-copy.fuss {
  text-align: right;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: -10px;
  padding: 5px 10px;
}

.button-s-k-copy.fuss:hover {
  font-weight: 500;
}

.button-s-k-copy.fuss:active {
  font-family: Roboto, sans-serif;
  font-weight: 500;
}

.button-s-k-copy.fuss:visited {
  font-weight: 700;
}

.button-s-k-copy.fuss.w--current {
  text-align: right;
  align-self: auto;
  margin-top: -5px;
  margin-bottom: 0;
  margin-right: -10px;
  padding: 5px 10px;
}

.button-s-k-copy.rot {
  background-color: #c6947ba6;
  display: block;
}

.button-s-k-copy.rot.knopf1 {
  margin-bottom: 26px;
  margin-right: 16px;
  display: inline-block;
}

.button-s-k-copy.ohne-abstand {
  margin-top: 0;
  margin-bottom: 30px;
}

.kartongrau {
  background-image: url('../images/Karton01_tiny.png');
  background-position: 0 0;
  background-size: auto;
}

.divblock-unten.ohne-titel {
  padding-top: 30px;
}

.image-28 {
  display: block;
}

.karton-weiss {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  box-shadow: none;
  opacity: 1;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: #fff;
  background-image: url('../images/240812_Stellenausschreibung_Praktikum_tiny.webp');
  background-position: 0 0;
  background-size: cover;
  background-clip: border-box;
  border: 1px solid #0000;
  border-radius: 3px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 960px;
  max-height: none;
  margin-top: 0;
  margin-bottom: 0;
  padding: 60px;
  font-family: Roboto, sans-serif;
  display: block;
}

.karton-weiss.gr-n {
  box-shadow: none;
  background-color: #0000;
  background-image: url('../images/Karton03_hell_tiny.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 3px;
  flex-direction: column;
  justify-content: space-between;
  max-width: 960px;
  margin-bottom: 0;
  display: flex;
}

.karton-weiss.gr-n.home {
  box-shadow: none;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  padding: 20px;
}

.karton-weiss.rot {
  background-color: #0000;
  background-image: url('../images/Karton02_hell_tiny.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  display: flex;
}

.karton-weiss.rot.abstand {
  padding-bottom: 30px;
}

.karton-weiss.breiter {
  background-color: #0000;
  background-image: url('../images/Karton01_tiny.png');
  background-position: 0 0;
  background-size: auto;
}

.karton-weiss.blau {
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-image: url('../images/Karton01_journal.png');
  background-position: 0 0;
  background-size: cover;
  background-clip: border-box;
  max-width: none;
  height: 525px;
  display: flex;
}

.karton-weiss.blau.journal-s-k {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  height: auto;
  display: flex;
}

.karton-weiss.blau.journal-s-k.lang {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-size: cover;
}

.karton-weiss.blau2 {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-position: 0 0;
  background-size: cover;
  max-width: none;
  height: 540px;
  margin-left: 6.5px;
  margin-right: 6.5px;
  display: flex;
}

.karton-weiss.blau2.rechts {
  background-image: url('../images/Karton01_journal_tiny.png');
  height: 635px;
  margin-left: 13.5px;
  margin-right: 0;
}

.karton-weiss.blau2.links {
  background-image: url('../images/Karton01_journal_tiny.png');
  height: 635px;
  margin-left: 0;
  margin-right: 13.5px;
}

.karton-weiss.blau2.links.fotorecht {
  padding-bottom: 10px;
}

.karton-weiss.blau2.journal {
  background-color: #67915100;
  background-image: url('../images/Karton01_journal_tiny.png');
  background-position: 0 0;
  background-size: cover;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

.karton-weiss.blau2.journal.lang {
  background-color: #0000;
  background-size: 600px;
}

.karton-weiss.blau2.journal.bild-von {
  background-color: #67915100;
  padding-bottom: 10px;
}

.karton-weiss.blau2.mitte {
  height: 635px;
}

.karton-weiss.blau2.gemeinde {
  background-color: #0000;
  background-size: 600px;
  background-attachment: scroll;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

.karton-weiss.blau2.gemeinde.lang {
  background-color: #0000;
  background-size: 600px;
}

.karton-weiss.grauer-hintergrund {
  background-color: var(--hintergrund-neutral);
  background-image: none;
}

.karton-weiss.referenz {
  background-color: #0000;
  max-width: 100%;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

.karton-weiss.referenz-copy {
  align-items: stretch;
  max-width: none;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.foto-mitarbeiter-2 {
  text-align: left;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-clip: border-box;
  border-radius: 50%;
  align-self: center;
  max-width: 80%;
  margin-bottom: 30px;
  display: block;
}

.foto-mitarbeiter-2.klein {
  max-width: 70%;
}

.referenz-18 {
  object-fit: fill;
  background-image: url('../images/Fassade_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-19 {
  object-fit: fill;
  background-image: url('../images/ISOS_Gesamtstadt_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.container-3 {
  height: 300px;
}

.referenz-20 {
  object-fit: fill;
  background-image: url('../images/Treppenaufgang_tiny.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-21 {
  background-image: url('../images/Uhr_tiny.jpeg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-22 {
  background-image: url('../images/Klingel_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-23 {
  background-image: url('../images/alte_Zeichnung_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-24 {
  background-image: url('../images/Luftfoto_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-25 {
  background-image: url('../images/Ofenklappe_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-26 {
  background-image: url('../images/Kartenausschnitt_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-27 {
  background-image: url('../images/Verzierung_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-28 {
  background-image: url('../images/Lochmuster_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-29 {
  background-image: url('../images/Taefer_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-30 {
  background-image: url('../images/Riffelglas_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.referenz-18_2 {
  object-fit: fill;
  background-image: url('../images/Baustelle_Schadstoffsanierung_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 40px;
  display: block;
}

.grid-baustelle {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
}

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

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

.div-block-14 {
  position: static;
}

.foto-olivia-1 {
  background-image: url('../images/Riffelglas_tiny.jpg');
  background-position: 0 0;
  background-size: auto;
  border-radius: 50%;
  flex-direction: column;
  display: flex;
}

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

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

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.karton-gross-baustelle {
  box-shadow: none;
  opacity: 1;
  -webkit-text-fill-color: inherit;
  object-fit: fill;
  background-color: #679151;
  background-image: url('../images/Karton01_tiny.webp');
  background-position: 0 0;
  background-size: auto;
  background-clip: border-box;
  border: 1px solid #0000;
  border-radius: 3px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  max-width: 960px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 30px;
  font-family: Roboto, sans-serif;
  display: block;
}

.karton-gross-baustelle.gr-n {
  box-shadow: none;
  background-color: #0000;
  background-image: url('../images/Karton03_hell_tiny.png');
  background-position: 0 0;
  background-size: cover;
  border-radius: 3px;
  flex-direction: column;
  justify-content: space-between;
  max-width: 960px;
  margin-bottom: 0;
  display: flex;
}

.karton-gross-baustelle.gr-n.home {
  box-shadow: none;
  flex-direction: column;
  justify-content: flex-start;
  align-self: auto;
  padding: 20px;
}

.karton-gross-baustelle.rot {
  background-color: #0000;
  background-image: url('../images/Karton04_hell_tiny.jpg');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 0;
  padding-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  display: flex;
}

.karton-gross-baustelle.rot.abstand {
  padding-bottom: 30px;
}

.karton-gross-baustelle.breiter {
  background-color: #0000;
  background-image: url('../images/Karton01_tiny.png');
  background-position: 0 0;
  background-size: auto;
}

.karton-gross-baustelle.blau {
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-image: url('../images/Karton01_journal.png');
  background-position: 0 0;
  background-size: cover;
  background-clip: border-box;
  max-width: none;
  height: 525px;
  display: flex;
}

.karton-gross-baustelle.blau.journal-s-k {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  height: auto;
  display: flex;
}

.karton-gross-baustelle.blau.journal-s-k.lang {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-size: cover;
}

.karton-gross-baustelle.blau2 {
  background-image: url('../images/Karton01_journal_tiny.png');
  background-position: 0 0;
  background-size: cover;
  max-width: none;
  height: 540px;
  margin-left: 6.5px;
  margin-right: 6.5px;
  display: flex;
}

.karton-gross-baustelle.blau2.rechts {
  background-image: url('../images/Karton01_journal_tiny.png');
  height: 635px;
  margin-left: 13.5px;
  margin-right: 0;
}

.karton-gross-baustelle.blau2.links {
  background-image: url('../images/Karton01_journal_tiny.png');
  height: 635px;
  margin-left: 0;
  margin-right: 13.5px;
}

.karton-gross-baustelle.blau2.links.fotorecht {
  padding-bottom: 10px;
}

.karton-gross-baustelle.blau2.journal {
  background-color: #67915100;
  background-image: url('../images/Karton01_journal_tiny.png');
  background-position: 0 0;
  background-size: cover;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

.karton-gross-baustelle.blau2.journal.lang {
  background-color: #0000;
  background-size: 600px;
}

.karton-gross-baustelle.blau2.journal.bild-von {
  background-color: #67915100;
  padding-bottom: 10px;
}

.karton-gross-baustelle.blau2.mitte {
  height: 635px;
}

.karton-gross-baustelle.blau2.gemeinde {
  background-color: #0000;
  background-size: 600px;
  background-attachment: scroll;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}

.karton-gross-baustelle.blau2.gemeinde.lang {
  background-color: #0000;
  background-size: 600px;
}

.karton-gross-baustelle.grauer-hintergrund {
  background-color: var(--hintergrund-neutral);
  background-image: none;
}

.karton-gross-baustelle.referenz {
  background-color: #0000;
  max-width: 100%;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
}

.karton-gross-baustelle.referenz-copy {
  align-items: stretch;
  max-width: none;
  padding-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

@media screen and (max-width: 991px) {
  .untertitel {
    text-align: left;
    padding-right: 0;
    font-size: 25px;
  }

  .untertitel.rechts {
    text-align: left;
    padding-left: 0;
  }

  .untertitel.haupt.gemeinde {
    margin-bottom: 30px;
  }

  .navbar {
    text-align: right;
    background-color: #fff;
    flex-direction: column;
    align-items: flex-end;
    width: 120px;
    margin-left: 0;
    margin-right: 0;
    padding: 8px 18px 8px 0;
    font-size: 17px;
    font-weight: 400;
    display: flex;
    position: relative;
    inset: 0% 0% 0% auto;
  }

  .navbar:hover {
    display: flex;
    position: relative;
  }

  .navbar:active {
    display: flex;
  }

  .navbar:focus {
    align-items: flex-end;
  }

  .navbar:visited {
    margin-right: 0;
    display: flex;
  }

  .navbar.botton {
    box-shadow: none;
    background-color: #e6e6e6;
    border-radius: 0;
    margin-top: 0;
    margin-right: 30px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 400;
  }

  .navbar.fuss {
    width: auto;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .navigation {
    position: fixed;
  }

  .titel-bersicht {
    font-size: 25px;
  }

  .titel-bersicht.mittig {
    font-size: 20px;
  }

  .titel-bersicht.kleiner {
    font-size: 21px;
  }

  .titel-bersicht.slogan {
    font-size: 22px;
  }

  .slogan-s-k, .titel-karton {
    font-size: 21px;
  }

  .karton-gross {
    padding-left: 20px;
    padding-right: 20px;
  }

  .karton-gross.gr-n.home {
    padding: 15px;
  }

  .karton-gross.blau2.rechts, .karton-gross.blau2.links, .karton-gross.blau2.mitte {
    height: 650px;
  }

  .karton-gross.referenz, .karton-gross.referenz-copy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .text-normal {
    font-size: 17px;
  }

  .text-normal.erforderlich {
    margin-bottom: 15px;
  }

  .text-normal.beschrieb {
    margin-bottom: 0;
  }

  .foto-mitarbeiter {
    width: auto;
  }

  .e-mail {
    font-size: 17px;
  }

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

  .section.titelbild, .section.pages, .section.unten {
    padding-bottom: 40px;
  }

  .container {
    font-family: Roboto, sans-serif;
    display: block;
  }

  .container.nav {
    background-color: #0000;
  }

  .firmenname {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr .5fr 1fr;
  }

  .text-liste-s-k {
    font-size: 17px;
  }

  .nav-menu {
    background-color: #0000;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 0;
    display: block;
    inset: 84% 0% 0% auto;
  }

  .menu-button {
    background-color: #0000;
    margin-right: -18px;
    padding-right: 18px;
  }

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

  .brand {
    display: block;
  }

  .angebottext-home {
    font-size: 17px;
  }

  .coll-list-wrapper-s-k {
    flex-direction: row;
    align-items: stretch;
  }

  .collection-list-2 {
    flex-direction: row;
    flex: 0 auto;
    display: flex;
  }

  .collection-item-s-k {
    flex-direction: row;
  }

  .angebottext-titel {
    font-size: 16px;
  }

  .weiteres-angebot {
    grid-template-columns: .5fr .5fr .5fr;
  }

  .button-s-k, .button-s-k.leer {
    font-size: 17px;
  }

  .button-s-k.blau {
    align-self: auto;
    margin-top: 0;
    display: block;
  }

  .div-block-oben {
    flex: 1;
  }

  .div-block-oben.rechts {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .text-block-7 {
    font-size: 16px;
  }

  .slogan {
    font-size: 25px;
  }

  .slogan.mittig {
    font-size: 20px;
  }

  .slogan.kleiner {
    font-size: 16px;
  }

  .titel-ohne-karton {
    font-size: 18px;
  }

  .karton-links.gr-n.home {
    padding: 15px;
  }

  .icon {
    color: #333;
    background-color: #0000;
  }

  .icon:active {
    color: #949494;
  }

  .icon.pressed {
    color: #333;
  }

  .home {
    background-color: #fff;
    width: 150px;
    margin-left: auto;
    margin-right: 30px;
    padding: 8px 0;
    font-size: 16px;
    font-weight: 400;
    display: block;
  }

  .home.botton {
    box-shadow: none;
    background-color: #e6e6e6;
    border-radius: 0;
    margin-top: 0;
    margin-right: 30px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 400;
  }

  .navbar-kontakt {
    text-align: right;
    background-color: #fff;
    width: 150px;
    margin-left: auto;
    margin-right: 30px;
    padding: 8px 2px 8px 0;
    font-size: 16px;
    font-weight: 400;
    display: block;
  }

  .navbar-kontakt.botton {
    box-shadow: none;
    background-color: #e6e6e6;
    border-radius: 0;
    margin-top: 0;
    margin-right: 30px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 400;
  }

  .text-ohne-karte {
    font-size: 16px;
  }

  .titel-auf-bild {
    text-align: left;
    padding-right: 0;
  }

  .titel-auf-bild.rechts {
    text-align: left;
    padding-left: 0;
  }

  .column {
    flex-direction: column;
    flex: 0 auto;
    justify-content: space-between;
    align-self: auto;
    align-items: flex-end;
    margin-bottom: auto;
    display: flex;
  }

  .image-27 {
    flex: 0 auto;
    margin-top: auto;
    display: block;
  }

  .container-nav {
    text-align: left;
    flex-direction: column;
    align-items: flex-end;
    max-width: 120px;
    margin-top: -5px;
    font-family: Roboto, sans-serif;
    display: flex;
    position: absolute;
    inset: 0% 0% 0% auto;
  }

  .container-nav.nav {
    background-color: #0000;
  }

  .impress {
    text-align: right;
    background-color: #fff;
    flex-direction: column;
    align-items: flex-end;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 8px 0;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    display: block;
    position: relative;
    inset: 0% 0% 0% auto;
  }

  .impress:hover {
    display: flex;
    position: relative;
  }

  .impress:active {
    display: flex;
  }

  .impress:focus {
    align-items: flex-end;
  }

  .impress:visited {
    margin-right: 0;
    display: flex;
  }

  .impress.botton {
    box-shadow: none;
    background-color: #e6e6e6;
    border-radius: 0;
    margin-top: 0;
    margin-right: 30px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 400;
  }

  .columns {
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 0;
    display: flex;
  }

  .datenschutz {
    text-align: right;
    background-color: #fff;
    flex-direction: column;
    align-items: flex-end;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    padding: 8px 0;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    display: block;
    position: relative;
    inset: 0% 0% 0% auto;
  }

  .datenschutz:hover {
    display: flex;
    position: relative;
  }

  .datenschutz:active {
    display: flex;
  }

  .datenschutz:focus {
    align-items: flex-end;
  }

  .datenschutz:visited {
    margin-right: 0;
    display: flex;
  }

  .datenschutz.botton {
    box-shadow: none;
    background-color: #e6e6e6;
    border-radius: 0;
    margin-top: 0;
    margin-right: 30px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 400;
  }

  .weiteres-journale {
    grid-template-columns: .25fr .25fr .25fr 1.25fr;
  }

  .slogan-text {
    text-align: left;
    padding-right: 0;
  }

  .slogan-text.rechts {
    text-align: left;
    padding-left: 0;
  }

  .quelle, .div-impressum {
    font-size: 16px;
  }

  .slider {
    height: 695px;
  }

  .coll-list-wrapper-s-k-grid {
    flex-direction: row;
    align-items: stretch;
  }

  .menu-button-2, .menu-button-2.w--open {
    background-color: #0000;
    margin-right: -18px;
  }

  .collection-list-2-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: row;
    flex: 0 auto;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .slide_1 {
    height: auto;
  }

  .container-slider {
    font-family: Roboto, sans-serif;
    display: block;
  }

  .container-slider.nav {
    background-color: #0000;
  }

  .icon-4, .icon-5 {
    margin-top: 300px;
  }

  .impress-copy {
    text-align: right;
    background-color: #fff;
    flex-direction: column;
    align-items: flex-end;
    width: auto;
    margin-top: 0;
    margin-left: 0;
    margin-right: -10px;
    padding: 0 10px 5px 15px;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    display: block;
    position: relative;
    inset: 0% 0% 0% auto;
  }

  .impress-copy:hover {
    display: flex;
    position: relative;
  }

  .impress-copy:active {
    display: flex;
  }

  .impress-copy:focus {
    align-items: flex-end;
  }

  .impress-copy:visited {
    margin-right: 0;
    display: flex;
  }

  .impress-copy.botton {
    box-shadow: none;
    background-color: #e6e6e6;
    border-radius: 0;
    margin-top: 0;
    margin-right: 30px;
    padding-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-weight: 400;
  }

  .grauer-hintergrund {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grauer-hintergrund.gr-n.home {
    padding: 15px;
  }

  .div-block-10 {
    align-items: stretch;
    display: flex;
  }

  .weitere-journale, .weiteres-ber-uns {
    grid-template-columns: .5fr .5fr .5fr;
  }

  .collection-referenz {
    grid-template-columns: minmax(200px, 1fr) minmax(200px, 1fr);
  }

  .text-referenz {
    flex: 1;
  }

  .text-referenz.rechts {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .titel-referenz {
    font-size: 21px;
  }

  .karton-referenz {
    padding-left: 20px;
    padding-right: 20px;
  }

  .karton-referenz.gr-n.home {
    padding: 15px;
  }

  .karton-referenz.blau2.rechts, .karton-referenz.blau2.links, .karton-referenz.blau2.mitte {
    height: 650px;
  }

  .textblock-referenz {
    padding-left: 20px;
    padding-right: 20px;
  }

  .textblock-referenz.gr-n.home {
    padding: 15px;
  }

  .textblock-referenz.blau2.rechts, .textblock-referenz.blau2.links, .textblock-referenz.blau2.mitte {
    height: 650px;
  }

  .image-referenz {
    margin-top: auto;
  }

  .div-block-oben-referenz {
    flex: 1;
  }

  .div-block-oben-referenz.rechts {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .referenz-6 {
    background-image: url('../images/06_5_Treppe_tiny.jpg');
  }

  .slider-referenz {
    height: auto;
  }

  .slide_2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-referenz {
    height: auto;
  }

  .kleber {
    margin-top: 0;
    margin-bottom: -34px;
    margin-left: 0;
  }

  .button-s-k-copy, .button-s-k-copy.leer {
    font-size: 17px;
  }

  .button-s-k-copy.blau {
    align-self: auto;
    margin-top: 0;
    display: block;
  }

  .karton-weiss {
    padding-left: 40px;
    padding-right: 40px;
  }

  .karton-weiss.gr-n.home {
    padding: 15px;
  }

  .karton-weiss.blau2.rechts, .karton-weiss.blau2.links, .karton-weiss.blau2.mitte {
    height: 650px;
  }

  .karton-weiss.referenz, .karton-weiss.referenz-copy {
    padding-left: 10px;
    padding-right: 10px;
  }

  .foto-mitarbeiter-2 {
    width: auto;
  }

  .karton-gross-baustelle {
    padding-left: 20px;
    padding-right: 20px;
  }

  .karton-gross-baustelle.gr-n.home {
    padding: 15px;
  }

  .karton-gross-baustelle.blau2.rechts, .karton-gross-baustelle.blau2.links, .karton-gross-baustelle.blau2.mitte {
    height: 650px;
  }

  .karton-gross-baustelle.referenz, .karton-gross-baustelle.referenz-copy {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media screen and (max-width: 767px) {
  .name {
    font-size: 41px;
  }

  .plus {
    font-size: 65px;
  }

  .untertitel {
    font-size: 27px;
  }

  .untertitel.rechts {
    font-size: 16px;
  }

  .untertitel.haupt.gemeinde {
    margin-bottom: 15px;
  }

  .navbar {
    margin-left: auto;
    margin-right: 0;
    padding-right: 15px;
  }

  .navbar.botton {
    margin-left: auto;
    margin-right: 15px;
    padding-right: 34px;
    font-size: 13px;
    display: block;
  }

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

  .titel-bersicht {
    padding-left: 15px;
    font-size: 25px;
  }

  .titel-bersicht.mittig {
    text-align: left;
    font-size: 20px;
  }

  .titel-bersicht.ohne-einzug, .titel-bersicht.ohne-karton {
    padding-left: 0;
  }

  .slogan-s-k {
    text-align: left;
    max-width: 100%;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 21px;
    display: block;
  }

  .slogan-s-k.links {
    max-width: 100%;
    padding-left: 15px;
  }

  .slogan-s-k.breit {
    padding-left: 0;
    padding-right: 0;
  }

  .titel-karton {
    margin-bottom: 15px;
    padding-left: 0;
    font-size: 21px;
  }

  .titel-karton.allein {
    padding-left: 0;
  }

  .titel-karton.ohne {
    padding-left: 15px;
  }

  .karton-gross.gr-n {
    border-radius: 0;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .karton-gross.gr-n.home {
    border-radius: 0;
    flex-direction: row;
    margin-top: 20px;
    display: block;
  }

  .karton-gross.rot {
    margin-bottom: 21px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .karton-gross.breiter {
    padding-left: 15px;
    padding-right: 15px;
  }

  .karton-gross.blau {
    height: 540px;
  }

  .karton-gross.blau.journal-s-k {
    margin-bottom: 20px;
  }

  .karton-gross.blau2 {
    height: 635px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .karton-gross.blau2.rechts {
    height: 695px;
    margin-bottom: 20px;
    margin-left: 0;
  }

  .karton-gross.blau2.links {
    justify-content: space-between;
    height: 695px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .karton-gross.blau2.mitte {
    height: 695px;
  }

  .karton-gross.referenz, .karton-gross.referenz-copy {
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .text-normal {
    font-size: 17px;
  }

  .text-markiert {
    font-size: 14px;
  }

  .collection-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .foto-mitarbeiter {
    align-self: center;
    width: 70%;
  }

  .liste {
    padding-left: 15px;
  }

  .link {
    font-size: 12px;
  }

  .grid-angebot {
    grid-template-columns: 1.25fr;
    margin-bottom: 30px;
  }

  .section {
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
  }

  .section.unter-navbar {
    padding-left: 15px;
  }

  .section.unter-navbar.gemeinde {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section.titelbild {
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .section.container-name-copy {
    padding-left: 15px;
  }

  .container {
    margin-left: 0;
  }

  .container.mittig {
    text-align: left;
  }

  .nav-menu {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .menu-button.w--open {
    margin-right: -15px;
    padding-right: 15px;
  }

  .list-item-2, .linktext {
    font-size: 12px;
  }

  .brand {
    object-fit: fill;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: inline;
    overflow: visible;
  }

  .brand.w--current {
    padding-left: 0;
  }

  .grid-angebot-home {
    grid-template-columns: 1.25fr;
  }

  .angebottext-home {
    font-size: 17px;
  }

  .coll-list-wrapper-s-k {
    display: block;
  }

  .collection-list-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: block;
  }

  .collection-item-s-k {
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .div-block-unten {
    justify-content: flex-end;
    align-items: stretch;
    max-width: 100%;
    display: flex;
  }

  .footer {
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .angebottext-titel {
    font-size: 16px;
  }

  .titel-bersicht-copy, .titel-bersicht-copy.mittig {
    font-size: 20px;
  }

  .weiteres-angebot {
    grid-template-columns: .5fr .5fr;
    padding-left: 15px;
    padding-right: 15px;
  }

  .button-s-k {
    font-size: 17px;
  }

  .div-block-oben {
    width: auto;
  }

  .bild-angebot {
    order: 0;
    align-self: center;
    width: 100%;
    margin-top: 0;
    padding-top: 0;
  }

  .image-24 {
    width: 50%;
  }

  .slogan {
    text-align: left;
    padding-left: 15px;
    font-size: 25px;
  }

  .slogan.mittig {
    text-align: left;
    font-size: 20px;
  }

  .titel-ohne-karton {
    margin-bottom: 15px;
    padding-left: 15px;
    font-size: 17px;
  }

  .titel-ohne-karton.allein {
    padding-left: 0;
  }

  .karton-links.gr-n {
    border-radius: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  .karton-links.gr-n.home {
    border-radius: 0;
    flex-direction: row;
    display: block;
  }

  .karton-links.rot {
    margin-bottom: 30px;
  }

  .home {
    margin-left: auto;
    margin-right: 15px;
  }

  .home.botton {
    margin-left: auto;
    margin-right: 15px;
    padding-right: 34px;
    font-size: 13px;
    display: block;
  }

  .navbar-kontakt {
    margin-left: auto;
    margin-right: 15px;
  }

  .navbar-kontakt.botton {
    margin-left: auto;
    margin-right: 15px;
    padding-right: 34px;
    font-size: 13px;
    display: block;
  }

  .text-ohne-karte {
    text-align: left;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 16px;
  }

  .link-block {
    padding-left: 0;
  }

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

  .titel-auf-bild, .titel-auf-bild.rechts {
    font-size: 16px;
  }

  .container-nav {
    margin-left: 0;
  }

  .container-nav.mittig {
    text-align: left;
  }

  .impress {
    margin-left: auto;
    margin-right: 0;
    padding-right: 0;
    display: block;
  }

  .impress.botton {
    margin-left: auto;
    margin-right: 15px;
    padding-right: 34px;
    font-size: 13px;
    display: block;
  }

  .datenschutz {
    margin-left: auto;
    margin-right: 0;
    padding-right: 0;
    display: block;
  }

  .datenschutz.botton {
    margin-left: auto;
    margin-right: 15px;
    padding-right: 34px;
    font-size: 13px;
    display: block;
  }

  .weiteres-journale {
    grid-template-columns: .75fr .75fr;
    padding-left: 15px;
  }

  .slogan-titel {
    padding-left: 15px;
    font-size: 25px;
  }

  .slogan-titel.mehr-abstand {
    padding-left: 0;
  }

  .slogan-text, .slogan-text.rechts, .quelle, .div-impressum {
    font-size: 16px;
  }

  .slider {
    flex-direction: row;
    height: 740px;
    display: block;
  }

  .menu-button-2 {
    margin-right: -15px;
    padding-right: 15px;
  }

  .collection-list-2-grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    display: block;
  }

  .slide-journal {
    width: 100%;
  }

  .container-slider {
    margin-left: 0;
  }

  .container-slider.mittig {
    text-align: left;
  }

  .icon-4, .icon-5 {
    margin-top: 225px;
  }

  .collection-item-2 {
    display: block;
  }

  .image-journal {
    object-fit: cover;
    flex: 1;
    width: auto;
    max-width: none;
    max-height: 385px;
    display: block;
  }

  .ohne-karton {
    padding-left: 15px;
    padding-right: 15px;
  }

  .impress-copy {
    margin-left: auto;
    margin-right: 0;
    padding-right: 0;
    display: block;
  }

  .impress-copy.botton {
    margin-left: auto;
    margin-right: 15px;
    padding-right: 34px;
    font-size: 13px;
    display: block;
  }

  .grid-3 {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .grauer-hintergrund.gr-n {
    border-radius: 0;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .grauer-hintergrund.gr-n.home {
    border-radius: 0;
    flex-direction: row;
    margin-top: 20px;
    display: block;
  }

  .grauer-hintergrund.rot {
    margin-bottom: 21px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .grauer-hintergrund.breiter {
    padding-left: 15px;
    padding-right: 15px;
  }

  .grauer-hintergrund.blau {
    height: 540px;
  }

  .grauer-hintergrund.blau.journal {
    margin-bottom: 20px;
  }

  .grauer-hintergrund.blau2 {
    height: 635px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .grauer-hintergrund.blau2.rechts {
    height: 635px;
    margin-bottom: 20px;
    margin-left: 0;
  }

  .grauer-hintergrund.blau2.links {
    justify-content: space-between;
    height: 635px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .collection-3teilig, .collection-2teilig, .collection-2x2teilig {
    display: block;
  }

  .weitere-journale, .weiteres-ber-uns {
    grid-template-columns: .5fr .5fr;
    padding-left: 15px;
    padding-right: 15px;
  }

  .gemeinde-titel {
    font-size: 30px;
  }

  .grid-7 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .text-unter-foto {
    align-self: flex-start;
    width: 70%;
  }

  .collection-referenz {
    display: block;
  }

  .text-referenz {
    width: auto;
  }

  .titel-referenz {
    margin-bottom: 15px;
    padding-left: 0;
    font-size: 21px;
  }

  .titel-referenz.allein {
    padding-left: 0;
  }

  .titel-referenz.ohne {
    padding-left: 15px;
  }

  .karton-referenz.gr-n {
    border-radius: 0;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .karton-referenz.gr-n.home {
    border-radius: 0;
    flex-direction: row;
    margin-top: 20px;
    display: block;
  }

  .karton-referenz.rot {
    margin-bottom: 21px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .karton-referenz.breiter {
    padding-left: 15px;
    padding-right: 15px;
  }

  .karton-referenz.blau {
    height: 540px;
  }

  .karton-referenz.blau.journal-s-k {
    margin-bottom: 20px;
  }

  .karton-referenz.blau2 {
    height: 635px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .karton-referenz.blau2.rechts {
    height: 695px;
    margin-bottom: 20px;
    margin-left: 0;
  }

  .karton-referenz.blau2.links {
    justify-content: space-between;
    height: 695px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .karton-referenz.blau2.mitte {
    height: 695px;
  }

  .textblock-referenz.gr-n {
    border-radius: 0;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .textblock-referenz.gr-n.home {
    border-radius: 0;
    flex-direction: row;
    margin-top: 20px;
    display: block;
  }

  .textblock-referenz.rot {
    margin-bottom: 21px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .textblock-referenz.breiter {
    padding-left: 15px;
    padding-right: 15px;
  }

  .textblock-referenz.blau {
    height: 540px;
  }

  .textblock-referenz.blau.journal-s-k {
    margin-bottom: 20px;
  }

  .textblock-referenz.blau2 {
    height: 635px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .textblock-referenz.blau2.rechts {
    height: 695px;
    margin-bottom: 20px;
    margin-left: 0;
  }

  .textblock-referenz.blau2.links {
    justify-content: space-between;
    height: 695px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .textblock-referenz.blau2.mitte {
    height: 695px;
  }

  .image-referenz {
    object-fit: cover;
    flex: 1;
    width: auto;
    max-width: 100%;
    max-height: none;
    display: block;
  }

  .div-block-oben-referenz {
    width: auto;
  }

  .referenz-9 {
    max-width: 100%;
  }

  .slider-referenz {
    flex-direction: row;
    height: auto;
    display: block;
  }

  .weitere-angebote {
    padding-left: 15px;
    padding-right: 15px;
  }

  .kleber {
    margin-top: 0;
    margin-left: 0;
    margin-right: 30px;
  }

  .button-s-k-copy {
    font-size: 17px;
  }

  .divblock-unten.ohne-titel {
    padding-left: 30px;
  }

  .karton-weiss {
    padding-left: 30px;
    padding-right: 30px;
  }

  .karton-weiss.gr-n {
    border-radius: 0;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .karton-weiss.gr-n.home {
    border-radius: 0;
    flex-direction: row;
    margin-top: 20px;
    display: block;
  }

  .karton-weiss.rot {
    margin-bottom: 21px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .karton-weiss.breiter {
    padding-left: 15px;
    padding-right: 15px;
  }

  .karton-weiss.blau {
    height: 540px;
  }

  .karton-weiss.blau.journal-s-k {
    margin-bottom: 20px;
  }

  .karton-weiss.blau2 {
    height: 635px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .karton-weiss.blau2.rechts {
    height: 695px;
    margin-bottom: 20px;
    margin-left: 0;
  }

  .karton-weiss.blau2.links {
    justify-content: space-between;
    height: 695px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .karton-weiss.blau2.mitte {
    height: 695px;
  }

  .karton-weiss.referenz, .karton-weiss.referenz-copy {
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .foto-mitarbeiter-2 {
    align-self: center;
    width: 70%;
  }

  .grid-baustelle {
    grid-template-columns: 1.25fr;
    margin-bottom: 30px;
  }

  .karton-gross-baustelle.gr-n {
    border-radius: 0;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .karton-gross-baustelle.gr-n.home {
    border-radius: 0;
    flex-direction: row;
    margin-top: 20px;
    display: block;
  }

  .karton-gross-baustelle.rot {
    margin-bottom: 21px;
    padding-left: 15px;
    padding-right: 15px;
  }

  .karton-gross-baustelle.breiter {
    padding-left: 15px;
    padding-right: 15px;
  }

  .karton-gross-baustelle.blau {
    height: 540px;
  }

  .karton-gross-baustelle.blau.journal-s-k {
    margin-bottom: 20px;
  }

  .karton-gross-baustelle.blau2 {
    height: 635px;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
  }

  .karton-gross-baustelle.blau2.rechts {
    height: 695px;
    margin-bottom: 20px;
    margin-left: 0;
  }

  .karton-gross-baustelle.blau2.links {
    justify-content: space-between;
    height: 695px;
    margin-bottom: 20px;
    margin-right: 0;
  }

  .karton-gross-baustelle.blau2.mitte {
    height: 695px;
  }

  .karton-gross-baustelle.referenz, .karton-gross-baustelle.referenz-copy {
    margin-bottom: 20px;
    padding-left: 5px;
    padding-right: 5px;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 19px;
  }

  .name {
    flex: 0 auto;
    padding-bottom: 0;
    padding-right: 5px;
    font-size: 30px;
  }

  .name.rechts {
    padding-left: 5px;
    padding-right: 0;
  }

  .name.logo {
    max-width: 100%;
    font-size: 23px;
    display: block;
  }

  .name.mittig {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 22px;
  }

  .plus {
    font-size: 50px;
  }

  .untertitel {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 8px 0 0;
    font-size: 21px;
  }

  .untertitel.rechts {
    margin-top: -15px;
    padding-left: 6px;
    padding-right: 0;
    font-size: 15px;
  }

  .untertitel.haupt {
    font-size: 21px;
  }

  .untertitel.haupt.gemeinde {
    margin-bottom: 20px;
  }

  .navbar {
    align-items: flex-end;
    margin-left: auto;
    font-size: 16px;
    display: block;
  }

  .navbar.botton {
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }

  .navbar.fuss {
    align-self: auto;
    margin-left: -10px;
  }

  .logo {
    max-width: 55px;
  }

  .titel-bersicht {
    margin-bottom: 10px;
    padding-left: 15px;
    font-size: 21px;
  }

  .titel-bersicht.mittig {
    font-size: 20px;
    line-height: 25px;
  }

  .titel-bersicht.kleiner {
    font-size: 19px;
  }

  .titel-bersicht.slogan {
    font-size: 20px;
  }

  .slogan-s-k {
    font-size: 19px;
  }

  .slogan-s-k.breit {
    padding-left: 0;
    padding-right: 0;
  }

  .mehr-dazu {
    font-size: 14px;
  }

  .titel-karton {
    text-align: left;
    margin-bottom: 10px;
    padding-left: 0;
    font-size: 19px;
  }

  .titel-karton.klein {
    font-size: 19px;
  }

  .titel-karton.ohne-karton2 {
    padding-left: 0;
  }

  .karton-gross {
    padding-left: 15px;
    padding-right: 15px;
  }

  .karton-gross.gr-n {
    height: auto;
    padding: 20px 15px;
  }

  .karton-gross.rot {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .karton-gross.breiter {
    padding: 20px 5px 20px 10px;
  }

  .karton-gross.blau {
    height: 500px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .karton-gross.blau2 {
    height: 540px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .karton-gross.blau2.rechts {
    height: 590px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .karton-gross.blau2.links {
    height: 590px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .karton-gross.blau2.mitte {
    height: 590px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .text-normal {
    font-size: 17px;
  }

  .text-markiert {
    font-size: 11px;
  }

  .adresse {
    padding-top: 40px;
    padding-bottom: 15px;
    font-size: 17px;
    line-height: 20px;
  }

  .e-mail {
    font-size: 17px;
  }

  .liste {
    padding-left: 15px;
  }

  .link {
    font-size: 12px;
    overflow: visible;
  }

  .list-s-k {
    padding-left: 15px;
  }

  .link-s-k {
    font-size: 17px;
  }

  .section {
    padding: 10px 0 15px;
  }

  .section.unter-navbar {
    flex-direction: row;
    padding: 25px 15px 10px;
    display: block;
  }

  .section.titelbild {
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }

  .section.container-name-copy {
    flex-direction: row;
    padding: 25px 15px 10px;
    display: block;
  }

  .container.nav {
    flex-direction: row;
    display: block;
    overflow: visible;
  }

  .firmenname {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-columns: 1fr .25fr 1fr;
    justify-items: stretch;
    padding-top: 0;
  }

  .text-liste-s-k {
    font-size: 17px;
  }

  .div-block-2 {
    align-items: flex-end;
  }

  .nav-menu {
    margin-right: 0;
  }

  .menu-button {
    flex-direction: row;
    align-items: stretch;
    margin-right: -18px;
    padding-right: 18px;
    display: block;
    position: relative;
    top: auto;
  }

  .linktext {
    font-size: 12px;
    line-height: 2em;
  }

  .brand {
    float: none;
    object-fit: fill;
    flex-direction: row;
    justify-content: flex-start;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: inline-block;
  }

  .brand.w--current {
    flex-direction: row;
    align-items: flex-start;
    max-width: 95%;
    margin-right: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: inline-block;
    overflow: visible;
  }

  .angebottext-home {
    font-size: 17px;
  }

  .footer {
    padding-bottom: 30px;
  }

  .angebottext-titel {
    font-size: 16px;
    line-height: 1.5em;
  }

  .titel-bersicht-copy {
    margin-bottom: 10px;
    font-size: 15px;
  }

  .titel-bersicht-copy.mittig {
    font-size: 15px;
    line-height: 25px;
  }

  .weiteres-angebot {
    grid-template-columns: .75fr;
  }

  .button-s-k.gr-n.knopf1 {
    margin-bottom: 26px;
  }

  .button-s-k.blau {
    display: block;
  }

  .button-s-k.fuss, .button-s-k.fuss.w--current {
    margin-left: -10px;
  }

  .button-s-k.rot.knopf1 {
    margin-bottom: 26px;
  }

  .div-block-oben {
    flex: 1;
  }

  .div-block-oben.rechts {
    align-items: flex-start;
  }

  .bild-angebot {
    display: block;
  }

  .slogan {
    margin-bottom: 10px;
    font-size: 22px;
  }

  .slogan.mittig {
    font-size: 20px;
    line-height: 25px;
  }

  .titel-ohne-karton {
    text-align: left;
    margin-bottom: 10px;
    padding-left: 15px;
    font-size: 17px;
  }

  .karton-links {
    padding-left: 0;
    padding-right: 0;
  }

  .karton-links.gr-n {
    padding: 15px;
  }

  .karton-links.breiter {
    padding-left: 10px;
    padding-right: 5px;
  }

  .firma {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
    font-size: 50px;
    display: flex;
  }

  .home {
    margin-left: auto;
    font-size: 12px;
  }

  .home.botton {
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }

  .navbar-kontakt {
    margin-left: auto;
    font-size: 12px;
  }

  .navbar-kontakt.botton {
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }

  .text-ohne-karte {
    font-size: 16px;
  }

  .titel-auf-bild {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 8px 0 0;
    font-size: 16px;
  }

  .titel-auf-bild.rechts {
    margin-top: -15px;
    padding-left: 6px;
    padding-right: 0;
    font-size: 15px;
  }

  .column {
    align-items: flex-start;
    padding-left: 10px;
    display: block;
  }

  .image-27 {
    align-self: flex-start;
    padding-top: 10px;
  }

  .container-nav.nav {
    flex-direction: row;
    display: block;
    overflow: visible;
  }

  .impress {
    text-align: left;
    align-items: flex-end;
    margin-top: 30px;
    margin-left: auto;
    font-size: 16px;
    display: inline-block;
    position: relative;
    left: 0;
  }

  .impress:hover {
    text-align: left;
    display: block;
    left: 0;
  }

  .impress.botton {
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }

  .columns {
    display: block;
  }

  .datenschutz {
    text-align: left;
    align-items: flex-end;
    margin-top: 30px;
    margin-left: auto;
    font-size: 16px;
    display: inline-block;
    position: relative;
    left: 0;
  }

  .datenschutz:hover {
    text-align: left;
    display: block;
    left: 0;
  }

  .datenschutz.botton {
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }

  .weiteres-journale {
    grid-template-columns: .75fr;
  }

  .slogan-titel {
    flex: 0 auto;
    padding-bottom: 0;
    padding-right: 5px;
    font-size: 21px;
    line-height: 1.5em;
  }

  .slogan-titel.rechts {
    padding-left: 5px;
    padding-right: 0;
  }

  .slogan-titel.logo {
    max-width: 100%;
    display: block;
  }

  .slogan-titel.mittig {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 22px;
  }

  .slogan-text {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 8px 0 0;
    font-size: 20px;
  }

  .slogan-text.rechts {
    margin-top: -15px;
    padding-left: 6px;
    padding-right: 0;
    font-size: 15px;
  }

  .quelle, .div-impressum {
    font-size: 16px;
  }

  .slider {
    height: 635px;
  }

  .menu-button-2.w--open {
    margin-right: -15px;
  }

  .container-slider.nav {
    flex-direction: row;
    display: block;
    overflow: visible;
  }

  .icon-4, .icon-5 {
    margin-top: 220px;
  }

  .impress-copy {
    text-align: left;
    align-items: flex-end;
    margin-top: 30px;
    margin-left: auto;
    font-size: 16px;
    display: inline-block;
    position: relative;
    left: 0;
  }

  .impress-copy:hover {
    text-align: left;
    display: block;
    left: 0;
  }

  .impress-copy.botton {
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
  }

  .grid-3 {
    grid-column-gap: 60px;
    grid-row-gap: 60px;
    flex-direction: column;
    padding-bottom: 0;
    display: flex;
  }

  .grauer-hintergrund {
    padding-left: 15px;
    padding-right: 15px;
  }

  .grauer-hintergrund.gr-n {
    height: auto;
    padding: 15px;
  }

  .grauer-hintergrund.rot {
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .grauer-hintergrund.breiter {
    padding: 15px 5px 15px 10px;
  }

  .grauer-hintergrund.blau {
    height: 500px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .grauer-hintergrund.blau2 {
    height: 540px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .grauer-hintergrund.blau2.rechts {
    height: 540px;
  }

  .grauer-hintergrund.blau2.links {
    height: 540px;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .linkedin {
    align-self: flex-start;
    margin-top: 30px;
    padding-top: 0;
  }

  .divbutton {
    flex-direction: column;
  }

  .weitere-journale, .weiteres-ber-uns {
    grid-template-columns: .75fr;
  }

  .gemeinde-titel {
    flex: 0 auto;
    padding-bottom: 0;
    padding-right: 5px;
    font-size: 30px;
  }

  .gemeinde-titel.rechts {
    padding-left: 5px;
    padding-right: 0;
  }

  .gemeinde-titel.logo {
    max-width: 100%;
    font-size: 23px;
    display: block;
  }

  .gemeinde-titel.mittig {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 22px;
  }

  .listtext-s-k, .link-s-k-copy, .tel-name {
    font-size: 17px;
  }

  .text-unter-foto {
    align-self: flex-start;
  }

  .text-referenz {
    flex: 1;
  }

  .text-referenz.rechts {
    align-items: flex-start;
  }

  .titel-referenz {
    text-align: left;
    margin-bottom: 10px;
    padding-left: 0;
    font-size: 19px;
  }

  .titel-referenz.klein {
    font-size: 19px;
  }

  .titel-referenz.ohne-karton2 {
    padding-left: 0;
  }

  .karton-referenz {
    padding-left: 15px;
    padding-right: 15px;
  }

  .karton-referenz.gr-n {
    height: auto;
    padding: 20px 15px;
  }

  .karton-referenz.rot {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .karton-referenz.breiter {
    padding: 20px 5px 20px 10px;
  }

  .karton-referenz.blau {
    height: 500px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .karton-referenz.blau2 {
    height: 540px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .karton-referenz.blau2.rechts {
    height: 590px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .karton-referenz.blau2.links {
    height: 590px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .karton-referenz.blau2.mitte {
    height: 590px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .textblock-referenz {
    padding-left: 15px;
    padding-right: 15px;
  }

  .textblock-referenz.gr-n {
    height: auto;
    padding: 20px 15px;
  }

  .textblock-referenz.rot {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .textblock-referenz.breiter {
    padding: 20px 5px 20px 10px;
  }

  .textblock-referenz.blau {
    height: 500px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .textblock-referenz.blau2 {
    height: 540px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .textblock-referenz.blau2.rechts {
    height: 590px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .textblock-referenz.blau2.links {
    height: 590px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .textblock-referenz.blau2.mitte {
    height: 590px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-oben-referenz {
    flex: 1;
  }

  .div-block-oben-referenz.rechts {
    align-items: flex-start;
  }

  .slider-referenz {
    height: auto;
  }

  .weitere-angebote {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
  }

  .kleber {
    justify-content: flex-end;
    width: 180px;
    margin: 0 30px -110px 0;
    padding-left: 0;
    display: block;
    inset: auto 0% 0% auto;
  }

  .button-s-k-copy.gr-n.knopf1 {
    margin-bottom: 26px;
  }

  .button-s-k-copy.blau {
    display: block;
  }

  .button-s-k-copy.fuss, .button-s-k-copy.fuss.w--current {
    margin-left: -10px;
  }

  .button-s-k-copy.rot.knopf1 {
    margin-bottom: 26px;
  }

  .divblock-unten.ohne-titel {
    padding-left: 15px;
  }

  .image-29 {
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .karton-weiss {
    padding: 40px 15px;
  }

  .karton-weiss.gr-n {
    height: auto;
    padding: 20px 15px;
  }

  .karton-weiss.rot {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .karton-weiss.breiter {
    padding: 20px 5px 20px 10px;
  }

  .karton-weiss.blau {
    height: 500px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .karton-weiss.blau2 {
    height: 540px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .karton-weiss.blau2.rechts {
    height: 590px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .karton-weiss.blau2.links {
    height: 590px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .karton-weiss.blau2.mitte {
    height: 590px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .link-block-2 {
    max-width: 100%;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .karton-gross-baustelle {
    padding-left: 15px;
    padding-right: 15px;
  }

  .karton-gross-baustelle.gr-n {
    height: auto;
    padding: 20px 15px;
  }

  .karton-gross-baustelle.rot {
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .karton-gross-baustelle.breiter {
    padding: 20px 5px 20px 10px;
  }

  .karton-gross-baustelle.blau {
    height: 500px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .karton-gross-baustelle.blau2 {
    height: 540px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .karton-gross-baustelle.blau2.rechts {
    height: 590px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .karton-gross-baustelle.blau2.links {
    height: 590px;
    margin-bottom: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .karton-gross-baustelle.blau2.mitte {
    height: 590px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

#w-node-_48844937-e64b-4775-12a3-3e331107683f-384df678, #w-node-_06af2310-36cb-eea4-dedf-c3e95bbfd77d-384df678, #w-node-bd3a75b5-3968-63bd-b212-9e167190addc-384df678, #w-node-a0db47af-f0f7-5469-5055-fbbfdb9c1c65-384df678, #w-node-e2e9e281-a020-36dc-2767-63a2bcd67833-384df678, #w-node-bbb5fc1c-9569-0b4d-d1e2-65e215286866-89821e3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_78a25e63-2cf7-5d13-bd15-390d89821e48-89821e3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: auto end;
}

#w-node-_78a25e63-2cf7-5d13-bd15-390d89821e49-89821e3c {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_78a25e63-2cf7-5d13-bd15-390d89821e4c-89821e3c, #w-node-_9572df52-a2fd-3748-8674-7be8154d1f1e-384df684, #w-node-_9572df52-a2fd-3748-8674-7be8154d1f28-384df684, #w-node-_9572df52-a2fd-3748-8674-7be8154d1f32-384df684, #w-node-db1b48a5-a6a3-f882-c7f2-80b1561a0ce1-384df685, #w-node-dc9db10d-551b-aeb2-7d31-4c641e2b16f3-384df685, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448c-384df685 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448f-384df685 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-db1b48a5-a6a3-f882-c7f2-80b1561a0ce1-384df686, #w-node-dc9db10d-551b-aeb2-7d31-4c641e2b16f3-384df686, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448c-384df686 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448f-384df686 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-db1b48a5-a6a3-f882-c7f2-80b1561a0ce1-384df689, #w-node-dc9db10d-551b-aeb2-7d31-4c641e2b16f3-384df689 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c7a3085-9529-be6a-9539-0db66f9c5cff-384df689 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_9bd1f02f-861b-1cb5-7a9b-2510deb82419-384df68a, #w-node-_94d1be55-e5a3-42c3-084d-28edf5e21762-384df68a, #w-node-_3988da53-b30d-921b-4218-4cc054d13472-384df68a, #w-node-ce0c973d-c129-7618-7cf6-5fb44b8b95bd-384df68a, #w-node-c4777e7f-7583-0f21-3720-e45ddb4c7a22-384df68b, #w-node-_52cdc468-0051-d068-51d0-1667a112aa6a-384df68b, #w-node-_65fab74a-9c18-5f36-32fe-29cd4399659e-384df68b, #w-node-_48844937-e64b-4775-12a3-3e331107683f-384df68d, #w-node-bd3a75b5-3968-63bd-b212-9e167190addc-384df68d, #w-node-_0a167a37-bbfc-9af6-f30a-83f8cbeadfbd-384df68d, #w-node-b6bb259a-7b54-cf53-2756-e2090235c024-384df68d, #w-node-b1809baf-4d90-1f7b-45d7-4c354d2ef409-384df68f, #w-node-e14c15a5-404a-3ff2-9b3b-7a4f35ce3dc9-384df68f, #w-node-_58d3a18c-7335-f8a2-4ca2-ce41b19e3043-384df68f, #w-node-fc0d68e0-e49a-ac4c-8114-c1575eadfc72-384df68f, #w-node-_7aedb6da-a823-746b-966e-10fc723ac30a-384df68f, #w-node-b3f045d3-86d9-c7fc-4375-7f8d883aabcd-384df68f, #w-node-_4c48cf76-efe1-8e38-776a-35763ef6747f-384df68f, #w-node-db1b48a5-a6a3-f882-c7f2-80b1561a0ce1-384df690, #w-node-dc9db10d-551b-aeb2-7d31-4c641e2b16f3-384df690, #w-node-_8d41a9db-1906-891e-1c52-8a45f241a6b7-384df690, #w-node-ba9703b5-f292-2a05-e06e-9ded89a28842-384df690, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448b-384df690, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448c-384df690, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448e-384df690, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d64491-384df690, #w-node-_57f4b353-6c47-883d-2077-acaaa5ad09f7-384df690 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57f4b353-6c47-883d-2077-acaaa5ad09f8-384df690 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-db1b48a5-a6a3-f882-c7f2-80b1561a0ce1-384df691, #w-node-dc9db10d-551b-aeb2-7d31-4c641e2b16f3-384df691, #w-node-_13fe6d2b-f6b2-db70-7e31-83527eeaa4c5-384df691, #w-node-a15a863e-d0d3-4b31-1783-15f321018ec5-384df691, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448b-384df691, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448c-384df691, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448e-384df691, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d64491-384df691, #w-node-_8a391500-c41f-85ed-3f75-39b984ec254c-384df691 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8a391500-c41f-85ed-3f75-39b984ec254d-384df691 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-db1b48a5-a6a3-f882-c7f2-80b1561a0ce1-384df692, #w-node-dc9db10d-551b-aeb2-7d31-4c641e2b16f3-384df692, #w-node-_5c333fda-5135-4a82-f24e-0b8d72f84bb9-384df692, #w-node-_3c7e248a-a4a9-fe82-d9bd-4b2f8873def9-384df692, #w-node-_9b9274b6-26ae-67aa-a941-8a2b84b10fcf-384df692, #w-node-be32a423-2885-a3b3-33e4-f02b5632fcdc-384df692, #w-node-cb7e71f3-107f-b32f-2eaa-8a02ee9569f4-384df692, #w-node-_4fbce33c-4806-fa86-ec2a-69245bb69d5e-384df692, #w-node-_3302e59c-f1a2-1fc8-9f4c-a548ca41abf1-384df692 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_3302e59c-f1a2-1fc8-9f4c-a548ca41abf2-384df692 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-db1b48a5-a6a3-f882-c7f2-80b1561a0ce1-384df693, #w-node-dc9db10d-551b-aeb2-7d31-4c641e2b16f3-384df693, #w-node-e6d5a73e-7725-5221-7def-4478d892e264-384df693, #w-node-fd3d294c-91e4-aa38-8abe-035c6d129f49-384df693, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448b-384df693, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448c-384df693, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448e-384df693, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d64491-384df693, #w-node-_79d5ef4a-d1df-ffaf-30bc-bf4b13883624-384df693 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_79d5ef4a-d1df-ffaf-30bc-bf4b13883625-384df693 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-db1b48a5-a6a3-f882-c7f2-80b1561a0ce1-384df694, #w-node-dc9db10d-551b-aeb2-7d31-4c641e2b16f3-384df694, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448b-384df694, #w-node-_5ed7074d-1e73-95f9-be2a-41b519c86f7c-384df694, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448e-384df694, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d64491-384df694 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57f4b353-6c47-883d-2077-acaaa5ad09f7-384df694 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_363cfed3-8308-7ab6-d393-098780380158-384df694, #w-node-_9a83d7d4-3db9-1e69-2490-384266d9454d-384df694, #w-node-db1b48a5-a6a3-f882-c7f2-80b1561a0ce1-384df695, #w-node-dc9db10d-551b-aeb2-7d31-4c641e2b16f3-384df695, #w-node-_5224a923-5d15-7357-af68-8e909c0d1400-384df695, #w-node-_8586751b-b105-23be-9f10-16fb521b630b-384df695 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448b-384df695 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448c-384df695 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448e-384df695 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-fe32f460-b754-5579-b665-f7ecde128d2e-384df695 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d64491-384df695, #w-node-_5a55653a-fb7f-d564-c8ed-6cc6d4f7d203-384df699, #w-node-_4d0eb996-3452-7f0e-72e0-1d532901e198-384df699, #w-node-c1a94d60-c4ad-0552-81e6-e76a29edd680-384df699, #w-node-_614a8de0-61c8-bd62-7827-925cd1764579-384df699, #w-node-aad1822f-15c7-3a65-bb81-4eafce1fba47-384df699, #w-node-_4b1e55c8-34d6-dc5a-1111-66e1c4c8fc24-384df699, #w-node-_6a3b2698-e370-3d5d-92cd-c2a231635515-384df699, #w-node-_41043242-f34e-4d4c-422a-c0c1e3ab4fc6-384df699, #w-node-b8c6c14b-4390-dfa3-f57e-9498305f73f5-384df699, #w-node-_7e40a5f2-cca6-efe2-1916-b1c9f7852cca-384df699, #w-node-d733fa15-b488-f716-7748-8cd284c3b901-384df699, #w-node-_28f4879e-3b47-c940-c722-968c938ab017-384df699, #w-node-d5a33ce5-9077-d6f8-2b00-3a730697e8e9-384df699, #w-node-_656f43b9-4aa1-7fa1-5264-4b2529861782-384df699, #w-node-c9eb9de0-6bdd-504d-60fc-568e49555f57-384df699, #w-node-_5e97e117-dfc5-0c62-1214-67cc43b425d7-384df699, #w-node-_58b29bda-e165-fc52-00a5-2e51bb99b872-384df699, #w-node-_140d298e-b298-528d-e317-f9e72c8509b9-384df699, #w-node-_7de80abc-010f-6612-186b-c95d11bf6592-384df699, #w-node-_21412d3a-937b-5731-d2f0-6100380d5587-384df699, #w-node-ae22b6f3-71cf-2fd5-01b7-b4cc23a3f5d4-384df699, #w-node-d789e0cd-6dcf-8e49-0dbc-1a3562690d0d-384df699, #w-node-ca3147c1-a55d-bd8a-382c-4b8b2b31ec93-384df699, #w-node-bb3b9978-4787-b43c-54b9-7a2e4fc0435d-384df699, #w-node-_1d1abe76-3717-2006-dc12-720a0634c4fc-384df699, #w-node-_7a55ee4e-1c74-6d45-ac04-d3932df136ab-384df699, #w-node-_15aa0131-603a-c61e-15a7-778860988486-384df699, #w-node-_7431fec5-7760-a725-cc99-d57d350ddff3-384df699, #w-node-edd9c5fe-73d8-f99a-7829-fca7eb03e527-384df699, #w-node-_9c53d146-10a3-9914-0f2c-238e3c3fe32f-384df699, #w-node-_9d802498-d3cf-3767-d6b0-acfa8d8324da-384df699, #w-node-_6099ee95-d679-26f4-342d-f7aab3e6b2a4-384df699, #w-node-_45ee25ad-3402-a94e-0b6c-c48394c36156-384df69a, #w-node-_45ee25ad-3402-a94e-0b6c-c48394c36166-384df69a, #w-node-_787ea3a2-0c22-1ab6-26a1-b4d3ae938931-384df69a, #w-node-f4b4e32a-d830-365b-f4b8-9e8efd37d9fe-384df69a, #w-node-_7f5eb78f-c2de-e121-fe5f-7d893a0c5ac7-384df69a, #w-node-_95a20e5e-b7fc-3e4d-1bd6-8387054f6cef-384df69a, #w-node-_95a20e5e-b7fc-3e4d-1bd6-8387054f6cf1-384df69a, #w-node-db1b48a5-a6a3-f882-c7f2-80b1561a0ce1-22fee4a0, #w-node-dc9db10d-551b-aeb2-7d31-4c641e2b16f3-22fee4a0, #w-node-efb1876b-56dd-876c-c16e-a01d2d2867aa-22fee4a0, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448b-22fee4a0, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448c-22fee4a0, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448e-22fee4a0, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d64491-22fee4a0, #w-node-_57f4b353-6c47-883d-2077-acaaa5ad09f7-22fee4a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_57f4b353-6c47-883d-2077-acaaa5ad09f8-22fee4a0, #w-node-e5fe712a-ca35-241d-781a-73a7454882ba-22fee4a0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-db1b48a5-a6a3-f882-c7f2-80b1561a0ce1-02edaa13, #w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448c-02edaa13 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0e2a84fc-39fb-0a63-ff82-a4c1a6d6448f-02edaa13 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

@media screen and (max-width: 991px) {
  #w-node-_57f4b353-6c47-883d-2077-acaaa5ad09f7-384df694 {
    align-self: stretch;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_3988da53-b30d-921b-4218-4cc054d13472-384df68a, #w-node-ce0c973d-c129-7618-7cf6-5fb44b8b95bd-384df68a {
    justify-self: center;
  }
}


@font-face {
  font-family: 'geneva';
  src: url('../fonts/Geneva-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-DemiBold-03.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-Medium-06.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-MediumItalic-07.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-Heavy-09.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-Italic-05.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-UltraLight-11.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-HeavyItalic-10.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-UltraLightItalic-12.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-Bold-01.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-BoldItalic-02.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-DemiBoldItalic-04.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnext';
  src: url('../fonts/AvenirNext-Regular-08.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-Black-03.ttf') format('truetype'), url('../fonts/Avenir-Heavy-05.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-BlackOblique-04.ttf') format('truetype'), url('../fonts/Avenir-HeavyOblique-06.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-BookOblique-02.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-Book-01.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-Light-07.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-LightOblique-08.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-Medium-09.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir';
  src: url('../fonts/Avenir-MediumOblique-10.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir roman';
  src: url('../fonts/Avenir-Roman-12.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenir oblique';
  src: url('../fonts/Avenir-Oblique-11.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Geneva';
  src: url('../fonts/Geneva-Bold-Italic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Geneva';
  src: url('../fonts/Geneva-Normal-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Geneva';
  src: url('../fonts/GENEV4.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Geneva_breit';
  src: url('../fonts/Geneva-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Buckwheat tc rough';
  src: url('../fonts/Buckwheat-TC-Rough.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Buckwheat tc sans rough';
  src: url('../fonts/Buckwheat-TC-Sans-Rough.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Buckwheat tc sans rg';
  src: url('../fonts/Buckwheat-TC-Sans-Rg.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Buckwheat tc rg';
  src: url('../fonts/Buckwheat-TC-Rg.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}