@charset "UTF-8";
/*
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 : 18.07.2019, 13:18:38
    Author     : Dirk
*/
/*###################################### roboto-condensed-300 - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto-condensed-v18-latin-300.eot");
  src: local("Roboto Condensed Light"), local("RobotoCondensed-Light"), url("../fonts/roboto-condensed-v18-latin-300.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v18-latin-300.woff2") format("woff2"), url("../fonts/roboto-condensed-v18-latin-300.woff") format("woff"), url("../fonts/roboto-condensed-v18-latin-300.ttf") format("truetype"), url("../fonts/roboto-condensed-v18-latin-300.svg#RobotoCondensed") format("svg");
}

/* roboto-condensed-300italic - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/roboto-condensed-v18-latin-300italic.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Condensed Light Italic"), local("RobotoCondensed-LightItalic"), url("../fonts/roboto-condensed-v18-latin-300italic.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v18-latin-300italic.woff2") format("woff2"), url("../fonts/roboto-condensed-v18-latin-300italic.woff") format("woff"), url("../fonts/roboto-condensed-v18-latin-300italic.ttf") format("truetype"), url("../fonts/roboto-condensed-v18-latin-300italic.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto-condensed-v18-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Condensed"), local("RobotoCondensed-Regular"), url("../fonts/roboto-condensed-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v18-latin-regular.woff2") format("woff2"), url("../fonts/roboto-condensed-v18-latin-regular.woff") format("woff"), url("../fonts/roboto-condensed-v18-latin-regular.ttf") format("truetype"), url("../fonts/roboto-condensed-v18-latin-regular.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: "Roboto Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto-condensed-v18-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Condensed Bold"), local("RobotoCondensed-Bold"), url("../fonts/roboto-condensed-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/roboto-condensed-v18-latin-700.woff2") format("woff2"), url("../fonts/roboto-condensed-v18-latin-700.woff") format("woff"), url("../fonts/roboto-condensed-v18-latin-700.ttf") format("truetype"), url("../fonts/roboto-condensed-v18-latin-700.svg#RobotoCondensed") format("svg");
  /* Legacy iOS */
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/playfair-display-v21-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Playfair Display Bold"), local("PlayfairDisplay-Bold"), url("../fonts/playfair-display-v21-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/playfair-display-v21-latin-700.woff2") format("woff2"), url("../fonts/playfair-display-v21-latin-700.woff") format("woff"), url("../fonts/playfair-display-v21-latin-700.ttf") format("truetype"), url("../fonts/playfair-display-v21-latin-700.svg#PlayfairDisplay") format("svg");
  /* Legacy iOS */
}

/*######################*/
:focus,
:active {
  background: transparent;
  text-decoration: none;
  border: none;
  outline: none;
}

#telefonHolder {
  position: fixed;
  left: 0px;
  top: 50%;
  z-index: 123;
}

#telefonHolder img {
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);
}

html {
  background-color: #fff;
  height: 100%;
  width: 100%;
}

body,
html {
  /*font-family: 'Playfair Display', serif;*/
  font-family: "Roboto Condensed", sans-serif;
}

body {
  font-size: 1rem;
  min-height: 100%;
  /*    height: 100%;*/
}

#wrapper {
  position: relative;
}

#aktuelles_btn {
  position: absolute;
  top: 48%;
  left: 150%;
  width: 200px;
  height: 200px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  display: none;
}

#aktuelles_btn .inside {
  background: rgba(85, 85, 85, 0.99);
  background: radial-gradient(circle, #727272 20%, #787878 100%);
  width: 96%;
  height: 96%;
  padding: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  -webkit-box-shadow: 10px 10px 34px 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 10px 10px 34px 2px rgba(0, 0, 0, 0.75);
  box-shadow: 10px 10px 34px 2px rgba(0, 0, 0, 0.75);
  transition: all 0.3s ease-in-out;
}

#aktuelles_btn .inside .btnP {
  text-align: center;
  color: #fff;
  font-size: 1.5rem;
}

#aktuelles_btn .inside .btnP a {
  color: #fff;
  text-decoration: none;
}

#aktuelles_btn .inside .btnP a::before {
  content: "»";
}

#aktuelles_btn:hover .inside {
  transform: rotate(-3deg);
  -webkit-transform: scale(0.8) rotate(-3deg);
  -ms-transform: scale(0.8) rotate(-3deg);
  transform: scale(0.8) rotate(-3deg);
}

.startseite #aktuelles_btn {
  display: block;
}

