/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 26.12.2018, 14:48:11
    Author     : Dirk
*/
html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

body {
  margin: 0px;
  padding: 0px;
  font-family: "Roboto", sans-serif;
  font-size: 1.1em;
  color: #000;
  background-color: #FFFFFF;
}

.formbody input {
  margin-bottom: 5px;
}

.formbody #lbl_6_0 {
  display: inline;
}

#btn_produkte {
  cursor: pointer;
}

router-outlet ~ * {
  position: static !important;
}

#navline {
  position: fixed;
  width: 100%;
  z-index: 10;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

#main h1 {
  color: #ccc;
  font-weight: 700;
}

.start #spruchTop {
  position: absolute;
  padding: 10px;
  z-index: 1;
  top: 430px;
  left: 20%;
  opacity: 1;
  background-image: url("../hg/claim_hg.png");
  background-position: left top;
  background-repeat: no-repeat;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}

.start #spruchTop p {
  color: #FFF;
}

.start #spruchTop .inside {
  margin: 15px;
  background-color: rgba(139, 22, 3, 0.8);
  padding: 10px;
}

.start #spruchTop p.claimTop {
  text-transform: uppercase;
  font-size: 120%;
}

.start #spruchTop p.authorT {
  font-size: 80%;
  text-align: right;
}

.start #navHolder {
  height: 20px;
  display: none;
}

.start #header .mod_navigation {
  display: none;
}

#btn_gedenkportal {
  background-image: url(../icon/kerze.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 22px 40px;
  padding: 0px 0;
  padding-left: 30px;
  display: inline-block;
}

#btn_gedenkportal a {
  color: #bababa;
  font-size: 2rem;
}

#appHolder .form-group, #appHolder .form-section.section-inline {
  display: block !important;
}

#appHolder .mat-checkbox:not(.mat-checkbox-disabled).mat-accent .mat-checkbox-ripple .mat-ripple-element {
  background-color: #990000;
}

.start.stickyhide #spruchTop {
  opacity: 0;
  left: 0%;
}

.start.sticky #header .topline {
  min-height: 172px;
}

#footer .formbody label {
  display: none;
}

.formbody #ctrl_6 {
  border: 0;
}

.formbody label {
  display: none;
}

#footer #lbl_13_0 {
  display: block;
  font-size: 60%;
}

#footer #opt_13_0 {
  float: left;
  width: 20px !important;
  padding: 8px;
}

#footer #ctrl_13 {
  border: 0;
}

#footer #ctrl_14 {
  width: 30% !important;
  text-align: center;
}

#hgslider .rsts-caption {
  display: none;
}

.dclear {
  clear: both;
  display: block;
}

.sticky #header .topline {
  padding: 10px 0;
}

.sticky #header .topline .inside #logoT img {
  width: 230px;
}

.start.sticky #header .topline .inside #logoT img {
  width: 180px;
}

.start.sticky #header .topline .inside #logoT {
  /*width:50%;*/
  /*display:inline-block;*/
  /*position: static;*/
  top: 5px;
  transform: translateX(-250%);
}

.start.sticky #header .topline #telHead {
  /*         padding-left:200px!important;
                 margin-left:200px!important; */
}

.start #navHolder {
  -webkit-transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
  transition: all 0.7s ease-in-out;
}

.start.stickynav #navHolder {
  position: fixed !important;
  top: 170px;
  z-index: 1200000;
}

.start #wrapper {
  margin-left: 0px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.start.aktiv #wrapper {
  margin-left: 300px;
}

.start.aktiv #btn_start_menu {
  margin-left: 300px;
}

.teaser h2 {
  position: relative;
  top: -46px;
  background: rgba(0, 0, 0, 0.5);
  padding: 0px;
  margin: 0px;
  line-height: 38px;
}

.teaser h2 a {
  font-size: 20px;
  color: #FFF;
  font-weight: 400;
  padding: 18px;
  text-transform: uppercase;
}

.start .teaser {
  cursor: pointer;
}

#main .flex .ce_text.fullwidth {
  width: 100%;
  overflow: visible;
}

/*################### START #######################*/
.start #header .topline .inside #logoT {
  position: fixed;
  top: 160px;
  left: 50%;
  width: auto;
  transform: translateX(-50%);
  background-color: #8b1603;
  padding: 10px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.aktiv.start #header .topline .inside #logoT {
  left: calc(50% + 300px);
}

.start #container {
  position: static;
}

.start #header .topline .inside #telHead {
  width: auto;
  font-size: 28px;
  padding-top: 0px;
}

#header .topline .inside {
  text-align: center;
}

.start .windowg {
  height: 10px !important;
}

