@charset "UTF-8";
/* lora-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: "Lora";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/lora-v35-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-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: "Lora";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/lora-v35-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-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: "Lora";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/lora-v35-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-600italic - 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: "Lora";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/lora-v35-latin-600italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-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: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v40-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-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: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v40-latin-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-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: "Open Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/open-sans-v40-latin-500.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-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: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v40-latin-600.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* open-sans-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: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans-v40-latin-700.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;
}

::-moz-selection {
  color: rgb(255, 255, 255);
  background: #9b9b9b;
}

::selection {
  color: rgb(255, 255, 255);
  background: #9b9b9b;
}

/* Basis Styling */
#hamburger {
  position: absolute;
  right: 5rem;
  top: 50px;
  z-index: 1222222910;
  transform: scale(1.5);
}

.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 {
  width: 100%;
  z-index: 1000;
}
#header .content-grid {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
#header .head-line {
  background: #fff;
  position: relative;
  position: absolute;
  box-shadow: 0px 9px 15px -7px rgba(0, 0, 0, 0.75);
  width: 100%;
  z-index: 1001;
}
#header #phonetop {
  display: flex;
  align-items: flex-end;
  cursor: pointer;
}
#header #phonetop span {
  display: block;
  font-size: 2.1875rem;
  font-weight: 500;
  line-height: 2rem;
  padding-left: 0.5rem;
}

@media only screen and (max-width: 768px) {
  #header .content-grid {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
}
.startseite #header .head-line {
  background: transparent;
  box-shadow: 0px 9px 15px -7px rgba(0, 0, 0, 0);
  background: rgb(255, 255, 255);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6404936975) 0%, rgba(255, 255, 255, 0.506039916) 70%, rgba(255, 255, 255, 0) 100%);
}
.startseite .inner-grid-top {
  align-items: center !important;
}

#footer {
  box-shadow: inset 0px 4px 5px 0px rgba(0, 0, 0, 0.37);
}
#footer p,
#footer a {
  font-size: 1.125rem;
  font-weight: 300;
  text-decoration: none;
}
#footer .columnF1 p {
  margin-top: 0;
  margin-bottom: 0;
}
#footer .columnF1 .logo_bottom {
  margin-bottom: 1rem;
  max-width: 250px;
}
#footer .columnF4 {
  text-align: center;
}
#footer .columnF4 a {
  color: #fff;
  text-decoration: none;
}
#footer .columnF4 .rte {
  display: inline-block;
}
#footer .columnF4 .rte .row .column {
  text-align: right;
  align-items: center;
}
#footer .columnF4 .rte .row .column a {
  color: #fff;
  text-decoration: none;
  font-size: 1.375rem;
  font-weight: 600;
}
#footer .columnF3 p {
  font-style: italic;
}
#footer .columnF3 .flex.row {
  gap: 1rem;
}
#footer .columnF3 .flex.column {
  align-items: center;
}
#footer .fullwidthF {
  text-align: center;
  font-weight: 300;
}
#footer .fullwidthF p {
  font-weight: 100 !important;
  font-size: 1.25rem;
  color: #fff;
}

