@charset "UTF-8";
/* alegreya-sans-100 - latin */
@font-face {
  font-family: "Alegreya Sans";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/alegreya-sans-v21-latin-100.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/alegreya-sans-v21-latin-100.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-sans-v21-latin-100.woff2") format("woff2"), url("../fonts/alegreya-sans-v21-latin-100.woff") format("woff"), url("../fonts/alegreya-sans-v21-latin-100.ttf") format("truetype"), url("../fonts/alegreya-sans-v21-latin-100.svg#AlegreyaSans") format("svg"); /* Legacy iOS */
}
/* alegreya-sans-100italic - latin */
@font-face {
  font-family: "Alegreya Sans";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/alegreya-sans-v21-latin-100italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/alegreya-sans-v21-latin-100italic.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-sans-v21-latin-100italic.woff2") format("woff2"), url("../fonts/alegreya-sans-v21-latin-100italic.woff") format("woff"), url("../fonts/alegreya-sans-v21-latin-100italic.ttf") format("truetype"), url("../fonts/alegreya-sans-v21-latin-100italic.svg#AlegreyaSans") format("svg"); /* Legacy iOS */
}
/* alegreya-sans-regular - latin */
@font-face {
  font-family: "Alegreya Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/alegreya-sans-v21-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/alegreya-sans-v21-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-sans-v21-latin-regular.woff2") format("woff2"), url("../fonts/alegreya-sans-v21-latin-regular.woff") format("woff"), url("../fonts/alegreya-sans-v21-latin-regular.ttf") format("truetype"), url("../fonts/alegreya-sans-v21-latin-regular.svg#AlegreyaSans") format("svg"); /* Legacy iOS */
}
/* alegreya-sans-italic - latin */
@font-face {
  font-family: "Alegreya Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/alegreya-sans-v21-latin-italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/alegreya-sans-v21-latin-italic.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-sans-v21-latin-italic.woff2") format("woff2"), url("../fonts/alegreya-sans-v21-latin-italic.woff") format("woff"), url("../fonts/alegreya-sans-v21-latin-italic.ttf") format("truetype"), url("../fonts/alegreya-sans-v21-latin-italic.svg#AlegreyaSans") format("svg"); /* Legacy iOS */
}
/* alegreya-sans-700 - latin */
@font-face {
  font-family: "Alegreya Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/alegreya-sans-v21-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/alegreya-sans-v21-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-sans-v21-latin-700.woff2") format("woff2"), url("../fonts/alegreya-sans-v21-latin-700.woff") format("woff"), url("../fonts/alegreya-sans-v21-latin-700.ttf") format("truetype"), url("../fonts/alegreya-sans-v21-latin-700.svg#AlegreyaSans") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "Alegreya Sans SC";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/alegreya-sans-sc-v20-latin-300italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/alegreya-sans-sc-v20-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-sans-sc-v20-latin-300italic.woff2") format("woff2"), url("../fonts/alegreya-sans-sc-v20-latin-300italic.woff") format("woff"), url("../fonts/alegreya-sans-sc-v20-latin-300italic.ttf") format("truetype"), url("../fonts/alegreya-sans-sc-v20-latin-300italic.svg#AlegreyaSansSC") format("svg"); /* Legacy iOS */
}
/* alegreya-sans-sc-regular - latin */
@font-face {
  font-family: "Alegreya Sans SC";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/alegreya-sans-sc-v20-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/alegreya-sans-sc-v20-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/alegreya-sans-sc-v20-latin-regular.woff2") format("woff2"), url("../fonts/alegreya-sans-sc-v20-latin-regular.woff") format("woff"), url("../fonts/alegreya-sans-sc-v20-latin-regular.ttf") format("truetype"), url("../fonts/alegreya-sans-sc-v20-latin-regular.svg#AlegreyaSansSC") format("svg"); /* Legacy iOS */
}
body {
  background-color: rgb(255, 255, 255);
  font-family: "Alegreya Sans";
  font-size: 16px;
  color: #000;
}

header #headholder {
  max-width: 1600px;
  margin: 0 auto;
}
header #headholder > .inside {
  text-align: center;
}
header #headholder .row.top_logo {
  display: flex;
  justify-content: space-between;
}
header #headholder .row.top_logo .logoT {
  flex: 0 0 40%;
  text-align: left;
}
header #headholder .row.top_logo .rightTop {
  flex: 1 0 60%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
header #headholder .row.top_logo .rightTop .linkTop {
  opacity: 0;
}
header #headholder .row.top_logo .rightTop .linkTop a {
  color: #902a33;
  font-size: 1.1875rem;
  font-size: 1.5rem;
  font-weight: 100;
  font-style: italic;
}
header #headholder .logoTR,
header #headholder .logoTL {
  flex: 0 0 25%;
  align-items: flex-end;
  text-align: right;
}
header #headholder .top_navigation {
  display: inline-block;
  margin: 0 auto;
}
header .top_logo img {
  max-width: 238px;
  margin-top: 10px;
  margin-bottom: 10px;
}
header #navigationTop .level_1 {
  display: flex;
  position: relative;
}
header #navigationTop .nav_image {
  position: absolute;
  left: 400px;
  top: 25px;
}
header a {
  text-decoration: none;
}

.c_gruen {
  color: #404040 !important;
}

.slideUp {
  opacity: 0;
  transform: translateY(20%) scale(0.2);
}

.slideL {
  opacity: 0;
  transform: translateX(-100%) scale(0.5);
}

.slideR {
  opacity: 0;
  transform: translateX(-100%) scale(0.5);
}

#btnSzenario {
  background: #fff;
  color: #990000;
  padding: 0.5rem 1rem;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 1.2rem;
  transition: all 0.3s ease-in-out;
  padding-left: 1rem;
  border-radius: 0;
}
#btnSzenario:hover {
  border-radius: 0px;
  background: #e1e1e1;
  padding-left: 1.5rem;
}

.inview.slideUp {
  animation: 1s ease 0.1s normal forwards 1 fadeUp;
}

.checkInview.inview .slideL {
  opacity: 0.5;
  animation: 1s ease 1s normal forwards 1 fadeinL;
}
.checkInview.inview .slideR {
  opacity: 0;
  animation: 1s ease 1s normal forwards 1 fadeinR;
}

.bg_mint #container #main {
  background: #404040;
}

@keyframes fadeinL {
  from {
    opacity: 0;
    transform: translateX(-100%) scale(0.5);
  }
  to {
    opacity: 1;
    transform: translateX(0%) scale(1);
  }
}
@keyframes fadeinR {
  from {
    opacity: 0;
    transform: translateX(200%) scale(0.5);
  }
  to {
    opacity: 1;
    transform: translateX(0%) scale(1);
  }
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20%) scale(0.2);
  }
  to {
    opacity: 1;
    transform: translateY(0%) scale(1);
  }
}
#article-208 .inside .flex.equal .column .ce_text {
  padding: 0 20px;
}

#article-367 .toggler {
  background-color: #404040 !important;
  text-align: center;
  margin-bottom: 0px !important;
}
#article-367 .accordion {
  background-color: #404040 !important;
  padding: 20px;
}
#article-367 .accordion li {
  color: #fff;
}

.symbole .item,
.blumensymbole .item {
  display: flex;
  align-items: center;
  margin-bottom: 10px !important;
}
.symbole .item .symbol,
.blumensymbole .item .symbol {
  margin-bottom: 10px !important;
}
.symbole .item .symbol img,
.blumensymbole .item .symbol img {
  max-width: 90px;
}
.symbole .item h4,
.blumensymbole .item h4 {
  color: #902a33;
  font-size: 2rem;
  font-family: "Alegreya Sans SC";
  font-weight: bold;
}
.symbole .item p,
.blumensymbole .item p {
  margin: 0 !important;
  padding: 0;
}
.symbole .item .content,
.blumensymbole .item .content {
  margin: 0 !important;
}

