/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-v30-latin-300.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-v30-latin-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-v30-latin-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*
  1. Use a more-intuitive box-sizing model.
*/
*, *::before, *::after {
  box-sizing: border-box;
}

ul.level_1 {
  padding: 0;
}

body,
html {
  background-color: #fff;
  margin: 0px;
  padding: 0px;
  font-size: 16px;
}

body {
  animation: fadeInAnimation ease 3s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  color: #111;
}

@keyframes fadeInAnimation {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
html {
  color: #222;
  font-family: "Roboto";
  font-size: 16px;
  font-weight: 400;
}

body {
  font-family: "Roboto";
  font-size: 16px;
}

#main p,
#main li {
  line-height: 1.7rem;
  font-size: 1.125rem;
}
#main ul {
  padding-left: 20px;
}
#main h2,
#main h3 {
  color: #5f0a16;
}
#main h2 {
  margin-bottom: 3rem;
}
#main .red {
  background-color: #5f0a16;
  color: #fff;
}
#main .red h2,
#main .red h3,
#main .red p,
#main .red li {
  color: #fff;
}
#main .content-image picture img {
  width: 100%;
}
#main .cBild {
  box-shadow: 0px 15px 29px -6px rgba(0, 0, 0, 0.35);
  line-height: 0;
}
#main .rot {
  color: #5f0a16;
}
#main .bilderrow {
  display: flex;
  box-sizing: border-box;
  justify-content: center;
}
#main .bilderrow .art_item {
  flex: 0 0 calc(25% - 1em);
  width: calc(25% - 1em);
  aspect-ratio: 1;
  position: relative;
  margin: 0.5rem;
  overflow: hidden;
}
#main .bilderrow .art_item .rte {
  position: absolute;
  left: 0;
  background: rgba(95, 10, 22, 0);
  height: 100%;
  width: 100%;
  bottom: -80%;
  transition: all 0.5s ease-in-out;
}
#main .bilderrow .art_item .rte p,
#main .bilderrow .art_item .rte h2 {
  color: #fff;
  background: rgba(95, 10, 22, 0.8);
  transition: all 0.5s ease-in-out;
  padding: 0.5rem 2rem;
}
#main .bilderrow .art_item .rte h2 {
  text-align: center;
  font-size: 1.875rem;
  font-weight: 500;
}
#main .bilderrow .art_item .rte p {
  line-height: 1.5rem;
  opacity: 0;
}
#main .bilderrow .art_item:hover .rte {
  bottom: 0;
  background: rgba(95, 10, 22, 0.8);
}
#main .bilderrow .art_item:hover .rte p {
  display: block;
  opacity: 1;
}
#main .bilderrow .art_item:hover .rte p,
#main .bilderrow .art_item:hover .rte h2 {
  background: rgba(95, 10, 22, 0);
}
#main .bilderrow .bg_erdbestattung {
  background-image: url("../Lesemann/trauerfall/erd.jpg");
  background-size: cover;
}
#main .bilderrow .bg_feuerbestattung {
  background-image: url("../Lesemann/trauerfall/feuer.jpg");
  background-size: cover;
}
#main .bilderrow .bg_seebestattung {
  background-image: url("../Lesemann/trauerfall/see.jpg");
  background-size: cover;
}
#main .bilderrow .bg_baumbestattung {
  background-image: url("../Lesemann/trauerfall/baum.jpg");
  background-size: cover;
}
#main .bilderrow.r1 {
  margin-right: 2rem;
}
#main .bilderrow.r2 {
  margin-left: 2rem;
}
#main .m_top_null {
  margin-top: 0;
  padding-top: 0;
}
#main .paddingT2 {
  padding-top: 2rem !important;
}
#main .paddingB2 {
  padding-bottom: 2rem !important;
}
#main .marginB2 {
  margin-bottom: 2rem !important;
}
#main .padding2 {
  padding: 2rem;
}
#main #unser-leistungsangebot .texrow {
  padding: 2rem;
}
#main .texrow {
  border: 1px solid #5f0a16;
  display: flex;
  justify-content: space-between;
}
#main .texrow .item {
  flex: 0 0 45%;
}
#main .texrow.ohneBorder {
  border: 0 !important;
}
#main .bildergrid {
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 1.5rem;
}
#main .bildergrid .grid11 {
  grid-column: 1/3;
  grid-row: 1;
}
#main .bildergrid .teammitglied {
  position: relative;
  margin: 0rem;
}
#main .bildergrid .teammitglied img {
  width: 100%;
}
#main .bildergrid .teammitglied .plus {
  line-height: 1.3rem;
  line-height: 0rem;
  opacity: 0;
  animation-name: startSlideOut;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
#main .bildergrid .teammitglied .rte {
  position: absolute;
  left: 0;
  padding: 0.5rem 2rem;
  background: rgba(95, 10, 22, 0.8);
  width: 100%;
  bottom: 10%;
  transition: all 0.5s ease-in-out;
  text-align: center;
}
#main .bildergrid .teammitglied .rte p,
#main .bildergrid .teammitglied .rte h2 {
  color: #fff;
  padding: 0;
  margin: 0;
}
#main .bildergrid .teammitglied:hover .plus {
  animation-name: startSlideIn;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

@keyframes startSlideIn {
  0% {
    line-height: 0rem;
    opacity: 0;
  }
  50% {
    line-height: 1.5rem;
    opacity: 0;
  }
  100% {
    line-height: 1.5rem;
    opacity: 1;
  }
}
@keyframes startSlideOut {
  0% {
    line-height: 1.5rem;
    opacity: 1;
  }
  50% {
    line-height: 1.5rem;
    opacity: 0.5;
  }
  100% {
    line-height: 0rem;
    opacity: 0;
  }
}
#btn_up {
  position: fixed;
  bottom: 10px;
  right: 10px;
  opacity: 0;
  transition: all 0.8s ease-in-out;
  transform: scale(0) rotate(0);
  cursor: pointer;
}

body.showBtn #btn_up {
  opacity: 1;
  transform: scale(1) rotate(360deg);
}

.paddingLR {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

.hsmaller h2 {
  font-size: 1.8rem;
}

#main .paddingB0 h2 {
  padding-bottom: 0 !important;
  padding-top: 2rem;
}
#main .marginB0 h2 {
  margin-bottom: 0 !important;
}
#main .paddingT0 {
  padding-top: 0;
}

.fullwidth_inner {
  max-width: 1800px;
  width: 100%;
  margin: 0 auto;
  padding: 0 5rem;
}
.fullwidth_inner .red .rte {
  padding: 0.5rem 1rem;
}
.fullwidth_inner .marginT2 {
  margin-top: 2rem;
}

.startseite #article-182 {
  overflow: visible !important;
}
.startseite .bilderrow {
  display: block !important;
  overflow: visible;
}
.startseite .bilderrow .inside {
  display: flex;
  margin: 0 auto;
  justify-content: center;
  position: relative;
  margin-top: -50px;
  z-index: 10;
}
.startseite .bilderrow .inside .art_item {
  border: 20px;
  border-color: #fff;
  border-style: solid;
  margin: 0 !important;
}
.startseite .bilderrow .inside .art_item:nth-child(1) {
  border-top: 20px;
  border-right: 5px;
  border-bottom: 20px;
  border-left: 20px;
  border-color: #fff;
  border-style: solid;
}
.startseite .bilderrow .inside .art_item:nth-child(2) {
  border-top: 20px;
  border-right: 5px;
  border-bottom: 20px;
  border-left: 5px;
  border-color: #fff;
  border-style: solid;
}
.startseite .bilderrow .inside .art_item:nth-child(3) {
  border-top: 20px;
  border-right: 20px;
  border-bottom: 20px;
  border-left: 5px;
  border-color: #fff;
  border-style: solid;
}
.startseite .bilderrow .inside .art_item .rte {
  bottom: 0 !important;
  height: 30% !important;
  background: rgba(95, 10, 22, 0.7) !important;
}
.startseite .bilderrow .inside .art_item .rte p {
  opacity: 1 !important;
  background: rgba(95, 10, 22, 0) !important;
}
.startseite .bg_vorsorge {
  background-image: url("../Lesemann/start/8L0A0574_Beratung_Lesemann.jpg");
  background-size: cover;
  background-size: 100%;
  background-origin: center center;
  transition: all 0.3s ease-in-out;
}
.startseite .bg_vorsorge:hover {
  background-size: 103%;
}
.startseite .bg_trauerhalle {
  background-image: url("../Lesemann/start/8L0A0487_Trauerhalle_01.jpg");
  background-size: cover;
  background-size: 100%;
  background-origin: center center;
  transition: all 0.3s ease-in-out;
}
.startseite .bg_trauerhalle:hover {
  background-size: 103%;
}
.startseite .bg_produkte {
  background-image: url("../Lesemann/start/8L0A0768_Ausstellung.jpg");
  background-size: cover;
  background-size: 100%;
  background-origin: center center;
  transition: all 0.3s ease-in-out;
}
.startseite .bg_produkte:hover {
  background-size: 103%;
}

.marginT2 {
  margin-top: 5rem;
}

.fwidth img {
  width: 100%;
}