#btn_start_menu {
  display: none;
  transition: all 0.5s ease-in-out;
}

.start #btn_start_menu {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 987654321;
}

.start #swb {
  display: none !important;
}

/*################# START ENDE #####################*/
.start #btn_start_menu {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 987654321;
}

.menub {
  height: 100px;
  width: 130px;
  position: relative;
  cursor: pointer;
  transform: scale(0.3);
}

.bar1 {
  left: 0px;
  width: 100%;
  height: 20px;
  background-color: #fff;
  position: absolute;
  top: 0px;
  transition: transform 0s;
  transition: all 0.1s;
}

.bar2 {
  width: 100%;
  height: 20px;
  background-color: #fff;
  position: absolute;
  top: 50px;
  transition: transform 0s;
  transition: all 0.1s;
  left: 0px;
}

.bar3 {
  right: 0px;
  width: 100%;
  height: 20px;
  background-color: #fff;
  position: absolute;
  top: 100px;
  transition: transform 0s;
  transition: all 0.1s;
}

.parallax-window {
  padding-top: 300px;
  min-height: 700px;
  background: transparent;
}

.start .parallax-window {
  padding-top: 100px;
  min-height: 930px;
  background: transparent;
}

.start .teaser {
  width: 46%;
  box-sizing: border-box;
  margin: 2%;
}

.start .teaser img {
  width: 100%;
  height: auto;
}

footer {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 40px !important;
  padding-bottom: 10px !important;
}

.ohneSlider #header {
  min-height: 490px;
  padding-bottom: 85px;
  z-index: 10;
}

.ohneSlider #container {
  background-color: transparent;
}

.ohneSlider #wrapper {
  background-image: url("../top/AdobeStock_171878491.jpg.jpg");
  background-position: center 30px;
  background-repeat: no-repeat;
  background-attachment: fixed;
  z-index: -1;
}

.ohneSlider #navbg {
  /*z-index:1;*/
}

.ohneSlider.bestattungsarten #wrapper {
  background-image: url("../bg/2.jpg");
  background-position: center bottom;
}

#navHolder {
  position: absolute;
  background: rgba(86, 14, 3, 0.8);
  z-index: 100;
  width: 100%;
  /*padding-top:290px;*/
}

#navHolder .mod_navigation {
  width: 1080px;
  margin: 0px auto;
}

body.start #navHolder {
  position: absolute;
  background: rgba(0, 0, 0, 0.8);
}

body.start.stickynav #navHolder {
  position: absolute;
  background: rgba(86, 14, 3, 0.8);
}

.friedhof .item {
  padding: 20px;
  min-height: 150px;
  border: 1px solid #ccc;
  margin: 5px;
}

#friedhoefe-in-stade-region .ce_text.flex p {
  margin: 5px;
  padding: 5px;
  background: rgba(200, 200, 200, 0.5);
}

#friedhoefe-in-stade-region .ce_text.friedhof .item {
  margin: 2px;
  padding: 3px;
  background: rgba(200, 200, 200, 0.5);
  min-width: 24%;
}

#friedhoefe-in-stade-region .ce_text.friedhof .item img {
  display: block;
  max-height: 166px;
  height: 166px;
  max-width: 222px;
  margin: 0px auto;
}

button.slick-prev, button.slick-next {
  font-size: 0 !important;
}

#container .ce_gallery.maxwidth {
  width: 90%;
  margin: 10px auto;
  padding: 0px 0 !important;
}

.maxwidth .flexgal {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
}

.maxwidth .flexgal .item {
  margin: 10px;
  max-width: 2000px;
}

.flexgal {
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: row;
}

.flexgal .item {
  margin: 10px;
  max-width: 200px;
}

.flexgal .item .caption {
  text-align: center;
}

.flexgal.fenster {
  justify-content: space-around;
  padding-top: 10px;
  padding-bottom: 20px;
}

.flexgal.fenster .dright {
  margin: 10px;
  left: 0 !important;
}

.flexgal.fenster .dright h2 {
  padding: 5px;
}

.glink {
  color: #8b1603;
  display: block;
  text-align: right;
}

#header .mod_rocksolid_slider.first {
  width: 100%;
  min-height: 718px;
}

#header .mod_rocksolid_slider.first::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

#header .topline {
  width: 100%;
  background: #8b1603;
  position: relative;
  padding: 5px 0 22px 0;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  /*        z-index:1234;
                height:88px;*/
}

#header .topline .inside {
  width: 980px;
  margin: 0px auto;
}

#header .topline .inside #logoT {
  display: inline-block;
  width: 50%;
  text-align: left;
}

#header .topline .inside #logoT img {
  width: 373px;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

#header .topline .inside #telHead {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  display: flex;
  flex-direction: column;
}

