/* nunito-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/nunito-v26-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/nunito-v26-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/nunito-v26-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/nunito-v26-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/nunito-v26-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/nunito-v26-latin-800.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* nunito-900 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Nunito";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/nunito-v26-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* Basis Styling */
#hamburger {
  z-index: 100;
  transform: scale(1.1);
}

.hamburger-icon-container {
  height: 1.7em;
  width: 1.7em;
  position: relative;
  cursor: pointer;
  background: none;
  border: 0px solid currentColor;
  border-radius: 3px;
}

.hamburger-icon,
.hamburger-icon:before,
.hamburger-icon:after {
  content: "";
  position: absolute;
  height: 3px;
  width: 1.7em;
  background: #3C3D3E;
  transition: all 0.2s ease;
}

.hamburger-icon {
  top: 0.75em;
}

.hamburger-icon:before {
  top: -0.55em;
}

.hamburger-icon:after {
  top: 0.55em;
}

.hamburger-active .hamburger-icon {
  background: transparent;
  transform: rotate(-135deg);
}

.hamburger-active .hamburger-icon:before,
.hamburger-active .hamburger-icon:after {
  top: 0;
}

.hamburger-active .hamburger-icon:before {
  transform: rotate(90deg);
}

@media only screen and (max-width: 962px) {
  #hamburger {
    transform: scale(1);
  }
}
#header {
  padding: 0 0;
  z-index: 71;
  position: relative;
}
#header #menu-head {
  --content-maxwidth: 1860px;
  --padding-inline: 3rem;
  --breakout-maxwidth: 100rem;
  background-color: var(--rot);
  display: grid;
  grid-template-columns: [full-width-start] var(--padding-inline) [breakout-start] 1fr [content-start] minmax(300px, var(--content-maxwidth)) [content-end] 1fr [breakout-end] var(--padding-inline) [full-width-end];
}
#header #menu-head .inside {
  grid-column: content;
  display: flex;
  justify-content: space-around;
  z-index: 100;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#header #menu-head .inside #top-left,
#header #menu-head .inside #top-center,
#header #menu-head .inside #top-right {
  flex: 0 0 25%;
  width: 25%;
}
#header #menu-head .inside #top-center {
  flex: 0 0 45%;
  width: 45%;
  display: grid;
  grid-template-rows: auto auto;
}
#header #menu-head .inside #top-center #logo {
  margin-right: 0;
  margin-left: auto;
  grid-row: 1/2;
}
#header #menu-head .inside #top-center #topNav {
  display: flex;
  grid-row: 2/3;
  justify-content: space-around;
  margin-top: -3rem;
}
#header #menu-head .inside #top-center #topNav a {
  color: #fff;
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 500;
}
#header #menu-head .inside #top-center #topNav a:hover {
  color: var(--gruen7);
}
#header #menu-head .inside #top-left {
  grid-column: 1/2;
  text-align: center;
  background-image: url("../hg/samen-links.png");
  background-size: 100%;
  background-repeat: no-repeat;
}
#header #menu-head .inside #top-left a {
  text-align: center;
}
#header #menu-head .inside #top-left img {
  margin: 0 auto;
}
#header #menu-head .inside #top-center {
  grid-column: 2/3;
}
#header #menu-head .inside #top-center a {
  text-align: right;
}
#header #menu-head .inside #top-right {
  grid-column: 3/4;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-image: url("../hg/samen-rechts.png");
  background-size: 100%;
  background-repeat: no-repeat;
  gap: 3rem;
}
#header #top-logo img {
  max-width: 200px;
  width: 100%;
}
#header #twenty-for-seven {
  font-size: 1.5rem;
  cursor: pointer;
}
#header #headerImage {
  display: grid;
  position: relative;
}
#header #headerImage #logo {
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 1000;
  transition: all 0.5s ease-in-out;
  transform: translateX(-50%);
  cursor: pointer;
}
#header #headerImage #logo img {
  max-width: 200px;
  width: 100%;
}
#header h3.phone {
  font-size: 2rem;
  font-weight: 600;
  cursor: pointer;
  color: var(--blau);
  display: flex;
}
#header h3.phone::before {
  content: "";
  background-image: url("../icons/icon24-7.png");
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 3rem;
  height: 3rem;
  margin-right: 1.6rem;
}

.head-transparent #header {
  background-color: transparent;
}

@media only screen and (max-width: 1268px) {
  #header .inside #menu-head #top-left,
  #header .inside #menu-head #top-center {
    flex: 0 0 45%;
  }
  #header .inside #menu-head #top-right {
    flex: 0 0 10%;
  }
}
@media only screen and (max-width: 890px) {
  #header #menu-head .inside {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
  }
  #header #menu-head .inside #top-left {
    grid-column: 1/2;
    grid-row: 1/3;
  }
  #header #menu-head .inside #top-left img {
    max-width: 100%;
    margin: auto auto auto 0;
    margin-left: 0 !important;
    margin-right: auto !important;
  }
  #header #headerImage #logo img {
    max-width: 150px;
  }
}
@media only screen and (max-width: 768px) {
  #header #menu-head .inside #top-logo img {
    max-width: 50%;
  }
  #header .content-grid {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  #header #headerImage #logo {
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1000;
    transform: translateX(0);
  }
}
.startseite_ #header {
  position: absolute;
  background-color: #fff;
  z-index: 2;
}
.startseite_ #header .head-line {
  background: transparent;
  box-shadow: 0px 9px 15px -7px rgba(0, 0, 0, 0);
}
.startseite_ #header #menu-head .inside {
  position: fixed;
  width: 100%;
  grid-column: content;
  display: grid;
  grid-template-columns: 30% 1fr 30%;
  height: 15rem;
  background: rgb(255, 255, 255);
  z-index: 100;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
}
.startseite_ #container {
  padding-top: 0;
}
.startseite_ #start-video h1.headline {
  position: relative;
  left: -5rem;
  width: 100%;
  font-size: 5.5rem;
  line-height: 5.5rem;
  z-index: 0;
  color: #fff;
  grid-area: headline;
}