#wrapper,
#topsearch {
  width: 100%;
  margin: 0px auto;
  min-height: 100%;
}

.startseite .firstrow,
.startseite .secondrow {
  height: 50%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

.startseite .firstrow .item,
.startseite .secondrow .item {
  background: #ff0000;
  width: 50%;
  height: 100%;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
}

.startseite .firstrow .item .ce_text,
.startseite .secondrow .item .ce_text {
  margin: 20% 0 10% 10%;
  width: 50%;
  display: inline-block;
  padding: 8px;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  position: relative;
  cursor: pointer;
  line-height: 1.2rem;
}

.startseite .firstrow .item .ce_text h2,
.startseite .secondrow .item .ce_text h2 {
  font-family: "Playfair Display", serif;
  color: #555;
  line-height: 1.6rem;
}

.startseite .firstrow .item .ce_text .btnItem,
.startseite .secondrow .item .ce_text .btnItem {
  position: absolute;
  right: 10px;
  bottom: 0px;
}

.startseite .firstrow .thanatologieItem,
.startseite .secondrow .thanatologieItem {
  background: url("../content/start-teaser/AdobeStock_161581815.jpg");
}

.startseite .firstrow .kulturItem,
.startseite .secondrow .kulturItem {
  background: url("../content/start-teaser/AdobeStock_175066663.jpg");
}

.startseite .firstrow .seorosumItem,
.startseite .secondrow .seorosumItem {
  background: url("../content/start-teaser/DSC_0045.jpg");
}

.startseite .firstrow .vorsorgeItem,
.startseite .secondrow .vorsorgeItem {
  background: url("../content/start-teaser/AdobeStock_73352732.jpg");
}

.startseite .claimSt h2 {
  font-family: "Playfair Display", serif;
  color: #555;
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.startseite #container {
  background: #f3f3f3;
}

.startseite #main {
  background: url("../hg/claim_start.png");
  background-position: center center;
  min-height: 500px;
  background-repeat: no-repeat;
}

.startseite #header .headslide {
  max-height: 940px;
  height: 100%;
}

#header {
  background-color: #fff;
  width: 100%;
  padding: 4px 0;
  color: #fff;
  font-size: 0.9rem;
  z-index: 999;
}

#header .headslide {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: #555;
  max-height: 740px;
  max-height: 540px;
  /*overflow: hidden;*/
}

#header .headslide .left.first {
  background: url("../hg/head_left_hg.jpg");
  color: #555;
  padding: 10px 50px;
  padding: 10px 12px;
  min-width: 260px;
  min-width: 20%;
  box-sizing: border-box;
  z-index: 5;
  display: none;
}

#header .headslide .left.first #bera {
  /*display:inline-block;*/
}

#header .headslide .left.first #bera .inside {
  display: flex;
  flex-direction: row;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}

#header .headslide .left.first #bera .inside .ce_download h2 {
  font-size: 0.8rem;
}

#header .headslide .left #claim {
  /*padding:50px 0;*/
}

#header .headslide .right {
  /*min-height:740px;*/
  /*width:2000px;*/
  width: 100%;
  height: auto;
  line-height: 0;
}

#header .headslide .right .rsts-caption {
  display: none !important;
}

#header .headslide .headleft {
  height: 100%;
  min-height: 200px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

#header .headslide .headleft .ce_image {
  text-align: center;
}

#header .headslide .headleft .ce_image img {
  max-width: 142px;
  height: auto;
}

#header .headslide .headleft .ce_text {
  text-align: center;
}

#header .headslide .headleft .ce_text .inside {
  display: inline-block;
  margin: 0 auto;
  text-align: left;
  font-family: "Playfair Display", serif;
  color: #555;
}

#header .headslide .headleft .ce_text .inside h2 {
  font-size: 1.5rem;
  /*line-height: 2.4rem;*/
  line-height: 1.2rem;
}

#header .headslide .headleft .ce_text .inside p {
  font-size: 1.1rem;
  line-height: 1.8rem;
}

#header .headslide .headleft .btn {
  font-family: "Playfair Display", serif;
  border: 0px solid #555;
  padding: 4px 5px;
  color: #555;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
}

#header .headslide .headleft .btn a {
  color: #555;
  text-decoration: none;
}

#header .headslide .headleft .btn img {
  border: 1px solid #555;
  max-width: 80px;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.6);
  cursor: pointer;
}

#header .headslide .headleft .btn img:hover {
  background: rgba(255, 255, 255, 0.3);
}