#header .topline #telHead {
  color: #bababa;
  font-size: 40px;
  /*width:250px;*/
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-right: 10px;
  -webkit-transition: all 0.7s ease;
  -moz-transition: all 0.7s ease;
  -o-transition: all 0.7s ease;
  -ms-transition: all 0.7s ease;
}

#header .topline #telHead .insideP {
  background-image: url("../icon/tel.png");
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 55px 40px;
  padding: 0px 0;
  padding-left: 70px;
  display: inline-block;
}

#header #logoHead {
  width: 100%;
  /*padding-top:88px;*/
}

#header #logoHead #logoT {
  margin: 60px auto 1px;
  display: table;
}

.sticky #header .topline #telHead {
  font-size: 30px;
}

#totop {
  display: inline-block;
  position: absolute;
  right: 0px;
  bottom: auto;
  top: -75px;
  text-align: center;
  cursor: pointer;
}

#totop img {
  width: 40px;
  height: 60px;
}

#totop.startP {
  animation: growP 1s ease-in-out;
  -webkit-animation: growP 1s ease-in-out;
}

@keyframes growP {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

#main {
  float: none;
  width: 100%;
  min-width: 800px;
  max-width: 1000px;
  margin: 0px auto;
  padding-bottom: 90px;
}

#main .columntwo {
  column-count: 2;
  column-gap: 2em;
}

#main .shaddow {
  -webkit-box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.25);
}

#main .small {
  width: 90%;
  margin: 20px;
}

#main .flex .ce_text {
  display: inline-block;
  width: 44%;
  box-sizing: border-box;
  padding: 10px;
  margin: 20px;
}

#main .linksL p a {
  display: block;
  border-bottom: 1px solid #e1e1e1;
  font-size: 120%;
}

#main .bildF .ce_text {
  width: 50%;
  border: 1px solid #ccc;
  padding: 20px;
  padding-right: 70px;
  margin: 20px;
  -webkit-box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.25);
}

#main .bildF .image_container {
  line-height: 0;
  position: absolute;
  right: 0;
  top: -50px;
  width: 50%;
  text-align: right;
}

#main .bildF .image_container img {
  width: 100%;
}

#main .bildF .dleft {
  float: left;
}

#main .bildF .mod_rocksolid_slider {
  line-height: 0;
}

#main .dright {
  -webkit-box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.25);
  left: -50px;
}

#main .dright.full {
  background: #fff;
}

#main .dright .image_container {
  -webkit-box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 6px 6px 20px 0px rgba(0, 0, 0, 0.25);
}

#main .line {
  text-align: center;
}

#main .line .ce_image {
  display: inline-block;
  text-align: center;
}

#main .caption {
  font-style: italic;
  color: #888;
}

#main ul {
  list-style-type: square;
  /*   list-style-position: olist-style-position: inside;utside;*/
  list-style-position: outside;
}

#main ul li {
  margin-left: 20px;
}

#main .zitate p {
  background: rgba(200, 200, 200, 0.2);
  padding: 10px;
}

#main .buch, #main .gruppe {
  background: rgba(255, 255, 255, 0.7);
  box-sizing: border-box;
  padding: 6px;
  display: inline-block;
  min-width: 33%;
  min-height: 180px;
}

#main .flex {
  display: flex;
  flex-wrap: wrap;
}

#main .flex .fleXC {
  width: 46%;
  box-sizing: border-box;
  padding: 10px;
}

#main .flex.kirchen .ce_text {
  width: 28%;
}

#main .flex.kirchen .ce_text p {
  padding: 0;
  margin: 0px;
}

#main .flex.zweigstellen .ce_text {
  width: 20%;
}

#main .flex.zweigstellen .ce_text p {
  padding: 0;
  margin: 0px;
}

#main .flex.zweigstellen .ce_text h3 {
  line-height: 1.2rem;
  margin-bottom: 10px;
}

#main .col50 {
  width: 46%;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: top;
}

#main .gruppe {
  display: table-cell;
}

#main .ffleft {
  float: left;
  width: 50%;
  padding: 15px;
}

#main .rrow {
  background: rgba(255, 255, 255, 0.3);
  margin-bottom: 10px;
}

#main p {
  line-height: 1.7rem;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6, #main button {
  font-size: 120%;
  font-family: 'Roboto', sans-serif;
}

#main h1 {
  font-size: 250%;
  text-transform: uppercase;
  font-weight: 100;
  line-height: 48px;
}

#main h2 {
  font-size: 140%;
}

#main button {
  font-size: 100%;
}

.ce_dlh_googlemaps .dlh_googlemap {
  width: 100% !important;
  max-width: 100% !important;
}