.blumensymbole .item {
  display: flex;
  align-items: center;
  margin-bottom: 10px !important;
}
.blumensymbole .item .symbol {
  margin-bottom: 10px !important;
  margin-right: 20px;
}
.blumensymbole .item .symbol img {
  max-width: 90px;
  border-radius: 20px;
  overflow: hidden;
}

#auftragsformular {
  max-width: 1250px;
  margin: 0 auto;
}
#auftragsformular input,
#auftragsformular textarea,
#auftragsformular select {
  background: rgba(64, 64, 64, 0.1);
  border-bottom: 1px solid #902a33;
  padding: 10px;
  margin-bottom: 10px;
  margin-right: 20px;
}
#auftragsformular input {
  width: 90%;
}
#auftragsformular .widget {
  width: 48%;
}
#auftragsformular h3 {
  color: #404040;
  font-size: 1.2rem;
  font-weight: 400 !important;
  margin-top: 20px;
  text-transform: uppercase;
}
#auftragsformular label {
  display: block;
  color: #404040;
  font-size: 1rem;
  line-height: 3rem;
}
#auftragsformular .kontakt_form {
  flex-direction: column;
}
#auftragsformular .kontakt_form .row {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
#auftragsformular .kontakt_form .row .rowP {
  flex: 0 0 50%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
#auftragsformular .kontakt_form .row.fullw {
  width: 100%;
}
#auftragsformular .kontakt_form .row.fullw .widget {
  width: 100%;
}
#auftragsformular #ctrl_63 span {
  display: flex;
}
#auftragsformular #ctrl_63 #opt_63_0 {
  width: 20px;
}
#auftragsformular #ctrl_63 label {
  font-size: 0.8rem;
  line-height: 1rem;
}
#auftragsformular #ctrl_18 {
  background: #404040;
  color: #fff;
  padding: 10px 20px;
  border: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
#auftragsformular .widget.widget-checkbox.mandatory {
  width: 100%;
}
#auftragsformular .widget.widget-checkbox.mandatory #ctrl_16,
#auftragsformular .widget.widget-checkbox.mandatory #ctrl_63 {
  width: 90%;
}
#auftragsformular #ctrl_16 {
  width: 90%;
}
#auftragsformular select {
  border: 0;
}

#container #main #auftragsformular div {
  margin-bottom: 2px !important;
}

.startseite h1 {
  text-transform: uppercase;
}
.startseite .column.grid {
  margin-bottom: 50px;
}
.startseite .column.grid .ce_text {
  border: 1px solid #404040;
}
.startseite .grid .ce_text {
  padding: 0 !important;
}
.startseite #container {
  margin: 0;
  padding: 0;
  max-width: 100%;
}
.startseite .startswiper {
  height: 100vh;
  width: 100vw;
}
.startseite .startswiper .swiper-wrapper,
.startseite .startswiper .swiper-slide {
  height: 100vh;
  width: 100vw;
  position: relative;
  cursor: pointer;
}
.startseite #slide_1 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
  background-image: url("../content/startSlider/start1.jpg");
}
.startseite #slide_2 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
  background-image: url("../content/startSlider/start2.jpg");
}
.startseite #slide_3 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
  background-image: url("../content/startSlider/start3.jpg");
}
.startseite #slide_4 {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #fff;
  background-image: url("../content/startSlider/start4.jpg");
}
.startseite #container #main .inside .inside div {
  margin-bottom: 0px !important;
}
.startseite #container #main .contentT {
  position: absolute;
  bottom: 4rem;
  left: 3rem;
}
.startseite #container #main .contentT h2,
.startseite #container #main .contentT h3 {
  color: #fff !important;
}
.startseite #container #main .contentT h2 {
  font-size: 1.875rem !important;
  font-family: "Alegreya Sans SC" !important;
  font-weight: 800;
  font-style: normal;
  margin-bottom: 0;
  padding-bottom: 0;
}
.startseite #container #main .contentT h3 {
  font-size: 6.25rem !important;
  font-family: "Alegreya Sans" !important;
  font-weight: 100;
  font-style: italic;
}
.startseite #header {
  background-color: transparent;
}
.startseite header #headholder .row.top_logo .rightTop .linkTop a {
  color: #fff;
}
.startseite .bar1,
.startseite .bar2,
.startseite .bar3 {
  background-color: #fff !important;
}

.bg_beige #main {
  background: #902a33 !important;
}

.center-v #main > .inside {
  align-items: center;
  display: flex;
}
.center-v #main > .inside .mod_article {
  flex: 0 0 50%;
}

.bg_hhgruen #main {
  background: #902a33 !important;
}

.arial {
  font-family: Times, serif;
  font-size: smaller;
}

.hidePP {
  opacity: 0;
}