#header #topNav {
  position: absolute;
  top: 20px;
  width: 100%;
  height: 40px;
}

#header #topNav.sf-menu ul.level_1 {
  display: block;
  margin: 0px auto;
  left: 50%;
  transform: translateX(-50%);
  width: 1110px;
  top: 0px;
}

#header #topNav .invisible {
  display: none;
}

#header #topNav a,
#header #topNav strong {
  color: #fff;
}

#header #topNav a.trail,
#header #topNav strong.trail {
  border-bottom: 1px solid #fff;
}

#main .ce_gallery.schmuckgal .flexgal {
  margin-top: 30px;
  margin-bottom: 30px;
}

#main .ce_gallery.schmuckgal .flexgal div {
  margin: 2px;
}

#stickyHeader {
  position: absolute;
  width: 100%;
  top: 0px;
  padding-top: 10px;
  height: 50px;
  z-index: 1;
  transition: all 0.4s ease;
}

#stickyLogo {
  display: none;
  top: 0px;
  z-index: 9987;
  transform-origin: 0 0px;
}

#logoTT {
  position: absolute;
  z-index: 100;
  opacity: 1;
  background: rgba(255, 255, 255, 0.8);
  transition: all 0.4s ease;
  max-height: 180px;
  height: 180px;
}

#logoTT img {
  max-height: 100%;
  position: static;
}

.sticky #logoTT {
  opacity: 0;
}

.sticky #header #stickyHeader {
  position: fixed;
  background: white;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6);
  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6);
  z-index: 1909;
}

.sticky #header #stickyHeader #stickyLogo {
  display: block;
  position: absolute;
  padding-left: 10px;
  top: 8px;
  z-index: 0;
  transform-origin: 0 0px;
  transform: scale(0.25);
}

.sticky #header #stickyHeader .sf-menu.level_1 > li {
  background: none;
  margin: 0px 20px;
}

.sticky #header #stickyHeader .sf-menu.level_1 > li a,
.sticky #header #stickyHeader .sf-menu.level_1 > li strong {
  color: #555;
}

.sticky #header #stickyHeader .sf-menu.level_1 .level_2 li a,
.sticky #header #stickyHeader .sf-menu.level_1 .level_2 li strong {
  color: #fff;
}

.sticky #header #topNav {
  top: 0px;
}

.cookiebar {
  z-index: 1000;
}

.flexrow.ds {
  max-width: 400px;
}

.flexrow.ds a {
  color: #fff !important;
}

.flexrow.ds #ctrl_9 {
  border: 0;
}

.flexrow.ds #ctrl_9 legend {
  display: none;
}

#footer {
  font-size: 0.9rem;
  padding-bottom: 60px;
  background: #555;
  color: #fff;
}

#footer input:active,
#footer input:focus,
#footer textarea:active,
#footer textarea:focus {
  background: #ccc !important;
}

#footer .footerlinks {
  width: 100%;
  text-align: right;
}

#footer .footerlinks a {
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  padding: 4px 8px;
}

#footer .inside {
  width: 1200px;
  max-width: 1200px;
  margin: 0px auto;
}

#footer .inside .flexrow {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

#footer .inside .flexrow input,
#footer .inside .flexrow textarea {
  margin: 4px;
  padding: 4px;
}

#footer .inside .widget-submit {
  text-align: right;
  padding-right: 4px;
}

#footer .inside #ctrl_8 {
  background-color: #555;
  color: #fff;
  padding: 4px 6px;
}

#footer .inside .mainrow {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-items: stretch;
}

#footer .inside .mainrow .left {
  display: flex;
  flex-direction: column;
  /*            align-items: stretch;
                            justify-content: space-between;*/
}

#footer .inside .mainrow .left .leftcolumn.first {
  flex-grow: 4;
}

#footer .inside .mainrow .left .leftcolumn.first img {
  max-width: 160px;
}

#footer .inside .mainrow .left .leftcolumn.last {
  /*align-items: flex-end;*/
  align-self: flex-end;
}

#footer .logofooter {
  padding: 30px 0;
}

#footer .flexgal {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: flex-end;
}

#footer .flexgal div {
  padding: 10px;
}

.blau #main {
  background: #b4bbc8;
}

.blau #main .ce_accordion .toggler {
  margin-top: 40px;
  font-size: 1.6rem;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  padding: 5px;
  background-color: #b4bbc8;
  -webkit-transition: all 0.4s ease;
  -moz-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  -ms-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

.blau #main .ce_accordion .toggler::after {
  content: url("../hg/plus.png");
}