#footer {
  background: #8b1603;
  bottom: 0px;
  text-align: left;
  border-top: 5px solid #fff;
  color: #fff;
}

#footer .inside {
  max-width: 100%;
}

#footer .bottomline {
  max-width: 980px;
  margin: 0px auto;
}

#footer .ce_dlh_googlemaps {
  border-bottom: 100px solid #565656;
}

.bottomline {
  color: #FFF;
}

.bottomline h3 {
  font-size: 14px;
  text-transform: uppercase;
}

.bottomline .rightL {
  text-align: center;
}

.bottomline .colB {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

.bottomline .colB .mod_rocksolid_slider {
  margin: 0px auto;
}

.bottomline .leftG, .bottomline .rightG {
  width: 50%;
  float: left;
  box-sizing: border-box;
  color: #FFF;
  min-height: 100px;
}

.bottomline .leftG input, .bottomline .leftG textarea, .bottomline .rightG input, .bottomline .rightG textarea {
  color: #333;
}

.bottomline .leftG.thin, .bottomline .rightG.thin {
  min-height: 0px;
}

.bottomline .leftL {
  width: 50%;
}

.bottomline .rightL {
  width: 50%;
  color: #fff;
  padding-left: 10%;
}

.bottomline .centerG {
  width: 100%;
  clear: both;
}

.bottomline .centerG input, .bottomline .centerG textarea {
  color: #333;
}

.bottomline .weiss {
  text-align: left;
  padding-top: 32px;
}

.bottomline .weiss p {
  color: #fff;
  line-height: 26px;
  font-size: 20px;
}

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

.bottomline .centerG.right input {
  display: inline-block !important;
  width: auto !important;
  padding: 6px;
  background-color: #9d9d9d;
  border: 1px solid #fff;
  color: #fff;
  margin-right: 2%;
}

.bottomline .centerG textarea {
  width: 97.5% !important;
}

.bottomline .centerG.email {
  background-image: url("../icon/email.png");
  background-position: left center;
  background-repeat: no-repeat;
  line-height: 30px;
  padding-left: 40px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.bottomline input {
  width: 95% !important;
}

.bottomline .rightG img {
  height: 80px;
}

.bottomline .leftG::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.bottomline #uuline {
  clear: both;
  display: block;
  width: 100%;
  text-align: right;
  font-size: 70%;
  padding-top: 30px;
}

.rsts-skin-default .rsts-nav {
  position: absolute;
  right: 95px;
  bottom: 94px;
  left: 0px;
  width: 100%;
  text-align: center;
  z-index: 189;
}

.kondo {
  background: white;
  margin-bottom: 20px;
  padding: 10px;
  margin: 10px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
}

.kondo p {
  margin-left: 20px;
  font-style: italic;
}

#container {
  padding-top: 90px;
}

#container .ce_sliderStart .ce_text {
  border: 1px solid #8b1603;
  padding: 20px;
  background: white;
}

#container #contentSliderE {
  min-height: 450px;
  overflow: hidden;
  position: relative;
}

#container #contentSliderE .ce_text {
  position: absolute;
  min-height: 250px;
  border: 1px solid #8b1603;
  padding: 20px;
  background: white;
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
  width: 100%;
}

#container .buttonreihe button {
  float: left;
  width: 23%;
  margin: 1%;
  background: #8b1603;
  color: #fff;
  padding: 1.5rem 1.5rem;
}

#container .buttonreihe button.selected {
  background: #fff;
  color: #8b1603;
}

#container .buttonreihe button:hover {
  background: #eee;
  color: #000;
}

#container .slick-slide img {
  display: block;
  margin: 20px auto;
}

#container .slick-slide img {
  -webkit-transition: all .7s ease-in-out;
  -moz-transition: all .7s ease-in-out;
  -o-transition: all .7s ease-in-out;
  transition: all .7s ease-in-out;
}

#container .slick-slide.slick-current img {
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4);
  -ms-transform: scale(1.4);
  -o-transform: scale(1.4);
  transform: scale(1.4);
}

#container .slick-next {
  right: 0px;
  color: #8b1603;
  z-index: 1123;
}

#container .slick-prev {
  left: 0px;
  color: #8b1603;
  z-index: 1123;
}

#container .ce_gallery {
  width: 90%;
  margin: 10px auto;
  padding: 70px 0;
}

#container .friedhofbtn {
  border-bottom: 1px dashed #8b1603;
  width: 30%;
  float: left;
  min-height: 370px;
  background: rgba(255, 255, 255, 0.7);
  margin: 1%;
  box-sizing: border-box;
  padding: 10px;
}

#container .friedhofbtn p {
  line-height: 1.2rem;
}