@media only screen and (max-width: 581px) {
  #header #top-center h3.phone {
    font-size: 1.1rem !important;
  }
}
@media only screen and (max-width: 530px) {
  #header #menu-head #top-left {
    flex: 60%;
  }
  #header #menu-head #top-center {
    flex: 30% !important;
  }
  #header #menu-head #top-center .phone {
    font-size: 1rem;
    transform-origin: center;
  }
  #header #menu-head #top-center .phone:before {
    content: "";
    background-image: url(../icons/phone.png);
    background-size: 100% 100%;
    padding-right: 0.6rem;
    display: inline-block;
    /*size of your image*/
    height: 15px;
    width: 10px;
  }
}
@media only screen and (max-width: 400px) {
  #header #twenty-for-seven {
    font-size: 1.2rem;
  }
  #header #menu-head {
    --padding-inline: 1.5rem;
  }
}
#footer {
  position: relative;
  z-index: 1;
  padding-bottom: 5rem;
  background-color: rgb(226, 226, 226);
  background-image: url(../hg/footer-hg.jpg);
  background-size: cover;
  font-family: Nunito;
}

#footer #footer-inline {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  justify-items: center;
  padding-top: 0px;
  max-width: 1680px;
  width: 100%;
  color: rgb(255, 255, 255);
  align-items: start;
  margin: 0px auto;
}

#footer #footer-inline .second {
  grid-column: 3/5;
}

#footer p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

#footer #footer-inline .center {
  display: flex;
  padding-top: 2rem;
  width: 100%;
  grid-column: 6/10;
  opacity: 0;
}

#footer #footer-inline .right {
  grid-column: 10/13;
}

#footer #adress {
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 1.25rem;
}

#footer #footer-inline a:hover,
#footer #footer-inline a.selected {
  color: var(--gruen7);
}

#footer .button {
  background-color: transparent;
  color: rgb(255, 255, 255);
  display: table;
  border-width: 1px 1px 1px 0px;
  border-style: solid solid solid;
  border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(255, 255, 255);
  -o-border-image: initial;
     border-image: initial;
  border-left: 0px;
  padding: 0.1rem 0.5rem;
}

#footer .item.center input {
  width: 70%;
  padding: 0.13rem 1rem;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(255, 255, 255);
  -o-border-image: initial;
     border-image: initial;
}

#footer #footer-inline a {
  color: rgb(255, 255, 255);
  text-decoration: none;
}

@media only screen and (max-width: 500px) {
  #footer #footer-inline .second {
    grid-column: 2/6;
    grid-row: 1/2;
  }
  #footer #footer-inline .center {
    grid-column: 2/12;
    grid-row: 2/3;
  }
}
@media only screen and (max-width: 720px) {
  #footer #footer-inline .center {
    padding-top: 2rem;
    justify-content: center;
    grid-column: 2/12;
    grid-row: 2/3;
  }
}
/* Basis Styling */
.hamburger-icon-container {
  height: 1.7em;
  width: 1.7em;
  position: relative;
  cursor: pointer;
  border-radius: 3px;
}
.hamburger-icon-container.white .hamburger-icon,
.hamburger-icon-container.white .hamburger-icon:before,
.hamburger-icon-container.white .hamburger-icon:after {
  background: #fff !important;
}

.hamburger-icon,
.hamburger-icon:before,
.hamburger-icon:after {
  content: "";
  position: absolute;
  height: 3px;
  width: 1.7em;
  background: #000;
  transition: all 0.2s ease;
}

.hamburger-icon {
  top: 0.75em;
}

.hamburger-icon:before {
  top: -0.55em;
}

#hamburger {
  cursor: pointer;
}
#hamburger img {
  max-height: 50px;
}

.hamburger-icon:after {
  top: 0.55em;
} 
#wrapper {
  position: relative;
}