#board {
  background: url("../start/dom_hg.png");
  min-height: 580px;
  width: 100vw;
  border-bottom: 3px solid #333;
  background-repeat: no-repeat;
  position: relative;
  background-position: center;
  margin-bottom: 4rem;
  overflow: hidden;
}
#board .content-image {
  position: absolute;
  top: 50%;
  left: 40%;
  transform: translate(-50%, -50%);
}
#board #car {
  position: absolute;
  bottom: -6px;
  right: -30%;
  transition: all 1.8s ease-in;
  width: 255px;
}

#itemHolderStart #h_inner {
  max-width: 1800px;
  margin: 0 auto;
  display: grid;
  grid-gap: 2.5rem;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
}
#itemHolderStart #h_inner .btn_teaser {
  display: flex;
  background-color: #fff;
  align-items: center;
  justify-content: center;
}

.image_container {
  margin: 0px;
  padding: 0px;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

a {
  text-decoration: underline;
  color: #333;
}

#claimStart {
  position: fixed;
  top: 10%;
  left: 10%;
  z-index: 101;
  opacity: 1;
  transition: all 0.5s ease-in;
}
#claimStart h1 {
  font-size: 4.375rem;
  font-weight: 100 !important;
  color: #fff;
}

#ctrl_6 {
  border: 0;
}

#btnStart {
  background-color: #fff;
  color: #111;
  position: fixed;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 101;
  padding: 1.2rem 3rem;
  border-radius: 30px;
  font-size: 1.875rem;
  font-weight: 800;
  opacity: 1;
  transition: all 0.5s ease-in;
  cursor: pointer;
}
#btnStart:hover {
  background-color: #5f0a16;
  color: #fff;
}

body.startAni #btnStart,
body.startAni #claimStart {
  opacity: 0;
}
body.startAni #car.startAni {
  animation-name: startwagen;
  animation-duration: 12s;
  animation-fill-mode: forwards;
}

@keyframes startwagen {
  0% {
    right: -30%;
  }
  100% {
    right: 120%;
  }
}
#bodymask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  inset: 0;
  -webkit-mask: url("../hg/loch2.svg") 0/100% 100%, linear-gradient(#fff, #fff);
  -webkit-mask-composite: destination-out;
  -webkit-mask: url("../hg/loch2.svg") 0/100% 100%, linear-gradient(#fff, #fff);
          mask: url("../hg/loch2.svg") 0/100% 100%, linear-gradient(#fff, #fff);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  background: #776c60;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  transform: scale(1);
  transition: all 1.8s ease-in;
  z-index: 100;
  animation-timing-function: cubic-bezier(1, 0.01, 0.49, 0.96);
  display: block;
}
#bodymask.start {
  animation-name: startAni;
  animation-duration: 7s;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(1, 0.01, 0.49, 0.96);
}

@keyframes startAni {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(30);
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(100);
    display: none;
  }
}
#wrapper {
  width: 100%;
  box-sizing: border-box;
}

#header {
  z-index: 100;
  width: 100%;
  transition: all 0.35s ease-in-out;
  position: fixed;
  background-color: #fff;
  box-shadow: 0px 5px 17px 5px rgba(0, 0, 0, 0.53);
}
#header .inside {
  width: 100%;
  margin: 0px auto;
}

.head_menu {
  position: absolute;
  right: 20px;
  top: 10px;
  z-index: 1;
}

.s_auswahl h3 {
  font-size: 1.25rem;
}
.s_auswahl .inCount h3 {
  text-transform: uppercase;
  font-weight: 100;
}
.s_auswahl .auftragsformular {
  padding: 10px 20px;
}
.s_auswahl .auftragsformular h3 {
  color: #4a4a4a;
}
.s_auswahl .auftragsformular input[type=text],
.s_auswahl .auftragsformular input[type=email],
.s_auswahl .auftragsformular select,
.s_auswahl .auftragsformular textarea {
  border: 1px solid #4a4a4a;
}
.s_auswahl .auftragsformular #groesse,
.s_auswahl .auftragsformular #gewicht {
  border: 1px solid #4a4a4a;
}
.s_auswahl .auftragsformular a {
  color: #4a4a4a;
}
.s_auswahl .formular {
  justify-content: space-around;
}
.s_auswahl .formular h3 {
  color: #5f0a16;
  font-weight: 500;
}
.s_auswahl .formular .row {
  display: flex;
  flex-wrap: nowrap;
}
.s_auswahl .formular .row input,
.s_auswahl .formular .row select,
.s_auswahl .formular .row textarea {
  margin: 4px;
  font: 400 15px "Barlow Condensed" !important;
  flex: 0 0 32%;
  border: 1px solid #5f0a16;
  padding: 0.5rem;
}
.s_auswahl .formular .row input::-moz-placeholder, .s_auswahl .formular .row select::-moz-placeholder, .s_auswahl .formular .row textarea::-moz-placeholder {
  color: #888 !important;
  font-size: 0.9rem;
}
.s_auswahl .formular .row input::placeholder,
.s_auswahl .formular .row select::placeholder,
.s_auswahl .formular .row textarea::placeholder {
  color: #888 !important;
  font-size: 0.9rem;
}
.s_auswahl .formular .row input.ein,
.s_auswahl .formular .row select.ein,
.s_auswahl .formular .row textarea.ein {
  flex: 0 0 calc(100% - 24px);
}
.s_auswahl .formular .row input.zwei,
.s_auswahl .formular .row select.zwei,
.s_auswahl .formular .row textarea.zwei {
  flex: 0 0 calc(50% - 16px);
}
.s_auswahl .formular .row select {
  color: #888;
}
.s_auswahl .formular .row #groesse,
.s_auswahl .formular .row #gewicht {
  margin: 4px;
  font: 400 15px Arial;
}
.s_auswahl .formular .row textarea {
  font: 400 15px Arial;
  font-family: Arial;
  font-size: 100%;
  padding: 6px 10px;
}
.s_auswahl .formular .row.startflex {
  align-items: flex-start;
}
.s_auswahl .formular .row.startflex #meldeanschrift_kinder {
  height: 8rem;
}
.s_auswahl #footer {
  position: static;
}
.s_auswahl #btn_auswaehlen.senden {
  background-color: #5f0a16 !important;
  border-color: #5f0a16 !important;
  color: #fff !important;
}

@keyframes hintAni {
  0% {
    width: 138px;
    height: 30px;
  }
  100% {
    width: 550px;
    height: 100px;
  }
}
@keyframes hintAniRev {
  0% {
    width: 550px;
    height: 100px;
  }
  100% {
    width: 138px;
    height: 30px;
  }
}
#logoBottom img {
  position: relative;
  margin-top: -20px;
}

h2 {
  font-size: 2.125rem;
  font-weight: 300;
  color: #5f0a16;
}

h3 {
  color: #5f0a16;
}

body.showHint .genderHint {
  animation-name: hintAni;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
body.showHint .genderHint #genderContent {
  margin-top: 0.5rem;
}
body.showHint .genderHint #genderHead {
  position: absolute;
  opacity: 1;
  top: -35px;
}

.genderHint {
  background: #555;
  color: #fff;
  padding: 24px 16px;
  display: inline-block;
  font-weight: 500;
  margin-top: 2rem;
  cursor: pointer;
  position: absolute;
  width: 138px;
  height: 30px;
}
.genderHint.init {
  animation-name: hintAniRev;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
}
.genderHint #genderH {
  position: absolute;
  top: 10px;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.genderHint #genderContent {
  width: 550px;
  position: absolute;
  font-weight: 500;
  font-size: 0.8rem;
  margin-top: 100px;
  transition: all 0.5s ease-in-out;
  z-index: 100;
}
.genderHint #genderHead {
  font-size: 1rem;
  opacity: 1;
  position: absolute;
  opacity: 1;
  top: 2px;
  transition: all 0.5s ease-in-out;
}

#footerholderMain {
  padding-top: 5rem;
  padding-bottom: 5rem;
  margin-top: 2rem;
}
#footerholderMain .inh {
  max-width: 1800px;
  width: 100%;
  margin: 0 auto;
  border-top: 3px solid #776c60;
  margin-top: 2rem;
  padding-top: 4rem;
}
#footerholderMain .inh #logoBottom img {
  max-width: 350px;
}
#footerholderMain .inh a {
  text-decoration: none;
  font-size: 1rem;
  color: #4a4a4a;
}
#footerholderMain .inh #col1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 1.25rem;
  font-weight: bold;
  overflow: visible;
}
#footerholderMain .inh #col2 {
  display: flex;
  flex-direction: column;
}
#footerholderMain .inh #col2 a {
  flex: 0 0 30%;
}
#footerholderMain .flexrow {
  display: flex;
}
#footerholderMain .flexrow div {
  flex: 0 0 33%;
}
#footerholderMain .flexrow #logoBottom {
  flex: 0 0 40%;
}
#footerholderMain .flexrow #col1 {
  flex: 0 0 27%;
}
#footerholderMain .flexrow #col2 {
  display: flex;
}
#footerholderMain .flexrow #col2 a {
  padding: 0.5rem 0;
  font-size: 1.25rem;
  font-weight: 800;
}
#footerholderMain .telF {
  line-height: 1.25rem;
  padding-left: 0px;
  font-size: 1.25rem !important;
  font-weight: 700;
  font-stretch: expanded;
}
#footerholderMain .telF:before {
  content: " ";
  background-image: url("../icons/tel.png");
  left: 0px;
  top: 3px;
  padding-left: 15px;
  background-repeat: no-repeat;
  position: relative;
}