#container #main p {
  margin: 1.5rem 0;
  line-height: 1.9rem;
  color: #902a33;
  font-size: 1.4375rem;
  font-style: italic;
}
#container #main .max120 .ce_text {
  width: 120%;
}
#container #main a[href^=http] {
  position: relative;
  padding-left: 30px;
}
#container #main a[href^=http]::before {
  position: absolute;
  content: url("../icons/link.svg");
  top: -2px;
  left: 0px;
  margin-right: 10px;
}
#container #main a[href^=http]:hover {
  text-decoration: underline;
}
#container #main #gallerieSlider {
  display: flex;
  justify-content: space-between;
  padding-left: 50px;
  padding-right: 50px;
}
#container #main #gallerieSlider .sliderG {
  flex: 0 0 20%;
  max-width: 20%;
}
#container #main #gallerieSlider .sliderG .rsts-header h3 {
  text-align: center;
  color: #404040;
  margin-bottom: 15px;
}
#container #main #gallerieSlider .sliderG img {
  max-width: 300px !important;
  max-height: 400px !important;
}
#container #main #gallerieSlider .sliderG .rsts-view {
  padding: 10px 30px;
  background-color: #fff;
  overflow: hidden;
  max-width: 100%;
  max-height: 400px;
}
#container #main strong {
  font-weight: bold;
  color: #902a33;
}
#container #main .bg_rot {
  background-color: #902a33;
  background-color: #902a33;
  color: #fff;
}
#container #main .bg_rot h1,
#container #main .bg_rot h2,
#container #main .bg_rot h3,
#container #main .bg_rot p,
#container #main .bg_rot li,
#container #main .bg_rot a {
  color: #fff;
}
#container #main .bold h1 strong {
  font-weight: bold;
}
#container #main .bold h1 + h2 {
  margin-top: 1.5rem !important;
}
#container #main .maxPad {
  padding: 90px 120px;
}
#container #main h1,
#container #main h2 {
  color: #902a33;
  font-size: 4.375rem;
  line-height: 5rem;
  font-weight: 100;
  font-family: "Alegreya Sans";
  padding: 10px 0;
  font-style: normal;
}
#container #main h1 strong,
#container #main h2 strong {
  font-size: 2.1875rem;
  font-family: "Alegreya Sans";
  font-weight: normal;
}
#container #main h1 {
  font-style: italic;
}
#container #main h2 {
  font-style: italic;
}
#container #main h3 {
  font-size: 1.875rem;
  font-family: "Alegreya Sans SC";
  font-weight: bold;
  color: #902a33;
}
#container #main h5 {
  color: #902a33;
  font-size: 1.5rem;
  text-transform: uppercase;
}
#container #main h1 + h2 {
  margin: 3rem 0;
  font-size: 2rem;
}
#container #main .flex {
  display: flex;
}
#container #main .flex.equal {
  max-width: 1800px;
  margin: 0 auto;
  margin-top: 50px;
}
#container #main .flex.equal .column {
  flex: 0 0 50%;
}
#container #main .flex.equal.thin {
  max-width: 1250px;
  margin: 0 auto;
}
#container #main .flex.equal.fullwidth {
  max-width: 100%;
}
#container #main .flex.equal.fullwidth .inside {
  width: 100%;
}
#container #main .flex.equal.headT {
  padding: 0;
  margin-top: 0;
}
#container #main .flex.equal.headT .inside {
  margin-top: 0 !important;
}
#container #main .flex.equal.headT .ce_image {
  padding: 0 !important;
}
#container #main .thin .inside {
  max-width: 1250px;
  margin: 0 auto;
}
#container #main #article-299 ul li {
  margin-bottom: 15px;
  position: relative;
  padding-left: 15px;
}
#container #main #article-299 ul li:before {
  background-image: none;
  width: 16px;
  content: "»";
  position: absolute;
  left: 0px;
  top: 0px;
}
#container #main .mthin .inside,
#container #main .wwthin .inside {
  max-width: 1180px;
  margin: 0 auto;
}
#container #main .mthin .inside h3,
#container #main .wwthin .inside h3 {
  color: #404040;
}
#container #main .mthin .inside .toggler,
#container #main .wwthin .inside .toggler {
  background-color: #404040;
  color: #fff;
  padding: 10px;
  display: inline-block;
}
#container #main .wwthin .inside {
  max-width: 1280px;
  margin: 0 auto;
}
#container #main .wwthin .inside .toggler {
  margin-bottom: 15px;
  display: block;
}
#container #main .thinw .inside {
  max-width: 1250px;
  width: 100%;
  margin: 0 auto;
}
#container #main .sthin.hcenter .inside {
  max-width: 1050px;
  margin: 0 auto;
}
#container #main .ssthin.hcenter .inside {
  max-width: 850px;
  margin: 0 auto;
}
#container #main ul.threecolumn {
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-gap: 40px;
       column-gap: 40px;
  padding-left: 20px;
}
#container #main ul.threecolumn li {
  margin-bottom: 20px;
}
#container #main .vcenter {
  display: flex;
  align-items: center;
  justify-content: center;
}
#container #main .grid {
  display: inline-grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  padding-bottom: 20px;
  justify-items: center;
  gap: 110px 110px;
}
#container #main .grid .ce_text {
  background-color: #fff;
  max-width: 92%;
  max-width: 520px;
  box-shadow: 10px 10px 5px -6px rgba(0, 0, 0, 0.56);
}
#container #main .grid .ce_text.keinKasten {
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  border: 0;
  text-align: left;
}
#container #main .grid .ce_text .teaser_box {
  position: relative;
  overflow: visible;
}
#container #main .grid .ce_text .teaser_box .teaser_text {
  overflow: visible;
}
#container #main .grid .ce_text .teaser_box h2 {
  position: absolute;
  margin-top: -50px;
  background: rgba(64, 64, 64, 0.7);
  display: block;
  padding: 10px;
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  font-size: 2.2rem;
  text-align: center;
  width: 100%;
  top: 250px;
  transition: all 0.5s ease;
}
#container #main .grid .ce_text .teaser_box p {
  padding: 0px 20px 0px 20px;
  margin-bottom: 0px;
}
#container #main .grid .ce_text .teaser_box p.a {
  padding: 0px 20px 10px 20px;
  margin-top: 0;
}
#container #main .grid .ce_text .teaser_box p.a a {
  color: #404040;
  font-weight: bold;
}
#container #main .grid .ce_text .teaser_box a {
  right: 0;
  text-align: right;
  display: block;
}
#container #main .grid .ce_text .teaser_box .img {
  width: 100% !important;
}
#container #main .grid .ce_text .teaser_box .internLink {
  position: absolute;
  left: -30px;
  text-align: left;
  bottom: -50px;
  background-color: #fff;
  width: 70%;
  padding: 2px 10px 2px 30px;
  box-shadow: 2px 2px 6px 5px rgba(0, 0, 0, 0.16);
  transition: all 0.5s ease;
}
#container #main .grid .ce_text .teaser_box .internLink a {
  padding-right: 30px;
  position: relative;
  font-style: italic;
  font-size: 0.9rem;
}
#container #main .grid .ce_text .teaser_box .internLink a::after {
  content: " ";
  position: absolute;
  background: url("../hg/icon_pfeil.png");
  width: 35px;
  height: 33px;
  background-size: 33px 33px;
  background-position: center;
  max-width: 50px;
  margin-left: 5px;
  background-repeat: no-repeat;
  top: -8px;
}
#container #main .grid .ce_text .teaser_box:hover h2 {
  position: absolute;
  margin-top: 0px;
  background: #404040;
  display: block;
  padding: 10px;
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-weight: bold;
  font-size: 2.2rem;
  text-align: center;
  width: 100%;
  top: 0;
}
#container #main .mod_article.flex.equal .inside {
  display: flex;
}
#container #main .mod_article.flex.equal .inside .ce_text,
#container #main .mod_article.flex.equal .inside .ce_image {
  flex: 0 0 50%;
  padding: 0 50px;
}
#container #main .mod_article.flex.equal .inside .ce_text .insideText {
  width: 60%;
  margin: 0 auto;
}
#container #main .mod_article.flex.equal .inside .ce_text .insideText h2 {
  text-transform: uppercase;
}
#container #main .mod_article.flex.equal .inside .ce_text.flex .insideText {
  display: flex;
  width: 100%;
  margin: 0 auto;
}
#container #main .mod_article.flex.equal .inside .ce_text.flex .insideText div {
  margin-top: 0;
  padding-top: 0;
  box-sizing: border-box;
  padding: 0 60px;
}
#container #main .mod_article.flex.equal .inside .ce_text.flex .insideText div p {
  margin-top: 0;
  padding-top: 0;
}
#container #main .mod_article.flex.equal .inside .ce_text.insideTextW .insideText {
  width: 80%;
  margin: 0 auto;
}
#container #main .mod_article.flex.equal .inside .ce_text.insideTextW .insideText p,
#container #main .mod_article.flex.equal .inside .ce_text.insideTextW .insideText strong {
  color: #000;
}
#container #main .mod_article.flex.equal .inside .ce_text.insideTextW .insideText h1,
#container #main .mod_article.flex.equal .inside .ce_text.insideTextW .insideText h2 {
  color: #404040;
}
#container #main .mod_article .block {
  overflow: visible !important;
}
#container #main #article-508 {
  height: 100%;
}
#container #main #article-508 .inside {
  height: 100%;
}
#container #main .bg_small {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}
#container #main .bg_small .inside {
  padding: 0 20px;
}
#container #main .bg_small_small {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  box-sizing: border-box;
}
#container #main .bg_small_small .inside {
  padding: 0 20px;
}
#container #main .trauermusik .flex {
  gap: 10%;
}
#container #main .trauermusik .flex .item {
  flex: 0 0 50%;
  padding: 10px;
  border: 1px solid #555;
  background-color: #fff;
}
#container #main .textleft {
  text-align: left;
}
#container #main .ce_accordionStart {
  padding: 15px;
  margin-bottom: 10px;
  text-align: left;
  cursor: pointer;
}
#container #main .ce_accordionStart .toggler {
  font-weight: bold;
  font-size: 1.1rem;
}
#container #main .ce_accordionStart .toggler.active::after {
  transform: rotate(90deg);
}
#container #main .fullHeight {
  position: static;
}
#container #main .fullHeight .inside {
  min-height: 100%;
  position: relative;
}
#container #main .fullHeight .inside .ce_text {
  min-height: 500px;
}
#container #main .slider_weiss .ce_accordionStart {
  padding: 15px;
  margin-bottom: 10px;
  text-align: left;
  cursor: pointer;
}
#container #main .slider_weiss .ce_accordionStart .toggler {
  font-weight: bold;
}
#container #main .slider_weiss .ce_accordionStart .toggler::after {
  animation: all 0.5s linear;
  content: "";
  font-weight: bold;
  display: inline-block;
  background-image: url("../hg/arrow_1.png");
  transition: all 0.5s ease;
  width: 18px;
  height: 18px;
  background-size: 18px;
  margin-left: 6px;
  background-position: center;
  position: absolute;
}
#container #main .slider_weiss .ce_accordionStart .toggler.active::after {
  transform: rotate(90deg);
}
#container #main .nopadding_bottom {
  padding-bottom: 0 !important;
}
#container #main .align_end .inside {
  align-items: end !important;
}
#container #main .bg_grau {
  background: #6a6a6a;
  color: #fff;
  padding-bottom: 100px;
}
#container #main .bg_grau strong {
  color: #fff;
}
#container #main .bg_grau .flex {
  align-items: baseline;
}
#container #main .bg_grau .flex .column {
  flex: 0 0 50%;
}
#container #main .bg_grau .flex .column:nth-child(1) {
  padding-right: 20px;
}
#container #main .bg_grau .flex .column:nth-child(2) {
  padding-left: 20px;
}
#container #main .bg_h_blau {
  background: #dee3ea;
}
#container #main #article-278 {
  padding-top: 0;
  padding-bottom: 0;
}
#container #main #article-278 .inside {
  margin-top: 0 !important;
}
#container #main #article-278 .inside .ce_accordionStart {
  cursor: pointer;
}
#container #main #trauerdruck_slidestart .inside {
  margin-top: 0 !important;
  padding-top: 0;
}
#container #main .inside .inside div.flex2 {
  margin-bottom: 20px;
}
#container #main .inside .inside div.flex2 div {
  margin-bottom: 10px;
}
#container #main ul.clickable {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  justify-content: space-around;
}
#container #main ul.clickable h3 {
  color: #902a33;
  font-size: 0.9rem;
}
#container #main ul.clickable li {
  flex: 0 0 20%;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 5px;
  color: #902a33;
}
#container #main ul.clickable li.highlight {
  background: rgba(177, 177, 177, 0.2);
}
#container #main #map_anfahrt #map {
  border-radius: 0;
}
#container #main .erinnerungen .cols_4 img {
  border: 6px solid #404040;
}
#container #main .inside .bg_image_grabpflege {
  background-image: url("../bilder/hm3/AdobeStock_213025275.jpg");
  margin: 0;
  padding: 0;
}
#container #main .inside .bg_image_grabpflege .inside {
  margin: 0 auto !important;
  margin-top: 0 !important;
  padding: 0;
  max-width: 1300px;
}
#container #main .inside .bg_image_grabpflege .ce_text {
  width: 50%;
  width: calc(50% + 50px);
  height: 100%;
  background: rgba(113, 85, 21, 0.5);
  padding: 50px;
  color: #fff;
  margin-left: -50px;
}
#container #main .inside .bg_image_grabpflege .ce_text h2 {
  color: #fff;
}
#container #main .padding50 {
  padding: 10px 50px;
}
#container #main .padding5050 {
  padding: 50px;
}
#container #main .padding3050 {
  padding: 30px 50px;
}
#container #main .nogap .inside {
  -moz-column-gap: 0 !important;
       column-gap: 0 !important;
}
#container #main .color_weiss h2,
#container #main .color_weiss p,
#container #main .color_weiss strong {
  color: #fff;
}
#container #main .t_left {
  text-align: left !important;
}
#container #main .alignTop {
  align-items: flex-start !important;
}
#container #main .alignTop .inside {
  align-items: flex-start !important;
}
#container #main .marginB {
  margin-bottom: 100px;
}
#container #main .bg_feuerbestattung {
  background-attachment: unset;
  background-image: url("../bilder/content/hm2/AdobeStock_209539544.jpg") !important;
  background-size: cover !important;
  min-height: 500px;
}
#container #main .bg_feuerbestattung .slideL {
  background: rgba(255, 255, 255, 0.7);
  height: 100%;
  display: flex;
  align-items: center;
}
#container #main .bg_feuerbestattung .slideL h2 {
  color: #404040;
}
#container #main .bg_feuerbestattung .slideL p {
  color: #000;
}
#container #main .erinnerungen.flex {
  align-items: flex-start;
}
#container #main .erinnerungen.flex .column {
  flex: 0 0 50%;
  text-align: left;
}
#container #main .erinnerungen.flex .column:nth-child(1) {
  padding-right: 25px;
}
#container #main .erinnerungen.flex .column:nth-child(2) {
  padding-left: 25px;
}
#container #main .erinnerungen.flex .column .ce_gallery {
  flex-wrap: wrap;
}
#container #main .erinnerungen.flex .column .ce_gallery .flex {
  flex-wrap: wrap;
}
#container #main .erinnerungen.flex .column .ce_gallery .flex .row_0:nth-child(1) {
  width: 43%;
}
#container #main .erinnerungen.flex .column .ce_gallery .flex .row_0:nth-child(2) {
  width: 57%;
}
#container #main .erinnerungen.flex .column .ce_gallery .flex .row_0:nth-child(3) {
  width: 100%;
}
#container #main .erinnerungen strong {
  color: #fff;
}
#container #main .erinnerungen h3 {
  text-transform: uppercase;
  font-weight: bold;
}
#container #main .marginNegativ {
  margin-top: -150px;
}
#container #main .marginLeft {
  margin-left: 150px;
  margin-bottom: 100px;
}
#container #main .marginRight {
  margin-left: 40%;
  margin-bottom: 100px;
}
#container #main .marginNegativ2 {
  margin-top: -80px;
  z-index: 80;
  position: relative;
}
#container #main .accordion div {
  padding: 0 !important;
}
#container #main .accordion div .ce_text {
  padding: 0 !important;
}
#container #main .accordion div .ce_text p {
  color: #000;
  line-height: 1rem;
  margin-bottom: 5px !important;
}
#container #main .accordion div .ce_text p strong {
  margin-bottom: 0 !important;
}
#container #main .accordion div ul li {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
#container #main .bg_transparent {
  padding-bottom: 100px;
}
#container #main .bg_transparent.column {
  padding: 20px;
  box-sizing: border-box;
}
#container #main .bg_transparent.qgruen .ce_accordionStart {
  background: #902a33;
  color: #404040;
  background-image: url(../hg/icon_pfeil.png);
  background-position: center 7px;
  background-repeat: no-repeat;
  background-size: 30px;
  box-shadow: 3px 5px 5px 5px rgba(0, 0, 0, 0.56);
  margin-bottom: 30px;
}
#container #main .bg_transparent h2 {
  color: #fff;
  text-transform: uppercase;
}
#container #main .bg_transparent .ce_accordionStart {
  background: #404040;
  color: #fff;
}
#container #main .bg_transparent.slider_weiss .ce_accordionStart {
  background: #fff;
  color: #404040;
}
#container #main .flexLi {
  display: flex;
  row-gap: 20px;
  -moz-column-gap: 10px;
       column-gap: 10px;
  justify-content: space-between;
}
#container #main .flexLi div {
  flex: 0 0 30%;
}
#container #main ul {
  list-style: disc;
}
#container #main ul li {
  margin-left: 20px;
  line-height: 1.6rem;
  font-size: 1.375rem;
}
#container #main .inside .inside {
  margin-top: 0px;
  margin-bottom: 0px !important;
}
#container #main .inside .inside div {
  margin-bottom: 100px;
}
#container #main .inside .inside .ce_text.schmal {
  width: 70%;
}
#container #main .inside .inside .ce_text.schmal.paddingL {
  padding-left: 100px;
}
#container #main .inside .inside .ce_text.schmal_w {
  display: flex;
  justify-content: center;
}
#container #main .inside .center .inside {
  text-align: center;
}
#container #main .mod_article.first .inside {
  margin-top: 0px !important;
}
#container #main .paddingTB {
  padding: 50px 0 !important;
}
#container #main .paddingB {
  padding: 0px 0 50px 0 !important;
}
#container #main .paddingT {
  padding: 50px 0 0px 0 !important;
}
#container #main .marginB {
  margin-bottom: 50px;
}
#container #main .marginTB {
  margin-bottom: 70px !important;
  margin-top: 70px !important;
}
#container #main .marginT {
  margin-top: 70px !important;
}
#container #main .galerien .ce_text {
  margin-top: 50px;
}
#container #main .galerien .ce_text h2 {
  margin-bottom: 0;
}
#container #main .galerien .ce_text p {
  margin-top: 10px;
}
#container #main .gridM .inside,
#container #main .gridMM .inside {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 30px;
  max-width: 1300px;
  margin: 0 auto;
  align-content: flex-start;
}
#container #main .gridM.gap10 .inside,
#container #main .gridMM.gap10 .inside {
  gap: 10%;
}
#container #main #text_zitate,
#container #main #text_symbole {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
  justify-content: space-between;
}
#container #main #text_zitate p,
#container #main #text_symbole p {
  flex: 0 0 45%;
  text-align: center;
}
#container #main #text_zitate p strong,
#container #main #text_symbole p strong {
  display: flex;
  flex-direction: column;
}
#container #main #text_zitate p strong::after,
#container #main #text_symbole p strong::after {
  margin-top: 10px;
  content: url("../hg/schleife.png");
}
#container #main #text_zitate img,
#container #main #text_symbole img {
  max-width: 80px;
  height: auto;
  float: left;
  margin-right: 10px;
}
#container #main #btn_symbole,
#container #main #btn_zitate {
  cursor: pointer;
}
#container #main #trauerdruck_pane {
  max-width: 100%;
  background: #404040;
  width: 100%;
}
#container #main #trauerdruck_pane .inside {
  margin-top: 0 !important;
  max-width: 1250px;
}
#container #main #trauerdruck_pane .inside strong {
  color: #777;
  margin-top: 10px;
  font-size: 0.8rem;
}
#container #main #trauerdruck_slidestart {
  padding-bottom: 0;
  max-width: 1200px;
  margin: 0 auto;
}
#container #main #trauerdruck_slidestart .inside {
  margin-bottom: 0 !important;
}
#container #main .color_weiss h1,
#container #main .color_weiss h2,
#container #main .color_weiss h3,
#container #main .color_weiss p {
  color: #fff !important;
}
#container #main #trauerfloristik {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#container #main #trauerfloristik .items {
  flex: 0 0 22%;
  margin-bottom: 2%;
  color: #fff;
  cursor: pointer;
}
#container #main #trauerfloristik .items > div {
  padding: 10px;
  background: #902a33;
  font-weight: bold;
  color: #404040;
  padding-right: 10px;
  transition: background-color 0.5s ease;
}
#container #main #trauerfloristik .items > div strong {
  color: #404040;
}
#container #main #trauerfloristik .items > div strong::after {
  transition: all 0.5s ease;
  content: "";
  font-weight: bold;
  display: inline-block;
  background-image: url("../hg/arrow_1.png");
  width: 18px;
  height: 18px;
  background-size: 18px;
  margin-left: 10px;
  background-position: center;
}
#container #main #trauerfloristik .items > div strong.active::after {
  transform: rotate(90deg);
}
#container #main #trauerfloristik .items > div:nth-child(1) {
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.36);
}
#container #main #trauerfloristik .items .content {
  font-weight: 100;
}
#container #main #trauerfloristik .items .content img {
  margin-top: 20px;
}
#container #main #trauerfloristik .items.openP > div {
  background-color: #404040;
}
#container #main #trauerfloristik .items.openP > div strong, #container #main #trauerfloristik .items.openP > div.content {
  color: #fff;
}
#container #main #trauerfloristik .items.openP > div:nth-child(1) {
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0);
}
#container #main .gal_trauerfloristik .flex {
  justify-content: space-around;
}
#container #main .gal_trauerfloristik .inside {
  margin-top: 0 !important;
}
#container #main .gal_trauerfloristik h3 {
  color: #404040;
  line-height: 3rem;
}
#container #main .gridMM .inside {
  display: grid;
  grid-template-rows: none;
  margin-top: 0 !important;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 30px;
  max-width: 1300px;
  margin: 0 auto;
}
#container #main .gridMM.gap10 .inside {
  gap: 10%;
}
#container #main .beileid .toggler::after {
  content: none;
}
#container #main .beileid .toggler .ce_text {
  color: #333;
}
#container #main .beileid .toggler .ce_text p,
#container #main .beileid .toggler .ce_text li {
  color: #333;
}
#container #main .beileid .ce_accordionStart .ce_text {
  color: #333;
}
#container #main .beileid .ce_accordionStart .ce_text p,
#container #main .beileid .ce_accordionStart .ce_text li,
#container #main .beileid .ce_accordionStart .ce_text strong {
  color: #333;
}
#container #main .beileid .ce_accordionStart .ce_text p {
  line-height: 1.5rem;
}
#container #main .beileid ul li {
  margin-bottom: 0rem !important;
  margin-top: 0rem !important;
}
#container #main .flexrow .inside {
  display: flex;
  margin: 0 auto;
  max-width: 1250px;
  gap: 10%;
  justify-content: center;
  align-items: flex-start;
}
#container #main .flexrow .inside .column {
  flex: 0 0 50%;
  text-align: center;
}
#container #main .flexrow .inside .column.vcenter {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 30px;
}
#container #main .flexrow .inside .column.vcenter h2 {
  text-transform: uppercase;
}
#container #main .flexrow.colummDirection .inside {
  margin: 0 auto;
}
#container #main #ui-id-22 strong {
  color: #fff !important;
}
#container #main #ui-id-22 li {
  margin-top: 10px;
}
#container #main #article-250 .inside {
  align-items: flex-start;
}
#container #main .img_head {
  position: relative;
}
#container #main .img_head .caption {
  position: absolute;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  width: 100%;
  text-align: center;
}
#container #main .spacebetween .flex {
  justify-content: space-between;
}
#container #main .hideImage {
  opacity: 0;
}
#container .btn_karte {
  cursor: pointer;
}
#container .caption {
  font-size: 0.9rem;
  font-style: italic;
}
#container .caption span {
  color: #404040;
  font-weight: bold;
  display: block;
  font-style: normal;
  font-size: 1.1rem;
  padding-bottom: 10px;
}