#left {
  width: 100vw;
  height: 100vh;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: auto;
  overflow-y: auto;
  z-index: 20000;
  margin-left: 0;
  transform-origin: center top;
  transform: translateX(100vw);
  transition: all 0.3s ease-in-out;
  z-index: 1001;
}
#left #navigation #navHolder {
  overflow: scroll;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 10% 80%;
  gap: 10%;
  height: 100vh;
}
#left #navigation #navHolder .row {
  width: 100%;
}
#left #navigation #navHolder .row .level_1 {
  list-style: none;
}
#left #navigation #navHolder .row .level_1 li {
  position: relative;
  z-index: 1;
  z-index: 20;
}
#left #navigation #navHolder .row .level_1 li a,
#left #navigation #navHolder .row .level_1 li strong {
  color: #c6c6c6;
  font-size: 1.5rem;
  font-weight: 100;
  padding: 1rem 0.5rem;
  display: block;
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  font-family: "Nunito";
}
#left #navigation #navHolder .row .level_1 li a.active,
#left #navigation #navHolder .row .level_1 li strong.active {
  color: var(--active);
}
#left #navigation #navHolder .row .level_1 li strong {
  color: #c6c6c6 !important;
  cursor: pointer;
}
#left #navigation #navHolder .row .level_1 li strong.active, #left #navigation #navHolder .row .level_1 li strong.trail {
  color: #fff !important;
}
#left #navigation #navHolder .row .level_1 li .level_2 {
  list-style: none !important;
  margin-left: 0;
  padding-left: 0;
  top: 0;
  max-height: 0;
  z-index: 1000;
}
#left #navigation #navHolder .row .level_1 li .level_2 li {
  list-style: none !important;
}
#left #navigation #navHolder .row .level_1 li .level_2 a,
#left #navigation #navHolder .row .level_1 li .level_2 strong {
  color: #c6c6c6;
  font-size: 1.25rem;
  font-weight: 300;
  padding: 0;
  line-height: 2.8rem;
  font-family: "Nunito";
  text-transform: none;
}
#left #navigation #navHolder .row .level_1 li .level_2 a:hover,
#left #navigation #navHolder .row .level_1 li .level_2 strong:hover {
  color: #fff !important;
}
#left #navigation #navHolder .row .level_1 li .level_2 strong {
  color: #fff !important;
  font-weight: 400;
}
#left #navigation #navHolder .row .level_1 li.active > .level_2,
#left #navigation #navHolder .row .level_1 li strong + .level_2 {
  max-height: 500px;
}
#left #navigation #navHolder .row .level_1 li:hover {
  z-index: 2000000;
}
#left #navigation #navHolder .row .level_1 li strong.trail.hide + .level_2 {
  visibility: hidden;
  opacity: 0;
  transform: translateX(50px);
}
#left #navigation #navHolder .row.first {
  text-align: right;
  position: relative;
  grid-row: 1/2;
}
#left #navigation #navHolder .row.first #btn_close {
  position: absolute;
  top: 1rem;
  right: 10%;
  cursor: pointer;
}
#left #navigation #navHolder .row.second {
  grid-row: 2/3;
  position: relative;
}
#left #navigation #navHolder .row.second #btn_close {
  position: absolute;
  top: 1rem;
  right: 0;
  cursor: pointer;
}
#left #navigation #navHolder .row.second .level_1 {
  height: 80%;
}
#left #navigation #navHolder::after {
  display: none;
}
#left strong.kontakthead,
#left a.kontakthead {
  display: none !important;
}
#left #uNav, #left #uNavL {
  background: rgb(255, 255, 255);
}

#uNav, #uNavL {
  background: rgba(255, 255, 255, 0.85);
  position: absolute;
  width: 100%;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr;
  padding-top: 1rem;
  padding-bottom: 0.5rem;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  z-index: 1000;
}
#uNav.show, #uNavL.show {
  opacity: 1;
}
#uNav .inline, #uNavL .inline {
  display: flex;
  max-width: 1500px;
  margin: 0 auto;
  justify-content: space-evenly;
  opacity: 0;
  visibility: 0;
  transition: all 0.3s ease-in-out;
  grid-row: 1/2;
  grid-column: 1/2;
  z-index: 0;
}
#uNav .inline.show, #uNavL .inline.show {
  visibility: 1;
  opacity: 1;
  z-index: 100;
}
#uNav .inline .item, #uNavL .inline .item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 0 1rem;
  cursor: pointer;
}
#uNav .inline .item a, #uNavL .inline .item a {
  margin-top: 0.5rem;
  display: block;
}
#uNav .inline .item .text, #uNavL .inline .item .text {
  color: var(--rot);
}

.kontakthead li a,
.kontakthead li strong {
  color: #fff;
  font-size: 1rem !important;
  font-weight: 600 !important;
  padding: 1rem 0.5rem;
  display: block;
  text-decoration: none;
  position: relative;
  text-transform: uppercase;
  font-family: "Libre Bodoni";
}
.kontakthead li a.active,
.kontakthead li strong.active {
  color: var(--active);
}

.hamburger-active #left {
  transform: translateX(0px);
}

@media only screen and (max-width: 760px) {
  #left #navigation #navHolder .column .level_1 li a,
  #left #navigation #navHolder .column .level_1 li strong {
    color: #fff;
    font-size: 2rem;
    font-weight: 500;
  }
  #left #navigation #navHolder .column .level_1 li .level_2 {
    list-style: none !important;
    position: static;
    margin-left: 0;
    top: 0;
    z-index: 100000000;
    opacity: 1;
    transition: transform 0.2s;
    transform: translateX(0);
  }
  .mod_navigation {
    margin-top: 0rem;
  }
  #left #navigation .level_1 li.submenu {
    flex: 0 0 48%;
  }
  #left #navigation #navHolder {
    gap: 0%;
  }
  #left #navigation #navHolder .row .level_1 li a,
  #left #navigation #navHolder .row .level_1 li strong {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 500px) {
  #left #navigation .level_1 li.submenu {
    flex: 0 0 100%;
  }
  #left #navigation .level_1 li {
    text-align: center !important;
  }
  #left #navigation .level_1 li a,
  #left #navigation .level_1 li strong {
    text-align: center !important;
  }
}
#kontakt .formbody {
  padding: 2rem;
}

#kontakt .formbody .flexform {
  display: flex;
}

#kontakt .formbody .flexform .column {
  flex: 0 0 50%;
  margin-right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#kontakt .formbody .flexform .column input,
#kontakt .formbody .flexform .column textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
  margin-bottom: 0;
  border: 0;
}

#kontakt .formbody .flexform .column textarea {
  height: 100%;
}

#kontakt fieldset {
  border: 0;
}

#kontakt .explanation,
#kontakt label {
  color: var(--rot);
  font-weight: 500;
}

#kontakt .explanation {
  color: #777;
}

#kontakt #ctrl_24 {
  min-height: 200px;
}

#ctrl_26 {
  padding: 0.8rem 1.5rem;
}

#kontakt button {
  background-color: var(--blau);
  color: white;
  border: 0;
}

#kontakt .widget {
  display: flex;
  flex-direction: column;
  margin-right: 0;
}

#kontakt .flexrow {
  margin-top: 0;
}

#kontakt h2 {
  margin-top: 3rem;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 500;
}

#kontakt .flexrow .widget {
  flex: 0 0 calc(50% - 1rem);
}

input, select {
  padding: 0.6rem;
}

.flexC {
  display: flex;
  flex-direction: column;
  width: 100%;
}