#navigation {
  position: relative;
}
#navigation #n_intern {
  padding-top: 2rem;
}
#navigation .c_pakete h2 {
  color: #fff;
  font-size: 3.75rem;
  font-weight: 300;
  text-transform: uppercase;
}

#closePPimg {
  position: absolute;
}

#erfolg {
  z-index: 1000;
  padding-bottom: 5px;
  padding-left: 1rem !important;
  position: absolute;
  max-width: 320px;
  width: 100%;
  width: 320px !important;
  border: 2px solid #707070;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-top: 0;
  top: 68px;
  background-color: #fff;
}
#erfolg::before {
  content: url(../js/ac/css/images/check.svg);
  position: relative;
  top: 5px;
  padding-right: 0.5rem;
}
#erfolg span {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 1rem;
}

.content_page #container .contentP #l_left .content-text {
  width: 100%;
}

#headholder #logoT img {
  max-width: 300px;
  width: 100%;
}

.buecherliste {
  margin-top: 2rem;
}
.buecherliste .rte {
  border: 1px solid #5f0a16;
  padding: 0.5rem 2rem;
}
.buecherliste li strong {
  color: #5f0a16;
}

#topNavi {
  overflow: visible;
}

.unav {
  position: absolute;
  z-index: 102;
  top: 6.5rem;
  left: 0 !important;
  opacity: 0.5;
  padding: 0rem;
  width: 100%;
  padding: 1.2rem 0rem;
  text-align: center;
}
.unav a {
  text-decoration: none;
  color: #fff;
  font-size: 1rem;
  border-right: 1px solid #fff;
}
.unav a:last-child {
  border-right: 0;
}

body.trauerfall #n_trauerfall.unav {
  display: inline-block;
  top: 6.5rem;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  transform: scale(1) translateY(0);
}
body.trauerfall.subNav #n_trauerfall.unav {
  transform: scale(0.1) translateY(100%);
  opacity: 0;
}

body.lesemann #n_lesemann.unav {
  display: inline-block;
  top: 6.5rem;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  transform: scale(1) translateY(0);
}
body.lesemann.subNav #n_lesemann.unav {
  transform: scale(0.1) translateY(100%);
  opacity: 0;
}

body.trauerfeier #n_trauerfeier.unav {
  display: block;
  top: 6.5rem;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  transform: scale(1) translateY(0);
}
body.trauerfeier.subNav #n_trauerfeier.unav {
  transform: scale(0.1) translateY(200%);
  opacity: 0;
}

body.vorsorge #n_vorsorge.unav {
  display: inline-block;
  top: 6.5rem;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  transform: scale(1) translateY(0);
}
body.vorsorge.subNav #n_vorsorge.unav {
  transform: scale(0.1) translateY(200%);
  opacity: 0;
}

body.wissen #n_wissen.unav {
  display: inline-block;
  top: 6.5rem;
  opacity: 1;
  z-index: -1;
  transition: all 0.3s ease-in-out;
  transform: scale(1) translateY(0);
}
body.wissen.subNav #n_wissen.unav {
  transform: scale(0.1) translateY(200%);
  opacity: 0;
}

#btn_vorsorge,
#btn_trauerhalle,
#btn_produkte {
  cursor: pointer;
}

#main .rte a[href^="http://"], #main .rte a[href^="https://"] {
  color: #1f9359;
}

.columnF {
  display: flex;
  flex-direction: column;
}
.columnF .widget-submit button {
  font-size: 1rem !important;
  text-transform: lowercase;
  border: 1px solid #8d8d8d !important;
  width: 85%;
}

#navigation {
  overflow: visible;
}
#navigation ul li {
  z-index: 202;
}
#navigation ul li .unav {
  transition: all 0.3s ease-in-out;
  transform: scale(0.1) translateY(100%);
}
#navigation li:hover .unav {
  opacity: 1;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  transform: scale(1) translateY(0);
  transition-delay: 0.3s;
}
#navigation li .unav {
  opacity: 0;
  transition: all 0.3s ease-in-out;
  transform: scale(0.1) translateY(100%);
}
#navigation li .unav:hover {
  display: inline-block;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  transform: scale(1) translateY(0);
}

/*
#n_lesemann.unav:hover{
  opacity:1;
}
*/
/*
body.navlesemann{
  #n_lesemann.unav{
    opacity:1;
  }
}
*/
.bg_weis_rot {
  background: linear-gradient(90deg, #fff 50%, #5f0a16 50%);
}

#headBild {
  line-height: 0;
}
#headBild img {
  width: 100%;
}

.doubleflex {
  padding-top: 2rem;
}
.doubleflex .inside {
  margin: 0 auto;
  display: flex;
  width: 100%;
  max-width: 1800px;
}
.doubleflex .inside div {
  flex: 0 0 50%;
}
.doubleflex .inside .lleft,
.doubleflex .inside .rright {
  padding: 2rem 5rem;
}
.doubleflex .inside .lleft .rte,
.doubleflex .inside .rright .rte {
  width: 100%;
  max-width: 730px;
}
.doubleflex .inside .lleft.bilder,
.doubleflex .inside .rright.bilder {
  display: flex;
  justify-content: space-between;
}
.doubleflex .inside .lleft.bilder .content-image,
.doubleflex .inside .rright.bilder .content-image {
  flex: 0 0 40%;
}
.doubleflex .inside .lleft.bilder.mitRahmen .content-image img,
.doubleflex .inside .rright.bilder.mitRahmen .content-image img {
  border: 1px solid #ccc;
}
.doubleflex .bild {
  padding-top: 3.5rem !important;
}

.pg_einzugsgebiet {
  position: relative;
}
.pg_einzugsgebiet .ce_accordion {
  padding-bottom: 4rem;
}
.pg_einzugsgebiet.content_page #container .contentP #l_left .content-text {
  width: 100%;
}

.fixed {
  position: absolute;
  background-color: #fff;
  z-index: 1;
  width: 100%;
  max-width: 500px;
  border-bottom: 2px solid #afafaf;
}
.fixed p {
  margin-bottom: 3rem;
  font-size: 1.25rem;
  font-weight: 500;
}

.afterFixed {
  padding-top: 7rem;
}

.ce_accordionStart.afterFixed {
  padding-top: 1rem;
}

.pg_einzugsgebiet #r_right {
  margin-top: 10.5rem;
}

.formularHH {
  margin-top: 2rem;
  overflow: auto;
  overflow-y: auto !important;
  text-align: left;
  padding: 40px 20px;
}
.formularHH input,
.formularHH select,
.formularHH textarea {
  font: 400 15px Arial;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #777;
}
.formularHH #ctrl_2 {
  background-color: #5f0a16;
  color: #fff;
  padding: 0.5rem 1.5rem;
}
.formularHH .widget.widget-submit {
  text-align: left;
}
.formularHH #ctrl_6 {
  border: 0;
  display: flex;
}
.formularHH #ctrl_6 legend {
  display: none;
}
.formularHH #ctrl_6 span {
  display: flex;
}
.formularHH #ctrl_6 span #opt_6_0 {
  width: 15px;
  padding: 1rem;
}
.formularHH #ctrl_6 span #lbl_6_0 {
  padding-left: 1rem;
}
.formularHH .tease {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  color: #fff;
}
.formularHH .widget {
  margin-bottom: 0px;
}
.formularHH .widget-submit {
  text-align: right;
}
.formularHH .row_flex_50 {
  display: flex;
  flex-wrap: wrap;
}
.formularHH .row_flex_50 .widget {
  box-sizing: border-box;
  width: 50%;
  padding: 4px;
}
.formularHH .row_flex_100 {
  display: flex;
  flex-wrap: wrap;
}
.formularHH .row_flex_100 .widget {
  box-sizing: border-box;
  width: 100%;
  padding: 4px;
}
.formularHH .widget.flex {
  display: flex;
  flex-wrap: nowrap;
  padding: 0px;
}
.formularHH #formHolderFooter {
  max-width: 980px;
  margin: 0px auto;
  display: flex;
  flex-wrap: nowrap;
}
.formularHH #formHolderFooter .itemF {
  box-sizing: border-box;
  padding: 10px;
}
.formularHH #formHolderFooter .itemF.last {
  padding-left: 20px;
}
.formularHH .ce_form {
  /*                display: inline-block;*/
  /*            max-width:980px;
                margin:0px auto;*/
}
.formularHH .ce_form .widget > label,
.formularHH .ce_form label {
  display: inline-block;
}

#notLeistung {
  position: absolute;
  background-color: #776c60;
  width: 100% !important;
  max-width: 100% !important;
  bottom: 0rem;
  bottom: -100%;
  right: 0rem;
  text-align: left;
  display: flex;
  justify-content: flex-end;
  padding-right: 0 !important;
  transition: all 0.35s ease-in-out;
}
#notLeistung .rte {
  max-width: 550px;
  right: 0;
  padding-right: 1rem;
}
#notLeistung:before {
  content: url("../icons/close.png");
  position: absolute;
  top: 5px;
  left: 5px;
  width: 24px;
  height: 24px;
  z-index: 200;
}

