@charset "UTF-8";
/* roboto-100 - 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: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/roboto-v30-latin-100.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-italic - 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: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto-v30-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v30-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/roboto-v30-latin-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

html, body {
  font-size: 16px;
}

* {
  line-height: calc(1em + 0.8rem);
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

p {
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
          hyphens: auto;
}

#wrapper {
  min-height: 100vh;
}

.hamburg {
  display: block;
  background: #7b333e;
  width: 70px;
  height: 52px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  border-radius: 4px;
  transition: border-radius 0.5s;
}

.line {
  position: absolute;
  left: 8px;
  height: 4px;
  width: 55px;
  background: #fff;
  border-radius: 2px;
  display: block;
  transition: 0.5s;
  transform-origin: center;
}

.line:nth-child(1) {
  top: 12px;
}

.line:nth-child(2) {
  top: 24px;
}

.line:nth-child(3) {
  top: 36px;
}

.hamburg.checked .line:nth-child(1) {
  transform: translateY(12px) rotate(-45deg);
}

.hamburg.checked .line:nth-child(2) {
  opacity: 0;
}

.hamburg.checked .line:nth-child(3) {
  transform: translateY(-12px) rotate(45deg);
}

.hamburg {
  display: block;
  background: #7b333e;
  width: 70px;
  height: 52px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  border-radius: 4px;
  transition: border-radius 0.5s;
}

.line {
  position: absolute;
  left: 8px;
  height: 4px;
  width: 55px;
  background: #fff;
  border-radius: 2px;
  display: block;
  transition: 0.5s;
  transform-origin: center;
}

.line:nth-child(1) {
  top: 12px;
}

.line:nth-child(2) {
  top: 24px;
}

.line:nth-child(3) {
  top: 36px;
}

.hamburg.checked .line:nth-child(1) {
  transform: translateY(12px) rotate(-45deg);
}

.hamburg.checked .line:nth-child(2) {
  opacity: 0;
}

.hamburg.checked .line:nth-child(3) {
  transform: translateY(-12px) rotate(45deg);
}

:root {
  --max-width: 1980px;
  --max-width-full: 1600px;
  --padding-inline: 12rem;
  --breakout-maxwidth: 100rem;
}

html {
  margin: 0px;
  height: 100%;
  width: 100%;
}

body {
  margin: 0px;
  min-height: 100%;
  width: 100%;
}

html {
  font-size: 16px;
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

body {
  font-family: "Roboto";
  background: rgb(234, 224, 201);
}

#main p,
#main li {
  font-size: 1.375rem;
  text-shadow: 1px 1px 2px #fff;
}
#main li {
  list-style-image: url("../hg/li.png");
  line-height: 2.3rem;
  padding-left: 1rem;
}
#main ul {
  padding-left: 1.6rem;
}

#wrapper {
  background: rgb(234, 224, 201);
  background: linear-gradient(180deg, rgb(234, 224, 201) 0%, rgb(255, 255, 255) 100%);
}

app-root {
  min-height: 800px;
}

#s-logo img {
  max-height: 110px;
  aspect-ratio: 226/117;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes navOpen {
  0% {
    width: 30px;
  }
  50% {
    width: 30px;
  }
  100% {
    height: 600px;
  }
}
.content-grid {
  --content-maxwidth: var(--max-width-full);
  --padding-inline: 12rem;
  --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];
}
.content-grid > * {
  grid-column: content;
}
.content-grid > .breakout {
  grid-column: breakout;
}
.content-grid > .full-width, .content-grid > .inside-bg_ {
  grid-column: full-width;
}

.side-grid-40 {
  display: grid;
  grid-template-columns: 40% 1fr;
}

#welle {
  grid-column: full-width;
  height: 150px;
  margin-top: -108px;
  display: none;
}

#footer {
  position: relative;
}
#footer::before {
  content: url("../hg/welle.svg");
  position: absolute;
  width: 100%;
  transform: translateY(-80%);
}

.stack {
  display: grid;
}
.stack > .top {
  grid-area: 1/1;
}
.w30 {
  grid-area: 1/3/2/7;
  display: grid;
  justify-content: end;
  z-index: 0;
}

.w60 {
  grid-area: 1/3/2/4;
  max-width: 50%;
  z-index: 1;
}

.w70 {
  grid-area: 1/3/2/4;
  max-width: 52%;
  z-index: 1;
}

#lbl_10_0 {
  font-size: 0.81rem;
  line-height: 0.8rem;
}

#s-header {
  width: 100%;
  display: grid;
  background-color: #e4d9c0;
  position: fixed;
  z-index: 3000000;
  transition: all 0.3s ease-in-out;
  transform: translateY(-100%);
  padding: 1rem 5rem;
  top: 0;
  grid-template-columns: 40% 40% auto;
}
#s-header #s-logo {
  display: flex;
  grid-column: 1/2;
  grid-row: 1/2;
  flex: 0 0 50%;
}
#s-header #s-btn {
  grid-column: 2/3;
  grid-row: 1/2;
  display: flex;
  align-items: center;
}
#s-header #btn_navTop {
  grid-column: 3/4;
  grid-row: 1/2;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: flex-end;
  position: relative;
}

#btn_nav_b_top {
  aspect-ratio: 1/1;
}

#btn_nav_b_top,
#btn_nav_b {
  z-index: 500;
}

#btn_navTop.checked #unav_holde_top {
  position: absolute;
  max-height: 1200px !important;
  overflow: visible;
  top: 20px;
  border-radius: 20px;
}

body.sticky #s-header {
  transform: translateY(0);
}

#btnT {
  width: 586px;
  margin: 0 0 0 auto;
}
#btnT.flex {
  display: grid;
  grid-template-columns: 1fr 35% 15%;
  justify-items: center;
}

#s-header #btnT {
  grid-template-columns: auto auto;
}

#article-51 {
  overflow: visible;
}

#article-8 {
  display: grid;
}

#musik_items {
  display: flex;
  gap: 2%;
}
#musik_items .m_item {
  flex: 0 0 48%;
}

#headTop {
  overflow: visible;
}
#headTop .column.first {
  justify-self: start;
}
#headTop .column.last {
  justify-self: center;
  padding: 0 5rem;
  align-content: end;
  display: grid;
  align-items: start;
  padding-top: 1rem;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
}
#headTop .column.last .logo {
  grid-row: 2/3;
  padding-top: 1rem;
}
#headTop .column.last #btnT {
  grid-row: 1/2;
}

.blau {
  background: slateblue;
}

#header {
  position: relative;
  z-index: 100000;
}
#header > .inside > .mod_article.block {
  overflow: visible !important;
}

h1,
h2,
h3 {
  color: #5f3186;
  font-size: 3rem;
  font-weight: 400;
  -webkit-hyphens: auto;
          hyphens: auto;
}

h3 {
  color: #5f3186;
  font-size: 2rem;
  font-weight: 400;
}

#footer {
  background-color: #efeeec;
  margin-top: 280px;
  padding-top: 0px;
}

.margin-bottom-100 {
  margin-bottom: 100px;
}

.flex-line {
  display: flex;
  justify-content: space-evenly;
  gap: 0.7rem;
  flex-wrap: wrap;
}

.barten_btn {
  display: inline-block;
  max-width: 325px;
  text-align: center;
}
.barten_btn > p {
  color: #5f3186;
  padding-top: 0;
  margin-top: 0;
}
.barten_btn .gridB {
  display: grid;
  grid-template-rows: auto min-content 16px;
  align-items: center;
  height: 325px;
  height: 325px;
  border-radius: 50%;
  overflow: hidden;
}
.barten_btn .gridB:hover .erklaerung, .barten_btn .gridB.active .erklaerung {
  opacity: 1;
}
.barten_btn .gridB img {
  grid-area: 1/1/2/2;
}
.barten_btn .gridB .erklaerung {
  grid-area: 1/1/2/2;
  padding: 2px 25px;
  background: rgba(95, 49, 134, 0.9);
  height: 100%;
  display: flex;
  align-items: center;
  color: #fff;
  text-align: center;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  line-height: 1.3rem;
}

small a {
  color: #5f3186;
  text-decoration: none;
}

.gridgg {
  display: grid;
  grid-template-columns: auto auto;
  background-color: aqua;
}

.cell {
  border: 1px solid #ff0000;
}

.grid-images {
  position: relative;
  display: grid;
  justify-items: end;
}
.grid-images > img {
  grid-area: 1/1/2/2;
  position: relative;
  z-index: 1;
}
.grid-images #bb1 {
  position: relative;
  margin-right: 50%;
}
.grid-images #bb2 {
  position: relative;
}
.grid-images #bb2 {
  margin-top: 25rem;
  margin-right: -160px;
  opacity: 1;
  transform: rotate(-90deg);
  z-index: 0;
}
.grid-images #bb3 {
  margin-top: 60rem;
  opacity: 1;
  max-width: 500px;
  z-index: -1;
}
.grid-images #bb4 {
  margin-top: 80rem;
  opacity: 1;
  margin-right: -160px;
  max-width: 400px;
}
.grid-images #bb5 {
  margin-top: 95rem;
  opacity: 1;
  margin-right: 160px;
  max-width: 400px;
}

.margin-top_200 {
  margin-top: -150px;
  opacity: 1;
}

#main ol li {
  list-style-type: decimal !important;
  list-style-image: none;
}

#article-38 h4 {
  font-size: 1.5rem;
  color: #5f3186;
  line-height: 2rem;
  margin: 0;
  font-weight: 400;
}

.margin-top-minus-200 {
  margin-top: -200px;
}

.margin-top-minus80 {
  margin-top: -80px;
}

#blumen-left {
  margin-left: 20rem;
}
#blumen-left::before {
  content: url("../bilder/wir/blumen.png");
  position: absolute;
  height: 500px;
  left: 0;
  z-index: 0;
}

#vorsorge-2 {
  margin-left: 20rem;
}
#vorsorge-2::before {
  content: url("../bilder/wir/blumen.png");
  position: absolute;
  height: 500px;
  left: 0;
  z-index: -1;
}

#leistung-3 img,
#kosten-3 img {
  max-width: 39%;
}

#article-92.margin-top-7 {
  margin-top: -8rem;
  margin-bottom: 15rem;
}

.w30.content-image img {
  transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transform: translateX(0) scale(1);
  opacity: 1;
  width: auto;
}

#container-teaser {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto auto;
  -moz-column-gap: 3%;
       column-gap: 3%;
  padding-bottom: 2rem;
}
#container-teaser .teaser-item {
  text-align: center;
  justify-self: center;
}
#container-teaser .teaser-item h2 {
  font-size: 2rem;
  color: #000;
  margin-bottom: 1rem;
  z-index: 800;
}
#container-teaser .teaser-item img {
  margin: 0 auto;
  cursor: pointer;
  transition: all 0.5s ease-in-out;
}
#container-teaser .teaser-item img:hover {
  transform: scale(1.1);
}
#container-teaser .teaser-item p {
  font-size: 1.1rem;
  color: #333;
  padding: 0 5rem;
}

#article-40 {
  margin-bottom: 5rem;
}

#btn_nav {
  display: flex;
  flex-direction: column;
  grid-column: 3/4;
  justify-self: right;
  transition: all 0.5s ease-out;
  align-items: flex-end;
  max-height: 60px;
}
#btn_nav.checked::before {
  transform: scale(1);
}

#phonenumber {
  grid-column: 1/2;
}

.btn_gedenkportal {
  grid-column: 2/3;
  background-color: #5f3186;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.5rem;
  text-decoration: none;
}
.btn_gedenkportal img {
  max-height: 48px;
}

.newC {
  margin-top: 7rem !important;
}

#article-95 img.imageholder {
  max-width: 38%;
}

#btn_nav {
  max-width: 63px;
  display: inline-flex;
}

#btn_nav,
#btn_navTop {
  cursor: pointer;
  z-index: 301;
  position: absolute;
}
#btn_nav.checked,
#btn_navTop.checked {
  max-height: 1000px;
  z-index: 2222220;
}
#btn_nav.checked #unav_holder,
#btn_nav.checked #unav_holde_top,
#btn_navTop.checked #unav_holder,
#btn_navTop.checked #unav_holde_top {
  opacity: 1;
  z-index: 300;
  max-height: 100%;
}
#btn_nav #unav_holder,
#btn_nav #unav_holde_top,
#btn_navTop #unav_holder,
#btn_navTop #unav_holde_top {
  background-color: #5f3186;
  color: #fff;
  opacity: 0;
  max-height: 0%;
  width: 251px;
  padding: 0 0.5rem;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  z-index: 1;
  border-radius: 20px;
}
#btn_nav #unav_holder a,
#btn_nav #unav_holde_top a,
#btn_navTop #unav_holder a,
#btn_navTop #unav_holde_top a {
  color: inherit;
  text-decoration: none;
}
#btn_nav #unav_holder ul,
#btn_nav #unav_holde_top ul,
#btn_navTop #unav_holder ul,
#btn_navTop #unav_holde_top ul {
  list-style: none;
  padding-left: 0;
  margin-left: 3px;
}
#btn_nav #unav_holder ul a,
#btn_nav #unav_holde_top ul a,
#btn_navTop #unav_holder ul a,
#btn_navTop #unav_holde_top ul a {
  font-size: 0.9rem;
  line-height: 1.2rem;
}
#btn_nav #unav_holder ul a br,
#btn_nav #unav_holde_top ul a br,
#btn_navTop #unav_holder ul a br,
#btn_navTop #unav_holde_top ul a br {
  line-height: 10px;
}
#btn_nav #unav_holder ul.level_1 > li,
#btn_nav #unav_holde_top ul.level_1 > li,
#btn_navTop #unav_holder ul.level_1 > li,
#btn_navTop #unav_holde_top ul.level_1 > li {
  padding: 0.3rem 0;
}
#btn_nav #unav_holder ul.level_1 > li ul > li,
#btn_nav #unav_holde_top ul.level_1 > li ul > li,
#btn_navTop #unav_holder ul.level_1 > li ul > li,
#btn_navTop #unav_holde_top ul.level_1 > li ul > li {
  padding: 0.3rem 0;
}
#btn_nav #unav_holder ul.level_1 > li a,
#btn_nav #unav_holder ul.level_1 > li strong,
#btn_nav #unav_holde_top ul.level_1 > li a,
#btn_nav #unav_holde_top ul.level_1 > li strong,
#btn_navTop #unav_holder ul.level_1 > li a,
#btn_navTop #unav_holder ul.level_1 > li strong,
#btn_navTop #unav_holde_top ul.level_1 > li a,
#btn_navTop #unav_holde_top ul.level_1 > li strong {
  font-size: 1.3rem;
}
#btn_nav #unav_holder ul.level_1 li.trail > a, #btn_nav #unav_holder ul.level_1 li.trail > strong, #btn_nav #unav_holder ul.level_1 li.active > a, #btn_nav #unav_holder ul.level_1 li.active > strong,
#btn_nav #unav_holde_top ul.level_1 li.trail > a,
#btn_nav #unav_holde_top ul.level_1 li.trail > strong,
#btn_nav #unav_holde_top ul.level_1 li.active > a,
#btn_nav #unav_holde_top ul.level_1 li.active > strong,
#btn_navTop #unav_holder ul.level_1 li.trail > a,
#btn_navTop #unav_holder ul.level_1 li.trail > strong,
#btn_navTop #unav_holder ul.level_1 li.active > a,
#btn_navTop #unav_holder ul.level_1 li.active > strong,
#btn_navTop #unav_holde_top ul.level_1 li.trail > a,
#btn_navTop #unav_holde_top ul.level_1 li.trail > strong,
#btn_navTop #unav_holde_top ul.level_1 li.active > a,
#btn_navTop #unav_holde_top ul.level_1 li.active > strong {
  font-weight: normal;
}
#btn_nav #unav_holder ul.level_1 li.trail > a::before, #btn_nav #unav_holder ul.level_1 li.trail > strong::before, #btn_nav #unav_holder ul.level_1 li.active > a::before, #btn_nav #unav_holder ul.level_1 li.active > strong::before,
#btn_nav #unav_holde_top ul.level_1 li.trail > a::before,
#btn_nav #unav_holde_top ul.level_1 li.trail > strong::before,
#btn_nav #unav_holde_top ul.level_1 li.active > a::before,
#btn_nav #unav_holde_top ul.level_1 li.active > strong::before,
#btn_navTop #unav_holder ul.level_1 li.trail > a::before,
#btn_navTop #unav_holder ul.level_1 li.trail > strong::before,
#btn_navTop #unav_holder ul.level_1 li.active > a::before,
#btn_navTop #unav_holder ul.level_1 li.active > strong::before,
#btn_navTop #unav_holde_top ul.level_1 li.trail > a::before,
#btn_navTop #unav_holde_top ul.level_1 li.trail > strong::before,
#btn_navTop #unav_holde_top ul.level_1 li.active > a::before,
#btn_navTop #unav_holde_top ul.level_1 li.active > strong::before {
  content: "♢";
  font-size: 1.1rem;
  color: #fff;
  margin-right: 0.5rem;
}
#btn_nav #unav_holder ul.level_2 li,
#btn_nav #unav_holde_top ul.level_2 li,
#btn_navTop #unav_holder ul.level_2 li,
#btn_navTop #unav_holde_top ul.level_2 li {
  padding: 0.2rem 0;
  border-bottom: 1px solid #704098;
}
#btn_nav #unav_holder ul.level_2 li a,
#btn_nav #unav_holde_top ul.level_2 li a,
#btn_navTop #unav_holder ul.level_2 li a,
#btn_navTop #unav_holde_top ul.level_2 li a {
  font-size: 1rem;
}
#btn_nav #unav_holder ul.level_2 li strong,
#btn_nav #unav_holde_top ul.level_2 li strong,
#btn_navTop #unav_holder ul.level_2 li strong,
#btn_navTop #unav_holde_top ul.level_2 li strong {
  font-size: 1rem;
}

#btn_navTop {
  z-index: 0;
}

#unav_holder ul.level_1 li,
#unav_holde_top ul.level_1 li {
  padding: 0.3rem 0.8rem !important;
}
#unav_holder ul.level_2,
#unav_holde_top ul.level_2 {
  overflow: hidden;
  max-height: 0;
  padding-left: 0 !important;
  display: block;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
#unav_holder li.activeChild,
#unav_holde_top li.activeChild {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 20px;
}
#unav_holder li.activeChild ul.level_2,
#unav_holde_top li.activeChild ul.level_2 {
  opacity: 1;
  max-height: 500px;
  overflow: visible;
}

#unav_holde_top {
  display: none;
  position: absolute;
  justify-content: flex-end;
  top: 20px;
}

body.sticky #unav_holde_top {
  display: block;
}

#article-42 {
  overflow: visible;
}

#main a {
  color: #5f3186;
  text-decoration: underline;
}

#btnT {
  position: relative;
}
#btnT #btn_navTop {
  position: absolute;
  right: 0;
}
#btnT #btn_navTop::before {
  content: "";
  background: url("../hg/btn_close.png") no-repeat;
  position: absolute;
  background-size: 38px;
  transition: all 0.2s ease-in-out;
  transform: scale(0);
  height: 38px;
  width: 38px;
  top: 15px;
  left: 20px;
}
#btnT #btn_navTop.checked::before {
  transform: scale(1);
}

#main {
  padding-top: 5.5rem;
}

.mod_navigation.block {
  overflow: visible;
  overflow-y: auto;
  max-height: 80vh;
}

body.showNav {
  overflow: hidden;
  height: 100vh !important;
  overflow-y: scroll; /* Show vertical scrollbar */
}