@media only screen and (max-width: 550px) {
  #kontakt .formbody .flexform {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
} 
:root {
  --content-maxwidth: 1450px;
  --max-width-main: 1450px;
  --padding-inline: 3rem;
  --active: #fff;
  --rot: #9c4839;
  --rot2: #9e8483;
  --rot-rgb: 156, 72, 57;
  --braun: #ccb87b;
  --gruen: #718730;
  --gruen-rgb: 113, 135, 48;
  --gruen2: #d7d7c5;
  --gruen3: #b2b45d;
  --gruen4: #335905;
  --gruen7: #c7cb46;
  --dkgruen: #606019;
  --dkgruen-rgb: 60, 75, 37;
  --braun3: #bf8116;
  --dkbraun: #875c3e;
  --beige9: #e3d9d2;
  --gruen5: #dee3cf;
  --beige: #f9f2e5;
  --beige-rgb: 249, 242, 229;
  --lila: #8043e2;
  --braun2: #ead4ab;
  --gelb: #f2f3d4;
  --grau: #f0f1f3;
  --text-color: #555555;
}

html {
  font-size: 16px;
  font-family: "Nunito";
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  color: var(--blau);
  font-family: "Nunito";
  overflow-x: hidden;
  width: 100vw;
}

body {
  background-color: #fff;
  overflow-x: hidden;
  max-width: 100vw;
}
body.hamburger-active #navigation-table {
  transform: translateY(0px);
}
body.hamburger-active #header #headerImage #logo {
  transform: scale(0);
  transform: translate(-50%, -100%);
}

#main {
  color: var(--text-color);
}
#main .inside__,
#main section,
#main .content-center-overlay,
#main .grid12.full-width {
  --content-maxwidth: var(--max-width-main);
  --padding-inline: 3rem;
  --breakout-maxwidth: 100rem;
  display: grid;
  grid-template-columns: [full-width-start] var(--padding-inline) [breakout-start] 1fr [content-start] minmax(300px, var(--content-maxwidth)) [content-end] 1fr [breakout-end] var(--padding-inline) [full-width-end];
}
#main .inside__ .inside-section, #main .inside__ > *,
#main section .inside-section,
#main section > *,
#main .content-center-overlay .inside-section,
#main .content-center-overlay > *,
#main .grid12.full-width .inside-section,
#main .grid12.full-width > * {
  grid-column: content;
}
#main .inside__ .inside-section-fullwidth,
#main section .inside-section-fullwidth,
#main .content-center-overlay .inside-section-fullwidth,
#main .grid12.full-width .inside-section-fullwidth {
  grid-column: full-width;
}
#main .inside__ .full-width,
#main section .full-width,
#main .content-center-overlay .full-width,
#main .grid12.full-width .full-width {
  grid-column: full-width;
}

#wrapper {
  overflow-x: hidden;
  max-width: 100vw;
}

#main section {
  padding: 3rem 0;
}
#main .v-align {
  display: flex;
  align-items: center;
}
#main p {
  font-size: 1.25rem;
  line-height: normal;
}
#main .bg-green-v {
  background-color: var(--gruen);
  color: #fff;
}
#main .teaserT,
#main .teaserK {
  padding: 2rem 0 !important;
}
#main .teaserT p,
#main .teaserT li,
#main .teaserK p,
#main .teaserK li {
  font-size: 1.75rem;
  line-height: 2.3rem;
}

#article-1562 .w50-left strong {
  text-transform: uppercase;
  font-size: 1.75rem;
  font-weight: 500;
}

#article-1559 .w50-left {
  padding-right: 2rem;
}
#article-1559 .w50-right {
  padding-left: 2rem;
}

.bg-red {
  background-color: var(--rot);
}

#article-1588 {
  overflow: visible;
  margin-bottom: 5rem;
}
#article-1588 img {
  margin-top: -130px;
  margin-bottom: -100px;
}

body.start-page #menu-head {
  position: absolute;
  z-index: 1001;
  background-color: transparent !important;
  background: rgba(var(--rot-rgb), 0.7) !important;
}
body.start-page video {
  width: 100%;
  height: auto;
}
body.start-page .header h1 {
  font-size: 5.75rem;
  font-weight: 800;
  text-transform: none;
}

body.pg-anlaesse h2 {
  text-transform: uppercase;
  font-size: 1.75rem !important;
  font-weight: 500;
}
body.pg-anlaesse section:not(.bg-green-v) h2 {
  color: var(--gruen);
}
body.pg-anlaesse .rte p {
  font-size: 1.5rem !important;
  line-height: 1.8rem !important;
}
body.pg-anlaesse .grid12 .inside-section {
  align-items: center;
}

.slick-slide figure {
  margin: 0 2rem;
}
.slick-slide figure img {
  margin: 0 auto;
}

.content-text.center .rte {
  text-align: center;
}

.txt-red {
  color: var(--rot);
}

.txt-green {
  color: var(--gruen);
}

#article-1524 .w50-left,
#article-1524 .w50-right {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.padding-left-3 {
  padding-left: 3rem;
}

.padding-top-3 {
  padding-top: 3rem;
}

#article-1586 .inside-section,
#article-1585 .inside-section {
  grid-column: full-width !important;
  grid-template-columns: repeat(24, 1fr);
}
#article-1586.grid12 .inside-section .w50-left,
#article-1585.grid12 .inside-section .w50-left {
  grid-column: 6/13 !important;
}
#article-1586.grid12 .inside-section .w50-right,
#article-1585.grid12 .inside-section .w50-right {
  grid-column: 13/25 !important;
}
#article-1586 strong,
#article-1585 strong {
  color: var(--rot);
}

#article-1585 .w100.narrow {
  grid-column: 5/21 !important;
}
#article-1585 .w100 .rte p {
  font-size: 1.75rem;
  line-height: normal;
}