.showLeistung #notLeistung {
  bottom: 0rem;
}
.showLeistung #container .contentP #l_left #nichtLeistung .nichtL .zusatz {
  width: 550px;
  height: auto;
  opacity: 1;
}
.showLeistung #container .contentP #l_left #nichtLeistung .nichtL .zusatz p {
  display: block;
}

.ce_accordion {
  padding-bottom: 2rem;
}

.phone {
  line-height: 1rem;
  padding-left: 0px;
  font-weight: 500;
}
.phone:before {
  content: " ";
  background-image: url("../icons/tel.png");
  left: 0px;
  padding-left: 15px;
  background-repeat: no-repeat;
  top: 5px;
  position: relative;
}

.red {
  color: #5f0a16 !important;
}

.accordion ul {
  padding-left: 24px;
  padding-top: 18px;
}
.accordion ul li,
.accordion ul p {
  padding-left: 1.5rem;
  font-size: 1.25rem;
}
.accordion p {
  font-size: 1.25rem;
}

.toggler {
  font-size: 1.875rem;
  position: relative;
  cursor: pointer;
}

.pg_faq .toggler {
  font-size: 1.875rem;
  position: relative;
  cursor: pointer;
  transition: 1s ease-in-out;
}
.pg_faq .toggler::before {
  background-image: none;
}

#autoComplete_list_1 p {
  line-height: normal;
}

#article-115 .content-text.scroll li {
  font-size: 1rem !important;
  list-style: circle;
  padding-left: 1rem;
  color: #111;
}

#headholder {
  position: relative;
  z-index: 11;
}
#headholder .inside {
  max-width: 1800px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding-top: 2rem;
  padding-bottom: 0.2rem;
}
#headholder .inside #navigation {
  display: flex;
  align-items: flex-end;
  overflow: visible;
}
#headholder .inside #navigation #topNavi ul {
  display: flex;
  margin-bottom: 0;
  padding-bottom: 0.2rem;
}
#headholder .inside #navigation #topNavi ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#headholder .inside #navigation #topNavi a,
#headholder .inside #navigation #topNavi strong {
  text-decoration: none;
  white-space: nowrap;
  padding: 0.2rem 0.8rem;
  font-size: 1.125rem;
}
#headholder .inside #navigation #topNavi .unav a,
#headholder .inside #navigation #topNavi .unav strong {
  text-decoration: none;
  white-space: nowrap;
  padding: 1rem 0.8rem;
  font-size: 1.125rem;
  background: rgba(95, 10, 22, 0.8);
}
#headholder .inside #navT {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 0.3rem;
}
#headholder .inside #navT a {
  text-decoration: none;
  line-height: 1rem;
  padding: 9px;
  color: #5f0a16 !important;
  font-weight: bold !important;
  padding-left: 15px;
  position: relative;
}
#headholder .inside #navT a#phone_f::before {
  content: " ";
  background-image: url("../hg/phone.png");
  background-size: 20px 20px;
  background-position: center;
  position: absolute;
  left: -10px;
  top: 6px;
  width: 20px;
  height: 20px;
  display: inline-block;
}
#headholder .inside #navT a#phone_m::before {
  content: " ";
  background-image: url("../hg/handy.png");
  background-size: 20px 20px;
  background-position: center;
  position: absolute;
  left: -10px;
  top: 6px;
  width: 20px;
  height: 20px;
  display: inline-block;
}
#headholder .inside #navT img {
  max-width: 300px;
  width: 100%;
}
#headholder .inside #navT span {
  font-weight: 800;
  font-size: 1rem;
}
#headholder .inside #searchT {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
#headholder .inside #searchT .ttext {
  text-align: left;
  display: inline-block;
}
#headholder .inside #searchT .ttext p {
  font-size: 1rem;
  padding: 0.1rem 0;
  line-height: 0.1rem;
  font-weight: 500;
}
#headholder .inside #searchT .ttext .field {
  display: flex;
  max-width: 400px;
  width: 100%;
}
#headholder .inside #searchT .ttext .field .search-field {
  width: 100%;
  padding: 10px 35px 10px 15px;
  border: none;
  border-radius: 100px;
  outline: none;
}
#headholder .inside #searchT .ttext .field .search-field::-moz-placeholder {
  font-weight: bold;
  font-size: 1.25rem;
  opacity: 0.5;
  color: rgb(102, 102, 102);
  text-align: center;
}
#headholder .inside #searchT .ttext .field .search-field::placeholder {
  font-weight: bold;
  font-size: 1.25rem;
  opacity: 0.5;
  color: rgb(102, 102, 102);
  text-align: center;
}
#headholder .inside #searchT .ttext .field .search-button {
  background: transparent;
  border: none;
  outline: none;
  margin-left: -33px;
}
#headholder .inside #searchT .ttext .field .search-button img {
  width: 22px;
  height: 29px;
  padding: 3px;
}

#ctrl_6 {
  padding-left: 0 !important;
}

button {
  cursor: pointer;
}

.pg_angebot #container,
.content_page #container {
  padding-top: 5rem;
}

.pg_angebot #footer {
  position: static;
}
.pg_angebot .txt_details.content-text {
  display: block !important;
}
.pg_angebot .btn_bestellen {
  padding: 0.6rem 1.3rem;
  background: #776c60;
  color: #fff;
  text-transform: uppercase;
  border: 0;
  font-size: 2.5rem;
  margin: 0 auto;
  display: block;
  font-weight: 600;
  margin-top: 5rem;
}