#cboxTitle {
  position: absolute;
  top: auto;
  bottom: 10px;
  right: 10px;
  left: auto;
  color: #8b1603;
  background-color: #fff;
  padding: 10px;
}

#wrapperfriedhof {
  background-color: #8b1603;
  width: 100%;
  height: 100%;
  padding: 30px;
}

#ttop {
  width: 100%;
  color: #FFF;
}

#ttop h2 {
  font-size: 28px;
  font-family: 'Roboto', sans-serif;
}

#ttop .ccol {
  width: 48%;
  display: inline-block;
  border: 0px solid #ff0000;
  vertical-align: top;
}

#ttop .lleft {
  padding: 20px 0;
  width: 70%;
}

#ttop .rright {
  width: 30%;
}

.slick-list {
  padding: 20px !important;
}

#teaser {
  position: absolute;
  top: -350px;
  z-index: 7;
  text-align: center;
  width: 70%;
  margin: 0px auto;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-image: url("../hg/teaser-hg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  padding-bottom: 24px;
}

.ce_text.spruch {
  background-image: url("../hg/teaser-hg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: 50%;
  padding-bottom: 24px;
}

#teaser p {
  font-size: 24px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: 2px 2px #000;
}

#teaser em {
  font-size: 16px;
}

.blumenH {
  background: white;
  padding: 10px;
  margin: 4px;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
  display: inline-block;
  width: 90%;
  width: 30%;
  /*       height: 250px; */
}

.blumenH .image_container {
  min-width: 100%;
  text-align: center;
}

.blumenH .image_container img {
  /*max-width:250px;*/
  height: 150px;
  width: auto;
}

/*   #navHolder ul.level_2{
        display:block;
        min-width:100%; 
        text-align:center;
    }
    #navHolder ul.level_2 li{
        width:100%;
        text-align:center;
    }
    #navHolder li{
        display:table;
    }
*/
.startseite #header {
  padding-bottom: 150px;
  position: absolute;
}

.startseite #wrapper {
  position: relative;
  min-height: 100%;
}

.startseite #hgslider {
  /*position:absolute;*/
  /*z-index:-1;*/
  width: 100%;
}

.startseite #container {
  display: none;
  min-height: 960px;
  background-color: transparent;
}

.startseite #footer {
  z-index: 2;
  /*position: absolute;*/
  position: static;
  /*margin-top:-560px!important;*/
  /*margin-top:-200px!important;*/
  bottom: 0px;
  /*background: rgba(16,76,126,1);*/
}

.startseite #navHolder {
  /*margin-top:-100px;*/
  position: relative;
  top: 0px;
  margin: 0px auto;
  display: inline-block;
}

.startseite .rsts-slide .ce_text {
  position: absolute;
  text-align: center;
  margin: 0px auto;
  width: 100%;
  text-align: center;
}

.startseite .rsts-slide .ce_image {
  text-align: center;
}

.startseite .spruch {
  color: #fff;
}

.startseite .spruch h3 {
  font-size: 2.0rem;
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  text-transform: uppercase;
  text-shadow: 3px 4px 13px #000000;
  text-shadow: 0 0 10px #FFFFFF, 0 0 20px #FFFFFF, 0 0 30px #FFFFFF, 1px 1px 20px #000, 1px 1px 40px #000;
}

.startseite .spruch p {
  font-family: "Roboto", sans-serif;
  text-shadow: 3px 4px 13px #000000;
  text-shadow: 0 0 20px #FFFFFF, 0 0 30px #FFFFFF, 1px 1px 20px #000, 1px 1px 40px #000;
}

.startseite .rsts-crop {
  position: relative;
}

.startseite .rsts-crop .spruch {
  position: absolute;
  /*bottom:20px;*/
  top: 50%;
}

.toggler {
  color: #000033;
  font-size: 1.3em;
  border-bottom: 1px solid #ccc;
  padding: 7px 3px;
  margin-bottom: 0px;
  background-image: url(../hg/plus.png);
  background-repeat: no-repeat;
  background-position: 6px center;
  padding-left: 48px;
  cursor: pointer;
}

.toggler.ui-accordion-header-active {
  background-image: url(../hg/minus.png);
  /*background-color: #ccc;*/
}

.toggler.ui-state-hover {
  /*background: rgba(255,255,255,0.3);*/
}

#e-mail-formular label {
  display: none;
}

#e-mail-formular input {
  margin-bottom: 10px;
}

#e-mail-formular #lbl_6_0 {
  display: inherit;
}

#e-mail-formular #ctrl_6 {
  border: 0;
  margin-bottom: 30px;
}