#footerB {
  padding-top: 0px;
}
#footerB .column.first img {
  max-width: 200px;
}
#footerB a {
  color: #5f3186;
  text-decoration: none;
}
#footerB .inside {
  display: grid;
  grid-template-columns: 30% 1fr;
}
#footerB .formbody {
  display: grid;
  grid-template-columns: 50% 1fr;
  grid-template-rows: 1fr 1fr;
}
#footerB .formbody input[type=text],
#footerB .formbody input[type=email],
#footerB .formbody textarea {
  width: 80%;
  padding: 1rem 1rem 0 1rem;
  margin: 1rem 0;
  border: 1px solid #eeeeee;
}
#footerB .formbody input[type=text]::-moz-placeholder, #footerB .formbody input[type=email]::-moz-placeholder, #footerB .formbody textarea::-moz-placeholder {
  text-align: left;
  transform: translateY(-10px);
}
#footerB .formbody input[type=text]::placeholder,
#footerB .formbody input[type=email]::placeholder,
#footerB .formbody textarea::placeholder {
  text-align: left;
  transform: translateY(-10px);
}
#footerB .formbody button {
  border: 1px solid #5f3186;
  padding: 0.5rem 3rem;
  color: #5f3186;
  border-radius: 6px;
  background-color: #efeeec;
}
#footerB .formbody .column.first {
  grid-area: 1/1/2/2;
}
#footerB .formbody .column.last {
  grid-area: 1/2/2/3;
}
#footerB .formbody .fullwidth {
  grid-column: 1/3;
  display: grid;
  grid-template-columns: 50% 30% 1fr;
}
#footerB .formbody #ctrl_10 {
  border: 0;
  padding-top: 0;
  margin-top: 0;
  max-width: 80%;
}
#footerB .formbody textarea {
  width: 80%;
}
#footerB .adresse,
#footerB .ds {
  font-size: 1rem;
  color: #5f3186;
  padding-left: 2.9rem;
}
#footerB .ds {
  margin-top: 2rem;
}

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