.kondolenz_page #container #main h5 {
  font-family: "Alegreya Sans SC";
  font-size: 1.875rem;
  font-weight: 800;
  text-transform: none;
}

.centerImage {
  text-align: center;
}

.fullwidth video {
  width: 100%;
  height: auto;
}

.mod_breadcrumb li.first {
  display: none;
}

/* Listenelemente nebeneinander stellen */
.mod_breadcrumb li {
  display: inline-block;
}

/* Nach einem Listenelements Trennzeichen einfügen */
.mod_breadcrumb li:after {
  content: " > ";
}

/* Nach dem letzten Listenelement kein Trennzeichen */
.mod_breadcrumb li.active:after {
  content: "";
}

#MobileNavHolder {
  transition: all 0.6s ease;
  position: absolute;
  top: -135vh;
  width: 100%;
  background: #770c0c;
  font-family: "Alegreya Sans SC";
  z-index: 1002;
}
#MobileNavHolder .mod_navigation {
  max-width: 1200px;
  margin: 0 auto;
  margin-top: 100px;
  margin-bottom: 100px;
}
#MobileNavHolder .mod_navigation a,
#MobileNavHolder .mod_navigation strong {
  color: #b7a0a0;
  font-size: 2rem;
}
#MobileNavHolder .mod_navigation li.trail a.trail,
#MobileNavHolder .mod_navigation li.trail strong.trail {
  color: #fff !important;
}
#MobileNavHolder .mod_navigation .level_2 {
  padding-left: 3rem;
}
#MobileNavHolder .mod_navigation .level_2 a,
#MobileNavHolder .mod_navigation .level_2 strong {
  font-family: "Alegreya Sans";
  font-size: 1.5rem;
  line-height: 2.5rem;
  font-style: italic;
}
#MobileNavHolder .mod_navigation .level_2 strong {
  color: #fff;
}
#MobileNavHolder li.trail a.trial {
  color: #fff;
}
#MobileNavHolder .navInner {
  max-width: 1600px;
  display: flex;
  margin: 0 auto;
  flex-direction: row;
  justify-content: space-between;
  padding-top: 3rem;
}
#MobileNavHolder .navInner > .column {
  display: flex;
}
#MobileNavHolder .navInner > .column .column {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-left: 100px;
}
#MobileNavHolder .navInner > .column .column a {
  color: #fff;
  font-size: 1.25rem;
  padding: 5px 2px;
}
#MobileNavHolder .navInner > .column #btn_close {
  max-width: 25px;
  height: 25px;
  cursor: pointer;
}
#MobileNavHolder .navInner #logo_navi {
  max-width: 280px;
  height: auto;
}