/*##############################*/
.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 18px;
  left: 5px;
  right: 5px;
  height: 4px;
  background: #444;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #444;
  content: "";
}

.c-hamburger span::before {
  top: -12px;
}

.c-hamburger span::after {
  bottom: -12px;
}

.c-hamburger--htx {
  background-color: #f2f2e9;
}

.c-hamburger--htx span {
  transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */
.c-hamburger--htx.is-active {
  background-color: #fff;
}

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}

/*###################################*/
#mobileNav .level_1 > li > a, #mobileNav .level_1 > li > span {
  text-transform: uppercase;
}

#mobileNav .level_1 > li > span {
  /*background-color:#ccc;*/
  color: #8b1603;
  font-weight: bold;
}

#mobileNav .level_1 > li.trail > a, #mobileNav .level_1 > li.trail > span, #mobileNav span.active {
  color: #8b1603;
  font-weight: bold;
}

#mobileNav ul {
  list-style-type: square;
  list-style-position: outside;
}

#mobileNav li {
  padding-left: 0px;
  margin-left: 10px;
}

/*#mobileNav{
    display:none;
}*/
#swb {
  /*display:table!important;*/
  display: none;
  position: absolute;
  right: 20px;
  top: 140px;
  z-index: 333;
  display: none;
  /*background: rgba(255,255,255,.7);*/
  background-color: #555;
  padding: 4px;
}

/*#left{
    position:absolute;
    left:0px;
    top:0px;
    margin-left:0;
    z-index:1234567;
}*/
#left {
  display: table;
  float: left;
  margin: 0px 0px 20px 0px;
  padding: 0px 0px 0px 30px;
  position: absolute;
  top: 0px;
  left: -320px;
  background-color: #FFF;
  width: 300px;
  z-index: 2045;
  border: 0px solid #a18c6f;
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.45);
  transition: all 0.5s ease-in-out;
  border-bottom-right-radius: 15px;
}

#left.aktiv {
  -webkit-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.45);
  top: 0px;
  left: 0px;
  position: absolute;
}

@media (max-width: 1250px) {
  #main {
    padding: 30px;
    min-width: 0;
  }
  .startseite .mod_rocksolid_slider {
    /*margin-top: 180px;*/
  }
  #teaser {
    top: -350px;
  }
  #teaser p {
    font-size: 20px;
  }
  #teaser em {
    font-size: 14px;
  }
}

@media (max-width: 1150px) {
  #header #navbg {
    display: none;
  }
  #header #navHolder {
    display: none;
  }
  #header .mod_rocksolid_slider.first {
    margin-top: 75px;
  }
  #swb {
    display: table !important;
  }
  #container {
    position: static;
  }
  #header {
    /* background: #c8c8c84d; */
    min-height: 640px;
  }
  .ohneSlider #navbg {
    display: none;
  }
  .ohneSlider #header {
    min-height: 340px;
    padding-bottom: 0px;
  }
  .startseite #navline {
    background-position: center -48px;
  }
  #teaser {
    top: -300px;
  }
  .start.sticky #header .topline .inside #logoT {
    transform: translateX(-170%);
  }
  .start.sticky #header .topline #telHead {
    transform: translateX(100%);
  }
  #header .topline .inside {
    width: 100%;
  }
  #header .topline .inside #logoT,
  #header .topline .inside #telHead {
    padding: 10px;
  }
  #main .bildF .ce_text {
    width: 100%;
    border: 0px solid #ccc;
    padding: 0px;
    padding-right: 0px;
    margin: 0px;
    -webkit-box-shadow: 6px 6px 20px 0px transparent;
    -moz-box-shadow: 6px 6px 20px 0px transparent;
    box-shadow: 6px 6px 20px 0px transparent;
  }
  #main .bildF .image_container {
    position: static;
  }
}

@media (max-width: 880px) {
  .bottomline .rightL {
    display: none;
  }
  .bottomline .leftL {
    width: 100%;
  }
  #footer .inside {
    padding: 30px;
  }
  #container .friedhofbtn {
    /*min-height: 410px;*/
  }
  #container .friedhofbtn {
    border-bottom: 1px dashed #134b7e;
    width: 100%;
    /* float: left; */
  }
  .startseite #hgslider .rsts-crop .spruch h3 {
    font-size: 110%;
  }
  .startseite #hgslider .rsts-view {
    padding-top: 160px;
  }
  #container #contentSliderE {
    min-height: 530px;
    overflow: auto;
  }
  #teaser {
    top: -300px;
    width: 90%;
  }
  #teaser p {
    font-size: 14px;
  }
  #teaser em {
    font-size: 10px;
  }
  .parallax-window {
    padding-top: 300px;
    min-height: 0px;
  }
}