.float-right {
  float: right;
  shape-outside: circle();
  padding-left: 0rem;
  max-height: 900px;
  width: auto;
}

.o80 {
  overflow: hidden;
  position: relative;
  transform: translateX(10%);
}

#btnT {
  width: 70%;
}

#headTop .column.last .logo {
  margin-top: -38px;
}

@media only screen and (min-width: 1485px) {
  #btn_navTop {
    left: auto;
    right: 80px;
  }
}
@media only screen and (min-width: 1133px) {
  #s-btn #btnT {
    margin-left: 2rem;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 850px) and (max-device-width: 1132px) {
  #s-btn #btnT {
    margin-left: 0.2rem;
  }
}
@media only screen and (max-width: 920px) {
  #btn_navTop {
    right: 0px;
    top: 0;
    transform-origin: center top;
  }
}
@media only screen and (min-width: 850px) and (max-device-width: 885px) {
  #btn_navTop,
  #s-btn #btnT {
    transform-origin: center top;
  }
  #s-btn #btnT {
    top: 6px;
  }
}
@media only screen and (max-width: 1600px) {
  .margin-top_200 {
    margin-top: -50px;
    opacity: 1;
  }
}
@media only screen and (max-width: 1485px) {
  #s-header #s-logo {
    justify-content: flex-start;
    flex: 0 0 auto;
    margin-right: 1rem;
    margin-left: 3rem;
  }
  #s-header #btnT {
    width: auto;
  }
  .content-grid {
    --content-maxwidth: 1500px;
    --padding-inline: 2rem;
    --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];
  }
  .w30.content-image img {
    max-width: 80%;
    margin-right: 0;
    margin-left: auto;
  }
  .logo {
    max-width: 100%;
  }
  #btn_nav {
    position: absolute !important;
  }
  .margin-top-minus-200 {
    margin-top: 0;
  }
  #vorsorge-2 {
    margin-left: 30rem;
  }
  #blumen-left {
    margin-left: 30rem;
  }
  .margin-top_200 {
    margin-top: 0px;
    opacity: 1;
  }
  .padding-left-12 {
    padding-left: 2rem;
    max-width: 1500px;
    margin: 0 auto;
    padding-right: 2rem;
  }
  #article-94 {
    padding-left: 0;
  }
}
@media only screen and (min-width: 1980px) {
  .padding-left-12 {
    padding-left: 0;
    max-width: var(--max-width-full);
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1200px) {
  .w30 {
    grid-area: 1/3/2/7;
    display: grid;
    justify-content: end;
    z-index: 0;
  }
  .margin-top_200 {
    margin-top: 0px;
    opacity: 1;
  }
  #article-24 .w70 {
    grid-area: 1/3/2/4;
    max-width: 70%;
    z-index: 1;
    width: 100%;
    max-width: 100%;
  }
  #article-24 .w30 {
    display: none;
  }
  #article-16 .w30.content-image.inView img {
    opacity: 1;
    transform-origin: right;
    transform: translateX(0) scale(1);
  }
  #blumen-left::before {
    transform-origin: left;
    transform: scale(0.6);
  }
  #blumen-left {
    margin-left: 20rem;
  }
  .margin-top_200 {
    margin-top: 0px;
    opacity: 1;
  }
}
@media only screen and (max-width: 1130px) {
  .logo {
    width: 100%;
  }
  #headTop .column.last {
    padding: 0 1rem;
    align-content: end;
    padding-top: 0rem;
  }
}
@media only screen and (max-width: 1100px) {
  #container-teaser {
    display: grid;
    grid-template-columns: 50% 50%;
    -moz-column-gap: 3%;
    column-gap: 3%;
  }
  #container-teaser .teaser-item:nth-of-type(3) {
    grid-column: 1/3;
  }
}
@media only screen and (max-width: 1080px) {
  .w70 {
    max-width: 50%;
  }
}
@media only screen and (max-width: 1020px) {
  .logo {
    max-width: 86%;
  }
}
@media only screen and (max-width: 985px) {
  .w70,
  .w60 {
    grid-area: 2/3/3/4;
    max-width: 100% !important;
    z-index: 1;
  }
  #leistung-3::after {
    display: none;
  }
  #footerB .inside {
    display: grid;
    grid-template-columns: 100%;
  }
  #footer {
    position: relative;
    margin-top: 250px;
  }
  #footer::before {
    content: url("../hg/welle.svg");
    position: absolute;
    width: 100%;
    transform: translateY(-80%);
  }
  #welle {
    display: none;
  }
  #leistung-3::after {
    max-width: 50%;
    height: 600px;
  }
  #main li {
    list-style-image: url(../hg/li-kl.png);
    line-height: 2.3rem;
    padding-left: 0.5rem;
  }
  #btnT {
    width: 100%;
  }
  #vorsorge-2 {
    margin-left: 0rem;
  }
  #vorsorge-2::before {
    display: none;
  }
  .w30 {
    grid-area: 1/3/2/5;
    display: grid;
    justify-content: end;
    z-index: 0;
  }
  .w30 img {
    max-width: 100% !important;
  }
  #headTop .column.last .logo {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 850px) {
  #btn_nav #unav_holder ul,
  #btn_nav #unav_holde_top ul,
  #btn_navTop #unav_holder ul,
  #btn_navTop #unav_holde_top ul {
    text-align: left;
  }
  #btn_nav_b::before {
    display: none !important;
  }
  #phonenumber {
    transform-origin: top left;
  }
  #s-header {
    padding: 1rem 1rem;
  }
  #btn_nav.checked::before {
    opacity: 1;
  }
  #btn_nav.checked #btn_nav_b {
    border-radius: 10px;
    overflow: hidden;
    z-index: 1000;
  }
  #btn_nav_b {
    position: absolute;
  }
  #btnT.flex {
    display: grid;
    grid-template-columns: 16% 1fr 25%;
    grid-template-rows: 1fr;
    justify-items: center;
  }
  #btnT.flex #phonenumber {
    grid-area: 1/2/2/3;
  }
  #btnT.flex .btn_gedenkportal {
    grid-area: 1/1/2/2;
    padding: 0.1rem;
  }
  #btnT.flex .btn_gedenkportal img {
    max-height: 48px;
  }
  #btnT.flex #btn_nav {
    grid-area: 1/2/3/4;
  }
}
@media only screen and (max-width: 780px) {
  #container-teaser {
    display: grid;
    grid-template-columns: 100%;
    -moz-column-gap: 3%;
    column-gap: 3%;
  }
  #container-teaser .teaser-item {
    grid-column: 1/2;
  }
}
@media only screen and (max-width: 700px) {
  html {
    font-size: 14px;
  }
  #btn_nav {
    overflow: visible !important;
  }
  #footerB .inside {
    display: grid;
    grid-template-columns: 100%;
  }
  #footerB .inside .column.last .formbody {
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }
  #footerB .inside .column.last .formbody .fullwidth {
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }
  #footerB .inside .column.last .formbody .fullwidth .column.first {
    grid-area: 1/1/2/3;
  }
  #footerB .inside .column.last .formbody .fullwidth .column.last {
    grid-area: 2/1/3/3;
  }
  .w70pp,
  .w60pp {
    grid-area: 1/3/2/5;
    max-width: 100%;
    z-index: 1;
  }
  #footer {
    margin-top: 200px;
    padding-top: 0px;
  }
  .margin-top_200,
  .margin-top-minus-200,
  .margin-top-minus80 {
    margin-top: 0;
  }
  #blumen-left,
  #vorsorge-2 {
    margin-left: 0 !important;
  }
  #btnT {
    text-align: right;
    display: inline-block;
    margin-right: -1rem;
    transform: scale(1);
    transform-origin: right top;
  }
  #btnT #btn_nav {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    opacity: 1;
    max-height: 60px;
    z-index: -1;
  }
  #btnT #btn_nav #unav_holder {
    margin-right: 10px;
  }
  #btnT #btn_nav.checked {
    max-height: 800px;
    z-index: 1;
  }
  #btn_nav_b::before {
    display: none !important;
  }
  #musik_items {
    display: flex;
    flex-direction: column;
  }
  #blumen-left::before {
    display: none !important;
  }
  #footerB .formbody input[type=text],
  #footerB .formbody input[type=email],
  #footerB .formbody textarea {
    width: 100%;
  }
  #footerB {
    padding-bottom: 5rem;
  }
}
@media only screen and (max-width: 610px) {
  #s-header {
    flex-direction: column;
  }
  #s-header #btnT {
    margin: 0 auto;
    transform-origin: center top;
  }
  #s-header #s-logo {
    justify-content: center;
    margin: 0 1rem 1rem 1rem;
  }
  #footerB .formbody input[type=text],
  #footerB .formbody input[type=email],
  #footerB .formbody textarea {
    width: 100%;
  }
  #unav_holder,
  #unav_holde_top {
    background-color: #5f3186;
    color: #fff;
    opacity: 0;
    max-height: 0%;
    width: 251px;
    padding: 0 1.5rem;
    transition: all 0.5s ease-in-out;
    overflow: hidden;
    z-index: 1;
  }
  #unav_holder a,
  #unav_holde_top a {
    color: inherit;
    text-decoration: none;
  }
  #unav_holder ul.level_1 > li,
  #unav_holde_top ul.level_1 > li {
    padding: 0.8rem 0;
  }
  #unav_holder ul.level_1 > li ul > li,
  #unav_holde_top ul.level_1 > li ul > li {
    padding: 0.5rem 0;
  }
  #unav_holder ul.level_1 > li a,
  #unav_holde_top ul.level_1 > li a {
    font-size: 1.3rem !important;
  }
  #unav_holder ul.level_2 li,
  #unav_holde_top ul.level_2 li {
    padding: 0.2rem 0;
  }
  #unav_holder ul.level_2 li a,
  #unav_holde_top ul.level_2 li a {
    font-size: 1.2rem !important;
  }
  #unav_holder ul.level_2 li strong,
  #unav_holde_top ul.level_2 li strong {
    font-size: 1.2rem !important;
  }
}
@media only screen and (max-width: 500px) {
  html {
    font-size: 12px;
  }
  .side-grid-40 {
    display: grid;
    grid-template-columns: 40% 60%;
  }
  .side-grid-40 .column.first {
    grid-column: 1/2;
  }
  .side-grid-40 .column.last .logo {
    position: relative;
    margin-left: -10px;
    max-width: 100%;
  }
  .side-grid-40 #btnT {
    margin-top: 10px;
  }
  .side-grid-40 #btn_nav_b {
    margin-top: 0px;
  }
  .content-grid {
    --padding-inline: 1.5rem;
  }
  #lbl_10_0 {
    font-size: 0.9rem;
    line-height: 1.2rem;
  }
  #footerB .inside .column.last .formbody .fullwidth {
    grid-template-columns: 80%;
    grid-template-rows: auto;
  }
  #article-24 .w70 {
    width: 100%;
    max-width: 100%;
  }
  #article-24 .w70 iframe {
    width: 100% !important;
  }
  #article-24 .w30 {
    display: none;
  }
}
#footerB .formbody #ctrl_10 {
  max-width: 90%;
}
#footerB .widget-submit {
  text-align: center;
}
#footerB .inside .column.last .formbody .fullwidth {
  grid-template-columns: 100%;
}