body.aktiv #MobileNavHolder {
  top: 0;
}

#footer {
  background-position: center;
  color: #902a33;
}
#footer .inside {
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  padding: 30px 0;
}
#footer .inside .row {
  display: flex;
}
#footer .inside .logo {
  width: 40%;
}
#footer .inside .logo img {
  max-width: 300px;
}
#footer .inside .adressen {
  display: flex;
  flex-wrap: wrap;
  width: 60%;
  font-size: 1rem;
  line-height: 1.5rem;
  justify-content: center;
}
#footer .inside .adressen .column {
  padding: 0 50px;
}
#footer .inside .adressen .column .row {
  line-height: 3rem;
  position: relative;
}
#footer .inside .adressen .column .row.last.column:nth-child(2) {
  border: 1px solid #902a33;
}
#footer .inside .adressen .column .icon_point,
#footer .inside .adressen .column .mailtoFooter {
  font-size: 1.25rem;
  font-style: italic;
  color: #902a33;
  padding-left: 38px;
}
#footer .inside .adressen .column .icon_point::before,
#footer .inside .adressen .column .mailtoFooter::before {
  position: absolute;
  padding-right: 38px;
  content: "";
  background: url("../icons/icon_standort.png");
  width: 30px;
  height: 50px;
  display: block;
  background-size: 25px 40px;
  background-repeat: no-repeat;
  background-position: left center;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