@media (max-width: 740px) {
  #header {
    min-height: 500px;
  }
  .startseite .mod_rocksolid_slider {
    /*margin-top: 280px;*/
  }
  #container .buttonreihe button {
    /*float:none;*/
    width: 48%;
  }
  #teaser {
    top: -270px;
  }
}

@media (max-width: 600px) {
  #header .topline #navHead {
    position: static;
    margin: 0px auto;
  }
  .startseite .spruch h3 {
    font-size: 1rem;
  }
  #header .topline {
    text-align: center;
  }
  #logoT {
    text-align: center;
  }
  #header {
    min-height: 500px;
  }
  #header .mod_rocksolid_slider.first {
    margin-top: 40px;
  }
  #main .buch,
  #main .gruppe {
    display: block;
    min-width: 100%;
  }
  #main h1 {
    font-size: 180%;
  }
  #container {
    padding-top: 0px;
  }
  #teaser {
    top: -200px;
  }
  .ce_text .image_container {
    padding: 10px;
  }
  #main .flex .fleXC {
    width: 90%;
  }
  #main .kirchen.flex .ce_text {
    min-width: 98%;
  }
}

@media (max-width: 440px) {
  #header {
    min-height: 440px;
  }
  #header .mod_rocksolid_slider.first {
    margin-top: 30px;
  }
  .startseite #hgslider .rsts-crop .spruch h3 {
    font-size: 100%;
  }
  .startseite #hgslider .rsts-view {
    padding-top: 260px;
  }
  #header #logoHead #logoT {
    margin: 82px auto 1px;
  }
  #teaser {
    top: -160px;
    width: 96%;
  }
  #teaser p {
    font-size: 12px;
  }
  #teaser em {
    font-size: 10px;
  }
}

@media (max-width: 420px) {
  #header {
    min-height: 420px;
  }
  #header .mod_rocksolid_slider.first {
    margin-top: 20px;
  }
  #swb {
    top: 120px;
  }
  #container .buttonreihe {
    display: none;
  }
  #container .buttonreihe button {
    /*float:none;*/
    width: 48%;
    font-size: 0.5em;
  }
  #container #contentSliderE {
    min-height: 530px;
    overflow: auto;
  }
  #container #contentSliderE .ce_text {
    position: static;
    min-height: 250px;
  }
  #contentSliderE .image_container.float_left {
    float: none;
    display: block;
    text-align: center;
  }
}

@media (min-width: 1900px) {
  #teaser {
    position: absolute;
    top: -320px;
  }
}

@media (max-width: 700px) {
  .start.sticky #header .topline .inside #logoT {
    transform: translateX(0%);
    left: 1%;
  }
  .windowg {
    height: 0px !important;
  }
  .start.sticky #header .topline #telHead {
    transform: translateX(0%);
    right: 1%;
    display: inline-block;
    position: absolute;
  }
  .sticky #header .topline #telHead {
    font-size: 20px;
    padding: 22px 0;
  }
  #header .topline {
    text-align: center;
    height: 220px;
  }
  #navline {
    position: static;
    width: 100%;
    z-index: 10;
  }
  .start #header .topline .inside #logoT {
    position: absolute;
    top: 126px;
  }
  #header .topline .inside #telHead {
    width: 100%;
    text-align: center;
    background-color: #8b1603;
  }
  .start .parallax-window {
    padding-top: 300px;
    min-height: 0px;
    background: transparent;
  }
}

@media (max-width: 600px) {
  .sticky #header .topline #telHead {
    font-size: 20px;
    padding: 22px 0;
  }
}

@media (max-width: 400px) {
  #header .topline #telHead .insideP {
    background-image: url(../icon/tel.png);
    background-size: 40px 30px;
    padding-left: 42px;
  }
}

@media (max-width: 500px) {
  #header .topline #telHead .insideP {
    background-image: url(../icon/tel.png);
    background-size: 40px 30px;
    padding-left: 42px;
  }
  #header .topline #telHead {
    font-size: 20px;
    padding: 22px 0;
  }
  .start #spruchTop {
    top: 270px;
  }
  .start #spruchTop p.claimTop {
    font-size: 68%;
    padding: 4px;
  }
  .start #spruchTop p.authorT {
    font-size: 40%;
    padding: 0px;
    margin: 0px;
  }
  #btn_gedenkportal a, #btn_kundenportal a {
    font-size: 0.9rem !important;
  }
}

@media (max-width: 730px) {
  #main .flex .ce_text {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    margin: 3px;
  }
}

@media (max-width: 900px) {
  #main .zweigstellen.flex .ce_text {
    min-width: 33%;
  }
}