.blau #main .ce_accordion .toggler.active {
  background-color: #fff;
  color: #555;
}

.blau #main .ce_accordion .toggler.active::after {
  content: url("../hg/minus.png");
}

.blau #main .ce_accordion .toggler.active > .accordion {
  background-color: #b4bbc8;
}

.blau #main .ce_accordion .accordion {
  background-color: #fff;
  -webkit-transition: all 1.9s ease;
  -moz-transition: background-color 1.9s ease;
  -o-transition: background-color 1.9s ease;
  -ms-transition: background-color 1.9s ease;
  transition: background-color 1.9s ease;
}

.blau #main .ce_accordion .accordion.ui-accordion-content-active {
  background-color: #f5f5f5;
  padding: 5px 15px;
}

.downloadseite input {
  margin: 5px;
  padding: 10px;
  color: #777;
}

.downloadseite label {
  display: none;
}

.downloadseite .checkbox_container {
  border: none;
}

.downloadseite .checkbox_container label {
  display: inline-block;
}

.downloadseite input:focus,
.downloadseite input:active {
  background: transparent;
  text-decoration: none;
  border: #253b6a 1px solid;
  outline: none;
}

.downloadseite button {
  margin: 5px;
  padding: 10px;
  color: #777;
}

.downloadseite div.ce_text,
.downloadseite div.mod_login {
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
}

.downloadseite div.mod_login {
  padding-top: 30px;
}

.downloadseite .ce_text {
  text-align: left !important;
}

.downloadliste {
  background: rgba(200, 200, 200, 0.3);
  padding: 20px 30px;
}

#main {
  line-height: 1.7rem;
  padding-bottom: 80px;
}

#main h1 {
  font-family: "Playfair Display", serif;
  font-size: 1.6rem;
  overflow: visible;
  position: relative;
  margin-left: -40px;
}

#main h2 {
  font-size: 1.4rem;
  font-weight: 300;
}

#main h3 {
  font-size: 1.2rem;
  font-weight: 500;
  margin-top: 50px;
}

#main .ce_text,
#main .ce_accordion,
#main .ce_gallery,
#main .ce_leaflet {
  padding-left: 50px;
}

#main .ce_text.center h1 {
  text-align: center;
}

#main .ce_text.center > h2 {
  text-align: center;
}

#main #teambilder,
#main #standortListe {
  padding-left: 30px;
}

#main #trauermusik {
  padding-left: 40px;
}

#main .ce_accordion .ce_text,
#main #standortListe .ce_text {
  padding-left: 0px;
}

#main #teambilder .ce_text {
  padding: 3px;
}

#main #leistungenGal .flexgal {
  margin-top: 20px;
}

#main #leistungenGal .image_container {
  margin: 10px;
}

#main #leistungenGal .image_container img {
  border: 1px solid #555;
}

#main #standortListe .image_container {
  margin: 10px;
}

#main #standortListe .image_container img {
  border: 1px solid #555;
}

#main a {
  color: #555;
}

#main .image_container {
  display: table;
}

#main .image_container.float_right {
  margin-left: 40px;
  padding-right: 10px;
}

#main .image_container.float_right img {
  -webkit-box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.26);
  box-shadow: 10px 10px 5px -5px rgba(0, 0, 0, 0.26);
}

#main .image_container .caption {
  display: table-caption;
  caption-side: bottom;
  font-style: italic;
}

#main .musik {
  width: 50%;
  padding: 10px;
  box-sizing: border-box;
}

#main .inside {
  max-width: 1080px;
  margin: 0px auto;
  padding-top: 90px;
}

#main .mod_article.flex {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

#main .mod_article.flex .ce_text {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  text-align: center;
  margin: 20px;
}

#main .mod_article.flex .ce_text img {
  border: 1px solid white;
}

#main .mod_article.flex.zitate .accordion > div, #main .mod_article.flex.trauersymbole .accordion > div {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

#main .mod_article.flex.zitate .accordion > div .ce_text, #main .mod_article.flex.trauersymbole .accordion > div .ce_text {
  box-sizing: border-box;
  padding: 8px;
  width: 33%;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  -webkit-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.25);
}

#main .two_col {
  margin: 0 0 20px;
  column-count: 2;
  column-gap: 20px;
  column-rule: 0px dotted #000;
  -moz-column-count: 2;
  /* Firefox */
  -webkit-column-count: 2;
  /* Safari and Chrome */
  column-count: 2;
}

#main .two_col p {
  margin: 0;
  padding: 0px;
}