#footer .inside .adressen .column .icon_tel {
  font-size: 1.875rem;
  color: #902a33;
  font-weight: bold;
  padding-left: 38px;
}
#footer .inside .adressen .column .icon_tel::before {
  position: absolute;
  padding-right: 38px;
  content: "";
  background: url("../icons/icon_telefon.png");
  width: 30px;
  height: 30px;
  display: block;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
#footer .inside .item_third {
  display: flex;
}
#footer .inside .item_third p {
  line-height: 2rem;
}
#footer .inside .item_third p:nth-child(1) a,
#footer .inside .item_third p:nth-child(2) a {
  font-size: 1.25rem;
  margin-right: 5px;
  font-style: italic;
}
#footer .inside .item_third p:nth-child(1) a::after,
#footer .inside .item_third p:nth-child(2) a::after {
  content: "•";
  padding-left: 5px;
}
#footer .inside .item_third p:nth-child(3) a {
  font-size: 1.25rem;
  margin-right: 5px;
  font-style: italic;
}
#footer .inside .row.last {
  margin-top: 50px;
}
#footer .inside .row.last .column:nth-child(1) {
  width: 40%;
}
#footer .inside .row.last .column:nth-child(2) {
  width: 60%;
  display: flex;
  line-height: 1.5rem;
  justify-content: center;
}
#footer .inside .row.last .column:nth-child(2) .mailtoFooter {
  padding: 0 50px;
  font-size: 1.25rem;
  font-style: italic;
  color: #902a33;
  padding-left: 38px;
  position: relative;
  width: 300px;
  margin-left: 30px;
}
#footer .inside .row.last .column:nth-child(2) .mailtoFooter::before {
  position: absolute;
  padding-right: 38px;
  content: "";
  background: url("../icons/icon_email.png");
  width: 30px;
  height: 30px;
  display: block;
  background-size: 30px 25px;
  background-repeat: no-repeat;
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}
#footer .inside .row.last .column:nth-child(2) .item_third {
  padding: 0 50px;
}
#footer .inside .row.last .column:nth-child(2) .item_third a {
  text-transform: none;
}
#footer .inside .telefon,
#footer .inside .oeffnungszeiten,
#footer .inside .adresse {
  padding-left: 25px;
  position: relative;
}
#footer .inside .telefon::before,
#footer .inside .oeffnungszeiten::before,
#footer .inside .adresse::before {
  position: absolute;
  padding-right: 15px;
  content: " ";
  background: url("../hg/icon_hoerer.png");
  width: 25px;
  height: 25px;
  display: block;
  background-size: 30px 25px;
  background-repeat: no-repeat;
  left: -12px;
}
#footer .inside .adresse {
  padding-left: 25px;
  padding: 30px 0 10px 25px;
}
#footer .inside .adresse::before {
  position: absolute;
  padding-right: 15px;
  content: " ";
  background: url("../hg/icon_standort.png");
  width: 25px;
  height: 30px;
  display: block;
  background-size: 30px 30px;
  background-repeat: no-repeat;
  left: -12px;
}
#footer .inside .m_kontakt,
#footer .inside .h_kontakt {
  padding-left: 25px;
  margin-top: 30px;
  position: relative;
}
#footer .inside .m_kontakt::before,
#footer .inside .h_kontakt::before {
  position: absolute;
  padding-right: 15px;
  content: " ";
  background: url("../hg/icon_brief.png");
  width: 35px;
  height: 35px;
  display: block;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  left: -12px;
  top: -10px;
}
#footer .inside .h_kontakt {
  padding-left: 25px;
  margin-top: 5px;
  position: relative;
}
#footer .inside .h_kontakt::before {
  position: absolute;
  padding-right: 15px;
  content: " ";
  background: url("../hg/icon_globus.png");
  width: 35px;
  height: 35px;
  display: block;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  left: -12px;
  top: -5px;
}
#footer .inside .oeffnungszeiten {
  padding-left: 25px;
  position: relative;
}
#footer .inside .oeffnungszeiten::before {
  position: absolute;
  padding-right: 15px;
  content: " ";
  background: url("../hg/icon_uhr.png");
  width: 35px;
  height: 35px;
  display: block;
  background-size: 35px 35px;
  background-repeat: no-repeat;
  left: -12px;
  top: 25px;
}
#footer a {
  text-decoration: none;
  color: #902a33;
}

.btn_ham {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 20px;
  position: relative;
}
.btn_ham:before {
  content: "menu";
  position: absolute;
  font-weight: 100;
  font-size: 1.4rem;
  top: -40px;
  left: 0;
}

.bar1,
.bar2,
.bar3 {
  width: 35px;
  height: 5px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
}

.change .bar1 {
  transform: rotate(-45deg) translate(-9px, 6px);
}

.change .bar2 {
  opacity: 0;
}

.change .bar3 {
  transform: rotate(45deg) translate(-8px, -8px);
}

#nav_btn {
  transform: scale(0.99) translateX(-50%);
  width: 40px;
  height: 40px;
  z-index: 1001;
  transition: all 0.5s ease;
  cursor: pointer;
}
#nav_btn .btn_ham {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 20px;
  position: relative;
}
#nav_btn .bar1,
#nav_btn .bar2,
#nav_btn .bar3 {
  width: 35px;
  height: 5px;
  background-color: #770c0c;
  margin: 6px 0;
  transition: 0.4s;
}
#nav_btn .change .bar1 {
  transform: rotate(-45deg) translate(-9px, 6px);
}
#nav_btn .change .bar2 {
  opacity: 0;
}
#nav_btn .change .bar3 {
  transform: rotate(45deg) translate(-8px, -8px);
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(2, 34, 141, 0.7);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(2, 34, 141, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(2, 34, 141, 0);
  }
}
.btn_ham {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0px;
  position: relative;
}
.btn_ham:before {
  content: "";
  position: absolute;
  font-weight: 100;
  font-size: 1.4rem;
  top: -40px;
  left: 0;
}

#toTopBtn {
  position: fixed;
  right: 20px;
  bottom: 30px;
  z-index: 1001;
  cursor: pointer;
  transition-duration: 0.9s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  transition: transform 0.5s ease;
  transform: scale(0);
}
#toTopBtn img {
  max-width: 70px;
  height: auto;
}

.showBtn #footer #toTopBtn {
  transform: scale(1);
}