#container {
  position: static;
  padding-top: 135px;
}
#container .contentP {
  display: flex;
}
#container .contentP #l_left,
#container .contentP #r_right {
  flex: 0 0 50%;
}
#container .contentP.fullwidth {
  flex-direction: column;
}
#container .contentP.fullwidth .content-text {
  padding: 3rem 5rem;
  background-color: #fff;
  border: 3px solid #776c60;
  font-size: 1.875rem;
}
#container .contentP.fullwidth .content-text .content-text {
  background-color: none;
  border: 0;
  padding: 0;
}
#container .contentP .content-text.scroll {
  padding: 3rem;
  padding-top: 1rem;
  background-color: #fff;
  border: 3px solid #776c60;
  max-height: 400px;
  overflow-y: auto;
  display: block !important;
}
#container .contentP .content-text.scroll h2 a {
  text-decoration: none;
  margin-bottom: 5rem;
  display: inline-block;
  transition: all 0.5s ease-in-out;
  text-transform: none;
}
#container .contentP .content-text.scroll h2 a:after {
  transition: all 0.5s ease-in-out;
  content: "";
  background-image: url("../icons/accordeon.png");
  width: 52px;
  height: 47px;
  display: block;
  position: absolute;
  opacity: 1;
}
#container .contentP .content-text.scroll h2 {
  position: relative;
  margin-bottom: 0;
}
#container .contentP .content-text.scroll h2 a.open {
  margin-bottom: 0.5rem;
}
#container .contentP .content-text.scroll h2 a.open::after {
  rotate: 180deg;
  opacity: 0;
}
#container .contentP .content-text.scroll .expand {
  overflow: hidden;
  color: #000;
}
#container .contentP .content-text.scroll .expand ul li {
  font-size: 1.25rem;
}
#container .contentP .content-text.scroll ul {
  padding-left: 2rem;
  overflow: hidden;
  color: #000;
  transition: all 0.5s ease-in-out;
  transform-origin: left top;
  transform: scaleY(1);
}
#container .contentP .content-text.scroll .ul:target {
  transform: scaleY(1);
}
#container .contentP .content-text.scroll li {
  font-size: 1.875rem;
  list-style: none;
}
#container .contentP .toggler {
  padding-bottom: 3rem;
  transition: all 0.3s ease-in-out;
  font-size: 1.875rem;
}
#container .contentP .toggler img {
  rotate: 0deg;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  position: absolute;
}
#container .contentP .toggler.active img {
  rotate: -180deg;
  opacity: 0;
}
#container .contentP .toggler.active {
  padding-bottom: 0.5rem;
}
#container .contentP .toggler.active + .accordion {
  opacity: 1;
  transition: all 0.8s ease-in-out !important;
}
#container .contentP .toggler + .accordion {
  transition: all 0.8s ease-in-out !important;
  opacity: 0;
}
#container .contentP .toggler + .accordion p {
  font-size: 1.5rem;
}
#container .contentP h2 {
  font-size: 2.1875rem;
}
#container .contentP h2.head {
  font-size: 3.75rem;
}
#container .contentP #l_left {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}
#container .contentP #l_left .content-text {
  color: #111;
  width: 100%;
  max-width: 600px;
  display: flex;
  align-items: center;
  padding-right: 2rem;
}
#container .contentP #l_left .content-text h1 {
  text-transform: uppercase;
  font-size: 3.75rem;
  font-weight: 300;
}
#container .contentP #l_left .content-text h1.hh {
  text-transform: uppercase;
  font-size: 2.5rem;
  font-weight: 300;
}
#container .contentP #l_left .content-text h3 {
  text-transform: uppercase;
  font-size: 1.875rem;
  font-weight: 300;
}
#container .contentP #l_left .content-text p {
  font-size: 1.25rem;
  font-weight: 500;
}
#container .contentP #l_left .content-text .ppreis {
  font-size: 3.75rem;
  font-weight: 600;
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 10rem;
}
#container .contentP #l_left .med p {
  font-weight: 300;
  font-size: 1.25rem;
  padding-top: 0;
  margin-top: 0;
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 800;
}
#container .contentP #l_left .med p::before {
  content: url("../hg/auswahl.png");
  padding-right: 1rem;
}
#container .contentP #l_left #nichtLeistung {
  font-weight: 300;
  cursor: pointer;
}
#container .contentP #l_left #nichtLeistung p {
  color: inherit;
  text-transform: inherit;
  font-weight: inherit;
  background: #c7c7c7;
  padding: 0.7rem;
}
#container .contentP #l_left #nichtLeistung p strong {
  color: #333;
  text-transform: inherit;
  font-weight: 300;
  font-size: 1rem;
}
#container .contentP #l_left #nichtLeistung .nichtL {
  position: relative;
  overflow: visible;
  color: #776c60;
}
#container .contentP #l_left #nichtLeistung .nichtL .zusatz {
  position: absolute;
  top: 0;
  left: 0;
  color: #776c60;
  width: 100%;
  padding: 15px 11px;
  background: #dfdedc;
  height: 0;
  width: 0;
  opacity: 0;
  transition: all 0.4s ease-in-out;
}
#container .contentP #l_left #nichtLeistung .nichtL .zusatz p {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  display: none;
}
#container .contentP #r_right {
  padding: 2rem;
  padding-top: 0;
}
#container .contentP #r_right .hr {
  border-bottom: 1px solid #333;
  margin-bottom: 2rem;
}
#container .contentP #r_right.pg_impressum, #container .contentP #r_right.pg_datenschutz {
  padding-top: 13rem;
}
#container .contentP #r_right.formularHH {
  padding-top: 6rem;
}
#container .contentP #r_right.formularHH #ctrl_2 {
  border: 2px solid #000;
  background: #776c60;
  font-size: 1.875rem;
  padding: 0.5rem 2rem;
  color: #fff;
}
#container .contentP #r_right .content-text {
  color: #111;
  width: 100%;
  max-width: 500px;
  display: flex;
  align-items: center;
  padding-right: 2rem;
  font-size: 1.25rem;
}
#container .contentP #r_right .content-text h1.hh {
  text-transform: uppercase;
  font-size: 2.5rem;
  font-weight: 300;
}
#container .contentP #r_right .content-text.med {
  flex-direction: column;
  align-items: flex-start;
}
#container .contentP #r_right.pg_downloads .content-text {
  justify-content: center;
}
#container .contentP #r_right .insideT {
  width: 100%;
  max-width: calc(500px - 2rem);
}
#container .contentP #r_right .insideT .produkt_image {
  width: 100%;
}
#container .contentP #r_right .proH > .rte > h3 {
  font-size: 1.875rem;
  font-weight: 300;
  border-bottom: 1px solid #777;
  padding-bottom: 2rem;
  display: inline-block;
  margin-bottom: 0;
}
#container .contentP #r_right .pro_head p {
  font-size: 1.25rem;
}
#container .contentP #r_right .txt_details {
  background-color: #fff;
  border: 3px solid #776c60;
  padding: 1rem 1rem;
  overflow-y: auto;
  max-height: 450px;
  overflow-y: auto;
}
#container .contentP #r_right .med p {
  font-weight: 300;
  font-size: 1.25rem;
  padding-top: 0;
  margin-top: 0;
  display: flex;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 800;
}
#container .contentP #r_right .med p::before {
  content: url("../hg/auswahl.png");
  padding-right: 1rem;
}
#container .contentP #r_right .med h2 {
  font-size: 2.5rem;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 0.2rem;
  margin-bottom: 0.2rem;
}
#container .contentP #r_right.double {
  overflow-y: visible;
}
#container .contentP #r_right.double h1 {
  text-transform: uppercase;
  font-size: 3.125rem;
  font-weight: 500;
  margin: 0.67em 0;
}
#container .contentP #r_right.double p {
  font-size: 1.25rem;
  font-weight: 500;
}
#container .contentP #r_right .content-textT {
  color: #fff;
  width: 100%;
  max-width: 550px;
  display: flex;
  align-items: center;
  padding-right: 2rem;
}

#bHold {
  display: flex;
  flex-direction: column;
  width: 50%;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  height: calc(100vh - 144px);
  position: relative;
}

.btn_teaser h2,
.btn_teaser h3,
.btn_teaser a,
.btn_teaser p {
  color: #776c60;
  margin: 0;
  padding: 0;
}
.btn_teaser h2 {
  font-family: "Roboto";
  font-size: 2.5rem;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 0;
  margin-bottom: 0;
  line-height: 2.25rem;
}
.btn_teaser h3 {
  font-family: "Roboto";
  font-size: 1.25rem;
  font-weight: 600;
  text-transform: uppercase;
  padding-top: 0;
  margin-top: 0;
}
.btn_teaser h2.ppreis {
  line-height: 3.25rem;
  margin-top: 1rem;
}
.btn_teaser p {
  margin-top: 0;
  padding-top: 0;
  font-size: 1.25rem;
  line-height: 2rem;
}
.btn_teaser a {
  font-size: 1.375rem;
  font-weight: 500;
  text-decoration: none;
  margin-top: 0;
  padding-top: 0;
}

body.start #btn_tease,
body.start #btn_tease_baum {
  text-transform: uppercase;
  background-color: #5f0a16 !important;
  border: 0;
}
body.start #btn_tease p,
body.start #btn_tease_baum p {
  color: #fff;
  font-size: 1.875rem;
  font-weight: 600;
}
body.start #outer_baum_teaser {
  background: url("../hg/start_baum.svg");
  background-size: cover;
}
body.start #btn_tease_baum {
  background-color: transparent !important;
  position: relative;
  background: url("../hg/start_baum.svg");
  background-size: cover;
  transform-origin: center right;
  transition: all 0.5s ease-in-out;
}
body.start #btn_tease_baum:hover {
  transform: scaleX(1.15);
  transform: translateX(-2rem);
}
body.start .kachel {
  padding: 1rem;
  border: 2px solid #776c60;
  aspect-ratio: 1;
}
body.start .kachel.baum_item.aktiv {
  border: 2px solid #1f9359;
}
body.start .btn_c {
  cursor: pointer;
}

.pg_einzugsgebiet .content-text.scroll {
  max-width: 490px !important;
}

#c2 {
  max-width: 1800px;
  width: 100%;
  margin: 2rem auto;
  text-align: center;
  padding-top: 5rem;
}
#c2 h2 {
  text-transform: uppercase;
  font-size: 2.5rem;
  font-weight: 400;
  color: #776c60;
}
#c2 #inhalt_erklaerung {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#c2 #inhalt_erklaerung .item {
  flex: 0 0 45%;
  text-align: left;
}
#c2 #inhalt_erklaerung .item h3 {
  font-size: 3.75rem;
  font-weight: 600;
  color: #776c60;
  text-transform: uppercase;
  padding-bottom: 0;
  margin-bottom: 0.5rem;
}
#c2 #inhalt_erklaerung .item .c5 {
  position: relative;
  display: flex;
  align-items: center;
}
#c2 #inhalt_erklaerung .item .c5 .cont {
  top: 0;
  left: 6rem;
  font-size: 1.25rem;
  font-weight: 800;
  color: #776c60;
  padding-left: 1rem;
  opacity: 0;
  transition: all 0.6s ease-in-out;
  position: relative;
  left: -100%;
}
#c2 #inhalt_erklaerung .item .c5 .cont p {
  margin: 0;
  padding: 0rem;
}
#c2 #inhalt_erklaerung .item .c5.show .cont {
  opacity: 1;
  left: 0%;
}
#c2 #inhalt_erklaerung .item .c5 img {
  cursor: pointer;
}
#c2 #inhalt_erklaerung .item:nth-child(1) .c5 .cont,
#c2 #inhalt_erklaerung .item:nth-child(3) .c5 .cont {
  left: -100%;
}
#c2 #inhalt_erklaerung .item:nth-child(1) .c5.show .cont,
#c2 #inhalt_erklaerung .item:nth-child(3) .c5.show .cont {
  left: 0% !important;
}
#c2 #inhalt_erklaerung .item:nth-child(2) .c5 .cont,
#c2 #inhalt_erklaerung .item:nth-child(4) .c5 .cont {
  right: -200% !important;
  left: auto;
}
#c2 #inhalt_erklaerung .item:nth-child(2) .c5.show .cont,
#c2 #inhalt_erklaerung .item:nth-child(4) .c5.show .cont {
  right: 0% !important;
}

.c5svg:hover circle {
  fill: #97fc7e;
}
.c5 img path {
  fill: #ed6866;
}

@keyframes start {
  from {
    transform: scale(1.5);
  }
  to {
    transform: scale(1);
  }
}
@keyframes startLogo {
  from {
    transform: scale(1.5) translate(-25%, -50%);
  }
  to {
    transform: scale(1) translate(-50%, -50%);
  }
}
#itemLogoStart {
  position: absolute;
  left: 50%;
  top: 40%;
  transform-origin: center center;
  transform: scale(1.5) translate(-25%, -50%);
}

