#article-28 {
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  overflow: visible !important;
}
#article-28 .ce_rsce_herocontent.homehero {
  grid-column: 1/2;
  grid-row: 1/2;
  z-index: 0;
  height: 100vh;
  overflow: hidden !important;
}
#article-28 .ce_rsce_herocontent.homehero video {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
#article-28 .pg_start.stoerer {
  grid-column: 1/2;
  grid-row: 1/2;
  z-index: 1;
  display: inline-grid;
  width: -moz-fit-content;
  width: fit-content;
  grid-template-columns: repeat(2, auto);
  margin: 0 auto;
  align-self: flex-end;
  transform: translateY(31%);
}
#article-28 .pg_start.stoerer .content-image img {
  width: 100%;
  height: auto;
}

#article-29 {
  margin-top: 5rem !important;
}

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

.home header {
  overflow: visible !important;
}
.home header .heroelement {
  overflow: visible !important;
}
.home #content {
  padding-top: 2rem;
}

.hero-title {
  font-weight: 300;
}

h3.fv-title {
  font-weight: 100;
  margin-top: 5rem;
}

.fv-wrapper > h3.fv-title:first-child {
  margin-top: 0;
}

.fv-grid--23 {
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 2rem;
}
.fv-grid--23 h3 {
  grid-column: 2/-1;
  grid-row: 1/2;
}
.fv-grid--23 .fv-item {
  grid-column: 2/3;
  grid-row: 2/3;
}
.fv-grid--23 .fv-item:last-child {
  grid-column: 3/4;
  grid-row: 2/3;
}

#btn_beratungsunterlagen {
  font-weight: 600;
  cursor: pointer;
}

#beratung_bg {
  position: relative;
  top: -10rem;
}

#beratung_bg_left {
  position: relative;
  top: 0rem;
  left: 0rem;
  right: -10rem;
}

.heroelement {
  position: relative;
  top: 0 !important;
  margin-bottom: 0px;
}

header .headertop {
  z-index: 101 !important;
  width: 100vw;
  position: absolute !important;
  padding-top: 25px;
}

header.nohero .headertop {
  z-index: 5;
  width: 100vw;
  position: static !important;
  padding-top: 25px;
}

header {
  padding-top: 0 !important;
  position: relative;
}

body.videopage main .mod_article {
  margin-bottom: 0;
  margin-top: 10rem;
  padding-top: 0;
  padding-bottom: 0;
}

.headP {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
}
.headP .bg_image {
  grid-column: 1/2;
  grid-row: 1/2;
}
.headP .bg_image img {
  width: 100%;
  height: auto;
}
.headP .overlay {
  grid-column: 1/2;
  grid-row: 1/2;
  z-index: 100;
}

.paddingT5 {
  padding-top: 5rem !important;
}

.zitate-slider .item {
  min-width: auto !important;
}

.slick-next {
  right: 30vw !important;
}

.slick-prev {
  left: 30vw !important;
}

.slick-prev:before, .slick-next:before {
  font-family: "slick";
  font-size: 39px !important;
}

#article-70 .content-headline, #article-70 .content-text, #article-95 .content-headline, #article-95 .content-text, #article-57 .content-headline, #article-57 .content-text {
  max-width: var(--max-width);
  margin: 0 auto;
}

#article-57 .content-text {
  max-width: var(--max-width);
  margin: 0 auto;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 2rem;
}
#article-57 .content-headline {
  padding-left: 1rem;
  padding-right: 1rem;
}

.textalignright {
  text-align: right !important;
}

.imagealignright figure {
  text-align: right !important;
}
.imagealignright figure img {
  margin-right: 0;
  margin-left: auto;
}

.marginT0 {
  margin-top: 0 !important;
}

.ext-pdf a {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  text-decoration: none;
}
.ext-pdf a::before {
  content: url("../public/hg/pdf_down.png");
  font-weight: 900;
  margin-right: 0.5rem;
}