#main .ce_accordion .toggler {
  margin-top: 40px;
  font-size: 1.6rem;
  color: #555;
  cursor: pointer;
  box-sizing: border-box;
  padding: 5px;
  background-color: #fff;
  -webkit-transition: all 0.4s ease;
  -moz-transition: background-color 0.4s ease;
  -o-transition: background-color 0.4s ease;
  -ms-transition: background-color 0.4s ease;
  transition: background-color 0.4s ease;
}

#main .ce_accordion .toggler::after {
  content: url("../hg/plus.png");
}

#main .ce_accordion .toggler.active {
  background-color: #b4bbc8;
  color: #fff;
}

#main .ce_accordion .toggler.active::after {
  content: url("../hg/minus.png");
}

#main .ce_accordion .toggler.active > .accordion {
  background-color: #b4bbc8;
}

#main .ce_accordion .accordion {
  background-color: #fff;
  -webkit-transition: all 1.9s ease;
  -moz-transition: background-color 1.9s ease;
  -o-transition: background-color 1.9s ease;
  -ms-transition: background-color 1.9s ease;
  transition: background-color 1.9s ease;
}

#main .ce_accordion .accordion.ui-accordion-content-active {
  background-color: #f5f5f5;
  padding: 5px 15px;
}

#main .bs-example {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}

#main .bs-example h3 {
  margin: 5px;
}

#main .bs-example .col-sm-6 {
  width: 24%;
  background-color: #fff;
  padding: 4px;
  margin: 4px;
  box-sizing: border-box;
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.75);
  text-align: center;
}

#main .bs-example .col-sm-6 a {
  text-decoration: none;
}

#main .ce_text.kasten {
  box-sizing: border-box;
  background: rgba(200, 200, 200, 0.1);
  padding: 10px;
  margin-left: 50px;
  margin-bottom: 10px;
}

#main #seorsum.ce_gallery .flexgal,
#main #ausstellung.ce_gallery .flexgal {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-evenly;
}

#main #seorsum.ce_gallery .flexgal img,
#main #ausstellung.ce_gallery .flexgal img {
  border: 1px solid #555;
}

#main .ce_gallery .flexgal {
  margin-top: 60px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-around;
}

#main .ce_gallery .flexgal .image_container {
  text-align: center;
}

#main .ce_gallery .flexgal .caption {
  text-align: center;
  font-style: italic;
  padding: 10px 5px;
}

#main #teambilder .ce_text {
  line-height: 1.5rem;
}

#main #teambilder .ce_text strong {
  text-transform: uppercase;
  color: #555;
}

#main #bestattungsarten .ce_text {
  background: rgba(230, 230, 230, 0.2);
  margin-bottom: 5px;
}

#main #bestattungsarten .ce_text .image_container.float_right {
  padding-top: 90px;
  padding-right: 10px;
}

#main .schleifentexte p {
  padding: 5px;
  background: rgba(230, 230, 230, 0.2);
}

#main h2.ce_headline {
  padding-left: 50px;
}

#main .friedhofsbox {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0px 10px;
  padding-left: 50px;
}

#main .friedhofsbox p {
  border: 0px solid #e1e1e1;
  padding: 3px 10px;
  -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  margin: 5px;
  width: 24%;
}

#main .friedhofsbox p span {
  color: #555;
  padding: 5px 8px;
  font-weight: bold;
  display: block;
}

.rsts-skin-default .rsts-prev,
.rsts-skin-default .rsts-next,
.rsts-skin-default .rsts-video-play,
.rsts-skin-default .rsts-video-stop,
.rsts-skin-default .rsts-thumbs-prev,
.rsts-skin-default .rsts-thumbs-next {
  background-image: url("../hg/slider_prev.png") !important;
  width: 50px;
  height: 80px;
  background-repeat: no-repeat;
  left: 40px;
  right: auto;
  top: 45%;
  box-shadow: none;
  border: 0;
}

.rsts-skin-default .rsts-next,
.rsts-skin-default .rsts-thumbs-next {
  right: 20px;
  background-image: url("../hg/slider_next.png") !important;
  left: auto;
  right: 40px;
}

#toTopBtn {
  position: fixed;
  bottom: 100px;
  right: 10%;
  z-index: 123456;
  cursor: pointer;
}

#toTopBtn img {
  -webkit-transition: all 0.9s ease;
  -moz-transition: all 0.9s ease;
  -o-transition: all 0.9s ease;
  -ms-transition: all 0.9s ease;
  opacity: 0;
  -ms-transform: rotate(145deg);
  /* IE 9 */
  -webkit-transform: rotate(145deg);
  /* Safari 3-8 */
  transform: rotate(145deg);
  width: 50px;
  height: 50px;
}