#container #main .swiper-slide {
  transition: all 0.5s ease-in-out;
  transform: scaleY(1);
}
#container #main .swiper-slide.swiper-slide-active {
  transform: scaleY(1.2);
}
#container #main .swiper-button-prev,
#container #main .swiper-button-next {
  top: 95% !important;
}
#container #main .swiper-button-next::after {
  content: url("../hg/btn_next.png");
  display: inline-block;
}
#container #main .swiper-button-prev::after {
  content: url("../hg/btn_next.png");
  display: inline-block;
  transform: rotate(180deg);
}

#container #main .swp_austellung {
  padding-top: 2rem;
  padding-bottom: 3rem;
}

#article-149 {
  padding-bottom: 5rem !important;
  padding-top: 5rem !important;
}
#article-149 .inside {
  overflow: hidden;
}

#unsere-geschichte .ce_accordionStart .rte {
  background: #efefef;
  padding: 2rem;
  font-size: 1.25rem;
  -moz-columns: 2 300px;
       columns: 2 300px;
  -moz-column-gap: 3em;
       column-gap: 3em;
  border: 1px solid #ccc;
}

.toggler {
  background: #efefef;
  padding: 1rem;
  font-size: 1.25rem;
  font-weight: bold;
  position: relative;
  border: 1px solid #ccc;
}
.toggler::after {
  content: " ";
  transform: rotate(30deg) !important;
  background-image: url("../hg/btn_next.png");
  position: absolute;
  width: 55px;
  height: 35px;
  background-size: 20px 20px;
  padding-left: 45px;
  top: 50%;
  background-repeat: no-repeat;
  background-position: center;
  transform: translateY(-50%) rotate(0deg) !important;
  transition: all 0.3s ease-in-out;
}
.toggler.active::after {
  transform: translateY(-50%) rotate(90deg) !important;
}

#left {
  margin: 0;
  position: fixed;
  top: 0;
  left: -100vw;
  width: 100vw;
  height: 100vh;
  background-color: #776c60;
  transition: all 0.6s ease-in-out;
}
#left .c_pakete {
  margin-top: 150px;
}
#left ul.level_1,
#left ul.level_2 {
  list-style: none;
}
#left ul.level_1 > li {
  line-height: 2rem;
}
#left ul.level_1 > li > a {
  text-transform: uppercase;
}
#left ul.level_1 > li a.selected {
  color: #5f0a16;
}
#left ul.level_2 li {
  line-height: 2rem;
}
#left ul.level_2 li a {
  color: #bdbdbd;
}
#left .inside {
  background: rgba(119, 108, 96, 0.7);
}
#left a {
  font-size: 2.5rem;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
}
#left .navHolder {
  max-width: 980px;
  margin: 0 auto;
  width: 100vh;
  justify-content: space-between;
}
#left .navHolder .column:nth-child(2) {
  padding-top: 7rem;
}
#left .navHolder .column:nth-child(2) #n_intern {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#left .navHolder .column:nth-child(2) #n_intern a {
  text-transform: uppercase;
}
#left .c_pakete {
  flex: 0 0 60%;
  max-width: 400px;
}
#left .c_pakete a {
  font-size: 1.25rem;
}
#left .rowN {
  display: flex;
  justify-content: space-between;
}
#left .rowN p {
  flex: 0 0 45%;
}

#fHold {
  border: 1px solid #333;
  height: 100vh;
  display: flex;
  align-items: center;
}

#closePP {
  opacity: 0;
}

body.active #left {
  left: 0;
  z-index: 22;
}
body.active #closePP {
  opacity: 1;
}

.inCount {
  max-width: 1800px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 3rem;
}
.inCount h1 {
  display: none;
}
.inCount h3 {
  font-size: 1.875rem;
  font-weight: 500;
}
.inCount p {
  font-size: 1.25rem;
}

.art_erdbestattung #inFeuer,
.art_erdbestattung #inNatur,
.art_erdbestattung #inSee {
  display: none;
}

.art_feuerbestattung #inErd,
.art_feuerbestattung #inNatur,
.art_feuerbestattung #inSee {
  display: none;
}

.art_naturbestattung #inErd,
.art_naturbestattung #inFeuer,
.art_naturbestattung #inSee {
  display: none;
}

.art_seebestattung #inErd,
.art_seebestattung #inFeuer,
.art_seebestattung #inNatur {
  display: none;
}

.search-button img {
  display: none;
}

.produkt_image {
  display: inline-flex;
  border: 2px solid #c7c7c7;
  border-radius: 10px;
  align-items: center;
  min-width: 500px;
  padding: 2rem;
  margin-bottom: 2rem;
  cursor: pointer;
}
.produkt_image .rte {
  text-transform: uppercase;
  font-size: 1.875rem;
  padding: 2rem;
  color: #000;
}
.produkt_image .rte h3 {
  font-size: 1.875rem;
  font-weight: 300;
  color: #000;
}
.produkt_image .rte p {
  font-size: 1.25rem;
}
.produkt_image.selected {
  border: 2px solid #4a4a4a;
}
.produkt_image.ohne .rte {
  padding: 1rem;
  margin: 0 auto;
}
.produkt_image.ohne .rte h3 {
  padding-top: 1px;
  margin-top: 1px;
  padding-bottom: 1px;
  margin-bottom: 1px;
}

.marginB2 {
  margin-bottom: 2rem;
}

.marginB4 {
  margin-bottom: 4rem;
}

#headLine {
  border-bottom: 1px solid #555;
  padding-bottom: 0.8rem;
  font-weight: 300;
}

#head_bestattungsart {
  font-size: 1.25rem;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 2rem;
  color: #4a4a4a;
}

.txtContent {
  max-width: 1800px;
  margin: 0 auto;
  font-size: 1.25rem;
}
.txtContent h2 {
  text-transform: uppercase;
  font-size: 1.875rem;
  font-weight: 100;
}

.auswahl_item {
  display: inline-block;
  margin: 0rem;
  font-size: 1.875rem;
}
.auswahl_item img {
  max-height: 130px;
}
.auswahl_item.flexitem {
  display: inline-flex;
}
.auswahl_item.flexitem div {
  padding: 2rem;
  font-size: 1.875rem;
}

#warenkorbHolder {
  max-width: 1800px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  justify-content: space-between;
}
#warenkorbHolder .produkt_image {
  font-size: 1.875rem;
  min-width: 50%;
  width: 100%;
}
#warenkorbHolder .flexitemV {
  flex: 0 0 48%;
  max-width: 48%;
}
#warenkorbHolder .flexitemV h2 {
  font-size: 1.25rem;
  font-weight: 400;
  text-transform: capitalize;
}

.pg_downloads a {
  text-decoration: none !important;
}

.pg_uploads .pg_upload {
  padding-top: 10rem !important;
}
.pg_uploads #drop_zone {
  border: 2px dashed #5f0a16;
  width: 100%;
  height: 200px;
  text-align: center;
  background-color: #fff;
}
.pg_uploads .box__dragndrop,
.pg_uploads .box__uploading,
.pg_uploads .box__success,
.pg_uploads .box__error {
  display: none;
  text-align: center;
}
.pg_uploads .box__file {
  display: none;
}
.pg_uploads .box__input {
  text-align: center;
}
.pg_uploads .box {
  font-size: 1.25rem; /* 20 */
  background-color: #ffffff;
  position: relative;
  padding: 100px 20px;
  width: 400px !important;
}
.pg_uploads .box.has-advanced-upload {
  outline: 2px dashed #5f0a16;
  outline-offset: -10px;
  transition: outline-offset 0.15s ease-in-out, background-color 0.15s linear;
  width: 400px !important;
}
.pg_uploads .box.is-dragover {
  outline-offset: -20px;
  outline-color: #ffffff;
  background-color: #fff;
}
.pg_uploads .box__dragndrop,
.pg_uploads .box__icon {
  display: none;
}
.pg_uploads .box.has-advanced-upload .box__dragndrop {
  display: inline;
}
.pg_uploads .box.has-advanced-upload .box__icon {
  width: 100%;
  height: 80px;
  fill: #776c60;
  display: block;
  margin-bottom: 40px;
}
.pg_uploads .box.is-uploading .box__input,
.pg_uploads .box.is-success .box__input,
.pg_uploads .box.is-error .box__input {
  visibility: hidden;
}
.pg_uploads .box__uploading,
.pg_uploads .box__success,
.pg_uploads .box__error {
  display: none;
}
.pg_uploads .box.is-uploading .box__uploading,
.pg_uploads .box.is-success .box__success,
.pg_uploads .box.is-error .box__error {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  transform: translateY(-50%);
}
.pg_uploads .box__uploading {
  font-style: italic;
}
.pg_uploads .box__success {
  animation: appear-from-inside 0.25s ease-in-out;
}
@keyframes appear-from-inside {
  from {
    transform: translateY(-50%) scale(0);
  }
  75% {
    transform: translateY(-50%) scale(1.1);
  }
  to {
    transform: translateY(-50%) scale(1);
  }
}
.pg_uploads .box__restart {
  font-weight: 700;
}
.pg_uploads .box__restart:focus,
.pg_uploads .box__restart:hover {
  color: #39bfd3;
}
.pg_uploads .js .box__file {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.pg_uploads .js .box__file + label {
  max-width: 80%;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  display: inline-block;
  overflow: hidden;
}
.pg_uploads .js .box__file + label:hover strong,
.pg_uploads .box__file:focus + label strong,
.pg_uploads .box__file.has-focus + label strong {
  color: #39bfd3;
}
.pg_uploads .js .box__file:focus + label,
.pg_uploads .js .box__file.has-focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
.pg_uploads .js .box__file + label * {
  /* pointer-events: none; */ /* in case of FastClick lib use */
}
.pg_uploads .no-js .box__file + label {
  display: none;
}
.pg_uploads .no-js .box__button {
  display: block;
}
.pg_uploads .box__button {
  font-weight: 700;
  color: #e5edf1;
  background-color: #39bfd3;
  display: none;
  padding: 8px 16px;
  margin: 40px auto 0;
}
.pg_uploads .box__button:hover,
.pg_uploads .box__button:focus {
  background-color: #0f3c4b;
}

#totop {
  display: none;
}