#article-1586.grid12 .inside-section .w50-left {
  grid-column: 5/13 !important;
}
#article-1586.grid12 .inside-section {
  align-items: center;
}

.header .content-image figure {
  line-height: 0;
}
.header.grid12 {
  display: grid;
  grid-template-columns: repeat(48, 1fr);
}
.header.grid12 .w40-left {
  grid-column: 1/22;
}
.header.grid12 .w60-right {
  grid-column: 22/49;
}
.header.grid12 .w60-left {
  grid-column: 1/27;
}
.header.grid12 .w40-right {
  grid-column: 27/49;
}
.header.grid12 .w50-left {
  grid-column: 1/25;
}
.header.grid12 .w50-right {
  grid-column: 25/49;
}
.header.grid12.overlay .w40-left {
  grid-column: 1/22;
  grid-row: 1/2;
  z-index: 1;
}
.header.grid12.overlay .w40-left.white {
  color: #fff;
}
.header.grid12.overlay .w100 {
  grid-column: 1/49;
  grid-row: 1/2;
  z-index: 0;
}
.header.grid12.overlay.bottom .text {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.header.grid12.overlay.bottom .text.w40-left {
  grid-column: 1/49;
}
.header.grid12.overlay.bottom .text.w40-left h1 {
  font-size: 2rem;
  line-height: 0rem;
}
.header.grid12.overlay.bottom .text.bg-gruen-text .rte {
  background: rgba(var(--dkgruen-rgb), 0.7);
  padding: 0.5rem 3rem;
}
.header.grid12.overlay.bottom .text.bg-beige-text .rte {
  background: rgba(var(--beige-rgb), 0.7);
  padding: 0.5rem 3rem;
}
.header.grid12.overlay.bottom .text.bg-beige-text .rte h1 {
  color: var(--rot);
}
.header.grid12 img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.header .text {
  display: flex;
  justify-content: center;
  align-items: center;
}
.header .text-gruen3 {
  color: var(--gruen3);
}
.header .text-gruen4 {
  color: var(--gruen4);
}
.header .bg-braun {
  background-color: var(--braun);
}
.header .bg-braun h1 {
  color: #fff;
}
.header#article-1575 {
  padding: 3rem 0;
  justify-items: center;
  align-items: center;
}
.header .bg-transparent {
  background-color: transparent;
}
.header .bg-transparent h1 {
  color: #e0b863;
}
.header .bg-transparent p {
  color: #555555;
}
.header .bg-beige2 {
  background-color: #ead4ab;
}
.header .bg-beige2 h1 {
  color: #fff;
}
.header .bg-dkgruen {
  background-color: var(--dkgruen);
}
.header .bg-dkgruen h1 {
  color: #fff;
}
.header .bg-dkgruen2 {
  background-color: var(--gruen4);
}
.header .bg-dkgruen2 h1 {
  color: #fff;
}
.header h1 {
  font-size: 3.75rem;
  font-weight: 700;
  text-transform: uppercase;
}

.bg-gruen {
  background-color: var(--gruen);
}
.bg-gruen h1 {
  color: #fff;
}

.bg-braun-2 {
  background-color: var(--braun2);
}

.bg-gruen4 {
  background-color: var(--gruen4) !important;
}
.bg-gruen4 h1 {
  color: #fff;
}

.bg-dkbraun {
  background-color: var(--dkbraun) !important;
}
.bg-dkbraun h1 {
  color: #fff;
}

.bg-braun3 {
  background-color: var(--braun3) !important;
}
.bg-braun3 h1 {
  color: #fff;
}

#article-1516 .rte {
  max-width: 1260px;
  width: 100%;
  background: rgba(255, 243, 197, 0.85);
}

#article-1545 .rte {
  max-width: 1438px;
  width: 100%;
  text-align: center;
}

#article-1546 .rte p {
  font-size: 1.75rem !important;
  line-height: normal !important;
}

body.pg-anlaesse #main .v-align {
  justify-content: flex-end;
}

#slider-qualitaet {
  margin-bottom: 5rem;
}

#header #uNav .item a {
  color: var(--rot);
  text-decoration: none;
}
#header #uNav .item a:hover {
  color: var(--gruen3);
}

footer {
  border-bottom: 0.6rem solid var(--gruen7);
}

#wrapper {
  border-top: 0.6rem solid var(--gruen7);
}