#left {
  display: none;
  position: absolute;
  left: -410px;
  top: 0;
  width: 400px;
  height: 100%;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.9098039216);
  float: none;
  margin: 0;
}
#left .inside {
  padding: 20px;
  padding-left: 100px;
}
#left .inside a,
#left .inside strong {
  color: #404040;
  padding: 10px 5px;
}
#left .inside .level_1 > li > a,
#left .inside .level_1 > li > strong {
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  border-top: 1px solid #af9c92;
}
#left .inside .level_2 {
  padding: 10px 5px;
  padding-left: 2em;
}
#left .inside .level_2 a,
#left .inside .level_2 strong {
  padding: 5px 5px;
  display: block;
}
#left .inside .level_2 a::before,
#left .inside .level_2 strong::before {
  content: "☐";
  content: "⚀";
  margin-right: 10px;
}
#left .inside .level_2 strong {
  background: rgba(255, 255, 255, 0.2);
}

#left {
  display: block !important;
  position: static;
  left: -410px;
  top: 0;
  width: 400px;
  height: 100%;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.9098039216);
  float: none;
  margin: 0;
}
#left .inside {
  padding: 20px;
  padding-left: 100px;
}
#left .inside a,
#left .inside strong {
  color: #404040;
  padding: 10px 5px;
}
#left .inside .level_1 > li > a,
#left .inside .level_1 > li > strong {
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  border-top: 1px solid #af9c92;
}
#left .inside .level_2 {
  padding: 10px 5px;
  padding-left: 2em;
}
#left .inside .level_2 a,
#left .inside .level_2 strong {
  padding: 5px 5px;
  display: block;
}
#left .inside .level_2 a::before,
#left .inside .level_2 strong::before {
  content: "☐";
  content: "⚀";
  margin-right: 10px;
}
#left .inside .level_2 strong {
  background: rgba(255, 255, 255, 0.2);
}

#headBild {
  position: relative;
  padding-top: 78px;
}
#headBild .image_container img {
  width: 100%;
}
#headBild #breadC {
  position: absolute;
  z-index: 1000;
  top: 0px;
  width: 100%;
  max-width: 1500px;
  height: 100%;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#headBild #breadC ul {
  padding-top: 50px;
}
#headBild #breadC ul li a {
  text-decoration: none !important;
}
#headBild #breadC h1 {
  padding-bottom: 50px;
  margin-bottom: 0;
}
#headBild #breadC a {
  text-decoration: none;
}
#headBild .colorWhite #breadC {
  color: #fff;
}
#headBild .colorWhite #breadC h1 {
  color: #fff;
}
#headBild .colorWhite #breadC a {
  color: #fff !important;
}
#headBild .colorRedWhite #breadC {
  color: #902a33;
}
#headBild .colorRedWhite #breadC h1 {
  color: #fff;
}

#header {
  position: fixed;
  z-index: 1002;
  background-color: #fff;
  width: 100%;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.39);
  transition: all 0.3s ease;
}

#startvideo .inside {
  margin-top: 0 !important;
}
#startvideo .inside .overlay {
  position: absolute;
  top: 50px;
}
#startvideo .inside .overlay .ce_text {
  background-color: transparent;
  padding-left: 50px;
  padding: 50px !important;
  max-width: 500px;
  box-sizing: border-box;
}
#startvideo .inside .overlay .ce_text h1 {
  color: #fff !important;
  text-transform: uppercase;
  text-shadow: 2px 2px #000000;
  font-size: 3rem !important;
}
#startvideo .inside .overlay .ce_text.bg_weiss {
  background: rgba(255, 255, 255, 0.6) !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: bold;
}

body.sticky #header {
  box-shadow: 0px -1px 6px 5px rgba(0, 0, 0, 0.39);
}

#container {
  padding-top: 130px;
  margin: 0 auto;
  max-width: 1500px;
}

.columnP #main > .inside {
  display: flex;
}
.columnP #main > .inside .mod_article {
  flex: 0 0 50%;
  box-sizing: border-box;
}
.columnP #main > .inside .mod_article .team {
  margin-bottom: 150px !important;
}
.columnP #main > .inside .mod_article .team h3 {
  margin-bottom: 2rem;
}
.columnP #main > .inside .mod_article.overFlowV {
  overflow: visible !important;
}
.columnP #main > .inside .mod_article.overFlowV .team {
  margin-left: 150px;
}
.columnP #main > .inside .mod_article.fullwidthflex {
  flex: 0 0 100% !important;
}
.columnP #main > .inside .mod_article.fullwidthflexLine {
  flex: 0 0 100% !important;
}
.columnP #main > .inside .mod_article.fullwidthflexLine .inside {
  display: flex;
  margin-right: 0 !important;
}
.columnP #main > .inside .mod_article.fullwidthflexLine .inside .ce_text {
  flex: 0 0 50%;
  padding-right: 160px;
}
.columnP #main > .inside .mod_article.fullwidthflexLine .inside .ce_image {
  flex: 0 0 50%;
  padding-left: 100px;
}
.columnP #main > .inside .mod_article:nth-child(1) .inside {
  margin-right: 80px;
}
.columnP #main > .inside .mod_article:nth-child(2) .inside {
  margin-left: 80px;
}
.columnP #main > .inside .paddingL150 {
  padding-left: 150px;
}
.columnP #main > .inside .paddingR150 {
  padding-right: 150px;
}
.columnP.kartefull #main > .inside {
  display: flex;
  flex-wrap: wrap;
}
.columnP.kartefull #main > .inside .mod_article:nth-child(3) {
  flex: 0 0 100%;
  box-sizing: border-box;
}
.columnP.fullwidthFirst #main > .inside {
  display: flex;
  flex-wrap: wrap;
}
.columnP.fullwidthFirst #main > .inside .mod_article:nth-child(1) {
  flex: 0 0 100%;
  box-sizing: border-box;
}
.columnP.fullwidthFirst #main > .inside .mod_article:nth-child(2) .inside {
  margin-left: 0px;
}
.columnP.fullwidthFirst #main > .inside .mod_article.fullwidth {
  flex: 0 0 100%;
}
.columnP.fullwidthFirst #main > .inside .mod_article.fullwidth .inside {
  display: flex;
}
.columnP.fullwidthFirst #main > .inside .mod_article.fullwidth .inside .ce_text {
  flex: 0 0 50%;
}
.columnP.fullwidthFirst #main > .inside .mod_article.fullwidth .inside .ce_image {
  flex: 0 0 50%;
  text-align: center;
}
.columnP.fullwidthLast #main > .inside {
  display: flex;
  flex-wrap: wrap;
}
.columnP.fullwidthLast #main > .inside .mod_article:nth-child(3) {
  flex: 0 0 100%;
  box-sizing: border-box;
}
.columnP.fullwidthLast #main > .inside .mod_article:nth-child(3) .inside {
  display: flex;
}
.columnP.fullwidthLast #main > .inside .mod_article:nth-child(3) .inside .ce_text {
  flex: 0 0 100%;
}
.columnP.fullwidthLast #main > .inside .mod_article.fullwidthflexLine {
  flex: 0 0 100%;
}
.columnP.fullwidthLast #main > .inside .mod_article.fullwidthflexLine .inside {
  display: flex;
}
.columnP.fullwidthLast #main > .inside .mod_article.fullwidthflexLine .inside .ce_text {
  flex: 0 0 100%;
}
.columnP #main .spacebetween .inside {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.columnP #main .spacebetween .inside div {
  margin-bottom: 50px !important;
}

.marginL_neg {
  left: -80px;
  position: relative;
  width: calc(100% + 80px);
}

.marginR_neg {
  right: -80px;
  position: relative;
  width: calc(100% + 80px);
}

.overFlowV {
  overflow: visible !important;
}

h6 {
  font-family: "Alegreya Sans SC";
  font-size: 1.3rem;
  margin-bottom: 0;
  padding-bottom: 0;
}
h6 + p {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

#breadC {
  color: #902a33;
  margin-bottom: 80px;
}
#breadC li {
  font-size: 1.125rem;
  font-style: italic;
}
#breadC h1 {
  color: #902a33;
  font-size: 2rem;
  font-family: "Alegreya Sans SC";
  padding-top: 30px;
  font-weight: 800;
}
#breadC a {
  text-decoration: none;
  color: #902a33;
}
#breadC ul,
#breadC li {
  margin-left: 0;
  padding-left: 0;
}