#footer {
  background-color: #e6e5e5;
  bottom: 0;
  width: 100%;
  margin-top: 3rem;
}
#footer #f_adresse,
#footer #f_links {
  padding-left: 7rem;
}
#footer #f_links {
  display: flex;
}
#footer #f_links div:nth-child(1) {
  display: flex;
  flex-direction: column;
}
#footer #f_links div:nth-child(1) a {
  text-decoration: none;
  padding: 0.3rem 0;
}
#footer #f_links div:nth-child(2) {
  padding-left: 5rem;
}
#footer #footerholder {
  max-width: 1630px;
  margin: 0 auto;
  padding: 2rem 0;
  display: flex;
}
#footer #footerholder .inh {
  display: flex;
  flex-direction: column;
  flex: 0 0 30%;
}
#footer #footerholder .inh img {
  max-width: 350px;
  width: 100%;
}
#footer #footerholder .inh p {
  margin-top: 1.8rem;
  margin-bottom: 1.8rem;
  line-height: 1.5rem;
}
#footer #footerholder #f_form {
  flex: 0 0 70%;
  color: #5f0a16;
  font-weight: bold;
  font-size: 1.25rem;
}
#footer #footerholder #f_form #ctrl_6 {
  padding-top: 20px;
}
#footer #footerholder #f_form #ctrl_6 legend {
  width: 100%;
  display: none;
}
#footer #footerholder #f_form #ctrl_6 legend span {
  padding-top: 10px;
}
#footer #footerholder #f_form #ctrl_6 legend span.mandatory {
  display: inline-block;
}
#footer #footerholder #f_form #lbl_6_0 {
  color: #111;
  font-weight: 300;
  font-size: 1rem;
}
#footer #footerholder #f_form .erk_dsgvo span {
  text-align: left;
  display: flex;
  align-items: flex-start;
}
#footer #footerholder #f_form .erk_dsgvo span input {
  max-width: 25px;
}
#footer #footerholder #f_form > p {
  padding-left: 15px;
  font-size: 1rem;
  font-weight: 600;
}
#footer #footerholder #f_form label {
  font-size: 1rem;
}
#footer #footerholder #f_form #formular .formbody {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
#footer #footerholder #f_form #formular .formbody .row {
  flex: 0 0 100%;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
}
#footer #footerholder #f_form #formular .formbody .row .widget {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
}
#footer #footerholder #f_form #formular .formbody .row .widget input {
  width: 90%;
  padding: 10px;
}
#footer #footerholder #f_form #formular .formbody .row .widget textarea {
  max-width: 490px;
}
#footer #footerholder #f_form #formular .formbody .row .widget input,
#footer #footerholder #f_form #formular .formbody .row .widget textarea {
  background-color: #efefef;
  border: 2px solid #ccc;
}
#footer #footerholder button {
  border: 2px solid #000;
  background: none;
  font-size: 1.875rem;
  padding: 0.5rem 2rem;
  color: #4a4a4a;
  width: 90%;
  padding: 10px;
}
#footer #footerholder .erk_dsgvo {
  width: 97%;
  padding: 10px;
  padding-left: 0;
}
#footer #footerholder #p_summe {
  font-size: 3.125rem;
  padding-right: 3rem;
}

#hamnav {
  display: none;
}
#hamnav .hamburg {
  display: block;
  background: #5f0a16;
  width: 75px;
  height: 50px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  border-radius: 4px;
  transition: border-radius 0.5s;
}
#hamnav .line {
  position: absolute;
  left: 10px;
  height: 4px;
  width: 55px;
  background: #fff;
  border-radius: 2px;
  display: block;
  transition: 0.5s;
  transform-origin: center;
}
#hamnav .line:nth-child(1) {
  top: 12px;
}
#hamnav .line:nth-child(2) {
  top: 24px;
}
#hamnav .line:nth-child(3) {
  top: 36px;
}
#hamnav .hamburg.checked .line:nth-child(1) {
  transform: translateY(12px) rotate(-45deg);
}
#hamnav .hamburg.checked .line:nth-child(2) {
  opacity: 0;
}
#hamnav .hamburg.checked .line:nth-child(3) {
  transform: translateY(-12px) rotate(45deg);
}