#main .w100 {
  grid-column: 1/13;
}
#main .w100.narrow {
  grid-column: 2/12;
}
#main .w70 {
  grid-column: 2/12;
}
#main .w60 {
  max-width: 60%;
}
#main .w70 {
  max-width: 75%;
}
#main .text-red {
  color: var(--rot);
}
#main .text-red2 {
  color: var(--rot2);
}
#main .text-gruen {
  color: var(--gruen);
}
#main .text-gruen3 {
  color: var(--gruen3);
}
#main .text-lila {
  color: var(--lila);
}
#main .center {
  margin: 0 auto;
}
#main .gap .inside-section {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}
#main .v-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
#main li {
  list-style-image: none;
  list-style: none;
  font-size: 1.25rem;
}
#main li::before {
  content: "";
  background-image: url("../hg/li.png");
  background-size: cover;
  display: inline-block;
  height: 1rem;
  width: 1rem;
}
#main .bg-white {
  padding: 2rem;
}
#main #article-1564 .inside-section {
  aspect-ratio: 16/9;
  background-image: url(../hg/schleifentexte.jpg);
  background-repeat: no-repeat;
}
#main #article-1564 .inside-section .slideable {
  background: rgba(255, 255, 255, 0.8);
  height: 675px;
  padding: 1rem;
}
#main .slideable {
  height: 600px;
  overflow-y: scroll;
}
#main .slideable .rte {
  max-width: 70%;
  margin: 0 auto;
}
#main #slider-floristik-sprache {
  margin-bottom: 5rem;
}
#main #slider-floristik-sprache .slick-slide {
  padding: 0 2rem;
}
#main #slider-floristik-sprache .slick-slide .flower {
  border-radius: 50%;
  overflow: hidden;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: repeat(20, 1fr);
  aspect-ratio: 1/1;
  max-width: 350px;
}
#main #slider-floristik-sprache .slick-slide .name,
#main #slider-floristik-sprache .slick-slide .explanation {
  display: inline-block;
  color: #fff;
  pointer-events: none;
  overflow: hidden;
}
#main #slider-floristik-sprache .slick-slide .name {
  grid-column: 1/2;
  grid-row: 5/8;
  z-index: 2;
  text-align: center;
  background: rgba(var(--dkgruen-rgb), 0.7);
  transition: all 0.3s ease-in-out;
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#main #slider-floristik-sprache .slick-slide .explanation {
  grid-column: 1/2;
  grid-row: 14/20;
  z-index: 2;
  text-align: center;
  opacity: 0;
  max-width: 70%;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
  line-height: 1.5rem;
  font-size: 1.25rem;
}
#main #slider-floristik-sprache .slick-slide img {
  grid-column: 1/2;
  grid-row: 1/21;
  max-width: 350px;
  height: auto;
  z-index: 1;
}
#main #slider-floristik-sprache .slick-slide .filter,
#main #slider-floristik-sprache .slick-slide .ring {
  grid-column: 1/2;
  grid-row: 1/21;
}
#main #slider-floristik-sprache .slick-slide .filter {
  z-index: 1;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
#main #slider-floristik-sprache .slick-slide .ring {
  z-index: 2;
  pointer-events: none;
}
#main #slider-floristik-sprache .slick-slide:hover .explanation {
  opacity: 1;
}
#main #slider-floristik-sprache .slick-slide:hover .name {
  background: rgba(var(--dkgruen-rgb), 0);
}
#main #slider-floristik-sprache .slick-slide:hover .filter {
  opacity: 1;
}
#main .btn-wrap {
  position: absolute;
  border: 20px solid #ff0000;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
#main .slick-prev,
#main .slick-next {
  position: relative;
  height: 59px;
  width: 59px;
  z-index: 200;
  top: auto !important;
  grid-column: 1/2;
  grid-row: 1/2;
}
#main .slick-next {
  grid-column: 3/4;
}
#main .slick-slider {
  padding: 0rem 0 5rem 0;
}
#main .text-gruen4 {
  color: var(--gruen4);
}

.btn-holder-slider {
  position: absolute;
  height: 10px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  grid-template-rows: auto;
  left: 70%;
  gap: 0.5rem;
  transform: none;
  justify-items: center;
  margin-top: -2rem;
}
.btn-holder-slider .control-c {
  cursor: pointer;
}

#footer #footer-inline .right .line {
  text-align: right;
  padding-top: 1rem;
}
#footer #footer-inline .right .line a {
  font-size: 1.25rem;
}

#slider-qualitaet .btn-holder-slider {
  left: 50%;
  transform: translateX(-50%);
  gap: 0.5rem;
  transform: none;
}

.slide-body {
  max-width: 1500px;
  background-color: #fff;
  padding: 2rem 3rem;
}

.slider-head {
  background-color: var(--dkbraun);
  color: #fff;
  font-size: 1.5rem;
  text-transform: uppercase;
  text-align: center;
  line-height: 2rem;
  padding: 0.6rem 0;
  position: relative;
  padding-left: 2rem;
  padding-right: 2rem;
  cursor: pointer;
}
.slider-head:after {
  content: "+";
  position: absolute;
  width: 20px;
  height: 20px;
  font-size: 3rem;
  line-height: 1.5rem;
  right: 1.2rem;
  height: 20px;
}
.slider-head.show:after {
  content: "-";
  font-size: 4rem;
}

.slider-head ~ .slider-body {
  border: 1px solid var(--dkbraun);
  max-height: 0px;
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  background-color: #fff;
}
.slider-head ~ .slider-body .rte {
  padding: 1rem 10rem;
}

.slider-head.show ~ .slider-body {
  max-height: 1500px;
}

#article-1581 {
  margin-bottom: 0.1rem;
  padding-bottom: 0.1rem !important;
}

#article-1582 {
  margin-top: 0.1rem;
  padding-top: 0.1rem !important;
}

.columnH {
  display: grid;
  grid-template-columns: auto;
  grid-template-columns: 1fr 3rem 1fr;
}
.columnH .column:nth-of-type(1) {
  grid-column: 1/2;
}
.columnH .column:nth-of-type(2) {
  grid-column: 3/4;
}
.columnH .column .item {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
  margin-bottom: 2rem;
}
.columnH .column .item strong {
  color: var(--rot);
  display: block;
  line-height: 1.2rem;
  font-weight: normal;
  text-transform: uppercase;
}
.columnH .column .item .txt {
  display: block;
  line-height: 1.2rem;
}