@media only screen and (max-width: 1580px) {
  #footer .inside .adresse,
  #footer .inside .telefon {
    margin-left: 20px;
  }
  #container,
  #footer,
  #MobileNavHolder,
  #breadC,
  #headholder {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media only screen and (max-width: 1300px) {
  .linkTop {
    display: none;
  }
  #footer .inside .row {
    justify-content: space-between;
  }
  #footer .inside .row .logo {
    width: auto;
  }
  #footer .inside .row .adressen {
    width: auto;
    display: flex;
    align-items: flex-end;
  }
  #footer .inside .row.last .column:nth-child(1) {
    width: 0%;
    display: none;
  }
  #footer .inside .row.last .column:nth-child(2) {
    width: 100%;
    display: flex;
    line-height: 1.5rem;
    justify-content: center;
  }
  .marginR_neg {
    right: 0px;
    width: 100%;
  }
}
@media only screen and (max-width: 979px) {
  #footer {
    padding-bottom: 70px;
  }
  #footer .inside .row {
    justify-content: space-between;
  }
  #footer .inside .row .logo {
    width: auto;
  }
  #footer .inside .row .adressen {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #container #main h2 {
    font-size: 3.375rem;
    line-height: 4rem;
  }
  header #headholder .row.top_logo .rightTop {
    flex-wrap: wrap;
  }
  header .telH img {
    max-width: 169px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  header .logoT img {
    max-width: 138px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  header .linkTop {
    width: 50%;
    text-align: left;
  }
  header .linkTop:nth-child(2) {
    text-align: right;
  }
  header .linkTop a {
    font-size: 1.1rem !important;
  }
  #headBild #breadC ul {
    padding-top: 0px !important;
  }
  #container {
    padding-top: 35px;
  }
  .columnP #main > .inside .mod_article.fullwidthflexLine .inside .ce_text {
    flex: 0 0 50%;
    padding-right: 60px;
  }
  .columnP #main > .inside .mod_article.fullwidthflexLine .inside .ce_image {
    flex: 0 0 50%;
    padding-left: 60px;
  }
}
@media only screen and (max-width: 900px) {
  .columnP.fullwidthFirst #main > .inside .mod_article.fullwidth .inside {
    display: flex;
    flex-direction: column;
  }
  #container #main .inside .inside div {
    margin-bottom: 50px;
  }
  #container #main .maxPad {
    padding: 50px 30px;
  }
  .startseite #slide_1 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    background-image: url("../content/startSlider/start1_small3.jpg");
  }
}
@media only screen and (max-width: 779px) {
  .columnP #main > .inside {
    display: flex;
    flex-direction: column;
  }
  #container #main .inside .inside .ce_text.schmal {
    width: 90%;
  }
  .columnP #main > .inside .mod_article.fullwidthflexLine .inside {
    flex-direction: column;
  }
  .columnP #main > .inside .mod_article.fullwidthflexLine .inside .ce_text {
    flex: 0 0 100%;
    padding-right: 10px;
  }
  .columnP #main > .inside .mod_article.fullwidthflexLine .inside .ce_image {
    flex: 0 0 100%;
    padding-left: 10px;
  }
  #container #main .inside .inside div {
    margin-bottom: 38px;
  }
}
@media only screen and (max-width: 679px) {
  #footer .inside .row {
    justify-content: space-between;
  }
  #footer .inside .row .logo {
    width: auto;
  }
  #footer .inside .row .adressen {
    width: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #footer .inside .row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #footer .inside .row .logo {
    margin-bottom: 40px;
  }
  #MobileNavHolder .mod_navigation a,
  #MobileNavHolder .mod_navigation strong {
    font-size: 2rem;
  }
  #MobileNavHolder .mod_navigation .level_2 a,
  #MobileNavHolder .mod_navigation .level_2 strong {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  #MobileNavHolder .mod_navigation {
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  #MobileNavHolder .navInner #logo_navi {
    max-width: 198px;
    height: auto;
  }
  #MobileNavHolder .navInner > .column .column a {
    font-size: 1.2rem;
  }
  .startseite #container #main .contentT h3 {
    font-size: 3.9rem !important;
  }
  .startseite #container #main .contentT h2 {
    font-size: 1.7rem !important;
  }
  #footer .inside .row.last .column:nth-child(2) {
    width: 100%;
    display: flex;
    line-height: 1.5rem;
    justify-content: center;
    flex-direction: column;
  }
  #footer .inside .item_third {
    justify-content: center;
  }
  #footer .inside .row.last .column:nth-child(2) {
    align-items: center;
  }
  .columnP #main > .inside .mod_article:nth-child(1) .inside {
    margin-right: 10px;
    margin-left: 10px;
  }
  .columnP #main > .inside .mod_article.fullwidthflexLine .inside .ce_text {
    flex: 0 0 100%;
    padding-right: 20px;
  }
  .columnP #main > .inside .paddingL150 {
    padding-left: 50px;
  }
  #MobileNavHolder .navInner > .column .column {
    padding-left: 70px;
  }
}
@media only screen and (max-width: 520px) {
  .mod_breadcrumb {
    padding-top: 50px;
  }
  .columnP #main > .inside .mod_article:nth-child(2) .inside {
    margin: 0px;
  }
  #container #main .maxPad {
    padding: 60px 20px;
  }
  #container,
  #footer,
  #MobileNavHolder,
  #breadC,
  #headholder {
    padding-left: 10px;
    padding-right: 10px;
  }
  #container #main .inside .inside .ce_text.schmal {
    width: 100%;
  }
  #container #main h1,
  #container #main h2 {
    font-size: 2.375rem;
    line-height: 3rem;
  }
  .marginL_neg {
    left: 0px;
    position: static;
    width: 100%;
  }
  .columnP #main > .inside .mod_article.overFlowV .team {
    margin: 0px 0;
  }
  #container #main .inside .inside .ce_text.schmal.paddingL {
    padding-left: 10px;
  }
  #breadC h1 {
    font-size: 1.2rem !important;
  }
  .columnP #main > .inside .mod_article.fullwidthflexLine .inside .ce_text {
    flex: 0 0 90%;
    padding-right: 20px;
  }
}
@media only screen and (max-width: 450px) {
  header .telH img {
    max-width: 115px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #headholder {
    padding-left: 10px;
    padding-right: 10px;
  }
  #nav_btn {
    transform: scale(0.5) translateX(-50%);
  }
  #breadC h1 {
    font-size: 2rem !important;
    padding-top: 10px !important;
    font-weight: 800;
    padding-bottom: 10px !important;
  }
  #breadC li {
    font-size: 1rem !important;
  }
  #breadC ul {
    padding-top: 10px !important;
  }
  #container {
    padding-top: 30px !important;
  }
  #container #main h2 {
    font-size: 2.375rem;
    line-height: 3rem;
  }
  .startseite #container {
    padding-top: 0px !important;
  }
  #footer .inside .adressen .column {
    padding: 0 0px;
  }
  header #headholder .row.top_logo .rightTop .linkTop a {
    font-size: 0.91875rem !important;
    font-weight: 100;
    font-style: italic;
  }
  header .telH img {
    padding-left: 20px !important;
  }
  header #headholder .row.top_logo .rightTop .linkTop {
    text-align: right !important;
  }
  #MobileNavHolder .navInner > .column #btn_close {
    max-width: 16px;
    height: 16px;
  }
  #MobileNavHolder .navInner > .column .column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 20px;
  }
  #MobileNavHolder .navInner {
    padding-top: 1rem;
  }
  #MobileNavHolder .mod_navigation a,
  #MobileNavHolder .mod_navigation strong {
    font-size: 1.3rem;
  }
  #MobileNavHolder .mod_navigation .level_2 a,
  #MobileNavHolder .mod_navigation .level_2 strong {
    font-size: 1.1rem;
    line-height: 1.3rem;
  }
  .columnP #main > .inside .paddingL150 {
    padding-left: 10px;
  }
}/*# sourceMappingURL=aufbau.css.map */