.sticky #toTopBtn img {
  opacity: 1;
  -ms-transform: rotate(0deg);
  /* IE 9 */
  -webkit-transform: rotate(0deg);
  /* Safari 3-8 */
  transform: rotate(0deg);
}

#telefonHolder {
  cursor: pointer;
}

#telefonHolder img {
  max-height: 50px;
  width: auto;
}

/*######################*/
#hamHolder span {
  display: none;
}

.sticky #hamHolder {
  /*display:none;*/
}

.sticky #hamHolder span {
  display: none;
}

.hamburger {
  padding: 20px 38px 0 38px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  /*background-color: transparent;*/
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  /*opacity: 0.7;*/
}

.hamburger.is-active:hover {
  /*opacity: 0.7;*/
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
  background-color: #000;
}

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
  width: 40px;
  height: 4px;
  background-color: #000;
  border-radius: 4px;
  position: absolute;
  transition-property: transform;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

.hamburger-inner::before,
.hamburger-inner::after {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r .hamburger-inner::before {
  transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
}

.hamburger--spin-r .hamburger-inner::after {
  transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--spin-r.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
}

.hamburger--spin-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: rotate(90deg);
  transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*#######################*/
#hamHolder {
  z-index: 1000;
  right: 10px;
  position: absolute;
  top: 4px;
  z-index: 121212;
}

#left {
  display: none;
}

#hamHolder {
  display: none;
}

@media (max-width: 1800px) {
  #header #topNav {
    display: inline-block;
    width: 1190px;
    right: 10px;
  }
  #header #topNav.sf-menu ul.level_1 {
    display: block;
    margin: 0px auto;
    /*        left: auto;
                right: 10px;*/
    /*transform: translateX(-50%);*/
    width: 1110px;
    top: 0px;
  }
}

@media (max-width: 1530px) {
  #bera h2 {
    font-size: 1rem;
  }
}

@media (max-width: 1400px) {
  #header #topNav {
    display: none;
  }
  #hamHolder {
    display: table;
  }
  body.sticky #hamHolder {
    position: fixed;
    top: 4px;
    right: 10px;
    z-index: 121212;
  }
  .hamburger {
    padding: 20px 10px 0 10px;
  }
  #left #mobNavi a {
    text-decoration: none;
    color: #555;
  }
  #left #mobNavi strong.active,
  #left #mobNavi li.offen strong {
    color: #333;
    font-weight: 300;
  }
  #left #mobNavi ul,
  #left #mobNavi li {
    list-style: none;
  }
  #left #mobNavi ul.level_1 > li > a > span,
  #left #mobNavi ul.level_1 > li > strong {
    text-transform: uppercase;
    padding-bottom: 20px;
    margin-bottom: 20px;
    font-weight: 300;
  }
  #left #mobNavi ul.level_1 > li.submenu > a,
  #left #mobNavi ul.level_1 > li.submenu > strong {
    /*                &::after{
                                    content:">";
                                    padding-left:8px;
                                    font-size:15px;
                                    font-weight:normal;
                                }*/
  }
  #left #mobNavi ul.level_1 > li.submenu > a::before,
  #left #mobNavi ul.level_1 > li.submenu > strong::before {
    content: "+";
    padding-left: 8px;
    font-size: 20px;
    padding-right: 10px;
  }
  #left #mobNavi ul.level_1 > li.submenu > a.offen::before,
  #left #mobNavi ul.level_1 > li.submenu > strong::before {
    content: "-";
    padding-left: 8px;
    font-size: 20px;
    padding-right: 10px;
  }
  #left #mobNavi ul.level_1 > li.submenu > strong.offen,
  #left #mobNavi ul.level_1 > li.submenu.trail > strong {
    font-weight: bold;
  }
  #left #mobNavi ul.level_1 > li.submenu > strong.offen::before,
  #left #mobNavi ul.level_1 > li.submenu.trail > strong::before {
    content: ">";
    padding-left: 8px;
    font-size: 20px;
    padding-right: 10px;
  }
  #left #mobNavi ul.level_2 > li > a {
    text-transform: none;
    padding: 10px 0;
    font-size: 1rem;
    font-weight: 300;
  }
  #left #mobNavi ul.level_1 > li {
    padding-bottom: 20px;
    margin-bottom: 10px;
  }
  #left #mobNavi ul.level_1 > li.offen > a {
    color: #333;
  }
  #left #mobNavi ul.level_2 > li {
    padding: 10px 0;
    font-weight: 300;
  }
  #left #mobNavi .level_2 {
    margin-left: 2px;
    padding-left: 17px;
  }
  #left #mobNavi .level_2 li.first {
    padding-top: 18px;
  }
  #left #mobNavi .level_2 li.active.first {
    padding-top: 10px;
  }
  #left #mobNavi ul.level_2 > li.active::before {
    content: "+";
    color: #e4e4e4;
    font-size: 2rem;
    font-weight: 100;
    padding: 0 5px 0 0;
    vertical-align: -3px;
  }
  #left {
    position: fixed;
    display: block;
    left: -300px;
    top: 60px;
    margin-left: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
    width: 300px;
    background-color: #fff;
    z-index: 1823;
  }
  body.aktiv #left {
    display: block;
    left: 0px;
  }
  #container {
    position: static;
  }
  body.aktiv #main,
  body.aktiv .inside.headslide,
  body.aktiv #footer {
    filter: blur(2px) grayscale(50%);
  }
  #overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    min-width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    z-index: 822;
  }
  #header .headslide {
    margin-top: 70px;
  }
}