@media only screen and (max-width: 450px) {
  #blumen-left {
    margin-left: 20rem;
  }
  #blumen-left::before {
    left: auto;
    right: 0;
  }
  #vorsorge-2 {
    margin-left: 20rem;
  }
  #vorsorge-2::before {
    left: auto;
    right: 0;
    z-index: -1;
  }
}
@media only screen and (min-width: 1920px) {
  #welle {
    margin-top: -150px;
  }
}
@media only screen and (max-width: 1870px) {
  #article-16 .w70 {
    max-width: 60%;
  }
}
@media only screen and (max-width: 1700px) {
  #article-92.margin-top-7 {
    margin-top: 0rem;
  }
}
@media only screen and (min-width: 1670px) {
  .w70 {
    max-width: 68%;
  }
}
@media only screen and (max-width: 1670px) {
  .w70 {
    max-width: 60%;
  }
}
@media only screen and (max-width: 1485px) {
  #article-92.margin-top-7 {
    margin-bottom: 3rem;
  }
}
@media only screen and (max-width: 1320px) {
  #article-16 .w70 {
    max-width: 50%;
  }
}
@media only screen and (max-width: 1250px) {
  .w70 {
    max-width: 50%;
  }
  #blumen-left .w70 {
    max-width: 100%;
  }
  #blumen-left .w30.content-image img {
    max-width: 100%;
  }
  .float-right {
    max-height: 520px;
    width: auto;
  }
}
@media only screen and (max-width: 1130px) {
  #article-8 .w70,
  #article-16 .w70,
  #article-11 .w70 {
    max-width: 48%;
  }
  #article-8 .w30.content-image img,
  #article-16 .w30.content-image img,
  #article-11 .w30.content-image img {
    max-width: 60%;
  }
}
@media only screen and (max-width: 985px) {
  #article-16 .w70,
  #article-11 .w70,
  #article-20 .w70,
  #article-23 .w70,
  #article-25 .w70,
  #article-26 .w70,
  #article-28 .w70,
  #article-29 .w70,
  #article-30 .w70,
  #article-31 .w70,
  #article-72 .w70,
  #article-71 .w70,
  #article-34 .w70,
  #article-35 .w70,
  #article-37 .w70,
  #article-38 .w70,
  #article-39 .w70,
  #article-75 .w70,
  #article-8 .w70,
  #article-6 .w70,
  #leistung-3 .w70 {
    max-width: 100%;
  }
  #article-16 .w30.content-image img,
  #article-11 .w30.content-image img,
  #article-20 .w30.content-image img,
  #article-23 .w30.content-image img,
  #article-25 .w30.content-image img,
  #article-26 .w30.content-image img,
  #article-28 .w30.content-image img,
  #article-29 .w30.content-image img,
  #article-30 .w30.content-image img,
  #article-31 .w30.content-image img,
  #article-72 .w30.content-image img,
  #article-71 .w30.content-image img,
  #article-34 .w30.content-image img,
  #article-35 .w30.content-image img,
  #article-37 .w30.content-image img,
  #article-38 .w30.content-image img,
  #article-39 .w30.content-image img,
  #article-75 .w30.content-image img,
  #article-8 .w30.content-image img,
  #article-6 .w30.content-image img,
  #leistung-3 .w30.content-image img {
    max-width: 100%;
  }
  #footer > .inside.content-grid {
    margin-top: -150px;
  }
  .margin-top-minus80 {
    margin-top: 0px;
  }
  .float-right {
    max-height: 450px;
    width: auto;
  }
}
@media only screen and (max-width: 700px) {
  #blumen-left .w70 {
    max-width: 100%;
  }
  #blumen-left .w30.content-image img {
    max-width: 100%;
  }
  #footer > .inside.content-grid {
    margin-top: -50px;
  }
  h1 {
    font-size: 2.5rem;
  }
  .float-right {
    max-height: 390px;
    width: auto;
  }
}
@media only screen and (max-width: 650px) {
  .float-right {
    max-height: 290px;
    width: auto;
  }
}
@media only screen and (max-width: 498px) {
  .float-right {
    max-height: 290px;
    width: auto;
    float: none;
  }
  .o80 {
    transform: translateX(-50%);
    left: 50%;
    margin-bottom: 20px;
  }
  .margin-bottom-100 {
    margin-bottom: 20px;
  }
}/*# sourceMappingURL=aufbau.css.map */