/* 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: #AF2C58;
  transition: all 0.2s ease;
}

.hamburger-icon {
  top: 0.75em;
}

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

.hamburger-icon:after {
  top: 0.55em;
} 
.mod_newslist {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.mod_newslist .layout_latest {
  box-sizing: border-box;
  max-width: 350px;
  position: relative;
  margin: 3rem;
  padding: 10px;
  background: #fff;
  border: 1px solid #691331;
  overflow: hidden;
  min-width: 300px;
}
.mod_newslist .image_container {
  width: 100%;
  overflow: hidden;
}
.mod_newslist h2 {
  position: absolute;
  top: 10px;
  background: rgba(107, 24, 54, 0.7);
  color: #fff;
  font-size: 1rem;
  width: 100%;
  width: calc(100% - 20px);
  margin: 0;
  padding: 5px;
}
.mod_newslist h2 a {
  color: #fff;
  text-transform: none;
  text-decoration: none;
}
.mod_newslist h2 + .ce_text {
  background: #AE2957;
  padding-bottom: 30px;
}
.mod_newslist h2 + .ce_text p {
  color: #fff !important;
  font-size: 1rem !important;
  padding: 0.5rem 1rem;
  font-weight: 100 !important;
}
.mod_newslist .info {
  display: none;
}
.mod_newslist .more {
  background: #6B1836;
  color: #fff;
  text-decoration: none;
  position: absolute;
  bottom: 0;
  right: 20px;
  padding: 3px;
}
.mod_newslist .more a {
  color: #fff;
  text-decoration: none;
  font-size: 0.9rem !important;
  text-transform: lowercase;
  padding: 2px 5px 2px 15px;
}
.mod_newslist .more a::before {
  content: "»";
  padding-right: 5px;
}

#aktuellesSlider {
  overflow: hidden;
  width: 100%;
}

.layout_teaser {
  background-color: #fff;
}

.mod_eventlist {
  padding-top: 2rem;
  position: relative;
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.mod_eventlist .event {
  position: relative;
  display: inline-block;
  flex: 0 0 25%;
  min-width: 290px;
}
.mod_eventlist .event h2 {
  position: static;
  width: 100%;
  background: none;
}
.mod_eventlist .event h3 {
  font-size: 1.2rem;
  margin: 0;
  padding: 0;
}
.mod_eventlist .event.layout_teaser {
  border: 1px solid #d615d6;
}
.mod_eventlist .event.layout_teaser > h2 {
  background-color: rgba(31, 51, 94, 0.8) !important;
}
.mod_eventlist .header {
  display: none;
}

#aktuelles_veranstaltung {
  max-width: 80%;
  width: 80%;
  margin: 0 auto;
}
#aktuelles_veranstaltung .event.layout_teaser {
  border: 1px solid #797979;
}
#aktuelles_veranstaltung .event.layout_teaser > h2 {
  background-color: #6B1836 !important;
  color: #fff !important;
  text-transform: uppercase !important;
}
#aktuelles_veranstaltung .event.layout_teaser > h2 a {
  text-transform: uppercase !important;
}
#aktuelles_veranstaltung .event h2 {
  color: rgba(31, 51, 94, 0.8) !important;
}
#aktuelles_veranstaltung .event .time {
  font-weight: normal;
  padding: 0 5px !important;
  line-height: 1.2rem;
  font-size: 1.1rem;
}
#aktuelles_veranstaltung .event .ce_text {
  padding: 0.8rem;
  padding-bottom: 3rem;
}
#aktuelles_veranstaltung .event .ce_text .image_container {
  position: relative;
  margin-left: -0.8rem;
  width: calc(100% + 1.6rem);
}
#aktuelles_veranstaltung .event .ce_text .image_container + h2, #aktuelles_veranstaltung .event .ce_text .image_container + h3 {
  padding-top: 2rem;
}

p.back a {
  color: #6B1836;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: bold;
}
p.back a::before {
  content: "«";
  padding-right: 5px;
}

.layout_full figure {
  padding: 2rem;
}

@media only screen and (max-width: 500px) {
  .mod_newslist {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .mod_newslist .layout_latest {
    margin: 1rem;
  }
  .mod_eventlist {
    padding-top: 2rem;
    position: relative;
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
  }
  .mod_eventlist .event {
    position: relative;
    display: inline-block;
    flex: 0 0 100%;
    min-width: 0px;
  }
  .mod_newslist .layout_latest {
    box-sizing: border-box;
    max-width: 350px;
    position: relative;
    margin: 1rem;
    padding: 10px;
    background: #fff;
    border: 1px solid #126fb7;
    overflow: hidden;
    min-width: 250px;
  }
}
#aktuelles .content-text.media {
  margin: 3rem 0;
  padding-bottom: 3rem;
  border-bottom: 1px solid #ccc;
}
#aktuelles .content-text.media figure img {
  padding: 1rem;
}

#main #philosophie .inner-grid.content-grid-LR {
  max-width: 90%;
}
#main #philosophie h3 {
  padding-left: 3rem;
}
#main #rat-hilfe.mod_article {
  padding: 3rem 0;
}
#main #trauer-worten .handorgel .content-text {
  padding: 2rem 5rem;
}
#main .trauerfloristikSwiper {
  width: 100%;
  height: 300px;
  position: relative;
}
#main .trauerfloristikSwiper .swiper-slide img {
  max-height: auto;
  height: 300px;
  width: auto;
  margin: 2rem;
}
#main .trauerfloristikSwiper .slick-arrow {
  position: absolute;
  z-index: 20000;
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.5);
  border: 1px solid #126fb7;
  border-radius: 50%;
}
#main .trauerfloristikSwiper .slick-next {
  right: 10px;
}
#main .trauerfloristikSwiper .slick-prev {
  left: 10px;
}
#main .trauerfloristikSwiper .slick-prev:before {
  content: "«";
  font-size: 3rem;
  color: #126fb7;
  line-height: unset;
}
#main .trauerfloristikSwiper .slick-next:before {
  content: "»";
  font-size: 3rem;
  color: #126fb7;
  line-height: unset;
}
#main .trauerfloristikSwiper .slick-slide img {
  transition: all 0.6s ease-in-out;
  transform: scale(1);
}
#main .trauerfloristikSwiper .slick-slide.slick-current img {
  transform: scale(1.2);
}
#main #trauerdekoration {
  margin-bottom: 5rem;
}

#tm_grip {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}
#tm_grip .anzeigeItem {
  max-width: 300px;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: #777;
  padding: 1rem;
  border-radius: 5px;
}
#tm_grip .anzeigeItem .tm_image img {
  width: 100%;
}
#tm_grip .anzeigeItem .tm_name {
  font-weight: 300;
  font-size: 1.5rem;
  color: #126FB7;
}
#tm_grip .anzeigeItem .tm_datum {
  font-size: 1rem;
}

:root {
  --padding-inline: 3rem;
}

html {
  font-size: 16px;
  font-family: "Open Sans";
}

body {
  background-color: #edf2f6;
  overflow-x: hidden;
}
body.hamburger-active #navigation-table {
  transform: translateY(0px);
}

#headImage {
  padding-top: 0;
  position: static;
  z-index: 0;
}
#headImage img {
  width: 100%;
}

#sliderAktuelles_s .slick-track {
  display: flex;
}
#sliderAktuelles_s .slick-track .event {
  padding: 10px;
  background-color: #fff;
  display: table;
  max-width: 350px;
  border: 1px solid rgba(31, 51, 94, 0.8);
  text-align: center;
  margin: 3rem;
}
#sliderAktuelles_s .slick-track .event .time {
  display: none;
}
#sliderAktuelles_s .slick-track .event h2 {
  position: absolute;
  top: 5px;
  background: #af2c58;
  text-align: center;
  width: calc(100% - 20px);
  text-transform: uppercase !important;
}
#sliderAktuelles_s .slick-track .event .ce_text {
  padding-bottom: 30px;
  color: #fff;
}
#sliderAktuelles_s .slick-track .header {
  display: none;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}

::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(51, 51, 51, 0.5);
}

#veranstaltung-grid {
  display: grid;
  grid-template-columns: 30% 30% 30%;
  grid-template-rows: 1fr 1fr;
  justify-content: space-evenly;
}

#btn_bewirbdich img {
  max-width: 250px;
}

.startseite #headImage {
  overflow: visible;
  padding-top: 0;
  position: static;
  z-index: 0;
}
.startseite #headImage img {
  width: 100%;
}
.startseite #headImage .navigation-table {
  z-index: 100;
}
.startseite main {
  z-index: 1;
}

[type=checkbox] {
  position: relative;
  left: 15px;
  top: -4px;
  z-index: 0;
  -webkit-appearance: none;
}

[type=checkbox] + label {
  position: absolute;
}

[type=checkbox] + label::before {
  width: 25px;
  height: 25px;
  border-radius: 5px;
  border: 1px solid #af2c58;
  background-color: #fff;
  display: block;
  content: "";
  float: left;
  margin-right: 5px;
  z-index: 5;
  position: relative;
}

[type=checkbox]:checked + label::before {
  box-shadow: inset 0px 0px 0px 3px #fff;
  background-color: #8cad2d;
}

#navigation-table {
  position: absolute;
}
#navigation-table #nav-line {
  padding-top: 120px !important;
}
#navigation-table #nav-line a {
  color: #fff;
  font-size: 1.125rem;
}
#navigation-table #nav-line a.head {
  font-weight: 500;
  font-size: 1.375rem;
}
#navigation-table #nav-line .column {
  display: flex;
  flex-direction: column;
}

.startseite #navigation-table #nav-line {
  padding-top: 250px !important;
}
.startseite .f3 {
  width: 300px;
}

#headTitle {
  background: rgba(107, 24, 54, 0.8);
  color: #fff;
  font-family: "Lora";
  position: absolute;
  bottom: 0;
  width: 100%;
}
#headTitle h1 {
  font-family: inherit;
  color: #fff;
  font-size: 3.75rem;
  margin: 1rem 0;
  font-weight: 500;
  font-style: italic;
}

#main p,
#main li {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-family: inherit;
  font-weight: 500;
  color: #6f6f6f;
}
#main li {
  line-height: 1.6rem;
  padding-left: 0.7rem;
}
#main .rte a {
  color: #fff;
}
#main .rte a:hover {
  color: #777;
}
#main ul {
  padding-left: 28px;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.content-grid {
  --content-maxwidth: 1860px;
  --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];
}
.content-grid > * {
  grid-column: content;
}
.content-grid > .content {
  grid-column: content;
}
.content-grid > .inner-grid {
  grid-column: full-width;
}
.content-grid > .breakout {
  grid-column: breakout;
}
.content-grid > .full-width {
  grid-column: full-width;
}
.content-grid > .hide-pop {
  grid-column: full-width;
}
.content-grid > .slider {
  grid-column: full-width;
}

.inner-grid-top {
  display: flex;
  justify-content: space-between;
}

.grid4 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 1rem 1rem;
}
.grid4 strong {
  color: #af2c58;
}
.grid4 .content-text .rte .head {
  display: block;
}
.grid4 .content-text .rte .head p {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 1rem !important;
}
.grid4 .content-text .rte .head p > strong {
  font-size: 1.25rem;
  color: #af2c58;
  font-weight: 600;
}
.grid4 .content-text .rte .head + p {
  display: block !important;
}
.grid4 .content-text figure {
  margin-top: 0;
}

#main .teamgalerie {
  padding: 1.5rem;
}
#main .teamgalerie img {
  width: 100%;
}
#main .teamgalerie .content-text {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
#main .teamgalerie .content-text .rte,
#main .teamgalerie .content-text figure {
  grid-area: 1/1;
}
#main .teamgalerie .content-text .rte {
  z-index: 99;
  padding: 0.7rem;
}
#main .teamgalerie .content-text .rte p {
  color: #fff;
}
#main .teamgalerie .content-text figure {
  z-index: 98;
}
#main .teamgalerie .content-text.media {
  cursor: pointer !important;
}
#main .teamgalerie .content-text.media .rte {
  z-index: 99;
  padding: 0.7rem;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
#main .teamgalerie .content-text.media:hover .rte, #main .teamgalerie .content-text.media:focus .rte, #main .teamgalerie .content-text.media:active .rte, #main .teamgalerie .content-text.media.show .rte {
  opacity: 1;
  background: rgba(26, 39, 54, 0.5);
  height: 100%;
}
#main .teamgalerie .content-text.media:hover figure img, #main .teamgalerie .content-text.media:focus figure img, #main .teamgalerie .content-text.media:active figure img, #main .teamgalerie .content-text.media.show figure img {
  filter: grayscale(100%);
}
#main .teamgalerie .head p:nth-of-type(2) {
  color: #222 !important;
}
#main .housegalerie {
  padding: 0rem;
}
#main .housegalerie ul {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 25% 25% 25% 25%;
  box-sizing: border-box;
}
#main .housegalerie ul li {
  padding: 0;
  margin: 15px;
  background-color: #fff;
}
#main .housegalerie ul li img {
  border: 1px solid #af2c58;
  padding: 3px;
  cursor: pointer;
}

#sliderAktuelles_start .swiper-wrapper {
  grid-column: 1/span 3;
}
#sliderAktuelles_start .mod_newslist {
  margin: 0 auto;
}

#aktuelles .info {
  display: none;
}

.inner-grid {
  display: grid;
  grid-template-columns: 33% 33% 1fr;
  grid-template-rows: auto;
}
.inner-grid.footer-grid {
  grid-template-columns: 20% 20% 1fr 25% 15%;
  grid-column: content;
  grid-template-areas: "columnF1 columnF2 columnF3 columnF4 columnF5" "fullwidthF fullwidthF fullwidthF fullwidthF fullwidthF";
}
.inner-grid .fullwidth {
  grid-area: fullwidth;
}
.inner-grid .columnF1 {
  grid-area: columnF1;
}
.inner-grid .columnF1 .rte {
  display: inline-block;
}
.inner-grid .columnF3 {
  grid-area: columnF3;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto;
  cursor: pointer;
}
.inner-grid .columnF3 .columnF2_img {
  grid-column: 1/span 1;
  grid-row: 1/span 1;
  z-index: 2;
  opacity: 1;
  transition: all 0.5s ease-in-out;
  justify-self: end;
}
.inner-grid .columnF3 .columnF2_img:hover {
  opacity: 0;
}
.inner-grid .columnF3 .columnF2_img_ov {
  grid-column: 1/span 1;
  grid-row: 1/span 1;
  z-index: 1;
  justify-self: end;
}
.inner-grid .columnF3 img {
  margin: 0 auto;
}
.inner-grid .columnF3 #flyer {
  justify-self: start;
}
.inner-grid .columnF3 #flyer img {
  width: auto;
  max-height: 100px;
}
.inner-grid .columnF2 {
  grid-area: columnF2;
  text-align: center;
}
.inner-grid .columnF2 .rte {
  display: inline-block;
  margin: 0 auto;
  text-align: left;
}
.inner-grid .columnF4 {
  grid-area: columnF4;
}
.inner-grid .columnF5 {
  grid-area: columnF5;
}
.inner-grid .columnF5 .rte {
  text-align: right;
}
.inner-grid .columnF5 .flex.column {
  align-items: flex-end;
}
.inner-grid .columnF5 .flex.column a {
  color: #fff;
}
.inner-grid .fullwidthF {
  grid-area: fullwidthF;
  font-size: 1.25rem;
  font-weight: 700;
}
.inner-grid .fullwidthF p {
  font-size: 1.25rem !important;
  font-weight: 700 !important;
}
.inner-grid.content-grid-right, .inner-grid.content-grid-LR {
  max-width: 1860px;
  margin: 0 auto;
  width: 100%;
  --content-width: calc((100vw - $content-maxwidth) / 2);
  grid-template-columns: 25% 25% 25% 25%;
  grid-template-rows: auto;
  grid-template-areas: "leftR leftR rightR rightR";
}
.inner-grid.content-grid-right.full-width, .inner-grid.content-grid-LR.full-width {
  grid-template-columns: 1fr;
  grid-template-areas: "fullwidth fullwidth fullwidth fullwidth";
}
.inner-grid.content-grid10 {
  max-width: 1860px;
  margin: 0 auto;
  width: 100%;
  grid-template-columns: repeat(10, 10%);
  grid-template-rows: auto;
}
.inner-grid.content-grid10 .left40 {
  grid-column: 1/span 4;
}
.inner-grid.content-grid10 .right60 {
  grid-column: 5/-1;
}
.inner-grid.content-grid10 .full {
  grid-column: 2/10;
}
.inner-grid.content-grid10 .left50 {
  grid-column: 1/span 5;
}
.inner-grid.content-grid10 .right50 {
  grid-column: 6/-1;
}
.inner-grid.content-grid10 .right50 .rte {
  padding: 5rem;
}
.inner-grid.content-grid-full {
  grid-column: breakout;
}
.inner-grid.content-grid-full-page {
  grid-column: full-width;
  grid-template-columns: 100vw;
  grid-template-rows: auto;
}
.inner-grid .leftR,
.inner-grid .left50 {
  grid-area: leftR;
}
.inner-grid .leftR .rte,
.inner-grid .left50 .rte {
  padding-right: 2rem;
}
.inner-grid .rightR,
.inner-grid .right50 {
  grid-area: rightR;
}
.inner-grid .rightR img,
.inner-grid .right50 img {
  width: 100%;
}
.inner-grid .padding-left {
  padding: 2rem 5rem 2rem 3rem;
}

.flexR {
  display: flex;
  justify-content: space-between;
}
.flexR.valigncenter {
  align-items: center;
}
.flexR.valigncenter.column {
  flex-direction: column;
}
.flexR.valigncenter.overlay {
  justify-content: unset;
  justify-content: center;
}

.c_betreff.widget {
  width: 100%;
}
.c_betreff.widget input {
  width: 100% !important;
}

.flexC {
  display: flex;
  justify-content: space-evenly;
}
.flexC.valigncenter {
  align-items: center;
}
.flexC.valigncenter.column {
  flex-direction: column;
}
.flexC.valigncenter.overlay {
  justify-content: unset;
  justify-content: center;
}
.flexC .widget {
  width: 100%;
}
.flexC .widget input {
  width: 100% !important;
}

#schritte-trauerfall img {
  max-width: 100%;
}

#article-105 .right60 .mod_rocksolid_slider {
  padding: 1rem 3rem 3rem 3rem;
}

#h1-start {
  text-align: center;
  font-size: 3.125rem;
  font-size: 3.125rem;
  font-family: "Lora";
  font-weight: 700;
  font-style: italic;
  margin-top: 1rem;
  color: #6b1836;
  margin-bottom: 2rem;
  word-break: break-word;
  hyphenate-limit-chars: auto 5;
}

.mod_rocksolid_slider .rsts-view {
  padding: 5px;
}
.mod_rocksolid_slider .rsts-view img {
  margin: 2rem;
  border: 1px solid #af2c58;
  padding: 6px;
  background-color: #fff;
}
.mod_rocksolid_slider .rsts-skin-default.rsts-type-fade .rsts-slide {
  background-color: transparent;
}

.rsts-skin-default.rsts-type-fade .rsts-slide {
  background-color: transparent !important;
}

#ctrl_19 {
  border: 0;
}
#ctrl_19 #opt_19_0 {
  width: 30px;
}
#ctrl_19 span {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  font-size: 0.9rem;
  color: #333;
}
#ctrl_19 span label {
  font-size: 0.9rem;
  color: #333;
}

#lbl_19_0 {
  font-style: italic;
}

#formular h1,
#formular h2,
#formular .bg_hblue2 {
  text-align: center;
  font-size: 3.125rem;
  font-size: 3.125rem;
  font-family: "Lora";
  font-weight: 700;
  font-style: italic;
  margin-top: 1rem;
  color: #6b1836;
  margin-bottom: 2rem;
  word-break: break-word;
  hyphenate-limit-chars: auto 5;
}

.checkliste a {
  background: #6b1836;
  color: #fff;
  padding: 1rem 2rem;
  text-decoration: none;
  margin-top: 5rem;
  display: inline-block;
}

#impressum-txt a {
  color: #af2c58 !important;
}

.hinweisP {
  position: absolute;
  background-color: #990000;
  color: #fff !important;
  padding: 1rem 2rem;
  display: none;
  transform: rotate(9deg);
  right: 25%;
  margin-left: auto;
}

#ihr-team .grid4 {
  margin-top: 1rem;
}
#ihr-team .grid4 strong {
  font-size: 1.5rem;
}
#ihr-team a,
#ihr-team p,
#ihr-team h1,
#ihr-team h2 {
  color: #fff;
}

#formularstart {
  display: grid;
  grid-template-columns: 1fr;
  justify-items: normal;
}
#formularstart > .ce_form {
  grid-column: 1/span 1;
}
#formularstart > .ce_form .row div.widget {
  flex: 0 0 45% !important;
}
#formularstart > .ce_form .row div.widget input {
  width: 100%;
}
#formularstart > .ce_form .row div.widget input::-moz-placeholder {
  font-weight: 100;
  font-style: italic;
  color: #868686;
}
#formularstart > .ce_form .row div.widget input::placeholder {
  font-weight: 100;
  font-style: italic;
  color: #868686;
}
#formularstart > .ce_form .row div.widget-textarea {
  flex: 0 0 100% !important;
  width: 100% !important;
}
#formularstart > .ce_form .row div.widget-textarea textarea {
  width: 100%;
  border: 1px solid #af2c58;
  padding: 1rem;
}
#formularstart > .ce_form .row div.widget-textarea textarea::-moz-placeholder {
  font-weight: 100;
  font-style: italic;
  color: #868686;
}
#formularstart > .ce_form .row div.widget-textarea textarea::placeholder {
  font-weight: 100;
  font-style: italic;
  color: #868686;
}

.inner-grid-right {
  display: grid;
  --content-maxwidth: 1860px;
  --padding-inline: 3rem;
  --breakout-maxwidth: 100rem;
  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];
  grid-template-rows: auto;
}
.inner-grid-right .leftR {
  grid-column: 2/span 2;
  max-width: 930px;
  max-width: 930px;
  width: 100%;
}
.inner-grid-right .leftR.content-text {
  padding: 2rem 5rem 2rem 0rem;
}
.inner-grid-right .rightR {
  grid-column: 4 breakout-end/span 2;
  width: 100%;
}
.inner-grid-right .rightR.randR {
  grid-column: 4 breakout-end/6;
}
.inner-grid-right .rightR img {
  width: 100%;
}
.inner-grid-right .centerRL {
  grid-column: 2/span 4;
}
.inner-grid-right #formular > .ce_form {
  grid-column: 3/span 3;
}
.inner-grid-right.justify-start {
  justify-items: start;
}
.inner-grid-right .left0 {
  grid-column: 1/span 3;
}
.inner-grid-right .right50 {
  grid-column: 4 breakout-end/span 2;
}
.inner-grid-right.column3 {
  grid-template-columns: 30% 1fr 30%;
  grid-template-rows: auto;
}
.inner-grid-right.column3 .left33 {
  grid-column: 1/span 2;
}
.inner-grid-right.column3 .center33 {
  grid-column: 3/span 2;
}
.inner-grid-right.column3 .right33 {
  grid-column: 5/span 2;
}
.inner-grid-right.c4060 {
  grid-template-columns: 40% 1fr;
  grid-template-rows: auto;
}
.inner-grid-right.c4060 .left40 {
  grid-column: 1/span 2;
}
.inner-grid-right.c4060 .right60 {
  grid-column: 3/span 2;
}
.inner-grid-right.c3070 {
  grid-template-columns: 30% 1fr;
  grid-template-rows: auto;
}
.inner-grid-right.c3070 .left40 {
  grid-column: 1/span 2;
}
.inner-grid-right.c3070 .right60 {
  grid-column: 3/span 2;
}
.inner-grid-right.c6040 {
  grid-template-columns: 60% 1fr;
  grid-template-rows: auto;
}
.inner-grid-right.c6040 .left60 {
  grid-column: 1/span 2;
}
.inner-grid-right.c6040 .right40 {
  grid-column: 3/span 2;
}

.grid-intented {
  display: grid;
  grid-template-columns: 3rem repeat(10, 1fr) 3rem;
  grid-gap: 0;
}
.grid-intented .leftI {
  grid-column: 2/7;
}
.grid-intented .rightI {
  grid-column: 7/13;
}
.grid-intented .fullI {
  grid-column: 1/-1;
}

#philosophie .grid-intented.w90 {
  max-width: 90%;
  width: 90%;
  margin: 0 auto;
}

.inner-grid-rightI.full-width,
.inner-grid-leftI.full-width,
.inner-grid-centerI.full-width {
  display: grid;
  grid-template-columns: var(--padding-inline) repeat(12, 1fr) var(--padding-inline) !important;
}
.inner-grid-rightI.full-width .leftI,
.inner-grid-rightI.full-width .left50,
.inner-grid-leftI.full-width .leftI,
.inner-grid-leftI.full-width .left50,
.inner-grid-centerI.full-width .leftI,
.inner-grid-centerI.full-width .left50 {
  grid-column: 2/7;
}
.inner-grid-rightI.full-width .leftI.c60,
.inner-grid-rightI.full-width .left50.c60,
.inner-grid-leftI.full-width .leftI.c60,
.inner-grid-leftI.full-width .left50.c60,
.inner-grid-centerI.full-width .leftI.c60,
.inner-grid-centerI.full-width .left50.c60 {
  grid-column: 2/8;
}
.inner-grid-rightI.full-width .rightI,
.inner-grid-rightI.full-width .right50,
.inner-grid-leftI.full-width .rightI,
.inner-grid-leftI.full-width .right50,
.inner-grid-centerI.full-width .rightI,
.inner-grid-centerI.full-width .right50 {
  grid-column: 8/15;
}
.inner-grid-rightI.full-width .rightI.c40,
.inner-grid-rightI.full-width .right50.c40,
.inner-grid-leftI.full-width .rightI.c40,
.inner-grid-leftI.full-width .right50.c40,
.inner-grid-centerI.full-width .rightI.c40,
.inner-grid-centerI.full-width .right50.c40 {
  grid-column: 9/15;
}
.inner-grid-rightI.full-width .right4060,
.inner-grid-leftI.full-width .right4060,
.inner-grid-centerI.full-width .right4060 {
  grid-column: 5/15;
}

.inner-grid-centerFlex {
  display: flex;
}
.inner-grid-centerFlex .leftI {
  flex: 0 0 50%;
}
.inner-grid-centerFlex .rightI {
  flex: 0 0 50%;
}

#img_trauerhilfe {
  background-image: url("../bilder/hm5/Trauerhilfe.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

#bestattungsformen .w80 .rte {
  max-width: 80%;
}
#bestattungsformen .f40 {
  flex: 0 0 40%;
}
#bestattungsformen .f40 .leftI,
#bestattungsformen .f40 .leftR,
#bestattungsformen .f40 .rightI,
#bestattungsformen .f40 .rightR {
  flex: 0 0 40%;
}
#bestattungsformen .f40_2 {
  flex: 0 0 47%;
}
#bestattungsformen .f40_2 .leftI,
#bestattungsformen .f40_2 .leftR,
#bestattungsformen .f40_2 .rightI,
#bestattungsformen .f40_2 .rightR {
  flex: 0 0 47%;
}
#bestattungsformen .space-between {
  justify-content: space-between;
}

#trauer-worten #ttext {
  grid-column: 7/12;
}

#grabpflege .w40 {
  max-width: 45%;
}

.inner-grid-leftI.full-width .left0 {
  grid-column: 1/8;
}
.inner-grid-leftI.full-width .right50 {
  grid-column: 8/14;
}

.inner-grid-centerI.full-width .leftI {
  grid-column: 2/8;
}
.inner-grid-centerI.full-width .rightI {
  grid-column: 8/14;
}
.inner-grid-centerI .leftR {
  grid-column: 2/8;
}
.inner-grid-centerI .rightR {
  grid-column: 8/14;
}
.inner-grid-centerI .left40 {
  grid-column: 2/7;
}
.inner-grid-centerI .right60 {
  grid-column: 7/14;
}
.inner-grid-centerI.column3 .left33I {
  grid-column: 2/6;
}
.inner-grid-centerI.column3 .center33I {
  grid-column: 6/10;
  margin: 0 2rem;
}
.inner-grid-centerI.column3 .right33I {
  grid-column: 10/14;
}
.inner-grid-centerI.column3 .right33I.margin0 {
  margin-right: 0;
  margin-left: auto;
}
.inner-grid-centerI.space-between {
  grid-template-columns: var(--padding-inline) repeat(2, 300px) var(--padding-inline) !important;
  justify-items: space-between;
}
.inner-grid-centerI.space-between .leftI {
  grid-column: auto;
}
.inner-grid-centerI.space-between .rightI {
  grid-column: auto;
}

#philosophie .leftR {
  grid-column: 1/span 3;
  max-width: 930px;
  max-width: 930px;
  width: 100%;
}
#philosophie .leftR.content-text {
  padding: 2rem 5rem 2rem 0rem;
}
#philosophie .rightR {
  grid-column: 4 breakout-end/span 2;
  width: 100%;
}
#philosophie .rightR.randR {
  grid-column: 4 breakout-end/6;
}
#philosophie .rightR img {
  width: 100%;
}

#gedenkportal {
  background: url("../bilder/start/gedenkportal.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1816px 80%;
}
#gedenkportal h1,
#gedenkportal h2 {
  font-size: 3.125rem;
  font-family: "Lora";
  font-weight: 700;
  font-style: italic;
  margin-top: 1rem;
  color: #6b1836;
  margin-bottom: 2rem;
  word-break: break-word;
  hyphenate-limit-chars: auto 5;
}
#gedenkportal .centerRL {
  width: 100%;
}
#gedenkportal .centerRL input {
  width: 100%;
  border: 1px solid #af2c58;
  padding: 8px;
}
#gedenkportal .centerRL input::-moz-placeholder {
  font-weight: 100;
  font-style: italic;
  color: #868686;
}
#gedenkportal .centerRL input::placeholder {
  font-weight: 100;
  font-style: italic;
  color: #868686;
}
#gedenkportal #sform {
  padding-bottom: 2rem;
}
#gedenkportal button {
  background-color: #af2c58;
  color: #fff;
  border: 0;
  margin-top: 0rem;
  padding: 0.6rem 1rem;
  border: none;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 500;
}

.marginRL5 {
  margin: 0 5rem;
}

#trauerzitate p,
#symbole_rte p {
  font-style: italic;
}

.ce_accordion {
  margin-top: 1rem;
}
.ce_accordion .toggler button {
  width: 80%;
  background-color: #af2c58;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 1rem 2.5rem;
  padding-right: 3.5rem;
  text-align: left;
  border: 0;
  position: relative;
  cursor: pointer;
}
.ce_accordion .toggler button::after {
  content: url("../icons/plus.png");
  margin-left: 1rem;
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
.ce_accordion .toggler.open button::after {
  content: url("../icons/minus.png");
}
.ce_accordion .content-text {
  background-color: #af2c58;
  padding: 2rem;
  width: 80%;
}

#rat-hilfe .kasten.bg_blau5 {
  margin-top: 3rem;
  padding: 2rem;
}

#trauerfeier .inner-grid-right {
  align-items: center;
}

#kinder-trauern {
  background: url("../bilder/hm5/Kinder-trauern.jpg");
  background-size: auto 100%;
  background-repeat: no-repeat;
}
#kinder-trauern .marginN5 {
  margin-left: -5rem;
}
#kinder-trauern .rightR {
  padding-left: 0;
}
#kinder-trauern ul {
  padding-left: 5rem;
}
#kinder-trauern ul li {
  padding-left: 0;
}
#kinder-trauern strong {
  text-transform: uppercase;
  font-weight: 500;
}
#kinder-trauern li {
  margin-bottom: 0.8rem;
}

#trauerhilfe #trauerhilfe_rte {
  padding: 3rem 0;
}
#trauerhilfe #trauerhilfe_rte strong {
  text-transform: uppercase;
}
#trauerhilfe #trauerhilfe_rte li {
  margin-bottom: 1rem;
}
#trauerhilfe .rightR img {
  border-left: 5rem;
  border-color: #6b1836;
  border-style: solid;
}

#trauer-worten {
  background: url("../bilder/hm3/kondolenz.jpg");
  background-size: 100% auto;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 0 !important;
}
#trauer-worten .rte p,
#trauer-worten .rte li,
#trauer-worten .rte h2,
#trauer-worten .rte h1 {
  color: #af2c58;
}
#trauer-worten button {
  text-align: center;
}
#trauer-worten .w80.hcenter {
  margin-bottom: 3rem;
}

#gp {
  text-decoration: none;
}
#gp:hover {
  color: #cccccc !important;
}

#bestattungsformen .inner-grid-right {
  justify-items: start;
}
#bestattungsformen .inner-grid-right:nth-of-type(2) .rightR img {
  max-width: 570px;
}
#bestattungsformen .ce_accordion .toggler button {
  background-color: #3e5f3d;
  width: 80%;
}
#bestattungsformen .inner-grid-right {
  align-items: center;
}
#bestattungsformen #handorgel1,
#bestattungsformen #handorgel2,
#bestattungsformen #handorgel3,
#bestattungsformen #handorgel4 {
  position: relative;
}
#bestattungsformen #handorgel1::before,
#bestattungsformen #handorgel2::before,
#bestattungsformen #handorgel3::before,
#bestattungsformen #handorgel4::before {
  content: url("../bilder/hm2/icon_kolumbarium.png");
  margin-right: 1rem;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  z-index: 300;
}
#bestattungsformen #handorgel1 button,
#bestattungsformen #handorgel2 button,
#bestattungsformen #handorgel3 button,
#bestattungsformen #handorgel4 button {
  padding-left: 50px;
}
#bestattungsformen #handorgel2 {
  position: relative;
}
#bestattungsformen #handorgel2::before {
  content: url("../bilder/hm2/icon_lenkrad_schiff.png");
}
#bestattungsformen #handorgel3 {
  position: relative;
}
#bestattungsformen #handorgel3::before {
  content: url("../bilder/hm2/icon_baum.png");
}
#bestattungsformen #handorgel4 {
  position: relative;
}
#bestattungsformen #handorgel4::before {
  content: url("../bilder/hm2/icon_blaetter.png");
}
#bestattungsformen .ce_accordion .content-text {
  background-color: #3e5f3d;
  padding: 2rem;
  width: 80%;
}
#bestattungsformen .ce_accordion .content-text p,
#bestattungsformen .ce_accordion .content-text li {
  color: #fff;
}

h1 + h2 {
  margin-top: 0;
  margin-bottom: 0.75rem;
}
h1 + h2 + p {
  margin-top: 0;
}

#grabpflege {
  background: url("../bilder/hm2/grabpflege_.jpg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right center;
}
#grabpflege .rte p,
#grabpflege .rte li,
#grabpflege .rte h2,
#grabpflege .rte h1 {
  color: #fff;
}

#testament-erbrecht .kasten {
  margin: 0 !important;
  padding: 1rem 2rem !important;
}
#testament-erbrecht .kasten.blau {
  background-color: #af2c58;
}
#testament-erbrecht .kasten.blau p,
#testament-erbrecht .kasten.blau li,
#testament-erbrecht .kasten.blau h2,
#testament-erbrecht .kasten.blau h1 {
  color: #fff;
}

#kondolenzratgeber {
  background-color: #fef4f1;
}
#kondolenzratgeber .kasten {
  margin: 0 !important;
  padding: 2rem 3.8rem !important;
}
#kondolenzratgeber .kasten.grau {
  background-color: #979fa7;
}
#kondolenzratgeber .kasten.grau p,
#kondolenzratgeber .kasten.grau li,
#kondolenzratgeber .kasten.grau h2,
#kondolenzratgeber .kasten.grau h1 {
  color: #fff;
}
#kondolenzratgeber .kasten.beige {
  background-color: transparent;
}

#bestattungskosten {
  background-color: #aeb3b9;
  background-image: url("../bilder/hm4/bestattungskosten.jpg");
  background-position: 3rem 0;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
#bestattungskosten .rte p,
#bestattungskosten .rte li,
#bestattungskosten .rte h2,
#bestattungskosten .rte h1 {
  color: #fff;
}

#abschiedsrituale .content-text.bg_blau {
  position: relative;
  transform: translate(-35%, -25%);
  padding: 1rem 2rem;
  max-width: 89%;
}

.videofaq .rte h3 a {
  text-decoration: none !important;
  color: #af2c58 !important;
}

#main .bg_hblue,
#main .bg_hblau {
  background: #af2c58;
}
#main .bg_hblue2 {
  background: #af2c58;
}
#main .bg_hhblau {
  background: #dfdfdf;
}
#main .bg_beige {
  background: #dfdfdf;
}
#main .bg_gruen {
  background: #dfdfdf;
}
#main .bg_gruen h1,
#main .bg_gruen h2,
#main .bg_gruen li,
#main .bg_gruen p {
  color: #3e5f3d;
}
#main .bg_gruen p {
  color: #555;
}
#main .bg_grau {
  background: #bec3c7;
}
#main .bg_hgrau {
  background: #edf2f6;
}
#main .bg_hgrau a {
  color: #af2c58;
  text-decoration: none;
}
#main .bg_grau_color {
  background-color: #bec3c7;
}
#main .bg_blau5 {
  background: #af2c58;
}
#main .bg_blau5 h1,
#main .bg_blau5 h2,
#main .bg_blau5 li,
#main .bg_blau5 p {
  color: #fff;
}
#main .bg_blau {
  background: #6b1836;
}
#main .bg_blau h1,
#main .bg_blau h2,
#main .bg_blau h3,
#main .bg_blau p,
#main .bg_blau li {
  color: #fff;
}
#main .bg_hblue3 {
  background: #dfdfdf;
}
#main .bg_blue8 {
  background: #dfdfdf;
}
#main .bg_weiss {
  background: #fff;
  color: #000 !important;
}
#main .bg_weiss p,
#main .bg_weiss li {
  color: #000;
}
#main .bg_weiss p strong,
#main .bg_weiss li strong {
  color: #af2c58;
}
#main .bg_rat {
  background: rgb(255, 255, 255);
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(211, 211, 211) 0%, rgb(161, 161, 161) 50%, rgb(224, 224, 224) 50%);
}
#main .bg_ausstellung {
  background: #fff;
}
#main .mod_article {
  padding: 5rem 0;
}
#main .kasten {
  padding: 3rem;
  margin-left: 3rem;
}
#main .vcenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#main .kastenBlau {
  background-color: #af2c58;
  color: #fff;
  padding: 1rem 2rem;
  margin: 5rem 0 0 0;
}
#main .kastenBlau h2,
#main .kastenBlau p {
  color: #fff;
  font-style: italic;
}
#main .justify-bottom {
  align-items: end;
}

.hcenter.w80 {
  max-width: 80%;
  margin: 0 auto;
}

.slider {
  pointer-events: none;
}
.slider .swiper-wrapper img {
  pointer-events: none;
}

.holder-swiper {
  pointer-events: all;
}

.grid-square {
  grid-template-columns: 50% 50%;
  grid-template-rows: 50% 50%;
  display: grid;
  max-width: 900px;
  margin: 0 auto;
  gap: 2rem 2rem;
  margin-bottom: 10rem;
}
.grid-square .itemA {
  grid-area: 1/1;
}
.grid-square .itemB {
  grid-area: 1/2;
}
.grid-square .itemC {
  grid-area: 2/1;
}
.grid-square .itemD {
  grid-area: 2/2;
}

.bigger p {
  font-size: 1.875rem !important;
  font-weight: 500 !important;
  line-height: 2.5rem !important;
}

#symbole_rte .item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}

#musik_items {
  display: flex;
  gap: 5rem;
}
#musik_items .m_item {
  width: 600px;
  max-width: 100%;
}

.justify-end > .flexR {
  justify-content: flex-end;
}

.float-right {
  float: right;
}

.w70 {
  max-width: 70%;
  margin: 0 auto;
}

.w80 {
  max-width: 80%;
  display: inline-block;
  width: 100%;
}
.w80.hcenter {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.w80.hcenter section {
  width: 100%;
}
.w80.hcenter .toggler {
  text-align: center;
  width: 100%;
}
.w80 .ce_accordion .content-text {
  background-color: #fff;
  border: 1px solid #af2c58;
  margin: 0 auto;
}

.w90 {
  max-width: 90%;
}

.content-grid-full {
  grid-column: breakout;
  max-width: 1860px;
  margin: 0 auto;
  padding: 2rem 3rem 2rem 3rem;
}

.gap3 {
  gap: 3rem 3rem;
  width: 100%;
}
.gap3 .content-text {
  flex: 0 0 calc(50% - 1.5rem) !important;
}

h4 {
  font-size: 1.25rem;
  color: #af2c58;
}

.padding-5 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.padding5 {
  padding: 5rem;
}

.padding50 {
  padding: 5rem 0;
}

.padding53 {
  padding: 5rem 3rem;
}

.padding3 {
  padding: 3rem;
}

.padding30 {
  padding: 3rem 0;
}

.padding2 {
  padding: 2rem;
}

.padding02 {
  padding: 0 2rem;
}

#friedhoefe h1 {
  color: #3e5f3d;
}
#friedhoefe .scrollpad {
  height: 500px;
  max-height: 500px;
  overflow-y: scroll;
}
#friedhoefe ul.clickable {
  list-style: none;
  margin-left: 0;
}
#friedhoefe ul.clickable li {
  margin-bottom: 2rem;
  font-size: 1rem;
  cursor: pointer;
}
#friedhoefe ul.clickable h3 {
  text-transform: uppercase;
  font-size: 1.2rem;
}
#friedhoefe ul.clickable h3,
#friedhoefe ul.clickable a {
  padding: 0;
  margin: 0;
  color: #666;
}
#map {
  border: 1px solid #af2c58;
}

#bestattungskosten .leftR {
  grid-column: 2/7;
}

.widget.widget-text, .widget.widget-textarea, .widget.widget-password {
  display: flex;
  margin-bottom: 2rem;
}
.widget.widget-text input[type=text],
.widget.widget-text input[type=password],
.widget.widget-text input[type=email],
.widget.widget-text #ctrl_7, .widget.widget-textarea input[type=text],
.widget.widget-textarea input[type=password],
.widget.widget-textarea input[type=email],
.widget.widget-textarea #ctrl_7, .widget.widget-password input[type=text],
.widget.widget-password input[type=password],
.widget.widget-password input[type=email],
.widget.widget-password #ctrl_7 {
  padding: 1rem;
  border: 1px solid #af2c58;
  border-radius: 5px;
  margin-bottom: 0rem;
  background-color: #fff;
}
.widget.widget-text label, .widget.widget-textarea label, .widget.widget-password label {
  font-size: 1.25rem;
  color: #af2c58;
  margin-bottom: 0.5rem;
}
.widget.widget-text p, .widget.widget-textarea p, .widget.widget-password p {
  margin-bottom: 1rem;
}
.widget #ctrl_8 {
  border: 0;
}
.widget #ctrl_8 #lbl_8_0 {
  font-size: 0.9rem;
}
.widget #ctrl_7 {
  padding: 1rem;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-bottom: 0rem;
  background-color: #af2c58;
}
.widget label {
  font-size: 1.25rem;
  color: #af2c58;
  margin-bottom: 0.5rem;
}

#kontakt_form .widget.widget-text, #kontakt_form .widget.widget-textarea, #kontakt_form .widget.widget-password {
  margin-bottom: 0rem;
}

#article-74,
#article-80,
#article-86 {
  margin-bottom: 10rem;
}

#kontakt_form {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
}

#gh_text {
  padding-top: 0;
}
#gh_text p {
  font-size: 0.9rem !important;
  font-weight: 500 !important;
}

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

button[type=submit] {
  background-color: #af2c58;
  color: #fff;
  padding: 0.6rem 1rem;
  border: none;
  cursor: pointer;
  font-size: 1.25rem;
  font-weight: 500;
  margin-top: 1rem;
  margin: 0 0 0 auto;
}

.g-v-center {
  align-items: center;
}

.padding-bottom-10 {
  padding-bottom: 10rem !important;
}

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

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

.padding5 {
  padding: 5rem;
}

.paddingTB0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

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

.paddingL5 {
  padding-left: 5rem !important;
}

.overflow-image,
.overflow-image_ {
  position: relative;
}
.overflow-image .over-name,
.overflow-image_ .over-name {
  position: absolute;
  bottom: 6rem;
  left: 8rem;
  background-color: #fff;
  padding: 0.3rem 1rem;
  font-size: 1.875rem;
  text-transform: uppercase;
  color: #333;
  border-radius: 7px;
}

.pos-relative {
  position: relative;
}

.overlayImage {
  position: absolute;
  bottom: -5%;
  right: 10%;
}
.overlayImage img {
  max-width: 900px;
  border-radius: 10px;
  transition: all 0.5s ease-in-out;
}
.overlayImage:hover img {
  transform: translateY(10%);
}

.flexicon {
  display: flex;
  color: #af2c58 !important;
  text-transform: none;
  align-items: center;
  cursor: pointer;
}
.flexicon img {
  margin-right: 5px;
}

.overflow-image {
  overflow: hidden;
}
.overflow-image img {
  transition: all 0.5s ease-in-out;
}

#finanzielle-absicherung .inner-grid-centerI.full-width {
  align-items: center;
}

#main #sliderStart .slick-prev:before,
#main #sliderStart .slick-next:before,
#main #sliderAktuelles_s .slick-prev:before,
#main #sliderAktuelles_s .slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 40px;
  color: #1f335e;
}
#main #sliderStart .slick-prev:before {
  content: url("../icons/btn_prev2.png");
}
#main #sliderStart .slick-next:before {
  content: url("../icons/btn_next2.png");
}
#main #sliderStart .slick-prev,
#main #sliderStart .slick-next {
  z-index: 2333;
  width: 50px;
  height: 50px;
}
#main #sliderStart .slick-prev {
  right: auto !important;
  left: calc(50% - 350px) !important;
}
#main #sliderStart .slick-next {
  left: auto !important;
  right: calc(50% - 350px) !important;
}
#main #sliderStart .slick-prev:before,
#main #sliderStart .slick-next:before {
  font-size: 40px;
  color: #6b1836;
}
#main .next2,
#main .prev2 {
  position: absolute;
  top: 50%;
  cursor: pointer;
}
#main .next2 {
  right: -30px;
}
#main .prev2 {
  left: -30px;
}
#main #sliderAktuelles_s {
  position: relative;
  width: calc(100% - 6rem);
  margin: 0 auto;
}
#main #sliderAktuelles_s .slick-slider {
  position: static;
}
#main #sliderAktuelles_s #sliderAktuelles_start3 {
  overflow: hidden;
}
#main #sliderAktuelles_s .slick-prev,
#main #sliderAktuelles_s .slick-next {
  z-index: 2333;
  width: 50px;
  height: 50px;
}
#main #sliderAktuelles_s .slick-prev {
  right: auto !important;
  left: -20px !important;
}
#main #sliderAktuelles_s .slick-next {
  left: auto !important;
  right: -20px !important;
}
#main #trauerdekoration .slick-prev,
#main #trauerdekoration .slick-next {
  position: absolute;
  top: 50%;
}
#main #trauerdekoration .slick-prev:before {
  background: url("../icons/btn_prev2.png");
  background-size: 18px 45px;
  background-repeat: repeat;
  content: " ";
  top: 10px;
  left: 50%;
  transform: translateX(-45%);
  width: 18px;
  height: 45px;
  background-size: 12px 32px;
  background-repeat: no-repeat;
  z-index: 22;
  position: absolute;
}
#main #trauerdekoration .slick-next:before {
  content: url("../icons/btn_next2.png");
  background: url("../icons/btn_next2.png");
  background-size: 18px 45px;
  background-repeat: repeat;
  content: " ";
  top: 10px;
  left: 50%;
  transform: translateX(-45%);
  width: 18px;
  height: 45px;
  background-size: 12px 32px;
  background-repeat: no-repeat;
  z-index: 22;
  position: absolute;
}
#main #trauerdekoration .trauerfloristikSwiper .slick-arrow {
  padding: 5px;
}

#erklaerungen {
  background-image: url("../bilder/wir/arten_hg.jpg");
  background-repeat: no-repeat;
  min-height: 2000px;
  position: relative;
  background-position: center top;
  -o-object-fit: cover;
     object-fit: cover;
  background-size: cover;
}
#erklaerungen .over-text {
  padding: 2rem;
  cursor: pointer;
}
#erklaerungen .over-text h2 {
  color: #555;
  text-transform: uppercase;
  font-weight: 500;
  background: #af2c58;
  text-align: right;
  display: inline-block;
  padding: 0.3rem 1rem 0.3rem 1rem;
  border-radius: 10px;
  position: absolute;
  z-index: 2;
  right: 50px;
}
#erklaerungen .over-text h2::before {
  content: url("../icons/open.png");
  padding-right: 0.5rem;
}
#erklaerungen .over-text .content-text {
  background: #af2c58;
  position: absolute;
  display: inline-block;
  padding: 3rem 3rem 1.3rem 3rem;
  max-width: 60%;
  margin: 1.3rem 0;
  border-radius: 10px;
  z-index: 1;
  font-weight: 600;
  color: #555;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  transform: scaleX(0);
  transform-origin: top right;
}
#erklaerungen .over-text:nth-child(1) h2,
#erklaerungen .over-text:nth-child(1) .content-text {
  right: 50px;
}
#erklaerungen .over-text:nth-child(2) h2,
#erklaerungen .over-text:nth-child(2) .content-text {
  right: 150px;
}
#erklaerungen .over-text:nth-child(3) h2,
#erklaerungen .over-text:nth-child(3) .content-text {
  right: 250px;
}
#erklaerungen .over-text:nth-child(4) h2,
#erklaerungen .over-text:nth-child(4) .content-text {
  right: 50px;
}
#erklaerungen .over-text:nth-child(5) h2,
#erklaerungen .over-text:nth-child(5) .content-text {
  right: 150px;
}
#erklaerungen .over-text:nth-child(6) h2,
#erklaerungen .over-text:nth-child(6) .content-text {
  right: 50px;
}
#erklaerungen .over-text:nth-child(7) h2,
#erklaerungen .over-text:nth-child(7) .content-text {
  right: 250px;
}
#erklaerungen .over-text:nth-child(8) h2,
#erklaerungen .over-text:nth-child(8) .content-text {
  right: 70px;
}
#erklaerungen .over-text:hover .content-text {
  background: #af2c58;
  position: absolute;
  display: inline-block;
  padding: 3rem 3rem 1.3rem 3rem;
  max-width: 60%;
  margin: 1.25rem 0;
  border-radius: 10px;
  z-index: 1;
  font-weight: 600;
  color: #555;
  opacity: 1;
  width: 60%;
  transform: scaleX(100%);
}

.btn {
  background: #b5b4c5;
  padding: 0.3rem 1rem;
  color: #af2c58;
  display: table;
  text-transform: uppercase;
  border-radius: 7px;
}
.btn_image img {
  max-width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.btn_image figure {
  grid-column: full-width;
}

h1,
h2,
h3,
p,
li {
  color: #af2c58;
}

h1 {
  color: #6b1836;
}

#gh_text .rte {
  display: none;
}
#gh_text.show .rte {
  display: block;
}

h1 {
  font-size: 1.875rem;
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-family: "Open Sans";
  word-break: break-all;
  word-break: break-word;
  hyphenate-limit-chars: auto 5;
  hyphenate-limit-lines: 2;
}
h1.lora {
  font-family: "Lora";
  font-size: 3.75rem;
}

h2 {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 500;
  margin-top: 1rem;
  margin-bottom: 2rem;
  word-break: break-all;
  word-break: break-word;
  color: #af2c58;
  hyphenate-limit-chars: auto 5;
  hyphenate-limit-lines: 2;
}

h3 {
  font-weight: 500;
  font-size: 1.875rem;
}

.uppercase {
  text-transform: uppercase;
}

.section {
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
}
.section.bild-s {
  height: 100vh;
  position: relative;
}
.section.bild-s img {
  position: absolute;
  bottom: 8rem;
  left: 5rem;
}
.section#s_leistung {
  background-image: url("../navi_bilder/b_leistungen.jpg");
}
.section#s_familie {
  background-image: url("../navi_bilder/b_familie.jpg");
  background-position-y: center;
}
.section#s_ausstellung {
  background-image: url("../navi_bilder/b_ausstellung.jpg");
  background-position: center;
}
.section#s_abschiednahme {
  background-image: url("../navi_bilder/b_abschiednahme.jpg");
  background-position: center;
}
.section#s_trauerfeier {
  background-image: url("../navi_bilder/b_trauerfeier.jpg");
  background-position: center;
}
.section#s_trauercafe {
  background-image: url("../navi_bilder/b_trauercafe.jpg");
  background-position: center;
}
.section#s_standort {
  background-image: url("../navi_bilder/b_standort.jpg");
  background-position: bottom;
}

.btn.anchor_erlangen,
.btn.anchor_herzogenaurach {
  cursor: pointer;
}

#navigation-table {
  position: absolute;
  left: 0;
  top: 0;
  width: 100vw;
  height: calc(100% - 105px);
  transform: translateY(-100%);
  transition: all 0.5s ease-in-out;
  background: rgba(107, 24, 54, 0.8);
  z-index: 100;
}
#navigation-table .inner {
  margin: 3rem;
}
#navigation-table #top-nav-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  align-items: flex-start;
}
#navigation-table #top-nav-line img {
  cursor: pointer;
}
#navigation-table #nav-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  align-items: flex-start;
  flex-wrap: wrap;
}
#navigation-table #nav-line ul {
  list-style: none;
}
#navigation-table #nav-line ul.first {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#navigation-table #nav-line ul.first ul.second {
  padding-left: 25px;
}
#navigation-table #nav-line ul.first ul.second a {
  color: #fff;
  font-size: 1.75rem;
}
#navigation-table #nav-line ul li.head:hover a.head {
  color: #b4d8f4;
}
#navigation-table #nav-line ul ul {
  padding-left: 0;
  margin-top: 1.2rem;
}
#navigation-table #nav-line ul ul li:hover a {
  color: #b4d8f4;
}
#navigation-table #nav-line img {
  cursor: pointer;
}
#navigation-table #nav-line h3 {
  font-size: 4rem;
  font-weight: 500;
  color: #fff;
  margin-bottom: 0.3rem;
  text-transform: uppercase;
}
#navigation-table #nav-line a {
  text-decoration: none;
}
#navigation-table #nav-line a:hover {
  color: #b4d8f4;
}
#navigation-table #nav-line .column {
  padding: 0 1rem;
}
#navigation-table #btn_close {
  color: #fff;
  font-size: 5rem;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
#navigation-table #btn_close:hover {
  transform: rotate(90deg);
}

body.showNavP #navigation-table {
  display: block;
  transform: scale(1);
  transform: scale(1) translateY(0);
}

#sliderAktuelles_start3 {
  max-height: 550px;
}

.startseite #navigation-table {
  height: auto;
}
.startseite h1 {
  font-family: "Lora";
  font-weight: 700;
  font-style: italic;
}

.headlineBlau {
  background-color: #6b1836;
  text-align: center;
}
.headlineBlau h1 {
  color: #fff;
  text-align: center;
  font-size: 3.125rem;
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
  font-weight: 500;
  font-style: italic;
}

#footer {
  background-color: #6b1836;
}
#footer .content-grid {
  padding-top: 2rem;
  padding-bottom: 2rem;
  color: #fff;
}
#footer p {
  font-size: 1rem;
  font-weight: 300;
  color: #fff;
}
#footer p.twentyfour {
  display: flex;
}
#footer p.twentyfour::before {
  content: url("../icons/24.png");
  margin-right: 1rem;
}
#footer p.place {
  display: flex;
  line-height: 1.3rem;
}
#footer p.place::before {
  content: url("../icons/place.png");
  margin-right: 1rem;
}
#footer p.mail::before {
  content: url("../icons/mail.png");
  margin-right: 1rem;
  vertical-align: -15%;
}
#footer .btn {
  background: #b5b4c5;
  padding: 5px 20px;
  display: inline-block;
  border-radius: 6px;
  text-transform: uppercase;
  color: #af2c58;
  width: 100%;
  font-size: 1rem;
  text-align: center;
  cursor: pointer;
  margin: 12px 0;
}
#footer .btn a {
  text-decoration: none !important;
  font-size: inherit;
  color: inherit;
}
#footer .btn_row {
  display: flex;
  justify-content: space-between;
  margin-top: 1rem;
}
#footer .btn_row a {
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  font-weight: 600;
}
#footer #gh_button {
  cursor: pointer;
  margin-top: 5rem;
  font-size: 0.9rem !important;
}
#footer #gh_text {
  display: none;
}
#footer #gh_text.show {
  display: block;
}

#btn_nav {
  cursor: pointer;
}

#navigation h3 {
  font-size: 1.25rem;
  font-weight: 500;
  margin-bottom: 1rem;
  color: #af2c58;
  margin-bottom: 0.3rem;
  text-transform: uppercase;
}
#navigation a {
  text-decoration: none;
  color: #555;
}
#navigation a:hover {
  color: #af2c58;
}
#navigation ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#navigation ul ul {
  padding-left: 0.5rem;
}

.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper-wrapper img {
  max-width: 900px;
  height: auto;
}

.swiper-slide {
  width: auto !important;
}

.swiper-button-prev {
  background-image: url("../icons/btn_prev.png");
  content: "" !important;
}

.swiper-button-next {
  background-image: url("../icons/btn_next.png");
  content: "" !important;
}

.swiper-button-prev,
.swiper-button-next {
  background-position: center;
  background-repeat: no-repeat;
  width: 36px !important;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  content: "" !important;
}

.holder-swiper {
  position: absolute;
  top: 50%;
  height: 30px;
  width: 60%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2002;
}

#header #phonetop.ham-active span {
  color: #fff;
}
#header #phonetop img {
  margin-bottom: 2px;
}
#header #logoTop {
  opacity: 1;
  transition: all 0.3s ease-in-out;
  max-width: 230px;
  height: auto;
}
#header #logoTop.hide {
  opacity: 0;
}
#header #icon_phone {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
#header #icon_phone.hide {
  opacity: 0;
}
#header video {
  width: 100%;
}

.title-slider {
  position: absolute;
  bottom: 3rem;
  left: 30%;
  transform: translate(-50%, -50%);
  background-color: rgb(255, 255, 255);
  padding: 0.5rem 1rem;
  border-radius: 10px;
  font-size: 1.5rem;
  font-weight: 500;
  color: #555;
  text-transform: uppercase;
  z-index: 5000;
  transition: all 0.5s ease-in-out;
}
.title-slider:hover {
  background-color: rgba(255, 255, 255, 0.5);
}

.slidertext {
  padding: 3rem 11rem 9rem 11rem;
}
.slidertext p {
  font-size: 2rem !important;
  font-weight: 500 !important;
  line-height: 2.6rem !important;
}

#ah-arrow-next-slide,
#ah-arrow-prev-slide {
  position: absolute;
  z-index: 3000;
  cursor: pointer;
  top: 96%;
  right: 30%;
  font-size: 5rem;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  width: 60px;
  height: 60px;
  text-align: center;
  line-height: 2.5rem;
  color: #6b1836;
}

#ah-arrow-prev-slide {
  position: absolute;
  right: auto;
  left: 10px;
  left: 30%;
}

.formbody {
  width: 80%;
  margin: 0 auto;
  background-color: #e6e8ea;
  padding: 3rem;
}
.formbody .row {
  display: flex;
  justify-content: space-between;
}

#left {
  border: 1px solid #e1e1e1;
  padding: 2rem;
  transform: translateX(-100%);
  transition: all 0.5s ease-in-out;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3000;
  background-color: rgb(255, 255, 255);
  margin-left: auto;
}

#wrapper {
  transition: all 0.5s ease-in-out;
}

.showNav #left {
  transform: translateX(0);
}
.showNav #wrapper {
  filter: blur(0.5rem);
  filter: opacity(0.1);
}

.twentyfour,
.mail {
  cursor: pointer;
}

#teaserSlider {
  padding-top: 5rem;
  padding-bottom: 5rem;
  position: relative;
  overflow: visible;
}
#teaserSlider #sliderStart {
  margin-top: 2rem;
  width: 100%;
  overflow: hidden;
}
#teaserSlider .textS,
#teaserSlider .swiper-slide {
  overflow: hidden;
}

#header .content-image {
  margin-top: 125px;
}

#article-74 {
  margin-top: 3rem;
}
#article-74 .rightR {
  margin-top: 5rem;
}
#article-74 input {
  margin: 1rem 0;
}

#sliderStart {
  padding: 10px;
}
#sliderStart .item {
  border: 1px solid #af2c58;
  min-height: 410px;
  min-width: 550px;
  transition: all 0.5s ease-in-out;
  position: relative;
  padding: 10px;
  background-color: #fff;
  margin: 0 2rem;
  width: 520px;
}
#sliderStart .item .textS {
  text-align: left;
}
#sliderStart .item .textS .btnT a {
  color: #fff;
  text-decoration: none;
}
#sliderStart .item .bild {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  align-items: end;
}
#sliderStart .item .content-image {
  grid-column: 1/2;
  grid-row: 1/2;
}
#sliderStart .item .content-image img {
  width: 100%;
}
#sliderStart .item .headT {
  background: rgba(107, 24, 54, 0.8);
  grid-column: 1/2;
  grid-row: 1/2;
  text-align: center;
  height: 20%;
  transition: all 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#sliderStart .item .headT p,
#sliderStart .item .headT h2 {
  color: #fff;
  font-size: 1.75rem;
  margin: 0;
  padding: 0;
  line-height: 2.5rem;
  font-family: "Lora";
}
#sliderStart .item .teaserT {
  background-color: #af2c58;
  padding: 1rem;
  bottom: 10px;
  height: 132px;
  width: calc(100% - 0px);
  transition: all 0.3s ease-in-out;
  padding-bottom: 3rem;
  min-height: 170px;
}
#sliderStart .item .teaserT .content-text {
  padding-bottom: 3rem;
  margin-bottom: 30rem;
}
#sliderStart .item .teaserT p {
  color: #fff;
  font-size: 1rem;
  margin: 0;
  padding: 0;
  line-height: 1.5rem;
}
#sliderStart .item .teaserT strong {
  text-transform: uppercase;
}
#sliderStart .item .btnT {
  background: #6b1836;
  position: absolute;
  bottom: -50px;
  right: 25px;
  transition: all 0.3s ease-in-out;
  color: #fff;
  padding: 2px 5px;
  opacity: 0;
}
#sliderStart .item:hover .headT {
  height: 100%;
}
#sliderStart .item:hover .teaserT {
  height: 162px;
  transform-origin: bottom;
}
#sliderStart .item:hover .btnT {
  bottom: 18px;
  opacity: 1;
}

.rsts-skin-default .rsts-prev,
.rsts-skin-default .rsts-next,
.rsts-skin-default .rsts-video-play,
.rsts-skin-default .rsts-video-stop,
.rsts-skin-default .rsts-thumbs-prev,
.rsts-skin-default .rsts-thumbs-next {
  background-image: url("../icons/btn_prev2.png");
  background-repeat: no-repeat;
  background-size: 12px 35px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #af2c58;
  width: 60px;
  height: 60px;
}

.rsts-skin-default .rsts-next,
.rsts-skin-default .rsts-thumbs-next {
  background-image: url("../icons/btn_next2.png");
}

.rsts-prev {
  left: 20px;
  top: 50%;
}

.rsts-next {
  right: 0;
  top: 50%;
}

#toTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #af2c58;
  color: #fff;
  padding: 2px;
  cursor: pointer;
  z-index: 1000;
}

#toTop {
  opacity: 0;
  transition: all 0.5s ease-in-out;
  transform: translateX(100%);
}

body.showBackBtn #toTop {
  opacity: 1;
  transform: translateX(0);
}

#galHaus figure {
  position: relative;
}
#galHaus figure::before {
  content: url("../hg/bigger.png");
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  background-color: #ff0000;
  pointer-events: none;
}

#main #wegkarte {
  margin-top: 0 !important;
}
#main #weg {
  margin-bottom: 0 !important;
}

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

#soforthilfe a {
  text-decoration: none;
  color: #6b1836 !important;
}
#soforthilfe a,
#soforthilfe p,
#soforthilfe h1,
#soforthilfe h2,
#soforthilfe h3 {
  color: #fff !important;
}

#bestattungsvorsorgeT a,
#bestattungsvorsorgeT p,
#bestattungsvorsorgeT h1,
#bestattungsvorsorgeT h2,
#bestattungsvorsorgeT h3 {
  color: #fff !important;
}

#impressum {
  background-color: #af2c58;
}

#datenschutz {
  background-color: #af2c58;
}

#formular {
  background-color: #cdcdcd;
}

#pageForm .formbody {
  background: transparent;
}
#pageForm h2.cr {
  margin-top: 5rem;
  margin-bottom: 1rem;
}
#pageForm h2.cn {
  margin-top: 2rem;
  margin-bottom: 1rem;
}
#pageForm #ctrl_25 {
  border: 0;
}
#pageForm #ctrl_25 input {
  width: 30px;
}
#pageForm .flexrow {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1rem;
}
#pageForm .widget {
  display: flex;
  flex-direction: column;
  width: 90%;
}
#pageForm .widget.c_betreff, #pageForm .widget.widget-textarea {
  width: 95%;
}
#pageForm .flexC {
  display: flex;
  flex-direction: column;
  width: 90%;
}
#pageForm .flexC .widget {
  margin-bottom: 0;
}
#pageForm input,
#pageForm select {
  padding: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 0;
  margin-bottom: 0rem;
  width: 90%;
}
#pageForm select {
  width: 50%;
}
#pageForm #ctrl_30 {
  border: 0;
  font-size: 1.25rem;
  color: #af2c58;
  padding-left: 0;
  margin-bottom: 0.5rem;
}
#pageForm #ctrl_30 input {
  width: 20px;
}

.rsts-thumbs-slides {
  display: grid;
  grid-template-columns: 30% 30% 30%;
  grid-template-rows: auto;
}

.swiper-button-lock {
  display: block !important;
}

.flex {
  display: flex;
}
.flex.column {
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.flex.row {
  flex-direction: row;
  justify-content: space-between;
}
.flex .content-text {
  flex: 0 0 50%;
}
.flex.full .content-text {
  flex: 0 0 100%;
}
.flex.content {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.padding-bottom {
  padding-bottom: 9rem;
}

#formular .padding2 {
  padding: 0;
}
#formular .formbody {
  width: 100%;
  padding: 1rem;
}
#formular a {
  color: #6b1836 !important;
}

html {
  scroll-behavior: smooth;
}

body.startseite {
  /* All the snapping stuff */
}
body.startseite #overlay-icon {
  position: fixed;
  z-index: 1;
  pointer-events: none;
  opacity: 0.6;
}
body.startseite ::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}
body.startseite .scroll-container {
  height: calc(100vh - 200px);
  overflow-y: scroll;
  scroll-snap-type: y mandatory;
  position: relative;
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
}
@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
body.startseite .absolute--text {
  position: fixed;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.startseite .section {
  position: sticky;
  height: calc(100vh - 200px);
  width: 100%;
  top: 0;
  scroll-snap-align: end;
}
body.startseite .section .btn {
  background: #fff;
  padding: 0.2rem 3.9rem 0.2rem 0.5rem;
  border-radius: 6px;
  display: inline-block;
  position: absolute;
  bottom: 3rem;
  left: 3rem;
}
body.startseite .section .btn ::after {
  content: "";
  width: 30px;
  height: 30px;
  background: url("../icons/btn_start.png");
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-30%);
  right: 5px;
  position: absolute;
  display: inline-block;
  transition: all 0.9s ease-in-out;
}
body.startseite .section .btn a {
  color: #707070;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.875rem;
  font-weight: 500;
}
body.startseite .section .btn:hover {
  background: rgba(255, 255, 255, 0.9);
}