@media only screen and (max-width: 1500px) {
  #main .bilderrow {
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #main .bilderrow .art_item {
    flex: 0 0 calc(50% - 1em);
    width: calc(50% - 1em);
    aspect-ratio: 1;
    position: relative;
    margin: 0.5rem;
    overflow: hidden;
  }
  .startseite #main .bilderrow {
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .startseite #main .bilderrow .art_item {
    flex: 0 0 calc(33% - 1em);
    width: calc(33% - 1em);
    aspect-ratio: 1;
    position: relative;
    margin: 0.5rem;
    overflow: hidden;
  }
}
@media only screen and (max-width: 1330px) {
  #topNavi {
    display: none;
  }
  #headholder .inside #navigation {
    display: none;
  }
  #hamnav {
    display: block;
  }
  #headholder .inside,
  #main .inside2 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  #main .inside #l_left {
    padding-left: 2rem;
  }
  #main .inside #r_right {
    padding-right: 2rem;
  }
  .s_auswahl #main .inside {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .s_auswahl #footer #footerholder .inh {
    justify-content: center;
  }
  #main .bildergrid {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (max-width: 1200px) {
  #footer #footerholder #f_form #formular .formbody .row {
    flex-direction: column;
  }
  #footer #footerholder #f_form #formular .formbody .row #ctrl_3 {
    padding-top: 2.5rem;
  }
  #footer #footerholder #f_form #formular .formbody .row #ctrl_5 {
    width: 90%;
    max-width: 1200px;
  }
  #footer #footerholder {
    justify-content: space-between;
  }
  #footer #footerholder #f_form {
    flex: 0 0 60%;
  }
  .startseite #main .bilderrow {
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .startseite #main .bilderrow .art_item {
    flex: 0 0 calc(33% - 1em);
    width: calc(33% - 1em);
    aspect-ratio: 1;
    position: relative;
    margin: 0.5rem;
    overflow: visible;
  }
  .startseite #main .bilderrow .art_item .rte {
    bottom: 1rem !important;
  }
  .startseite #main .bilderrow .art_item .rte p {
    padding: 0;
  }
  .startseite #main .bilderrow .art_item p {
    font-size: 1rem;
    line-height: 1.2rem;
  }
}
@media only screen and (max-width: 980px) {
  html {
    font-size: 0.9rem;
  }
  #footer #footerholder {
    gap: 2rem;
    align-items: flex-start;
  }
  #footer #footerholder #f_form {
    flex: 0 0 40%;
  }
  #left .navHolder {
    max-width: 980px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  #itemHolderStart #h_inner {
    max-width: 100%;
    margin: 0 auto;
    padding-right: 2rem;
    padding-left: 2rem;
    display: grid;
    grid-gap: 2.5rem;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
  }
  #itemHolderStart #h_inner .btn_teaser {
    display: flex;
    background-color: #fff;
    align-items: center;
    justify-content: center;
  }
}
@media only screen and (max-width: 920px) {
  #bHold {
    width: 100%;
  }
  .startseite #main .bilderrow {
    display: flex;
    box-sizing: border-box;
    justify-content: center;
    flex-wrap: wrap;
  }
  .startseite #main .bilderrow .inside {
    flex-wrap: wrap;
  }
  .startseite #main .bilderrow .art_item {
    flex: 0 0 calc(50% - 1em);
    width: calc(50% - 1em);
    aspect-ratio: 1;
    position: relative;
    margin: 0.5rem;
    overflow: visible;
  }
  .startseite #main .bilderrow .art_item .rte {
    bottom: 1rem !important;
  }
  .startseite #main .bilderrow .art_item .rte p {
    padding: 0;
  }
  .startseite #main .bilderrow .art_item p {
    font-size: 1.2rem;
    line-height: 1.5rem;
  }
  .startseite .bilderrow .inside .art_item {
    border-top: 20px !important;
    border-right: 20px !important;
    border-bottom: 20px !important;
    border-left: 20px !important;
    border-color: #fff !important;
    border-style: solid !important;
  }
}
@media only screen and (max-width: 850px) {
  #footer #footerholder {
    gap: 2rem;
    align-items: flex-start;
    flex-direction: column;
  }
  #footer #footerholder .inh {
    display: flex;
    flex-direction: column;
    flex: 0 0 100%;
    width: 100%;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
  }
  #footer #footerholder .inh #f_adresse p {
    margin-top: 0;
  }
  #footer #footerholder #f_form #formular .formbody .row #ctrl_5,
  #footer #footerholder #f_form #formular .formbody .row #ctrl_2 {
    width: 100%;
  }
  #formular {
    width: 90%;
    margin: 0 auto;
  }
  #footer #footerholder #f_form #formular .formbody .row .widget input {
    width: 100%;
    padding: 10px;
  }
  #footer #footerholder #f_form #formular .formbody .row .widget textarea {
    max-width: 100%;
  }
  #logoT {
    flex: 0 0 40% !important;
    width: 40%;
  }
  #navT {
    flex: 0 0 30% !important;
    width: 30%;
    align-items: flex-end;
  }
  #hamnav {
    flex: 0 0 20% !important;
    width: 20%;
  }
  #container .contentP {
    flex-direction: column;
  }
  #notLeistung {
    display: none !important;
  }
  .bg_weis_rot {
    background: #fff;
  }
  #main .inside #l_left {
    padding-left: 2rem;
    padding-right: 2rem;
    align-items: center;
  }
  #main .inside #r_right {
    padding-right: 2rem;
  }
  #main .inside #r_right .med.content-text {
    display: none;
  }
  #main .inside #r_right .insideT {
    margin: 0 auto;
  }
  .contentP {
    padding-bottom: 150px;
  }
  #footer #footerholder .inh {
    justify-content: center;
  }
  #headholder .inside div {
    flex: 0 0 42%;
  }
  #headholder .inside #navT {
    flex: 0 0 16%;
  }
  #footerholderMain .flexrow {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }
  #footerholderMain .flexrow #logoBottom {
    flex: 0 0 50% !important;
    text-align: center;
  }
  #footerholderMain .flexrow #col1 {
    flex: 0 0 50% !important;
    text-align: center;
    padding-top: 4rem;
  }
  #footerholderMain .flexrow #col2 {
    padding-top: 4rem;
    margin-top: 4rem;
    flex: 0 0 100% !important;
    display: flex;
    padding-top: 4rem;
    margin-top: 4rem;
    flex: 0 0 100% !important;
    justify-content: center;
    width: 100vw;
  }
  #footerholderMain .flexrow #col2 a {
    text-align: center;
    width: 30%;
  }
  .s_auswahl .formular .row {
    flex-wrap: wrap;
  }
  .s_auswahl .formular .row input,
  .s_auswahl .formular .row select,
  .s_auswahl .formular .row textarea {
    flex: 0 0 30%;
    width: 30%;
  }
  .s_auswahl .formular .row input.zwei {
    flex: 0 0 calc(45% + 4px);
    width: calc(45% + 4px);
  }
  .s_auswahl .formular .row input.ein {
    flex: 0 0 calc(90% + 16px);
    width: calc(90% + 16px);
  }
  #col1 {
    width: 100%;
    align-items: center !important;
  }
  #col1 .genderHint {
    width: 100%;
    height: auto;
    background: none;
  }
  #col1 .genderHint #genderH {
    position: static;
    color: #4a4a4a;
  }
  #col1 .genderHint #genderHead {
    text-align: center;
    margin: 0 auto;
    position: static;
  }
  #col1 .genderHint #genderContent {
    width: 100%;
    color: #4a4a4a;
    position: static;
    margin-top: 5px;
  }
  #footerholderMain .flexrow #col2 {
    padding-top: 7rem;
  }
  #footerholderMain {
    background: #e1e1e1;
  }
  .s_auswahl #warenkorbHolder .produkt_image {
    font-size: 1.875rem;
    min-width: 400px;
    width: 100%;
  }
  #container .contentP.fullwidth {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .doubleflex .inside {
    flex-direction: column;
  }
  #main .texrow {
    flex-direction: column;
  }
}
@media only screen and (max-width: 780px) {
  #bHold {
    width: 100%;
  }
  #bHold .btn_teaser {
    transform: scale(1);
  }
  @keyframes start {
    from {
      transform: scale(1);
    }
    to {
      transform: scale(0.7);
    }
  }
  @keyframes startLogo {
    from {
      transform: scale(1) translate(-25%, -50%);
    }
    to {
      transform: scale(0.7) translate(-50%, -50%);
    }
  }
}
@media only screen and (max-width: 750px) {
  #left .navHolder {
    max-width: 980px;
    padding-left: 2rem;
    padding-right: 2rem;
    flex-direction: column;
  }
  #left #fHold {
    display: block !important;
    padding-bottom: 5rem;
  }
  #left .navHolder {
    max-width: 100% !important;
  }
  #main .bilderrow .art_item {
    flex: 0 0 calc(100% - 1em);
    width: calc(100% - 1em);
  }
}
@media only screen and (max-width: 720px) {
  html {
    font-size: 12px;
  }
  #inhalt_erklaerung {
    flex-direction: column;
    padding: 0 2rem;
  }
  #headholder .inside {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    padding-top: 2rem;
    padding-bottom: 2rem;
    height: auto;
    flex-direction: row;
  }
  #hamnav {
    transform: scale(0.7) !important;
  }
  #headholder .inside div {
    flex: 0 0 100%;
  }
  #logoT {
    text-align: center;
    flex: 0 0 20%;
  }
  .content_page #container .contentP #l_left .content-text {
    width: 100%;
  }
  #footerholderMain {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-color: #e1e1e1;
  }
  #erfolg {
    top: 56px !important;
  }
  #itemHolderStart #h_inner {
    max-width: 100%;
    margin: 0 auto;
    padding-right: 2rem;
    padding-left: 2rem;
    display: grid;
    grid-gap: 2.5rem;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(5, 1fr);
  }
  #itemHolderStart #h_inner .btn_teaser {
    display: flex;
    background-color: #fff;
    align-items: center;
    justify-content: center;
  }
  #container #main .swiper-button-next::after,
  #container #main .swiper-button-prev:after {
    transform: scale(0.5);
  }
  #container #main .swiper-button-prev:after {
    transform: scale(0.5) rotate(180deg);
  }
  #btn_up img {
    max-width: 30px;
    width: 100%;
  }
}
@media only screen and (max-width: 680px) {
  #footer #footerholder .inh #f_adresse p,
  #footer #footerholder .inh #f_links {
    margin-top: 2rem;
  }
  .startseite #main .bilderrow .inside {
    flex-wrap: wrap;
  }
  .startseite #main .bilderrow .art_item {
    flex: 0 0 calc(100% - 1em);
    width: calc(100% - 1em);
    aspect-ratio: 1;
  }
  .startseite #main .bilderrow .art_item .rte {
    bottom: 1rem !important;
  }
  .startseite #main .bilderrow .art_item .rte p {
    padding: 0;
  }
  .startseite #main .bilderrow .art_item p {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}
@media only screen and (max-width: 600px) {
  #erfolg {
    max-width: 320px;
    width: 18rem !important;
  }
  #main .bildergrid {
    grid-template-columns: 1fr;
  }
  #main .bildergrid .grid11 {
    grid-column: 1;
    grid-row: 1;
  }
}
@media only screen and (max-width: 580px) {
  .produkt_image {
    min-width: 0;
  }
}
@media only screen and (max-width: 530px) {
  #hamnav {
    transform: scale(0.5) !important;
    position: relative;
    top: -10px;
  }
  #bHold {
    width: 100%;
  }
  #bHold .btn_teaser {
    transform: scale(1);
  }
  #claimStart h1 {
    font-size: 3.375rem;
  }
  #itemLogoStart {
    display: none;
  }
  .produkt_image {
    min-width: 0;
    flex-direction: column;
  }
  .s_auswahl #warenkorbHolder .produkt_image {
    font-size: 1.875rem;
    min-width: 40px;
    width: 100%;
  }
  #navT {
    position: absolute;
    flex-direction: row !important;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 70%;
  }
  #main .fullwidth_inner,
  .doubleflex .inside .lleft,
  .doubleflex .inside .rright {
    padding: 2rem 2rem;
  }
  .buecherliste {
    margin-top: 0rem !important;
  }
  .toggler::after {
    right: 0;
  }
  .startseite #main .bilderrow .art_item p {
    font-size: 1.2rem;
    line-height: normal;
  }
  #logoT {
    margin-bottom: 5px;
  }
  #btn_up img {
    max-width: 20px;
  }
}
@media only screen and (max-width: 390px) {
  html {
    font-size: 10px;
  }
  .produkt_image {
    min-width: 0;
    flex-direction: column;
  }
  #erfolg {
    top: 40px !important;
  }
  #erfolg span {
    font-size: 0.7rem;
  }
  #erfolg::before {
    content: "";
  }
  #footerholder .inh img {
    max-width: 350px;
    width: 90% !important;
  }
  .startseite #main .bilderrow .art_item p {
    font-size: 1.2rem;
    line-height: normal;
  }
  #btn_up img {
    max-width: 15px;
  }
}/*# sourceMappingURL=aufbau.css.map */