.pg-impressum #main,
.pg-datenschutz #main,
.pg-kontakt #main {
  background-attachment: fixed;
  background-image: url("../hg/bg-impressum.png");
  background-repeat: no-repeat;
  background-position: right 8rem;
}
.pg-impressum #main a,
.pg-datenschutz #main a,
.pg-kontakt #main a {
  color: var(--rot);
}
.pg-impressum #main .w50-left,
.pg-datenschutz #main .w50-left,
.pg-kontakt #main .w50-left {
  padding-right: 1rem;
}
.pg-impressum #main .w50-right,
.pg-datenschutz #main .w50-right,
.pg-kontakt #main .w50-right {
  padding-left: 1rem;
}
.pg-impressum #main h1,
.pg-datenschutz #main h1,
.pg-kontakt #main h1 {
  text-transform: uppercase;
  font-size: 3.75rem;
  color: var(--rot);
  font-weight: 300;
  margin-bottom: 0;
}
.pg-impressum #main section.header,
.pg-datenschutz #main section.header,
.pg-kontakt #main section.header {
  padding-top: 0;
  padding-bottom: 0 !important;
}
.pg-impressum #main #article-1479,
.pg-impressum #main #article-1592,
.pg-impressum #main #article-1593,
.pg-impressum #main #kontakt,
.pg-datenschutz #main #article-1479,
.pg-datenschutz #main #article-1592,
.pg-datenschutz #main #article-1593,
.pg-datenschutz #main #kontakt,
.pg-kontakt #main #article-1479,
.pg-kontakt #main #article-1592,
.pg-kontakt #main #article-1593,
.pg-kontakt #main #kontakt {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.pg-datenschutz #main {
  background-image: url("../hg/bg-datenschutz.png");
}

.pg-kontakt #main {
  background-image: url("../hg/bg-kontakt.png");
}
.pg-kontakt .flexrow,
.pg-kontakt .c___betreff {
  display: flex;
  margin-bottom: 1rem;
  gap: 2rem;
}
.pg-kontakt div.c_betreff {
  margin-bottom: 2rem;
}
.pg-kontakt .formbody h2,
.pg-kontakt .formbody label,
.pg-kontakt .formbody legend {
  color: var(--rot);
}
.pg-kontakt .formbody legend {
  font-weight: 700;
  font-size: 1.1rem;
}
.pg-kontakt .formbody .explanation em {
  font-size: 0.9rem;
  line-height: 1.2rem;
}
.pg-kontakt .formbody .radio_container {
  padding-left: 0;
}
.pg-kontakt .formbody .radio_container label {
  color: #555;
}
.pg-kontakt .formbody #ctrl_26 {
  background-color: var(--rot);
  color: #fff;
}
.pg-kontakt .formbody .widget-submit {
  align-items: flex-end;
}

#toTop {
  position: fixed;
  right: 2rem;
  bottom: 2rem;
  z-index: 90;
  transition: all 0.3s ease-in-out;
  transform: scale(0) translateX(5rem);
}
#toTop.show {
  transform: scale(1) translateX(0);
}

#article-1524 .w50-left .content-image:nth-of-type(2) {
  margin-top: 4rem;
}
#article-1524 strong {
  color: var(--rot);
  font-weight: normal;
}

#article-1562 .rte a {
  color: var(--rot);
}

#article-1575 .w50-left {
  padding-right: 0rem;
  padding-left: 2rem;
}
#article-1575 .w50-left p {
  font-size: 1.75rem !important;
  color: #777;
}
#article-1575 .w50-right {
  padding-left: 2rem;
}

#bg-feder figure {
  text-align: right;
}
#bg-feder figure img {
  margin-right: 0;
  margin-left: auto;
}

.page-bg.beige {
  background-color: var(--beige);
}
.page-bg.beige.kreis {
  background-image: url(../hg/bg-page.png);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
}
.page-bg.beige.kreis .w50-right.content-image img {
  max-width: 320px;
}
.page-bg.gelb {
  background: var(--gelb);
}
.page-bg.gruen {
  background: var(--gruen2);
}
.page-bg.gruen5 {
  background: var(--gruen5);
}
.page-bg.beige9 {
  background: var(--beige9);
}
.page-bg.grau {
  background: var(--grau);
}

#slider-qualitaet {
  padding: 5rem 0;
  padding-top: 0.5rem !important;
}
#slider-qualitaet .slick-slider {
  padding-top: 1rem !important;
}

#slider-floristik-sprache .btn-holder-slider {
  left: 50%;
  gap: 0.5rem;
  transform: translateX(-50%);
}

.grid12 .inside-section {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
}
.grid12 .inside-section .w50-left {
  grid-column: 1/7 !important;
}
.grid12 .inside-section .w50-right {
  grid-column: 7/13 !important;
}
.grid12 .inside-section .w50-right .content-image figure {
  text-align: right;
}

#hamburger {
  display: none;
}

@media only screen and (max-width: 1700px) {
  #article-1575 .w50-left.content-text .rte {
    padding: 0 3rem;
  }
}
@media only screen and (max-width: 1200px) {
  #header .inside #menu-head #top-left {
    flex: 0 0 40%;
  }
  #header .inside #menu-head #top-center {
    flex: 0 0 60%;
  }
  .header h1 {
    font-size: 2.75rem;
  }
  body.start-page #menu-head {
    position: static;
    background: rgba(var(--rot-rgb), 1) !important;
  }
  body.start-page #article-1584 .w40-left h1 {
    font-size: 3.75rem;
  }
}
@media only screen and (max-width: 1100px) {
  #article-1586.grid12 .inside-section .w50-left,
  #article-1585.grid12 .inside-section .w50-left {
    grid-column: 2/13 !important;
  }
}
@media only screen and (max-width: 920px) {
  #article-1586.grid12 .inside-section {
    grid-template-columns: repeat(12, 1fr);
  }
  #article-1586.grid12 .inside-section .w50-left {
    grid-column: 2/12 !important;
    grid-row: 2/3;
  }
  #article-1586.grid12 .inside-section .w50-left .rte p {
    text-align: center !important;
  }
  #article-1586.grid12 .inside-section .w50-right {
    grid-column: 2/12 !important;
    grid-row: 1/2;
  }
  #header .inside #menu-head #top-left {
    flex: 0 0 30%;
  }
  #header .inside #menu-head #top-center {
    flex: 0 0 70%;
  }
  #uNav .inline,
  #uNavL .inline {
    flex-wrap: wrap;
  }
  .header h1 {
    font-size: 2rem;
  }
  .slider-head ~ .slider-body .rte {
    padding: 1rem 5rem;
  }
  html {
    font-size: 14px;
  }
}
#left {
  display: none;
}