@media only screen and (max-width: 1555px) {
  #main .inner-grid-right .rightR.content-text {
    padding-left: 2rem;
  }
  #grabpflege .inner-grid-right {
    grid-template-columns: 1fr;
  }
  #kinder-trauern .right60.content-text {
    background: rgba(255, 255, 255, 0.7);
  }
}
@media only screen and (max-width: 1485px) {
  #navigation-table #nav-line h3 {
    font-size: 2.5rem;
  }
  #abschiedsrituale .bg_blau {
    margin-top: -2rem;
  }
  #ihr-team .grid4 {
    grid-template-columns: 1fr 1fr 1fr;
  }
  #footer .inner-grid {
    display: grid;
    grid-template-columns: 50% 1fr;
    grid-template-rows: auto;
  }
  #footer .inner-grid.footer-grid {
    grid-column: content;
    grid-template-areas: "fullwidth fullwidth" "columnF1 columnF2 " "columnF3 columnF4" "fullwidthF fullwidthF";
  }
  #footer .inner-grid .fullwidth {
    grid-area: fullwidth;
  }
  #footer .inner-grid .columnF1 {
    grid-area: columnF1;
    text-align: center;
  }
  #footer .inner-grid .columnF1 p {
    text-align: left;
  }
  #footer .inner-grid .columnF2 {
    grid-area: columnF2;
  }
  #footer .inner-grid .columnF3 {
    grid-area: columnF3;
  }
  #footer .inner-grid .columnF4 {
    grid-area: columnF4;
    display: flex;
    justify-content: flex-end;
    justify-content: center;
  }
  #footer .inner-grid .fullwidthF {
    grid-area: fullwidthF;
    font-size: 1.25rem;
    font-weight: 700;
  }
  #footer .inner-grid .fullwidthF p {
    font-size: 1.25rem !important;
    font-weight: 700 !important;
  }
  #footer .inner-grid .columnF2 .columnF2_img,
  #footer .inner-grid .columnF2 .columnF2_img_ov {
    transition: all 0.5s ease-in-out;
    justify-content: end;
  }
  #footer .inner-grid .columnF2 .columnF2_img figure img,
  #footer .inner-grid .columnF2 .columnF2_img_ov figure img {
    max-width: 50%;
    margin-right: 0;
  }
  #was-wird-benoetigt .inner-grid-right.column3 {
    grid-template-columns: 25% 1fr 25% 25%;
  }
  #was-wird-benoetigt .inner-grid-right.column3 .left33 {
    grid-column: 1/span 2;
    grid-row: 1/span 1;
  }
  #was-wird-benoetigt .inner-grid-right.column3 .center33 {
    grid-column: 3/5;
    grid-row: 1/2;
  }
  #was-wird-benoetigt .inner-grid-right.column3 .right33 {
    grid-column: 1/5;
    grid-row: 3/span 1;
  }
  #abschiedsrituale .content-text.bg_blau {
    position: relative;
    transform: translate(0, 0);
    padding: 2rem;
  }
  #vollmachten.paddingTB0 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
}
@media only screen and (max-width: 1338px) {
  #navigation-table {
    height: auto;
    background: #6b1836;
  }
  .startseite #logoTop {
    max-width: 280px;
  }
  .startseite .f3 {
    max-width: 280px;
  }
}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (max-width: 1200px) {
  html {
    font-size: 14px;
  }
  #footer .columnF3 .btn_row {
    flex-direction: column;
  }
  body.startseite .section .btn {
    bottom: 6rem;
    left: 3rem;
  }
  #grabpflege {
    background: url("../bilder/hm2/grabpflege_.jpg");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
  }
  #sliderBarten {
    grid-template-columns: 50% 1fr;
  }
  #sliderBarten .leftR {
    grid-column: 1/3;
    grid-row: 1/2;
  }
  #sliderBarten .rightR {
    grid-column: 1/3;
    grid-row: 2/3;
  }
  #sliderBarten .leftR {
    max-width: 100%;
  }
  #friedhoefe .inner-grid-right {
    grid-template-columns: 1fr;
  }
  #friedhoefe .inner-grid-right .rightR,
  #friedhoefe .inner-grid-right .leftR {
    grid-column: 1/span 1;
    width: 100%;
  }
  #trauermusik #musik_items {
    flex-wrap: wrap;
    justify-content: center;
  }
  #bestattungskosten {
    padding-left: 0rem !important;
    background-position: right center;
  }
  #bestattungskosten .inner-grid-right {
    grid-template-columns: 1fr;
  }
  #bestattungskosten .rte {
    background: rgba(255, 255, 255, 0.8);
    padding: 1rem;
  }
  #bestattungskosten .rte p,
  #bestattungskosten .rte h1,
  #bestattungskosten .rte h2 {
    color: #000;
  }
}
@media only screen and (max-width: 1049px) {
  #friedhoefe .leftR,
  #friedhoefe .rightR {
    padding: 5rem 0;
  }
  #grabpflege .w40 {
    width: 100%;
    max-width: 100%;
  }
  #grabpflege .inner-grid-right {
    grid-template-columns: var(--padding-inline) repeat(12, 1fr) var(--padding-inline) !important;
  }
  #grabpflege .inner-grid-right .leftR {
    grid-column: 1/span 12;
    grid-row: 1/span 1;
  }
  .swiper-button-next,
  .swiper-button-prev {
    background-color: #af2c58;
  }
  .overlayImage {
    display: none;
  }
  #ihr-team .grid4 {
    grid-template-columns: 1fr 1fr;
  }
  #was-wird-benoetigt .inner-grid-right.column3 {
    grid-template-columns: 50% 1fr;
  }
  #was-wird-benoetigt .inner-grid-right.column3 .left33 {
    grid-column: 1/span 2;
    grid-row: 1/span 1;
  }
  #was-wird-benoetigt .inner-grid-right.column3 .center33 {
    grid-column: 1/span 2;
    grid-row: 2/span 1;
  }
  #was-wird-benoetigt .inner-grid-right.column3 .right33 {
    grid-column: 1/span 2;
    grid-row: 3/span 1;
  }
  .right33 {
    padding-top: 2rem;
  }
  .startseite #logoTop {
    max-width: 200px;
  }
  .startseite .f3 {
    max-width: 200px;
  }
  #veranstaltung-grid {
    display: grid;
    grid-template-columns: 45% 45%;
    grid-template-rows: auto;
    justify-content: space-evenly;
  }
}
@media only screen and (max-width: 1710px) {
  #bestattungskosten {
    background-size: cover;
  }
}
@media only screen and (max-width: 1480px) {
  #kinder-trauern .right4060 {
    background: rgba(255, 255, 255, 0.5);
  }
}
@media only screen and (max-width: 1300px) {
  .inner-grid-centerI.column3 .left33I {
    grid-column: 2/8;
    grid-row: 1/2;
  }
  .inner-grid-centerI.column3 .right33I {
    grid-column: 8/14;
    grid-row: 1/2;
  }
  .inner-grid-centerI.column3 .center33I {
    grid-column: 2/14;
    grid-row: 2/3;
    margin: 1rem 0;
  }
}
@media only screen and (max-width: 1050px) {
  .ce_accordion .toggler button {
    font-size: 1.2rem;
  }
}
@media only screen and (max-width: 992px) {
  .inner-grid .columnF2 img {
    max-width: 100%;
    padding-left: 2rem;
  }
  #kinder-trauern .right60 {
    grid-column: 1/-1;
    padding: 2rem;
  }
  #kinder-trauern .right60.content-text {
    background: rgba(255, 255, 255, 0.7);
  }
  #nav-line {
    flex-wrap: wrap;
  }
  #nav-line .column {
    padding: 2rem 1rem !important;
  }
  #rat-hilfe {
    background: rgb(18, 111, 183) !important;
  }
  #rat-hilfe .inner-grid.content-grid10 {
    grid-template-columns: 1fr;
  }
  #rat-hilfe .inner-grid.content-grid10 .right50 {
    grid-column: 1/-1;
    grid-row: 2/3;
  }
  #rat-hilfe .rte {
    color: #fff;
  }
  #rat-hilfe .rte p,
  #rat-hilfe .rte h1,
  #rat-hilfe .rte h2 {
    color: #fff;
  }
  #rat-hilfe .housegalerie {
    margin: 0 auto;
  }
  #ausstellung-sortiment .inner-grid.content-grid10 .left50 {
    grid-column: 1/span 10;
    grid-row: auto;
  }
  #ausstellung-sortiment .inner-grid.content-grid10 .right50 {
    grid-column: 1/span 10;
    grid-row: auto;
  }
  #unser-haus .inner-grid.content-grid10 .left40 {
    grid-column: 1/-1;
    grid-row: auto;
  }
  #unser-haus .inner-grid.content-grid10 .right60 {
    grid-column: 1/-1;
    grid-row: auto;
  }
  .grid-intented.w90 {
    max-width: 100%;
  }
  .ce_accordion .toggler button {
    width: 100% !important;
  }
  .ce_accordion .content-text {
    width: 100%;
  }
}
@media only screen and (max-width: 860px) {
  .padding50 {
    padding: 1rem 0;
  }
  #bestattungsformen .ce_accordion .content-text {
    width: 100%;
  }
  h1 {
    font-size: 2.5rem !important;
  }
  #main .inner-grid-right {
    grid-template-columns: 1fr;
  }
  #main .inner-grid-right .rightR,
  #main .inner-grid-right .leftR {
    grid-column: 1/span 1;
    width: 100%;
  }
  #gedenkportal .padding5 {
    padding: 1rem;
  }
  #gedenkportal .inner-grid-right .centerRL {
    grid-column: 1/-1;
  }
  #gedenkportal #sform {
    width: 100% !important;
  }
  .ce_accordion .toggler button {
    width: 100%;
  }
  .ce_accordion .content-text {
    width: 100%;
  }
  #bestattungskosten .leftR {
    grid-column: 2/14;
  }
  .inner-grid-rightI.full-width .leftI,
  .inner-grid-rightI.full-width .rightI,
  .inner-grid-rightI.full-width .left50,
  .inner-grid-rightI.full-width .right50,
  .inner-grid-rightI.full-width .left0,
  .inner-grid-rightI.full-width .leftR,
  .inner-grid-rightI.full-width .rightR,
  .inner-grid-rightI.full-width .left40,
  .inner-grid-rightI.full-width .right60,
  .inner-grid-leftI.full-width .leftI,
  .inner-grid-leftI.full-width .rightI,
  .inner-grid-leftI.full-width .left50,
  .inner-grid-leftI.full-width .right50,
  .inner-grid-leftI.full-width .left0,
  .inner-grid-leftI.full-width .leftR,
  .inner-grid-leftI.full-width .rightR,
  .inner-grid-leftI.full-width .left40,
  .inner-grid-leftI.full-width .right60,
  .inner-grid-centerI.full-width .leftI,
  .inner-grid-centerI.full-width .rightI,
  .inner-grid-centerI.full-width .left50,
  .inner-grid-centerI.full-width .right50,
  .inner-grid-centerI.full-width .left0,
  .inner-grid-centerI.full-width .leftR,
  .inner-grid-centerI.full-width .rightR,
  .inner-grid-centerI.full-width .left40,
  .inner-grid-centerI.full-width .right60 {
    grid-column: 2/-2;
  }
  .inner-grid-rightI.full-width .leftI .w80,
  .inner-grid-rightI.full-width .rightI .w80,
  .inner-grid-rightI.full-width .left50 .w80,
  .inner-grid-rightI.full-width .right50 .w80,
  .inner-grid-rightI.full-width .left0 .w80,
  .inner-grid-rightI.full-width .leftR .w80,
  .inner-grid-rightI.full-width .rightR .w80,
  .inner-grid-rightI.full-width .left40 .w80,
  .inner-grid-rightI.full-width .right60 .w80,
  .inner-grid-leftI.full-width .leftI .w80,
  .inner-grid-leftI.full-width .rightI .w80,
  .inner-grid-leftI.full-width .left50 .w80,
  .inner-grid-leftI.full-width .right50 .w80,
  .inner-grid-leftI.full-width .left0 .w80,
  .inner-grid-leftI.full-width .leftR .w80,
  .inner-grid-leftI.full-width .rightR .w80,
  .inner-grid-leftI.full-width .left40 .w80,
  .inner-grid-leftI.full-width .right60 .w80,
  .inner-grid-centerI.full-width .leftI .w80,
  .inner-grid-centerI.full-width .rightI .w80,
  .inner-grid-centerI.full-width .left50 .w80,
  .inner-grid-centerI.full-width .right50 .w80,
  .inner-grid-centerI.full-width .left0 .w80,
  .inner-grid-centerI.full-width .leftR .w80,
  .inner-grid-centerI.full-width .rightR .w80,
  .inner-grid-centerI.full-width .left40 .w80,
  .inner-grid-centerI.full-width .right60 .w80 {
    max-width: 100%;
    width: 100%;
  }
  .inner-grid-rightI.full-width .leftI.padding3,
  .inner-grid-rightI.full-width .rightI.padding3,
  .inner-grid-rightI.full-width .left50.padding3,
  .inner-grid-rightI.full-width .right50.padding3,
  .inner-grid-rightI.full-width .left0.padding3,
  .inner-grid-rightI.full-width .leftR.padding3,
  .inner-grid-rightI.full-width .rightR.padding3,
  .inner-grid-rightI.full-width .left40.padding3,
  .inner-grid-rightI.full-width .right60.padding3,
  .inner-grid-leftI.full-width .leftI.padding3,
  .inner-grid-leftI.full-width .rightI.padding3,
  .inner-grid-leftI.full-width .left50.padding3,
  .inner-grid-leftI.full-width .right50.padding3,
  .inner-grid-leftI.full-width .left0.padding3,
  .inner-grid-leftI.full-width .leftR.padding3,
  .inner-grid-leftI.full-width .rightR.padding3,
  .inner-grid-leftI.full-width .left40.padding3,
  .inner-grid-leftI.full-width .right60.padding3,
  .inner-grid-centerI.full-width .leftI.padding3,
  .inner-grid-centerI.full-width .rightI.padding3,
  .inner-grid-centerI.full-width .left50.padding3,
  .inner-grid-centerI.full-width .right50.padding3,
  .inner-grid-centerI.full-width .left0.padding3,
  .inner-grid-centerI.full-width .leftR.padding3,
  .inner-grid-centerI.full-width .rightR.padding3,
  .inner-grid-centerI.full-width .left40.padding3,
  .inner-grid-centerI.full-width .right60.padding3 {
    padding: 0;
  }
  .inner-grid-rightI.full-width .leftI.w80,
  .inner-grid-rightI.full-width .rightI.w80,
  .inner-grid-rightI.full-width .left50.w80,
  .inner-grid-rightI.full-width .right50.w80,
  .inner-grid-rightI.full-width .left0.w80,
  .inner-grid-rightI.full-width .leftR.w80,
  .inner-grid-rightI.full-width .rightR.w80,
  .inner-grid-rightI.full-width .left40.w80,
  .inner-grid-rightI.full-width .right60.w80,
  .inner-grid-leftI.full-width .leftI.w80,
  .inner-grid-leftI.full-width .rightI.w80,
  .inner-grid-leftI.full-width .left50.w80,
  .inner-grid-leftI.full-width .right50.w80,
  .inner-grid-leftI.full-width .left0.w80,
  .inner-grid-leftI.full-width .leftR.w80,
  .inner-grid-leftI.full-width .rightR.w80,
  .inner-grid-leftI.full-width .left40.w80,
  .inner-grid-leftI.full-width .right60.w80,
  .inner-grid-centerI.full-width .leftI.w80,
  .inner-grid-centerI.full-width .rightI.w80,
  .inner-grid-centerI.full-width .left50.w80,
  .inner-grid-centerI.full-width .right50.w80,
  .inner-grid-centerI.full-width .left0.w80,
  .inner-grid-centerI.full-width .leftR.w80,
  .inner-grid-centerI.full-width .rightR.w80,
  .inner-grid-centerI.full-width .left40.w80,
  .inner-grid-centerI.full-width .right60.w80 {
    max-width: 100%;
    width: 100%;
  }
  #abschiedsrituale .bg_blau {
    margin-top: -5rem;
  }
  #trauerdekoration .rte p {
    max-width: 100% !important;
  }
  #trauer-worten {
    background-position: top;
  }
  #trauer-worten .inner-grid-rightI .rightR {
    padding: 2rem;
    grid-column: 2/14 !important;
    padding: 2rem 0;
  }
  #trauer-worten .inner-grid-rightI .rightR.w70 {
    max-width: 100%;
  }
  #trauer-worten .inner-grid-rightI .rightR.w70 .rte {
    margin-top: 15rem;
  }
  #trauer-worten .content-grid-LR {
    display: grid;
    grid-template-columns: var(--padding-inline) repeat(12, 1fr) var(--padding-inline) !important;
  }
  #trauer-worten .content-grid-LR .w80.hcenter {
    grid-column: 2/14;
  }
  .grid-intented .leftI,
  .grid-intented .rightI {
    grid-column: 1/14;
  }
  .hcenter.w80 {
    max-width: 100%;
  }
  #main #philosophie h3 {
    padding-left: 0;
  }
  #unser-haus.full-width .inner-grid.content-grid10 {
    display: grid;
    grid-template-columns: var(--padding-inline) repeat(12, 1fr) var(--padding-inline) !important;
  }
  #unser-haus.full-width .inner-grid.content-grid10 .full,
  #unser-haus.full-width .inner-grid.content-grid10 .housegalerie,
  #unser-haus.full-width .inner-grid.content-grid10 .right60 {
    grid-column: 2/14;
  }
  #besonderheiten .padding5 {
    padding: 5rem 0;
  }
  #veranstaltungen .txt_veranstaltungen {
    padding: 1rem 0 !important;
    width: 100% !important;
  }
  .inner-grid-centerFlex {
    flex-direction: column;
  }
  #schritte-trauerfall {
    padding: 1rem 0;
  }
  #schritte-trauerfall .rightI {
    padding: 0 0 1rem 0;
  }
  #bestattungsformen .ce_accordion .toggler button {
    width: 100%;
  }
  #grabpflege .inner-grid-right .leftR {
    grid-column: 1/14 !important;
  }
  .inner-grid-right .right50 {
    grid-column: 1/span 2;
  }
  .paddingTB5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  #main #sliderStart .slick-next,
  #main #sliderStart .slick-prev {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 50%;
  }
  #main #sliderStart .slick-next:before {
    content: url(../icons/btn_next2_kl.png);
  }
  #main #sliderStart .slick-prev:before {
    content: url(../icons/btn_prev2_kl.png);
  }
}
@media only screen and (max-width: 750px) {
  .inner-grid-centerI.column3 .left33I {
    grid-column: 2/14;
    grid-row: 1/2;
  }
  .inner-grid-centerI.column3 .right33I {
    grid-column: 2/14;
    grid-row: 2/3;
  }
  .inner-grid-centerI.column3 .center33I {
    grid-column: 2/14;
    grid-row: 3/4;
    margin: 1rem 0;
  }
  .slidertext {
    padding: 3rem 2rem 9rem 2rem;
  }
  .grid-square {
    display: flex;
    flex-direction: column;
  }
  .w80 {
    max-width: 100%;
    width: 100%;
  }
  .ce_accordion .content-text {
    width: 100%;
  }
  #trauerhilfe .inner-grid-rightI.full-width .leftI {
    grid-column: 2/14;
  }
  #kinder-trauern .rte {
    background: rgba(255, 255, 255, 0.8);
    padding: 1rem;
  }
  #kinder-trauern .inner-grid-rightI.full-width .right4060 {
    grid-column: 2/14;
  }
  #kinder-trauern .inner-grid-rightI.full-width .right4060.w70 {
    max-width: 100%;
    width: 100%;
  }
  #kinder-trauern .inner-grid-rightI.full-width .right4060.padding3 {
    padding: 0;
  }
  #kinder-trauern .marginN5 {
    margin-left: 0;
  }
  #formularstart {
    width: 100% !important;
  }
  #formularstart .formbody {
    width: 100%;
    margin: 0 auto;
    background-color: #e6e8ea;
    padding: 1rem;
  }
  #ihr-team .grid4 {
    grid-template-columns: 1fr;
  }
  #philosophie .inner-grid {
    grid-template-columns: 1fr;
  }
  #philosophie .inner-grid .leftR {
    grid-column: 1/span 1 !important;
    grid-row: 1/span 1 !important;
  }
  #philosophie .inner-grid .rightR {
    grid-column: 1/span 1 !important;
    grid-row: 2/span 1 !important;
  }
  #philosophie .ce_accordion .toggler button {
    width: 100%;
  }
  #headImage #headTitle {
    margin: 0;
    padding: 0;
  }
  #headImage #headTitle h1 {
    margin-bottom: 0 !important;
  }
  #unser-haus .inner-grid.content-grid10 .left40 {
    display: none;
  }
}
@media only screen and (max-width: 650px) {
  #trauermusik .padding5 {
    padding: 5rem 0;
  }
  #trauermusik #musik_items .m_item {
    width: 100%;
    max-width: 100%;
  }
  #footer .inner-grid {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #footer .inner-grid .content-text {
    margin: 1rem 0;
  }
  #footer .columnF3 .row:nth-child(1) {
    justify-content: flex-start;
    flex-direction: column;
  }
  #footer .columnF4 .rte .row .column {
    text-align: center;
    align-items: center;
  }
  .ce_accordion .toggler button::after {
    content: url(../icons/plus-kl.png);
  }
  .ce_accordion .toggler.open button::after {
    content: url(../icons/minus-kl.png);
  }
  .inner-grid-right .leftR.content-text {
    padding: 2rem 2rem 2rem 2rem;
  }
  #grabpflege .inner-grid-right .leftR.content-text {
    padding: 2rem 2rem 2rem 0rem;
  }
  .inner-grid .columnF2 .columnF2_img,
  .inner-grid .columnF2 .columnF2_img_ov {
    transition: all 0.5s ease-in-out;
    justify-content: center;
  }
  .inner-grid .columnF2 .columnF2_img figure img,
  .inner-grid .columnF2 .columnF2_img_ov figure img {
    max-width: 50%;
    margin-right: unset;
    margin: 0 auto !important;
  }
  #veranstaltung-grid {
    grid-template-columns: 90%;
    grid-template-rows: auto;
  }
}
@media only screen and (max-width: 768px) {
  h1 {
    font-size: 2.2rem !important;
    margin-bottom: 2.785rem !important;
  }
  #headImage #headTitle {
    margin: 0;
    padding: 0;
  }
  #headImage #headTitle h1 {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
  }
  .inner-grid.content-grid-right {
    max-width: 1600px;
    display: flex;
    flex-direction: column;
  }
  .overflow-image .over-name,
  .overflow-image_ .over-name {
    bottom: 2rem;
    left: 2rem;
  }
  #erklaerungen {
    min-height: 2300px;
  }
  #erklaerungen .over-text {
    max-width: 100%;
  }
  #erklaerungen .over-text h2 {
    right: 50% !important;
    transform: translateX(50%) !important;
    width: 90%;
    text-align: center;
  }
  #erklaerungen .over-text .content-text {
    right: 50% !important;
    transform: translateX(50%) !important;
    width: 90% !important;
    max-width: 90% !important;
  }
  #navi-logo {
    max-width: 50%;
  }
  #sliderStart .item {
    border: 1px solid #af2c58;
    min-height: 410px;
    min-width: 220px;
    transition: all 0.5s ease-in-out;
    position: relative;
    padding: 10px;
    background-color: #fff;
    margin: 5px !important;
  }
  #header #phonetop span {
    display: block;
    font-size: 1.275rem;
    font-weight: 600;
  }
  #toTop img {
    max-width: 55px;
    height: auto;
  }
  #main #sliderStart .slick-next {
    left: auto !important;
    right: 0px !important;
  }
  #main #sliderStart .slick-prev {
    right: auto !important;
    left: 0px !important;
  }
  .startseite #navigation-table #nav-line {
    padding-top: 120px !important;
  }
}
@media only screen and (max-width: 600px) {
  h1 {
    font-size: 2.5rem;
    font-weight: 500;
    margin-top: 1rem;
    margin-bottom: 3.785rem;
  }
  .content-grid {
    --content-maxwidth: 1260px;
    --padding-inline: 1rem;
    --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];
  }
  .inner-grid-top #navgrid {
    max-width: 130px;
    display: grid;
    padding: 5px;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
    grid-template-areas: "f1 f3" "f2 f2";
    margin-top: -12px;
  }
  #header #logoTop {
    max-width: 190px;
  }
  #phonetop {
    max-width: 100%;
    padding-top: 1.5rem;
  }
  .gap3 {
    gap: 3rem 3rem;
    width: 100%;
    flex-direction: column;
  }
  .gap3 .content-text {
    flex: 0 0 100% !important;
  }
  #article-39,
  #article-43,
  #article-44,
  #article-56 {
    align-items: start;
  }
  .w70 {
    max-width: 100%;
    width: 100%;
  }
  .padding-bottom-10 {
    padding-bottom: 3rem !important;
  }
  .padding-top-10 {
    padding-top: 3rem !important;
  }
  #erklaerungen {
    min-height: 2500px;
  }
  #philosophie .leftR {
    padding: 2rem;
  }
  .inner-grid .leftR {
    grid-area: leftR;
    padding: 2rem 2rem 2rem 2rem;
  }
  #navigation-table #nav-line ul {
    flex-wrap: wrap;
    flex-direction: column;
  }
  #navigation-table #nav-line ul li {
    flex: 0 0 50%;
  }
  #overlay-icon {
    display: none;
    position: fixed;
    z-index: 1;
    pointer-events: none;
    opacity: 0.6;
    top: 50%;
    transform: translateY(-50%);
  }
  #overlay-icon img {
    max-width: 50% !important;
  }
  #trauermusik #musik_items .m_item {
    width: 90% !important;
  }
  #hamburger {
    right: 20px;
    top: 20px;
  }
  #sliderStart .item {
    border: 1px solid #af2c58;
    min-width: 0;
    transition: all 0.5s ease-in-out;
    position: relative;
    padding: 10px;
    background-color: #fff;
    margin: 0px !important;
  }
  #sliderStart {
    padding: 0;
  }
  #sliderStart .item {
    max-width: 100vw !important;
    width: 100%;
  }
  #toTop img {
    max-width: 50px;
    height: auto;
  }
}
@media only screen and (max-width: 500px) {
  #pageForm .flexrow {
    flex-direction: column;
  }
  #kondolenzratgeber .kasten.beige {
    padding: 2rem 0 !important;
  }
  #sliderStart .item {
    min-height: 360px;
  }
  #logo {
    max-width: 180px;
  }
  #toTop img {
    max-width: 40px;
    height: auto;
  }
  #header .inner-grid-top {
    display: flex;
    flex-direction: column;
  }
  #header .inner-grid-top div {
    flex: 0 0 30%;
  }
  #header .inner-grid-top a {
    flex: 0 0 70%;
  }
  #header .inner-grid-top #phonetop {
    margin-top: -30px;
    justify-content: flex-end;
  }
  #header .inner-grid-top #phonetop img {
    transform: scale(0.7);
  }
  #header #hamburger {
    right: 20px;
    top: 20px;
  }
  #erklaerungen {
    min-height: 2700px;
  }
  #erklaerungen h2 {
    font-size: 1.5rem;
  }
  #erklaerungen .content-text {
    font-size: 1rem;
  }
  .overflow-image .over-name,
  .overflow-image_ .over-name {
    position: absolute;
    bottom: 3.9rem;
    left: 3.9rem;
    background-color: #fff;
    padding: 0.3rem 1rem;
    font-size: 1.5rem;
    text-transform: uppercase;
  }
  .section#s_standort {
    background-position-x: right;
  }
  .section#s_abschiednahme {
    background-position-x: right;
  }
  .section#s_familie {
    background-position-x: center;
  }
  .inner-grid-right.c4060 .right60 {
    grid-column: 1/-1;
  }
  .inner-grid-right.c4060 .right60.padding2 {
    padding: 0;
  }
  #formularstart {
    width: 100% !important;
  }
  #formularstart .formbody {
    width: 100%;
    margin: 0 auto;
    background-color: #e6e8ea;
    padding: 1rem;
  }
  #formularstart .formbody .row {
    flex-direction: column;
  }
  #main #rat-hilfe .kasten {
    margin-left: 0rem;
  }
  #main #rat-hilfe .kasten.bg_blau5 {
    padding: 0rem;
  }
  .mod_newslist .layout_latest {
    max-width: 250px;
  }
}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (max-width: 400px) {
  #sliderStart .item {
    min-height: 310px;
  }
  html {
    font-size: 12px;
  }
  .content-grid-full {
    padding: 2rem 1rem 2rem 1rem;
  }
  #erklaerungen {
    min-height: 2700px;
  }
  #erklaerungen h2 {
    font-size: 1.5rem;
  }
  #erklaerungen .content-text {
    font-size: 1rem;
  }
  #toTop {
    width: 30px;
    height: 30px;
  }
  #toTop img {
    width: 100%;
    height: auto;
  }
}
@media only screen and (min-width: 1921px) {
  .inner-grid-rightI.full-width,
  .inner-grid-centerI.full-width,
  .inner-grid-leftI.full-width {
    max-width: 1920px;
    margin: 0 auto;
  }
}/*# sourceMappingURL=aufbau.css.map */