@media (max-width: 740px) {
  #main .kirchen.flex .ce_text,
  #main .zweigstellen.flex .ce_text {
    min-width: 48%;
  }
  #btn_gedenkportal {
    background-size: 15px 28px;
    padding-left: 22px;
  }
  #btn_gedenkportal a {
    color: #bababa;
    font-size: 1.2rem;
    background-size: 18px 30px;
  }
  .start #btn_start_menu {
    transform: scale(0.7);
    left: -30px;
  }
  .start #btn_start_menu .menuB {
    height: 90px;
    width: 90px;
  }
  #left .inside {
    position: relative;
  }
  #left .closeBtnT {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #8b1603;
    font-weight: bold;
    cursor: pointer;
  }
}

@media (max-width: 500px) {
  #main .kirchen.flex .ce_text,
  #main .zweigstellen.flex .ce_text {
    min-width: 98%;
  }
  #main .col50 {
    width: 98%;
  }
}

@media (max-width: 600px) {
  #main .columntwo {
    column-count: 1;
  }
}

.teaser {
  position: relative;
}

.teaser .navTeaseW {
  opacity: 0;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 1000002;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.teaser .navTeaseW .mod_navigation {
  padding: 20px 10px;
  margin-left: 40px;
}

.teaser .navTeaseW .mod_navigation ul {
  column-count: 1;
  margin-left: .1rem;
}

.teaser .navTeaseW .mod_navigation li {
  list-style-type: square;
  color: #ccc;
  padding: 0;
  line-height: 16px;
}

.teaser .navTeaseW .mod_navigation a {
  color: #fff;
  text-transform: uppercase;
  padding: 0;
  font-size: 14px;
}

.teaser .navTeaseW .mod_navigation a:hover {
  color: #ccc;
}

.teaser .navTeaseW .image_container {
  background: rgba(139, 22, 3, 0);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.teaser .navTeaseW .image_container img {
  -webkit-filter: opacity(1);
  filter: opacity(1);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.teaser:hover .navTeaseW {
  opacity: 1;
}

.teaser:hover .image_container {
  background: #8b1603;
}

.teaser:hover .image_container img {
  -webkit-filter: opacity(0.5);
  filter: opacity(0.1);
}

.teaser.teaser_trauerfall .navTeaseW, .teaser.teaser_ratgeber .navTeaseW {
  padding: 15px 10px;
}

.teaser.teaser_trauerfall .navTeaseW ul, .teaser.teaser_ratgeber .navTeaseW ul {
  column-count: 2;
}

.teaser.teaser_trauerfall .navTeaseW .mod_navigation, .teaser.teaser_ratgeber .navTeaseW .mod_navigation {
  margin-left: -10px;
  padding: 15px 10px;
}

#btn_gedenkportal, #btn_kundenportal {
  background-image: url(../icon/kerze.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 22px 40px;
  padding: 0px 0;
  padding-left: 30px;
  display: inline-block;
}

#btn_gedenkportal a, #btn_kundenportal a {
  color: #bababa;
  font-size: 1.2rem;
}

#btn_kundenportal {
  background-image: url(../icon/mKu.png);
  background-size: 28px 28px;
}

.sticky #header .topline #telHead {
  font-size: 25px;
}

#header .topline .inside #telHead {
  padding-top: 0px;
}

#header .topline #telHead {
  font-size: 32px;
}

@media (max-width: 700px) {
  #header .topline #telHead {
    font-size: 22px;
  }
}

@media (max-width: 500px) {
  #btn_gedenkportal a, #btn_kundenportal a {
    font-size: 0.9rem !important;
  }
}

#btn_gedenkportal, #btn_kundenportal {
  background-image: url(../icon/kerze.png);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 22px 40px;
  padding: 0px 0;
  padding-left: 30px;
  display: inline-block;
}

#btn_gedenkportal a, #btn_kundenportal a {
  color: #bababa;
  font-size: 1.2rem;
}

#btn_kundenportal {
  background-image: url(../icon/mKu.png);
  background-size: 28px 28px;
}

.sticky #header .topline #telHead {
  font-size: 25px;
}

#header .topline .inside #telHead {
  padding-top: 0px;
}

#header .topline #telHead {
  font-size: 32px;
}

@media (max-width: 700px) {
  #header .topline #telHead {
    font-size: 18px;
    justify-content: flex-start;
    align-items: flex-end;
  }
  #header .topline #telHead .insideP {
    background-size: 36px 26px;
  }
}

@media (max-width: 500px) {
  #btn_gedenkportal a, #btn_kundenportal a {
    font-size: 0.9rem !important;
  }
}

#header .topline .inside {
  max-width: 980px;
  width: 100%;
  margin: 0px auto;
  display: flex;
}