#article-19, #article-7 {
  margin-bottom: 0;
}

#bild3 {
  position: relative;
  margin-top: -10rem;
}

#video3 {
  position: relative;
  margin-top: -5rem;
  max-width: 320px;
  z-index: 200;
  margin-left: 350px;
}

.ctaoutline {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  align-items: center;
  height: 45px;
  box-sizing: border-box;
  border-radius: 30px;
  padding: 6px var(--size-20) var(--size-10);
  font-size: var(--size-s);
  text-decoration: none;
  background: var(--gradient-blue);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  white-space: nowrap;
}

.zitate-slider .item {
  flex: 0 0 100%;
  width: 100%;
  min-width: 100%;
  padding: 25px var(--size-25);
  box-sizing: border-box;
  text-align: center;
  scroll-snap-align: center;
  opacity: 0.5;
  transition: opacity 0.3s ease-in-out;
}
.zitate-slider .item.slick-current {
  opacity: 1;
}

.graveyardAni {
  position: relative;
}

.secondeyeadnimationGutZuWissen {
  right: 0;
  top: 0px;
  grid-column: 2/3;
  grid-row: 2/3;
  z-index: 10;
}

#article-17 .masked-singleimage.content-image {
  grid-column: 2/3;
  grid-row: 2/3;
}
#article-17 .gridtwoelements {
  position: relative;
}
#article-17 lottie-player {
  position: absolute;
  max-width: 200px;
  top: 0;
  right: 0;
}

#article-31, #article-57, #article-60, #article-109, #article-95, #article-97 {
  padding: 0 !important;
}
#article-31 .roomslider, #article-57 .roomslider, #article-60 .roomslider, #article-109 .roomslider, #article-95 .roomslider, #article-97 .roomslider {
  border: 2px solid #def700;
}
#article-31 .roomslider img, #article-57 .roomslider img, #article-60 .roomslider img, #article-109 .roomslider img, #article-95 .roomslider img, #article-97 .roomslider img {
  width: 100% !important;
  height: auto;
}

.bildslider {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(1, 1fr);
  padding: 0;
  margin: 0;
  /* height follows image aspect ratio via JS */
  position: relative;
  overflow: hidden;
}
.bildslider .bilder {
  grid-column: 1/2;
  grid-row: 1/2;
  padding: 0;
  margin: 0;
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: translate(0, 0);
  transition: opacity 1200ms cubic-bezier(0.25, 0.1, 0.25, 1), transform 1200ms cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: opacity, transform;
}
.bildslider .bilder.active {
  opacity: 1;
  z-index: 2;
  transform: translate(0, 0);
}
.bildslider .bilder img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

main .teasertext p {
  font-size: 2rem;
  line-height: 2.5rem;
}

header:not(.nohero) {
  width: 100%;
  height: auto !important;
}