@media only screen and (max-width: 800px) {
  #header h1 {
    font-size: 1.5rem;
  }
  #left {
    display: inline-block;
  }
  #hamburger {
    display: block;
    z-index: 10000;
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
  #topNav {
    display: none !important;
  }
  body.showNavPPP #left {
    transform: translateX(0px) !important;
  }
  #left #uNavL {
    background: rgb(255, 255, 255);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-top: 2rem;
    padding-bottom: 2rem;
    opacity: 1;
    max-height: 100vh;
    overflow-y: scroll;
    transition: all 0.3s ease-in-out;
    z-index: 1000;
  }
  #left #uNavL .inline {
    width: 100%;
    display: flex !important;
    flex-wrap: wrap;
    padding-top: 2rem;
    padding-bottom: 2rem;
    visibility: visible;
  }
  #left #uNavL .inline .item {
    margin-bottom: 1.5rem;
  }
  #left #uNavL .inline h2 {
    width: 100%;
    flex: 1 1 100%;
    color: var(--rot);
    text-align: center;
    text-transform: uppercase;
  }
  #left #uNavL .inline:nth-of-type(2) {
    background: rgba(var(--beige-rgb), 0.7);
  }
  #left #uNavL .inline a {
    color: var(--rot);
    text-decoration: none;
  }
  #left #uNavL .inline a:hover {
    color: var(--gruen);
  }
  #left #uNavL #n_anlaesse_left,
  #left #uNavL #n_wir_left,
  #left #uNavL #n_dekorationen_left {
    display: block;
    opacity: 1;
  }
  #left #uNavL #navClose {
    margin-right: 1rem;
    margin-left: auto;
  }
  #header #menu-head .inside {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    justify-items: center;
  }
  #header #menu-head .inside #top-center {
    grid-column: 1/2;
    grid-row: 1/2;
    width: 100%;
    text-align: center;
  }
  #header #menu-head .inside #top-center a {
    text-align: center;
  }
  #header #menu-head .inside #top-center img {
    margin: 0 auto;
  }
  #header #menu-head .inside #top-center #logo {
    margin-right: auto !important;
    margin-left: auto;
    grid-row: 1/2;
  }
  #header #menu-head .inside #top-right,
  #header #menu-head .inside #top-left {
    display: none;
  }
  #uNav .item,
  #uNavL .item {
    cursor: pointer;
  }
  #header #uNav {
    display: none;
  }
}
@media only screen and (max-width: 740px) {
  .grid12 .inside-section .w50-left,
  .grid12 .inside-section .w50-right {
    grid-column: 1/-1 !important;
  }
  .padding-left-3 {
    padding-left: 0;
  }
  .padding-top-3 {
    padding-top: 0;
  }
  #main .gap .inside-section {
    -moz-column-gap: 0;
         column-gap: 0;
  }
  .columnH {
    grid-template-columns: 1fr;
  }
  .columnH .column:nth-of-type(2) {
    grid-column: 1/2;
  }
}
@media only screen and (max-width: 700px) {
  .header.grid12 .w40-left {
    grid-column: 1/49;
  }
  .header.grid12 .w60-right {
    grid-column: 1/49;
  }
  .header.grid12.overlay .w40-left {
    grid-column: 1/49;
    grid-row: 1/2;
  }
  .header.grid12.overlay .w60-right,
  .header.grid12.overlay .w100 {
    grid-column: 1/49;
    grid-row: 2/3;
  }
  .header.grid12 .w60-left.content-image {
    grid-column: 1/49;
    grid-row: 2/3;
  }
  .header.grid12 .w40-right.content-text {
    grid-column: 1/49;
    grid-row: 1/2;
  }
  #main .w60 {
    max-width: 100%;
  }
  #article-1531 .w40-left {
    color: var(--rot);
  }
  #article-1575 .w50-left {
    grid-column: 1/49;
  }
  #article-1575 .w50-right {
    grid-column: 1/49;
  }
  #article-1575 .w50-right img {
    max-width: 50%;
    margin: 0 auto;
  }
  body.start-page .header.grid12.overlay .w100 {
    grid-column: 1/49;
    grid-row: 1/2;
  }
}
@media only screen and (max-width: 550px) {
  #article-1585 .w100.narrow {
    grid-column: 3/23 !important;
  }
  #header h1 {
    font-size: 1.5rem;
    line-height: 1.8rem;
  }
  #header #top-center img {
    min-height: 0px;
    max-width: 220px;
  }
  .slider-head ~ .slider-body .rte {
    padding: 1rem 2rem;
  }
  .slider-head {
    font-size: 1.2rem;
    line-height: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .slider-head:after {
    font-size: 2rem;
    line-height: 1rem;
  }
  .slider-head.show:after {
    content: "-";
    font-size: 3rem;
  }
  #main .w100.narrow {
    grid-column: 2/12;
  }
  body.start-page .header.grid12.overlay .w40-left h1 {
    font-size: 3rem !important;
    line-height: normal !important;
  }
  #article-1559 .w50-right {
    padding-left: 0rem;
  }
  #article-1559 .w50-left {
    padding-right: 0rem;
  }
  html {
    font-size: 12px;
  }
  #main .slick-prev, #main .slick-next {
    height: 33px;
    width: 33px;
  }
  #main .w70 {
    max-width: 100%;
  }
}
@media only screen and (max-width: 400px) {
  #main .w100.narrow {
    grid-column: 1/13;
  }
  #main .inside__,
  #main section,
  #main .content-center-overlay,
  #main .grid12.full-width {
    --padding-inline: 1rem;
  }
  body.start-page .header.grid12.overlay .w40-left h1 {
    font-size: 2rem !important;
    line-height: normal !important;
  }
}/*# sourceMappingURL=aufbau.css.map */