@media (max-width: 1290px) {
  #footer .inside {
    width: 100%;
  }
  #footer .inside .mainrow {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    align-items: stretch;
  }
  #footer .inside .mainrow #map_ce_15 {
    width: 100% !important;
  }
  #footer .inside .mainrow .left,
  #footer .inside .mainrow .cols_4.flexgal {
    padding: 20px;
  }
  #footer .inside .mainrow .right.last {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #bera h2 {
    font-size: 0.8rem;
  }
}

@media (max-width: 950px) {
  #header .headslide .left.first {
    min-width: 250px;
    min-height: 200px;
  }
  #main .bs-example .col-sm-6 {
    width: 30%;
  }
  #aktuelles_btn {
    display: none !important;
  }
}

@media (max-width: 1080px) {
  #aktuelles_btn {
    display: none;
  }
  #header .headslide .left.first .logoLeft {
    /*display:none;*/
  }
  #header .headslide .left.first .logoLeft.block {
    overflow: visible;
  }
  #header .headslide .left.first .logoLeft img {
    transform: scale(1.1);
  }
  #header .headslide .headleft .btn img {
    max-width: 50px;
  }
  #telefonHolder {
    display: none;
  }
  #sttel {
    position: fixed;
    top: 5px;
    left: 50%;
    display: inline-block;
    z-index: 121212121;
    color: #555;
    font-size: 1rem;
    line-height: 60px;
    font-weight: bold;
  }
  #sttelP {
    position: absolute;
    top: 5px;
    left: 40%;
    display: inline-block;
    z-index: 121212121;
    color: #555;
    font-size: 1rem;
    line-height: 60px;
    font-weight: bold;
  }
  #header .headslide .headleft .btn {
    position: absolute;
    top: 115px;
  }
  #header .headslide .headleft .ce_text h2 {
    font-size: 1rem;
  }
  #bera {
    display: none;
  }
  .startseite #header .headslide {
    max-height: 88888888px;
  }
  #header .headslide {
    flex-direction: column;
  }
  #header .headslide .left.first {
    height: 200px;
    min-height: 200px;
    background-size: cover;
  }
  #header .headslide .headleft {
    flex-direction: row;
    justify-content: space-between;
    min-height: 200px;
  }
  #header .headslide .headleft #bera {
    padding-top: 50px;
  }
  #header .headslide .headleft .image_container {
    /*display: none;*/
  }
  #header .headslide .headleft .image_container img {
    transform: scale(0.6);
  }
  #header .headslide .headleft .ce_download img {
    transform: scale(0.6);
  }
  #header .headslide .right {
    width: 100%;
  }
  #header .headslide .headleft .ce_text .inside h2 {
    font-size: 1rem;
    line-height: 1.2rem;
    padding-top: 50px;
  }
  #header .headslide .headleft .ce_text .inside p {
    font-size: 0.8rem;
    line-height: 1.1rem;
  }
  #header #stickyHeader {
    position: fixed;
    background: white;
    -webkit-box-shadow: 0px 1px 0px 0px transparent;
    -moz-box-shadow: 0px 1px 0px 0px transparent;
    box-shadow: 0px 1px 0px 0px transparent;
    /*display:none;*/
    top: -70px;
    top: 0px;
    opacity: 0;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
  }
  #header #stickyHeader #stickyLogo {
    display: block;
    position: absolute;
    padding-left: 10px;
    z-index: 0;
    transform-origin: 0 0px;
    transform: scale(0.3);
  }
  #header #stickyHeader .sf-menu.level_1 > li {
    background: none;
    margin: 0px 20px;
  }
  #header #stickyHeader .sf-menu.level_1 > li a,
  #header #stickyHeader .sf-menu.level_1 > li strong {
    color: #555;
  }
  #header #stickyHeader .sf-menu.level_1 .level_2 li a,
  #header #stickyHeader .sf-menu.level_1 .level_2 li strong {
    color: #fff;
  }
  #header.sticky #stickyHeader {
    position: fixed;
    background: white;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6);
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.6);
    /*display:block;*/
    opacity: 1;
    top: 0px;
  }
  #header #topNav {
    top: 0px;
  }
  .startseite .firstrow,
  .startseite .secondrow {
    flex-direction: column;
  }
  .startseite .firstrow .item,
  .startseite .secondrow .item {
    width: 100%;
  }
}