@media only screen and (max-width: 1200px) {
  .videobottomsection a, #article-30 a, #article-32 a {
    margin: 0 auto;
  }
  #article-30 h2 {
    text-align: center;
  }
  .roundedbutton {
    transform-origin: center;
    transform: scale(0.7);
  }
}
@media only screen and (max-width: 1024px) {
  #article-17 .masked-singleimage.content-image, #article-66 .masked-singleimage.content-image, #article-68 .masked-singleimage.content-image {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
  #article-17 .masked-singleimage.content-image figure, #article-66 .masked-singleimage.content-image figure, #article-68 .masked-singleimage.content-image figure {
    max-width: 50%;
    margin: 0 auto;
  }
  #article-17 .gridtwoelements, #article-66 .gridtwoelements, #article-68 .gridtwoelements {
    position: relative;
  }
  #article-17 .content-text, #article-66 .content-text, #article-68 .content-text {
    grid-column: 1/-1;
  }
  #article-17 lottie-player, #article-66 lottie-player, #article-68 lottie-player {
    position: static;
    max-width: 200px;
    top: 0;
    right: 0;
    display: none;
  }
}
@media only screen and (max-width: 800px) {
  #article-28 .pg_start.stoerer {
    grid-column: 1/2;
    grid-row: 1/2;
    z-index: 1;
    display: inline-grid;
    width: -moz-fit-content;
    width: fit-content;
    grid-template-columns: repeat(1, auto);
    grid-template-rows: repeat(2, auto);
    margin: 0 auto;
    align-self: flex-end;
    transform: translateY(31%);
  }
  #article-28 .pg_start.stoerer .content-image {
    grid-row: 2/3;
    padding-bottom: 5rem;
  }
  #article-28 .pg_start.stoerer .content-headline {
    grid-row: 1/2;
    text-align: center;
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media only screen and (max-width: 1024px) {
  .home .teaserheadline {
    padding-top: 16rem !important;
  }
  #article-7 .content-image {
    display: none;
  }
  .icontel em {
    padding-bottom: 1rem;
  }
  #article-41 .gridrow.gridtwoelements, #article-50 .gridrow.gridtwoelements, #article-69 .gridrow.gridtwoelements {
    grid-template-columns: repeat(2, auto);
    gap: 1.5rem;
    align-items: center;
  }
  .fv-wrapper {
    padding: 1rem !important;
  }
  #article-70 {
    padding-bottom: 5rem;
  }
  img {
    height: auto;
  }
  #bild3 {
    margin-top: 0;
  }
  #article-61 .masked-singleimage {
    max-width: 380px;
    margin: 0 auto;
    padding-bottom: 2rem;
  }
  .logoarea .telefonnummer {
    left: 50%;
    top: 35px;
  }
  .logoarea .image img {
    margin: 0 auto;
  }
  .footer-adress {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding-top: 5rem;
  }
  footer .footeradresse {
    margin-block: 0 !important;
  }
}
@media only screen and (max-width: 980px) {
  .fv-grid--3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .fv-grid--23 h3 {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
  .fv-grid--23 .fv-item {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
  header .headertop .menubutton {
    transform: scale(0.7);
  }
  .masked-singleimage.content-image {
    max-width: 70vw;
  }
  #article-15 .content-image, #article-20 .content-image {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 768px) {
  :root {
    --masterframe-inline-padding: 5rem;
  }
  .zitate-slider button {
    background-color: #ffffff;
  }
  .slick-next {
    right: 5vw !important;
  }
  .slick-prev {
    left: 5vw !important;
  }
  main .mod_article {
    padding-inline: 2rem !important;
  }
}
@media only screen and (max-width: 700px) {
  .fv-grid--3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .fv-grid--23 h3 {
    grid-column: 1/-1;
    grid-row: 1/2;
  }
  .fv-grid--23 .fv-item {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
  .fv-grid--23 .fv-item:last-child {
    grid-column: 1/-1;
    grid-row: auto;
  }
}
@media only screen and (max-width: 700px) {
  html {
    font-size: 13px;
  }
  .ctaoutline {
    height: auto !important;
    white-space: wrap !important;
  }
}
@media only screen and (max-width: 500px) {
  .video-slider__controllbuttons {
    gap: 0 0 !important;
  }
  .video-slider__controllbuttons button {
    transform: scale(0.75);
  }
  body.home h2 {
    padding: 0 1rem;
  }
  body.home .teaserheadline {
    padding-top: 8rem !important;
  }
  .schleifen-slider .item {
    max-width: 50vw;
    margin: 0 auto;
    white-space: wrap !important;
  }
  .schleifen-slider button {
    z-index: 200;
  }
  .schleifen-slider .itemsframe {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    margin-block-start: 150px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    list-style: none;
    padding: 0;
    margin: 0;
    scrollbar-width: none;
  }
  .slick-next {
    right: 2vw !important;
    transform: translateY(100px) !important;
  }
  .slick-prev {
    left: 2vw !important;
    transform: translateY(100px) !important;
  }
}/*# sourceMappingURL=addons.css.map */