@media (max-width: 767px) {
  #main,
  #header {
    /*
                z-index: 1;
                .block{
                    z-index: 1;
        
                }*/
  }
  #main .ce_text,
  #main .ce_accordion,
  #main .ce_gallery,
  #main .ce_leaflet {
    padding-left: 20px;
    padding-right: 20px;
  }
  #main h1 {
    margin-left: 0px;
  }
  #main .mod_article.flex {
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
  }
  #main .mod_article.flex .block {
    overflow: visible;
  }
  #main .mod_article.flex .ce_text {
    /*width:100%;*/
  }
  #footer .inside .mainrow .left .leftcolumn.last {
    align-items: center;
  }
}

@media (max-width: 580px) {
  #main .bs-example .col-sm-6 {
    width: 45%;
  }
  #mobNavi,
  .mod_navigation.block {
    overflow: auto !important;
  }
  #left .block {
    overflow-y: auto !important;
  }
  #left .block {
    overflow: inherit;
  }
}

@media (max-width: 550px) {
  #header #stickyHeader #stickyLogo {
    display: block;
    position: absolute;
    padding-left: 2px;
  }
  #main .inside {
    padding-top: 60px;
  }
}

@media (max-width: 500px) {
  #header .headslide .left.first .logoLeft img {
    transform: scale(0.8);
  }
}

@media (max-width: 500px) {
  #sttelP {
    left: 50%;
  }
  .sticky #header #stickyHeader #stickyLogo {
    padding-left: 5px;
  }
  .rsts-skin-default .rsts-next,
  .rsts-skin-default .rsts-thumbs-next {
    transform: scale(0.6);
  }
  .rsts-skin-default .rsts-prev,
  .rsts-skin-default .rsts-next,
  .rsts-skin-default .rsts-video-play,
  .rsts-skin-default .rsts-video-stop,
  .rsts-skin-default .rsts-thumbs-prev,
  .rsts-skin-default .rsts-thumbs-next {
    transform: scale(0.6);
  }
}

@media (max-width: 430px) {
  .sticky #header #stickyHeader #stickyLogo {
    top: 8px;
  }
  .sticky #header #stickyHeader #stickyLogo img {
    max-width: 600px !important;
    width: 600px !important;
  }
  #main .bs-example .col-sm-6 {
    width: 100%;
  }
  .mainrow .right.last {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .mainrow .right.last .flexrow {
    flex-direction: column !important;
  }
  .mainrow .right.last .flexrow input,
  .mainrow .right.last .flexrow textarea {
    width: 90% !important;
  }
}

@media (max-width: 400px) {
  #header .headslide .headleft .ce_text .inside h2 {
    font-size: 0.8rem;
    line-height: 1rem;
    padding-top: 50px;
  }
  #header .headslide .headleft .ce_text .inside p {
    font-size: 0.6rem;
    line-height: 0.8rem;
  }
  #main .ce_text,
  #main .ce_accordion,
  #main .ce_gallery,
  #main .ce_leaflet {
    padding-left: 10px;
    padding-right: 10px;
  }
  #footer .inside .mainrow .left .leftcolumn.last {
    /* align-items: flex-end; */
    align-self: stretch;
  }
}

@media (max-width: 406px) {
  .startseite .firstrow .item .ce_text,
  .startseite .secondrow .item .ce_text {
    width: 80%;
  }
}

@media (max-height: 700px) {
  #left {
    position: absolute;
  }
}