@charset "UTF-8";
/*
 Theme Name:   Roth Theme
 Description:  Mein Child Theme
 Author:       Martin Neuhaus
 Author URI:   httpw://www.webtimiser.de
 Template:     twentytwentyone
 Version:      1.0
 Text Domain:  rothchild
*/
/*************** Header und Menu ****************/
body, html {
  font-family: 'Fira Sans', sans-serif !important;
  outline: none !important;
}
div, p, ul, li, a {
  font-family: 'Fira Sans', sans-serif;
}
*:focus {
  outline: none;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
  outline: none;
}
h1 {
  font-family: 'Fira Sans', serif;
}
.headerback {
  background: url('images/topbackground_v2.png');
  height: 260px;
  background-position: bottom;
  z-index: 999;
  position: relative;
}
.primary-navigation {
  margin: auto;
}
.primary-navigation .primary-menu-container > ul > .menu-item > a {
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 2.5px;
  color: #706f6f;
  padding-right: 0px;
  padding-left: 0px;
  margin-left: 15px;
  margin-right: 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #706f6f;
}
.primary-navigation .primary-menu-container > ul > .menu-item > a:focus, .primary-navigation .primary-menu-container > ul > .menu-item > a:active {
  background: none;
}
.primary-navigation .primary-menu-container > ul > .menu-item > a:hover {
  text-decoration: none;
  color: #000;
}
.primary-navigation .primary-menu-container > ul > .menu-item.current_page_item > a {
  color: #000;
  text-decoration: none;
  border-top: 1px solid #000;
  padding-right: 0px;
  padding-left: 0px;
  border-bottom: 0px;
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
  background: none;
  color: #000;
}
.home .site-header {
  height: 260px;
}
.home .site-header .site-logo .custom-logo {
  max-width: 621px;
  width: 621px;
  transition: width 0.6s linear;
}
body:not(.home) .site-header {
  height: 150px;
  transition: height 0.6s linear;
}
body:not(.home) .site-header .site-logo .custom-logo {
  max-width: 353px;
  width: 353px;
  transition: width 0.6s linear;
}
body:not(.home) .site-header .kundenstimmen {
  top: 80px;
  transition: top 0.6s linear;
}
body:not(.home) .site-header .kundenstimmen.kunde2 {
  top: 80px;
  right: 400px;
}
.site-header {
  padding-top: 0px !important;
  max-width: none;
  display: block;
  border-bottom: 3px solid #f9b323;
  padding-bottom: 25px;
  height: 260px;
  position: fixed;
  width: 100%;
  z-index: 50;
  background: #fff;
  transition: height 0.6s linear;
}
.site-header .site-logo .custom-logo {
  max-width: 621px;
  width: 621px;
  transition: width 0.6s linear;
}
.site-header.smaller {
  height: 150px;
  transition: height 0.6s linear;
}
.site-header.smaller .site-logo .custom-logo {
  max-width: 353px;
  width: 353px;
  transition: width 0.6s linear;
}
.site-header.smaller .kundenstimmen {
  top: 80px;
  transition: top 0.6s linear;
  transition: right 0.6s linear;
}
.site-header.smaller .kundenstimmen.kunde2 {
  top: 80px;
  right: 400px;
}
.site-header .kundenstimmen {
  background: url('images/background_button.jpg');
  width: 220px;
  height: 45px;
  border: 3px solid #5b3001;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: absolute;
  right: 135px;
  top: 100px;
  transition: top 0.6s linear;
}
.site-header .kundenstimmen.kunde2 {
  top: 150px;
}
.site-header .headerbalkenone {
  background: url('images/goldstreifen.jpg');
  background-repeat: no-repeat;
  height: 26px;
  width: 100%;
  background-size: cover;
}
.site-header .headerbalkentwo {
  background: url('images/zweiter_balken.jpg');
  background-repeat: no-repeat;
  height: 7px;
  width: 100%;
  background-size: cover;
}
.site-header .site-branding {
  text-align: left;
  margin-left: 275px;
  margin-top: 20px;
  margin-bottom: 25px;
  position: absolute;
  bottom: 0;
}
.site-header .kontakt {
  position: absolute;
  left: 50%;
  text-align: center;
  bottom: 25px;
}
.site-header .day {
  color: #675b48;
  font-size: 22px;
  line-height: 24px;
  font-weight: 600;
}
.site-header .tel {
  color: #5b3001;
  font-size: 33px;
  line-height: 35px;
  font-weight: 600;
}
.site-header .burgenwrapper {
  position: absolute;
  right: 10px;
  top: 50px;
  z-index: 500;
}
.site-header .burgenwrapper .navbar-toggler {
  background-color: transparent !important;
  border: 0px;
  margin-top: 0px;
  padding-top: 0px;
  position: relative;
  z-index: 5000;
}
.site-header .burgenwrapper button[aria-expanded="true"] #burgermenu span {
  background: #fff;
}
.site-header .burgenwrapper #burgermenu {
  margin-top: 0px;
  padding-top: 0px;
  width: 37px;
}
.site-header .burgenwrapper #burgermenu span {
  background: #653c10;
  height: 4px;
  border-radius: 20px;
}
.site-header .metamenu {
  position: absolute;
  right: 125px;
  top: 50px;
}
.site-header .metamenu .footer-navigation {
  margin-top: 0px;
  margin-bottom: 0px;
}
.site-header .metamenu li {
  line-height: 1rem;
}
.site-header .metamenu a {
  font-size: 21px;
  color: #675b48 !important;
  text-transform: uppercase;
  padding-top: 0px;
  padding-bottom: 0px;
  font-weight: 600;
}
.site-logo {
  margin: auto;
}
.site-logo .custom-logo {
  max-width: 353px;
  max-height: none;
  outline: none;
  width: 353px;
  float: left;
  transition: width 0.6s linear;
}
.post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
  max-width: none;
}
.site-main {
  padding-top: 0px;
  padding-bottom: 0px;
}
.home .site-content {
  margin-top: 0px;
  padding-top: 260px;
  position: relative;
}
.site-content {
  margin-top: 0px;
  padding-top: 150px;
  position: relative;
}
.site {
  position: relative;
}
.site-footer {
  max-width: none;
  padding-bottom: 0px;
  margin-top: 0px;
  background: url('images/HGbild_footer.jpg');
  height: 534px;
  position: relative;
  background-size: contain;
  color: #fff;
}
.site-footer > .site-info {
  display: block;
  margin-bottom: 0px;
  border-top: 0px;
  color: #fff;
}
.site-footer > .site-info .container {
  width: 1380px;
}
.site-footer > .site-info .container .left {
  padding-left: 95px;
  font-size: 18px;
  line-height: 22px;
  font-family: "Fira Sans";
}
.site-footer > .site-info .container .right {
  padding-right: 180px;
  padding-left: 150px;
}
.site-footer > .site-info .container .footerlogo {
  background: url('images/logo_footer.png');
  width: 304px;
  height: 62px;
  margin-bottom: 30px;
}
.site-footer .content {
  text-align: center;
  color: #929292;
}
.site-footer .content a {
  color: #929292 !important;
}
.site-footer .trenner {
  width: 140px;
  height: 1px;
  background: #000;
  margin: auto;
  margin-top: 15px;
  margin-bottom: 15px;
}
.site-footer .footer-navigation {
  margin-bottom: 0px;
  margin-top: 0px;
}
.site-footer .footer-navigation-wrapper {
  justify-content: flex-end;
  margin-bottom: 0px;
  align-items: center;
}
.site-footer .footer-navigation-wrapper li a {
  font-size: 16px;
}
.site-footer input[type=checkbox], .site-footer input[type=radio] {
  width: initial;
  height: initial;
  float: left;
  margin-left: 0px !important;
  position: relative;
  margin-right: 5px !important;
}
.site-footer .caldera-grid .checkbox label, .site-footer .caldera-grid .radio label {
  padding-left: 0px;
  font-style: italic;
  font-size: 13px;
  font-family: "Fira Sans";
}
.site-footer .formheader {
  clear: both;
  height: 40px;
  font-size: 18px;
  font-weight: 300;
}
.site-footer .formheader .icon {
  background: url('images/formicon.png');
  width: 62px;
  height: 28px;
  background-repeat: no-repeat;
  float: left;
  margin-left: -25px;
  margin-right: 5px;
}
.site-footer .copy {
  text-align: right;
  margin-right: -60px;
  margin-top: 30px;
  font-size: 16px;
  font-style: italic;
  font-weight: 300;
  clear: both;
}
.site-footer .footerbalken {
  background: url('images/balken_footer.jpg');
  height: 34px;
  width: 100%;
  background-size: cover;
  margin-bottom: 0px;
  position: absolute;
  bottom: 0;
}
.menulogo {
  text-align: center;
}
.kundenclose {
  background: url('images/close.png');
  width: 27px;
  height: 27px;
  position: absolute;
  right: 45px;
  top: 45px;
}
.kundenwrapper {
  background: url(images/menuback.png);
  height: 100vh;
  width: 100%;
  z-index: 6000;
  display: none;
}
.kundenwrapper.active {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
}
.kundenwrapper .kundenslider {
  margin-top: 45%;
}
.kundenwrapper .kundenslider .slick-slide {
  margin-left: 20px;
  margin-right: 20px;
  max-width: 215px;
  max-height: 215px;
}
.kundenwrapper .kundenslider .slick-slide img {
  height: 215px;
  object-fit: cover;
  width: 100%;
}
.kundenwrapper .bigslider {
  width: 50%;
  height: 400px;
  max-height: 400px;
  margin: auto;
  margin-bottom: 100px;
  margin-top: 50px;
}
.kundenwrapper .bigslider img {
  height: 400px;
  margin: auto;
}
.kundenwrapper .slick-arrow {
  background-color: transparent !important;
}
.kundenwrapper .slick-arrow:before {
  display: none;
}
.kundenwrapper .slick-next {
  background: url(images/pfeil_rechts.png);
  width: 16px;
  height: 43px;
}
.kundenwrapper .slick-prev {
  background: url(images/pfeil_links.png);
  width: 16px;
  height: 43px;
}
.burgenwrapper .kontakt {
  position: relative;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 20px;
  padding-bottom: 100px;
}
.burgenwrapper .kontakt .day, .burgenwrapper .kontakt .tel {
  color: #fff;
}
.burgenwrapper .kontakt .day {
  font-weight: 300;
  font-size: 16px;
}
.burgenwrapper .kontakt .tel {
  font-weight: 300;
  font-size: 20px;
}
#primary-menu {
  float: none;
  width: 1418px;
  margin: auto;
  list-style: none;
  padding-top: 0px;
  overflow: scroll;
}
#primary-menu .sub-menu-toggle {
  display: none;
}
#primary-menu > li {
  float: none;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #645748;
  padding-top: 30px;
  padding-bottom: 30px;
}
#primary-menu > li a {
  font-size: 25px;
  font-weight: 300;
  text-transform: none;
  color: #fff;
  line-height: 24px;
  width: 50%;
  padding-right: 50px;
  text-align: right;
  display: block;
}
#primary-menu > li a:hover {
  text-decoration: none;
  background: url('images/mainmenubackright.png');
}
#primary-menu > li a:focus, #primary-menu > li a:active {
  background: url('images/mainmenubackright.png');
}
#primary-menu > li.center a {
  width: 100%;
  text-align: center;
}
#primary-menu > li:last-child {
  border-bottom: 0;
}
#primary-menu > li .sub-menu {
  position: relative;
  right: -52%;
  margin-top: -40px;
  list-style: none;
}
#primary-menu > li .sub-menu li a {
  font-size: 16px;
  text-align: left;
}
#primary-menu > li .sub-menu li a:hover {
  background: url("images/mainmenubackleft.png");
}
#primary-menu > li .sub-menu li a:focus, #primary-menu > li .sub-menu li a:active {
  background: url("images/mainmenubackleft.png");
}
.entry-footer {
  display: none;
}
.entry-header {
  display: none;
}
.no-widgets .site-footer {
  margin-top: 65px;
}
.entry-content {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-5ths {
  width: 20%;
  float: left;
}
.toptopanker {
  cursor: pointer;
}
@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}
@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}
/****************Burger ******************/
.navbar-toggler {
  background-color: #b3eb1b;
  transition: background-color ease-in-out 1s;
  margin-top: 20px;
  border-radius: 0;
  outline: none !important;
}
.site-header.scrolled .navbar-toggler {
  background-color: #b3eb1b;
  transition: background-color ease-in-out 1s;
  animation: none;
}
.navbar-toggler-icon {
  color: #3D9CD2;
}
/* Burger-X */
.site-header.scrolled .navbar-toggler-icon {
  /*background-color: rgba(179, 237, 27, 0.9);*/
  transition: background-color ease-in-out 1s;
}
.dropdown-toggle:after {
  display: none;
}
.en-toggler {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 32px;
  height: 75px;
  cursor: pointer;
  background-image: url("/wp-content/themes/wp-bootstrap-4/img/menu-plus.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.en-toggler.show {
  background-image: url("/wp-content/themes/wp-bootstrap-4/img/menu-minus.png");
}
@media (max-width: 767px) {
  .en-toggler {
    height: 60px;
  }
}
#burgermenu {
  width: 30px;
  height: 20px;
  display: block;
  position: relative;
  margin: 10px auto;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}
#burgermenu span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #414141;
  border-radius: 3px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#burgermenu span:nth-child(1) {
  top: 0px;
}
#burgermenu span:nth-child(2), #burgermenu span:nth-child(3) {
  top: 9px;
}
#burgermenu span:nth-child(4) {
  top: 18px;
}
button[aria-expanded="true"] #burgermenu span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}
button[aria-expanded="true"] #burgermenu span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
button[aria-expanded="true"] #burgermenu span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
button[aria-expanded="true"] #burgermenu span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}
#burgermenu:hover span {
  background: #414141;
}
.navbar-nav .nav-link {
  padding-right: 60px;
}
header.site-header {
  /*height: 100vh;*/
  /*overflow-y: auto;*/
}
.site-header .main-navigation.nvbr-actve {
  background-color: #b3ed1b;
  transition: background-color ease-in-out 0.7s;
  min-height: 100%;
  /*CC*/
  height: 100% !important;
  /*CC*/
  height: auto !important;
  /*overflow-y: hidden;*/
  position: absolute;
  /*position: fixed;*/
  z-index: 100;
}
.site-branding-text {
  padding: 12px 15px 12px 15px;
  background-color: rgba(255, 255, 255, 0.6);
  transition: background ease-in-out 0.75s;
}
.header-scrolling .site-branding-text {
  background-color: rgba(0, 0, 0, 0.6);
  transition: background ease-in-out 0.75s;
}
.home header:not(.scrolled) .site-branding-text {
  background-color: rgba(0, 0, 0, 0.6);
}
.site-branding-text img {
  height: 80px;
  max-height: 80px;
  transition: max-height ease-in-out 0.75s;
}
@media (max-width: 575px) {
  .site-branding-text img {
    max-height: 50px;
  }
}
.site-header.scrolled .site-branding-text img {
  max-height: 50px;
  transition: max-height ease-in-out 0.75s;
}
.site-branding-text .imgx {
  height: 80px;
  max-height: 80px;
  transition: max-height ease-in-out 0.75s;
}
@media (max-width: 575px) {
  .site-branding-text .imgx {
    max-height: 50px;
  }
}
.site-header.scrolled .site-branding-text .imgx {
  max-height: 50px;
  transition: max-height ease-in-out 0.75s;
}
@media (min-width: 0px) {
  .navbar-collapse.collapse {
    display: none !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    display: block !important;
    padding-bottom: 0;
    overflow: scroll !important;
    position: fixed;
    width: 100%;
    background: url('images/menuback.png');
    height: 100vh !important;
    left: 0;
    top: 0;
  }
}
/********************** headerslider **********************/
.headerimage {
  position: relative;
}
.headerimage .slick-slide, .headerimage .owl-item {
  position: relative;
}
.headerimage .slick-slide .content, .headerimage .owl-item .content {
  position: absolute;
  height: 350px;
  width: 400px;
  top: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
  flex-direction: column;
}
.headerimage .slick-slide .content h1, .headerimage .owl-item .content h1 {
  font-size: 33px;
  line-height: 28px;
  font-weight: normal;
  width: 360px;
  color: #fff;
  text-align: center;
}
.headerimage .slick-slide .content h1 p, .headerimage .owl-item .content h1 p {
  line-height: 38px;
}
.headerimage .slick-slide .content h1:before, .headerimage .owl-item .content h1:before {
  content: "";
  background: url("images/quates_white.png");
  width: 65px;
  height: 57px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  display: block;
  top: -60px;
  background-size: cover;
}
.headerimage .slick-slide .content .verfasser, .headerimage .owl-item .content .verfasser {
  color: #fff;
  font-size: 20px;
  top: 72%;
  width: 380px;
  text-align: center;
  margin-top: 20px;
}
.headerimage .slick-slide .content.links, .headerimage .owl-item .content.links {
  left: 4000px;
}
.headerimage .slick-slide .content.links h1, .headerimage .owl-item .content.links h1 {
  position: absolute;
  left: -4000px;
}
.headerimage .slick-slide .content.links .verfasser, .headerimage .owl-item .content.links .verfasser {
  position: absolute;
  left: -4000px;
}
.headerimage .slick-slide .content.rechts, .headerimage .owl-item .content.rechts {
  left: auto;
}
.headerimage .slick-slide .content.rechts h1, .headerimage .owl-item .content.rechts h1 {
  position: absolute;
}
.headerimage .slick-slide .content.rechts .verfasser, .headerimage .owl-item .content.rechts .verfasser {
  position: absolute;
}
.headerimage .slick-slide.slick-active, .headerimage .slick-slide.active, .headerimage .owl-item.slick-active, .headerimage .owl-item.active {
  z-index: 5;
}
.headerimage .slick-slide.slick-active .content, .headerimage .slick-slide.active .content, .headerimage .owl-item.slick-active .content, .headerimage .owl-item.active .content {
  background: rgba(167, 98, 37, 0.66);
}
.headerimage .slick-slide.slick-active .content.links, .headerimage .slick-slide.active .content.links, .headerimage .owl-item.slick-active .content.links, .headerimage .owl-item.active .content.links {
  animation-name: contentright;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.headerimage .slick-slide.slick-active .content.links h1, .headerimage .slick-slide.active .content.links h1, .headerimage .owl-item.slick-active .content.links h1, .headerimage .owl-item.active .content.links h1 {
  position: absolute;
  animation-name: contentinright;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.headerimage .slick-slide.slick-active .content.links .verfasser, .headerimage .slick-slide.active .content.links .verfasser, .headerimage .owl-item.slick-active .content.links .verfasser, .headerimage .owl-item.active .content.links .verfasser {
  animation-name: contentinright;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.headerimage .slick-slide.slick-active .content.rechts, .headerimage .slick-slide.active .content.rechts, .headerimage .owl-item.slick-active .content.rechts, .headerimage .owl-item.active .content.rechts {
  left: auto;
  animation-name: contentleft;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.headerimage .slick-slide.slick-active .content.rechts h1, .headerimage .slick-slide.active .content.rechts h1, .headerimage .owl-item.slick-active .content.rechts h1, .headerimage .owl-item.active .content.rechts h1 {
  position: absolute;
  animation-name: contentinleft;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.headerimage .slick-slide.slick-active .content.rechts .verfasser, .headerimage .slick-slide.active .content.rechts .verfasser, .headerimage .owl-item.slick-active .content.rechts .verfasser, .headerimage .owl-item.active .content.rechts .verfasser {
  animation-name: contentinleft;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
.headerimage .slick-slide img, .headerimage .owl-item img {
  width: 100%;
}
@keyframes contentright {
  0% {
    left: -2000px;
  }
  100% {
    left: 280px;
  }
}
@keyframes contentleft {
  0% {
    left: 2000px;
  }
  100% {
    left: 280px;
  }
}
@keyframes contentinleft {
  0% {
    left: 2000px;
  }
  100% {
    left: 20px;
  }
}
@keyframes contentinright {
  0% {
    left: -2000px;
  }
  100% {
    left: 20px;
  }
}
.startseite_menu {
  position: absolute;
  top: 290px;
  left: 50%;
  width: 50%;
  z-index: 5;
}
.startseite_menu ul {
  width: 100%;
  list-style: none;
}
.startseite_menu ul li {
  width: calc(50% - 30px);
  max-width: 40%;
  float: left;
  margin-bottom: 20px;
}
.startseite_menu ul li:nth-child(odd) {
  text-align: right;
  margin-right: 30px;
}
.startseite_menu ul li:nth-child(3) {
  max-width: 35%;
  margin-left: 50px;
  text-align: center;
}
.startseite_menu ul li:nth-child(4) {
  text-align: center;
}
.startseite_menu ul li:last-child {
  display: none;
}
.startseite_menu a {
  font-size: 30px;
  line-height: 28px;
  color: #f9b322;
  font-weight: 600;
}
.startseite_menu a:hover {
  text-decoration: none;
  background: linear-gradient(to right, #f9b322 0, white 10%, #f9b322 20%);
  background-position: 0;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: shine 3s infinite linear;
  animation-fill-mode: forwards;
  -webkit-text-size-adjust: none;
}
.startseite_menu .sub-menu-toggle {
  display: none;
}
.home .secmainmenu {
  display: none;
}
.secmainmenu {
  background: url("images/secmainbackpng.png");
  background-size: cover;
  height: 58px;
  position: absolute;
  bottom: -61px;
  width: 100%;
}
.secmainmenu ul.menu-wrapper-secmain {
  list-style: none;
  float: right;
  margin-top: 13px;
  margin-right: 110px;
}
.secmainmenu ul.menu-wrapper-secmain li {
  float: left;
  margin-right: 20px;
  margin-left: 20px;
}
.secmainmenu ul.menu-wrapper-secmain li a {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
}
.secmainmenu ul.menu-wrapper-secmain li a:hover {
  text-decoration: none;
  color: #e9820c;
  font-weight: 600;
}
.secmainmenu ul.menu-wrapper-secmain li.current-menu-item a, .secmainmenu ul.menu-wrapper-secmain li.current-menu-parent a {
  color: #e9820c;
  font-weight: 600;
}
.secmainmenu ul.menu-wrapper-secmain li:last-child {
  display: none;
}
.secmainmenu ul.menu-wrapper-secmain .sub-menu-toggle {
  display: none;
}
.submenumaster {
  padding-top: 20px;
}
.submenumaster ul {
  padding-left: 0px;
}
.submenumaster ul.menu-wrapper {
  list-style: none;
}
.submenumaster ul.menu-wrapper .sub-menu-toggle {
  display: none;
}
.submenumaster ul.menu-wrapper > li > a {
  display: none;
}
.submenumaster ul.menu-wrapper > li ul {
  display: none;
}
.submenumaster ul.menu-wrapper > li.current-menu-item ul, .submenumaster ul.menu-wrapper > li.current-menu-parent ul {
  display: block;
  list-style: none;
  width: 100%;
  display: flex;
  justify-content: center;
}
.submenumaster ul.menu-wrapper > li.current-menu-item ul li, .submenumaster ul.menu-wrapper > li.current-menu-parent ul li {
  float: left;
  margin-left: 15px;
  margin-right: 15px;
  position: relative;
}
.submenumaster ul.menu-wrapper > li.current-menu-item ul li:after, .submenumaster ul.menu-wrapper > li.current-menu-parent ul li:after {
  content: '~';
  display: block;
  position: absolute;
  top: 0;
  right: -20px;
}
.submenumaster ul.menu-wrapper > li.current-menu-item ul li a, .submenumaster ul.menu-wrapper > li.current-menu-parent ul li a {
  color: #5b3001;
  font-size: 16px;
  font-style: italic;
}
.submenumaster ul.menu-wrapper > li.current-menu-item ul li a:hover, .submenumaster ul.menu-wrapper > li.current-menu-parent ul li a:hover {
  text-decoration: none;
  color: #e9820c;
  font-weight: 600;
}
.submenumaster ul.menu-wrapper > li.current-menu-item ul li:last-child:after, .submenumaster ul.menu-wrapper > li.current-menu-parent ul li:last-child:after {
  display: none;
}
.submenumaster ul.menu-wrapper > li.current-menu-item ul li.current_page_item a, .submenumaster ul.menu-wrapper > li.current-menu-parent ul li.current_page_item a {
  color: #e9820c;
  font-weight: 600;
}
@keyframes shine {
  0% {
    background-position: 0;
  }
  60% {
    background-position: 200px;
  }
  100% {
    background-position: 200px;
  }
}
/**************************** Headervideo *********************/
.headervideo {
  position: relative;
  margin-top: 0px;
}
.headervideo .videowrapper {
  width: 100%;
}
.headervideo .videowrapper video {
  width: 100%;
}
.headervideo .textwrapper {
  background: url('images/textback.png');
  width: 1716px;
  height: 641px;
  background-repeat: no-repeat;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  bottom: 0px;
  flex-direction: column;
}
.headervideo .textwrapper .text {
  font-size: 40px;
  font-weight: normal;
  color: #f9b323;
  width: 1050px;
  text-align: center;
}
.headervideo .arrow {
  position: absolute;
  bottom: 50px;
  left: 0;
  right: 0;
  margin: auto;
  background: url('images/arrowdown.png');
  width: 94px;
  height: 35px;
}
/*********************** Headline *********************/
.headline h2 {
  text-align: center;
  font-size: 40px;
  color: #f9b323;
  text-shadow: 0 0 1px #5b3001;
}
.headline h3 {
  text-align: center;
  font-size: 30px;
  color: #5b3001;
  font-weight: 400;
}
/*********************** Teaser *********************/
.teaser .tease {
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
  font-family: "Fira Sans";
}
.teaser .tease .contentwrapper {
  background: url('images/teaserback.png');
  width: 400px;
  height: 274px;
  margin: auto;
  margin-top: 50px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 20px 40px;
}
.teaser .tease .contentwrapper .headline {
  text-align: center;
  font-size: 32px;
  color: #f9b323;
  text-shadow: 0 0 1px #fff;
  height: 70px;
  line-height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.teaser .tease .contentwrapper .content {
  margin-top: 35px;
  color: #fff;
  font-size: 20px;
}
.teaser .tease .contentwrapper .content p {
  line-height: 22px;
}
.teaser .tease .contentwrapper .more {
  position: absolute;
  bottom: 10px;
  right: 20px;
}
.teaser .tease .contentwrapper .more a {
  color: #fff;
}
.teaser .tease .contentwrapper .more a:before {
  content: '';
  background: url('images/pfeile.png');
  width: 17px;
  height: 17px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  left: -25px;
}
/*********************** Text Bild *********************/
.text-bild .container {
  display: flex;
}
.text-bild .container .order1 {
  order: 1;
}
.text-bild .container .order2 {
  order: 2;
}
.text-bild .bild img {
  max-height: 366px;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.text-bild .headline {
  font-size: 20px;
  color: #c97222;
  line-height: 24px;
  margin-top: 0px;
}
.text-bild .contentwrapper {
  font-size: 16px;
  line-height: 20px;
}
.text-bild .contentwrapper p {
  font-size: 16px;
  line-height: 20px;
}
/*********************** Text Bild Big*********************/
.text-bild-big .orange {
  color: #c97222;
}
.text-bild-big .aufklapperwrap .headline {
  background: url('images/aufklapper_back.jpg');
  width: 430px;
  height: 45px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 15px;
  cursor: pointer;
}
.text-bild-big .aufklapperwrap .headline.active {
  background: url('images/aufklapper_back_active.jpg');
  width: 430px;
  height: 45px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  color: #e9820c;
  font-size: 16px;
  margin-bottom: 15px;
}
.text-bild-big .aufklapperwrap .content {
  display: none;
}
.text-bild-big .aufklapperwrap .content.active {
  display: block;
}
.text-bild-big .aufklapperwrap .content ul {
  list-style: none;
  padding-left: 20px;
}
.text-bild-big .aufklapperwrap .content ul li {
  position: relative;
}
.text-bild-big .aufklapperwrap .content ul li:before {
  content: '»';
  color: #e9820c;
  display: block;
  position: absolute;
  left: -20px;
}
.text-bild-big .container {
  display: flex;
}
.text-bild-big .container .order1 {
  order: 1;
  text-align: right;
}
.text-bild-big .container .order2 {
  order: 2;
  text-align: left;
}
.text-bild-big .containerbig {
  width: 1380px;
}
.text-bild-big .bild img {
  max-height: 366px;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.text-bild-big .headline {
  font-size: 20px;
  color: #c97222;
  line-height: 24px;
  margin-top: 0px;
}
.text-bild-big .contentwrapper {
  font-size: 16px;
  line-height: 20px;
}
.text-bild-big .contentwrapper p {
  font-size: 16px;
  line-height: 20px;
}
/*********************** Text Bild Klein *********************/
.text-bild-klein .container {
  display: flex;
}
.text-bild-klein .container .order1 {
  order: 1;
}
.text-bild-klein .container .order2 {
  order: 2;
}
.text-bild-klein .bild img {
  max-width: 360px;
  width: 100%;
  object-fit: cover;
  object-position: top;
}
.text-bild-klein .headline {
  font-size: 20px;
  color: #c97222;
  line-height: 24px;
  margin-top: 0px;
}
.text-bild-klein .contentwrapper {
  font-size: 16px;
  line-height: 20px;
}
.text-bild-klein .contentwrapper p {
  font-size: 16px;
  line-height: 20px;
}
/*********************** Text  *********************/
.textmaster .contentwrapper {
  font-size: 16px;
  line-height: 20px;
}
.textmaster .contentwrapper p {
  font-size: 16px;
  line-height: 20px;
}
/*********************** Text - Bild -Full  *********************/
.text-bild-fullwidth {
  display: flex;
}
.text-bild-fullwidth .order1 {
  order: 1;
}
.text-bild-fullwidth .order2 {
  order: 2;
}
.text-bild-fullwidth .text, .text-bild-fullwidth .bild {
  padding-left: 0px;
  padding-right: 0px;
}
.text-bild-fullwidth .bild img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.text-bild-fullwidth .text {
  background: url("images/textbildfullback.jpg");
  background-size: cover;
  padding: 100px;
  padding-right: 300px;
}
.text-bild-fullwidth .text .headline {
  font-size: 20px;
  line-height: 26px;
  color: #c97321;
  margin-bottom: 20px;
}
.text-bild-fullwidth .text .content {
  margin-bottom: 20px;
}
.text-bild-fullwidth .text .content p {
  line-height: 20px;
  font-size: 16px;
}
/*********************** Text - Bild -Full  *********************/
.zweispalter .links .headline {
  font-size: 20px;
  color: #c97321;
  line-height: 24px;
  margin-bottom: 20px;
}
.zweispalter .links .content p {
  font-size: 16px;
  line-height: 20px;
}
.zweispalter .links .aufklapper .header {
  background: url('images/aufklapper_back.jpg');
  width: 430px;
  height: 45px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 15px;
  cursor: pointer;
}
.zweispalter .links .aufklapper .header.active {
  background: url('images/aufklapper_back_active.jpg');
  width: 430px;
  height: 45px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  color: #e9820c;
  font-size: 16px;
  margin-bottom: 15px;
}
.zweispalter .links .aufklapper .klappercontent {
  display: none;
}
.zweispalter .links .aufklapper .klappercontent.active {
  display: block;
}
.zweispalter .links .aufklapper .klappercontent ul {
  list-style: none;
  padding-left: 20px;
}
.zweispalter .links .aufklapper .klappercontent ul li {
  position: relative;
}
.zweispalter .links .aufklapper .klappercontent ul li:before {
  content: '»';
  color: #e9820c;
  display: block;
  position: absolute;
  left: -20px;
}
.zweispalter .rechts .abheadline {
  font-size: 20px;
  color: #c97321;
  line-height: 24px;
  margin-bottom: 20px;
}
.zweispalter .rechts p {
  font-size: 16px;
  line-height: 20px;
}
.zweispalter .rechts .imagewrapper img {
  position: relative;
}
.zweispalter .rechts .imagewrapper img:after {
  content: ' ';
  display: block;
  position: absolute;
  background: url('images/button_download.png');
  background-size: cover;
  width: 65px;
  height: 65px;
  right: -50px;
  z-index: 5;
}
.zweispalter .rechts .imagewrapper .image {
  float: right;
}
.zweispalter .rechts .imagewrapper .downloadicon {
  width: 65px;
  height: 65px;
  position: absolute;
  right: -50px;
  bottom: 0;
}
/*********************** Zentertext *********************/
.zentertext.weis {
  background: #fff;
  padding-top: 50px;
  padding-bottom: 100px;
  margin-bottom: -80px;
  -webkit-box-shadow: 0px 17px 31px 0px rgba(0, 0, 0, 0.64);
  box-shadow: 0px 17px 31px 0px rgba(0, 0, 0, 0.64);
}
.zentertext .abschnitt {
  text-align: center;
}
.zentertext .abschnitt .headline {
  font-size: 20px;
  color: #c97321;
  margin-bottom: 20px;
}
.zentertext .abschnitt .content p {
  font-size: 16px;
}
/*********************** Aufklapper *********************/
.aufklappermaster .aufklapperwrap .headline {
  background: url('images/aufklapper_back.jpg');
  width: 430px;
  height: 45px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 15px;
  cursor: pointer;
}
.aufklappermaster .aufklapperwrap .headline.active {
  background: url('images/aufklapper_back_active.jpg');
  width: 430px;
  height: 45px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  color: #e9820c;
  font-size: 16px;
  margin-bottom: 15px;
}
.aufklappermaster .aufklapperwrap .content {
  display: none;
}
.aufklappermaster .aufklapperwrap .content.active {
  display: block;
}
.aufklappermaster .aufklapperwrap .content ul {
  list-style: none;
  padding-left: 20px;
}
.aufklappermaster .aufklapperwrap .content ul li {
  position: relative;
}
.aufklappermaster .aufklapperwrap .content ul li:before {
  content: '»';
  color: #e9820c;
  display: block;
  position: absolute;
  left: -20px;
}
/*********************** Bestatteraufklapper *********************/
.bestattungsaufklapper .mainleft, .bestattungsaufklapper .mainright {
  width: 470px;
  height: 470px;
  position: relative;
  margin-bottom: 40px;
}
.bestattungsaufklapper .mainleft img, .bestattungsaufklapper .mainright img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bestattungsaufklapper .contentwrapper {
  position: absolute;
  top: 40px;
  left: 40px;
  right: 40px;
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  padding-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
  background: rgba(91, 48, 1, 0.77);
}
.bestattungsaufklapper .contentwrapper p {
  font-size: 16px;
  line-height: 20px;
}
.bestattungsaufklapper .contentwrapper .readmore {
  float: right;
  margin-bottom: 15px;
}
.bestattungsaufklapper .contentwrapper .headline {
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 18px;
}
.bestattungsaufklapper .contentwrapper .teasertext {
  display: block;
}
.bestattungsaufklapper .contentwrapper .content {
  display: none;
}
.bestattungsaufklapper .contentwrapper.active {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 60px;
}
.bestattungsaufklapper .contentwrapper.active .teasertext {
  display: none;
}
.bestattungsaufklapper .contentwrapper.active .content {
  display: block;
}
.bestattungsaufklapper .contentwrapper.active .readmore {
  display: none;
}
.bestattungsaufklapper .aufklapperwrapper {
  width: 470px;
}
.bestattungsaufklapper .aufklapper .headline {
  background: url('images/aufklapper_back.jpg');
  width: 430px;
  height: 45px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  color: #fff;
  font-size: 16px;
  margin-bottom: 15px;
  cursor: pointer;
}
.bestattungsaufklapper .aufklapper .headline.active {
  background: url('images/aufklapper_back_active.jpg');
  width: 430px;
  height: 45px;
  display: flex;
  align-items: center;
  padding-left: 15px;
  color: #e9820c;
  font-size: 16px;
  margin-bottom: 15px;
}
.bestattungsaufklapper .aufklapper .icon {
  display: none;
  width: 61px;
  float: left;
  margin-right: 10px;
}
.bestattungsaufklapper .aufklapper .icon.active {
  display: block;
}
.bestattungsaufklapper .aufklapper .content {
  display: none;
}
.bestattungsaufklapper .aufklapper .content.active {
  display: block;
}
.bestattungsaufklapper .aufklapper .content ul {
  list-style: none;
  padding-left: 20px;
}
.bestattungsaufklapper .aufklapper .content ul li {
  position: relative;
}
.bestattungsaufklapper .aufklapper .content ul li:before {
  content: '»';
  color: #e9820c;
  display: block;
  position: absolute;
  left: -20px;
}
#map {
  z-index: 5;
}
@media (min-width: 1921px) {
  .teaser img {
    width: 100%;
  }
}
#primary-menu {
  overflow-y: scroll;
  overflow-x: hidden;
}
@media (max-width: 1600px) {
  .startseite_menu {
    width: 60%;
    left: 40%;
  }
  .teaser .tease .contentwrapper {
    width: auto;
    margin-left: 30px;
    margin-right: 30px;
  }
  .headervideo .textwrapper {
    width: 100%;
  }
  .site-header {
    max-width: 1600px;
  }
  .site-header .site-branding {
    margin-left: 100px;
  }
  .text-bild-fullwidth .bild img {
    object-position: left;
  }
  .text-bild-fullwidth .text {
    padding-right: 100px;
  }
}
.headerimage {
  min-height: 450px;
}
.headerimage .owl-stage-outer {
  min-height: 450px;
}
.headerimage .owl-stage-outer .owl-item .item .image {
  min-height: 450px;
}
.headerimage .owl-stage-outer .owl-item .item .image img {
  min-height: 450px;
}
@media (max-width: 1440px) {
  .smaller .kontakt {
    left: 35%;
    transition: left 0.5s linear;
  }
}
@media (max-width: 1200px) {
  .smaller .kontakt {
    left: 43%;
    transition: left 0.5s linear;
  }
}
@media (max-width: 1440px) {
  .home .site-header .site-logo .custom-logo {
    max-width: 500px;
  }
  .teaser .tease .contentwrapper {
    padding: 20px 15px;
  }
  .startseite_menu {
    width: 65%;
    left: 35%;
  }
}
@media (max-width: 1366px) {
  .text-bild-big .containerbig {
    width: 100%;
  }
  .site-footer > .site-info .container {
    width: 100%;
  }
  #primary-menu {
    width: 100%;
    padding-left: 0px;
  }
  #primary-menu-wrap .kontakt {
    left: 0;
    position: relative;
  }
}
@media (max-width: 1280px) {
  .startseite_menu {
    width: 65%;
    left: 35%;
  }
  .site-footer > .site-info .container {
    width: 100%;
  }
  .teaser .tease .contentwrapper .headline {
    font-size: 24px;
    line-height: 27px;
  }
  .teaser .tease .contentwrapper {
    margin-top: 25px;
  }
  .home .site-header .site-logo .custom-logo {
    max-width: 430px;
  }
  .site-header .kontakt {
    left: 47%;
  }
  body:not(.home) .site-header .kontakt {
    left: 44%;
  }
  .text-bild-big .containerbig {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .headervideo .textwrapper .text {
    width: 100%;
    padding-top: 130px;
    line-height: 40px;
  }
  .headervideo .textwrapper {
    width: 60%;
  }
  .startseite_menu {
    width: 88%;
    left: 12%;
  }
  .site-header .site-branding {
    margin-left: 50px;
  }
  .home .site-header .site-logo .custom-logo {
    max-width: 360px;
  }
  .site-header .kundenstimmen {
    right: 40px;
  }
  .site-header .kontakt {
    position: absolute;
    left: 44%;
    text-align: center;
    bottom: 10px;
  }
  .teaser img {
    width: 100%;
  }
  .site-footer > .site-info .container .right {
    padding-right: 0px;
  }
  .startseite_menu {
    width: 88%;
    left: 7%;
  }
  .site-footer .copy {
    margin-right: 0px;
  }
  .secmainmenu {
    background: url(images/secmainbackpng.png);
    background-size: cover;
    height: 80px;
    position: absolute;
    bottom: -83px;
    width: 100%;
  }
  .text-bild-fullwidth {
    flex-wrap: wrap;
  }
  .text-bild-fullwidth .links {
    width: 100% !important;
  }
  .text-bild-fullwidth .rechts {
    width: 100% !important;
  }
  .submenumaster ul.menu-wrapper > li.current-menu-item ul, .submenumaster ul.menu-wrapper > li.current-menu-parent ul {
    display: block;
    list-style: none;
    width: 90%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: auto;
  }
  .headerimage .owl-stage-outer .owl-item .item .image img {
    min-height: 450px;
    object-fit: cover;
  }
}
@media (max-width: 768px) {
  body:not(.home) .site-header .kontakt {
    left: 60%;
  }
  .site-header.smaller {
    height: 200px;
  }
  .site-header .kontakt {
    position: absolute;
    left: 60%;
    text-align: center;
    bottom: 10px;
  }
  .startseite_menu {
    width: 100%;
    left: 0%;
    display: none;
  }
  .secmainmenu ul.menu-wrapper-secmain {
    list-style: none;
    float: right;
    margin-top: 13px;
    margin-right: 0px;
  }
  body:not(.home) .site-header {
    height: 200px;
    transition: height 0.6s linear;
  }
  .site-content {
    margin-top: 0px;
    padding-top: 200px;
    position: relative;
  }
  .zweispalter .rechts .imagewrapper .downloadicon {
    width: 65px;
    height: 65px;
    position: absolute;
    right: 0px;
    bottom: 0;
  }
  .bestattungsaufklapper .mainleft, .bestattungsaufklapper .mainright {
    width: 470px;
    height: 470px;
    position: relative;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
  }
  .bestattungsaufklapper .aufklapperwrapper {
    width: 470px;
    margin: auto;
    margin-bottom: 40px;
  }
  .site-footer {
    max-width: none;
    padding-bottom: 0px;
    margin-top: 0px;
    background: url(images/HGbild_footer.jpg);
    height: auto;
    position: relative;
    background-size: cover;
    color: #fff;
  }
  .site-footer > .site-info .container .right {
    padding-right: 40px;
    padding-left: 40px;
  }
  .site-footer > .site-info .container .left {
    padding-left: 40px;
    font-size: 18px;
    line-height: 22px;
    font-family: "Fira Sans";
    margin-bottom: 40px;
  }
  .deezer .col-xs-12 {
    text-align: center;
  }
  .text-bild-big .container {
    flex-wrap: wrap;
  }
  .text-bild-big .container .bild {
    order: 1;
    margin-bottom: 20px;
  }
  .text-bild-big .container .text {
    order: 2;
    margin-bottom: 50px;
    text-align: left;
  }
}
@media (max-width: 480px) {
  .site-header .metamenu {
    position: absolute;
    right: 0px;
    top: 45px;
    width: 100%;
  }
  .site-header .kundenstimmen {
    right: 157px;
    top: 66px;
  }
  .site-header .metamenu a {
    font-size: 18px;
    color: #675b48 !important;
    text-transform: uppercase;
    padding-top: 0px;
    padding-bottom: 0px;
    font-weight: 600;
  }
  .site-header .burgenwrapper .navbar-toggler {
    background-color: transparent !important;
    border: 0px;
    margin-top: 20px;
    padding-top: 0px;
    position: relative;
    z-index: 5000;
  }
  .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {
    /* max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em); */
    max-height: none;
  }
  .site-header .site-branding {
    text-align: left;
    margin-left: 275px;
    margin-top: 20px;
    margin-bottom: 25px;
    position: absolute;
    bottom: 120px;
    margin-left: 40px;
  }
  .site-header .kontakt {
    position: absolute;
    left: 0;
    text-align: center;
    bottom: 0px;
    width: 100%;
  }
  .home .site-header .site-logo .custom-logo {
    max-width: 320px;
  }
  .headervideo .textwrapper {
    /* background: url(images/textback.png); */
    background: none;
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
    right: 0;
    margin: auto;
    /* position: absolute; */
    position: relative;
    bottom: 0px;
    flex-direction: column;
  }
  .headervideo .textwrapper .text {
    padding-top: 20px;
  }
  .headervideo .arrow {
    display: none;
  }
  .site-header.smaller {
    height: 260px;
  }
  body:not(.home) .site-header {
    height: 260px;
    transition: height 0.6s linear;
  }
  .site-header.smaller .kundenstimmen {
    top: 66px;
    transition: top 0.6s linear;
  }
  #primary-menu > li a {
    font-size: 25px;
    font-weight: 300;
    text-transform: none;
    color: #fff;
    line-height: 24px;
    width: 100%;
    padding-right: 50px;
    text-align: left;
    display: block;
  }
  #primary-menu > li .sub-menu {
    position: relative;
    right: 0%;
    margin-top: 2px;
    list-style: none;
    padding-left: 3px;
  }
  .secmainmenu {
    display: none;
  }
  @keyframes contentright {
    0% {
      left: -2000px;
    }
    100% {
      left: 20px;
    }
  }
  @keyframes contentleft {
    0% {
      left: 2000px;
    }
    100% {
      left: 20px;
    }
  }
  @keyframes contentinleft {
    0% {
      left: 2000px;
    }
    100% {
      left: 20px;
    }
  }
  @keyframes contentinright {
    0% {
      left: -2000px;
    }
    100% {
      left: 20px;
    }
  }
  .text-bild .container, .text-bild-klein .container {
    flex-wrap: wrap;
  }
  .text-bild .container .bild, .text-bild-klein .container .bild {
    order: 1;
    margin-bottom: 20px;
  }
  .text-bild .container .text, .text-bild-klein .container .text {
    order: 2;
  }
  .text-bild-fullwidth .text {
    padding: 30px;
  }
  .zweispalter .links .aufklapper .header {
    background: url(images/aufklapper_back.jpg);
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
    cursor: pointer;
    background-size: cover;
  }
  .zweispalter .links .aufklapper .header.active {
    background: url(images/aufklapper_back_active.jpg);
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    color: #e9820c;
    font-size: 16px;
    margin-bottom: 15px;
    background-size: cover;
  }
  .aufklappermaster .aufklapperwrap .headline {
    background: url(images/aufklapper_back.jpg);
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
    cursor: pointer;
  }
  .aufklappermaster .aufklapperwrap .headline.active {
    background: url(images/aufklapper_back_active.jpg);
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    color: #e9820c;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .bestattungsaufklapper .mainleft, .bestattungsaufklapper .mainright {
    width: 100%;
    height: auto;
    position: relative;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
  }
  .bestattungsaufklapper .contentwrapper {
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;
    background: rgba(91, 48, 1, 0.77);
  }
  .bestattungsaufklapper .contentwrapper.active {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    padding: 20px;
    position: relative;
  }
  .bestattungsaufklapper .aufklapper .headline {
    background: url(images/aufklapper_back.jpg);
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
    cursor: pointer;
  }
  .bestattungsaufklapper .aufklapper .headline.active {
    background: url(images/aufklapper_back_active.jpg);
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    color: #e9820c;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .bestattungsaufklapper .aufklapperwrapper {
    width: 100%;
    margin: auto;
    margin-bottom: 40px;
  }
  .deezer iframe {
    width: 100%;
  }
  .text-bild-big .aufklapperwrap .headline {
    background: url(images/aufklapper_back.jpg);
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 15px;
    cursor: pointer;
  }
  .text-bild-big .aufklapperwrap .headline.active {
    background: url(images/aufklapper_back_active.jpg);
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    color: #e9820c;
    font-size: 16px;
    margin-bottom: 15px;
  }
  .kundenwrapper .bigslider img {
    height: auto;
  }
  .kundenwrapper .bigslider {
    width: 90%;
    height: auto;
    max-height: 250px;
    margin: auto;
    margin-bottom: 100px;
    margin-top: 50px;
  }
  .kundenclose {
    background: url(images/close.png);
    width: 27px;
    height: 27px;
    position: absolute;
    right: 33px;
    top: 15px;
  }
  .kundenslider {
    display: none;
  }
}
.bildersection .zwei {
  width: 50%;
}
.bildersection .drei {
  width: 33.33333%;
}
.bildersection .vier {
  width: 25%;
}
.bildersection .image {
  height: 270px;
}
.bildersection .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.friedhof {
  cursor: pointer;
}
.wpcf7-form textarea {
  width: 100%;
}
/*#wrapper_ml{
    width:100%;
    height:100%;
    overflow:hidden;
    min-height:800px;
}*/
body.aktivBB {
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
}
body.showS {
  overflow-x: visible;
}
body.aktivBB #multiCont {
  /*overflow:hidden;*/
}
#multiCont {
  position: absolute;
  width: 50px;
  right: 0px;
  background-color: #c6c6c6;
  right: 0px;
  float: right;
  font-family: Tahoma, Geneva, sans-serif;
  z-index: 500;
  top: 100px;
  /*overflow:hidden;*/
}
#multiCont .inside {
  background-color: #c6c6c6;
  position: relative;
  z-index: 10;
  top: 0px;
}
#multiCont .telefonText {
  background-color: #fab413;
  font-size: 1.4em;
  font-weight: 600;
  padding: 10px;
  text-align: center;
}
#multiCont .textHolder .insideText table {
  border-collapse: separate;
  border-spacing: 2px;
}
#multiCont .textHolder .insideText td {
  background-color: #b2b2b2;
  float: none;
  padding: 2px;
}
#multiCont .insideHeader {
  background-color: #888;
  opacity: 0;
  line-height: 34px;
  text-transform: uppercase;
  padding-left: 20px;
  -webkit-transition: all 1.1s ease;
  -moz-transition: all 1.1s ease;
  -o-transition: all 1.1s ease;
  -ms-transition: all 1.1s ease;
  transition: all 1.1s ease;
  display: block;
}
#multiCont .aktiv2 .insideHeader {
  opacity: 1;
}
#multiText {
  position: absolute;
  width: 700px;
  background-color: #a0a0a0;
  right: -700px;
  top: 0px;
  z-index: 0;
  -webkit-transition: all 1.1s ease;
  -moz-transition: all 1.1s ease;
  -o-transition: all 1.1s ease;
  -ms-transition: all 1.1s ease;
  transition: all 1.1s ease;
}
#multiText h1 {
  background-color: #8c8c8c;
  display: block;
  padding: 20px;
  color: #fff;
  font-size: 1.2em;
  text-transform: uppercase;
  font-weight: 100;
  margin-top: 0px;
}
#multiText p {
  padding: 10px 20px;
  color: #fff;
  font-size: 1em;
  /*
      -moz-column-count: 2;
      -webkit-column-count: 2;
      column-count: 2;

      -moz-column-width: 200px;
      -webkit-column-width: 200px;
      column-width: 200px;*/
}
#multiCont ul {
  list-style-type: disc !important;
}
#multiCont .textHolder {
  background-color: #a0a0a0;
  color: #fff;
  height: 34px;
  -webkit-transition: all 1.1s ease;
  -moz-transition: all 1.1s ease;
  -o-transition: all 1.1s ease;
  -ms-transition: all 1.1s ease;
  transition: all 1.1s ease;
  overflow: hidden;
  padding-right: 0px;
  margin-right: 0px;
  position: absolute;
}
#multiCont .aktiv2 .textHolder.show {
  height: 400px;
  overflow: visible;
}
#multiCont .textHolder .insideText {
  /* height:600px;
   width:600px;*/
  padding: 0px 20px;
  color: #fff;
  -moz-column-count: 2;
  /*font-size:.8em;*/
  -webkit-column-count: 2;
  column-count: 2;
  -moz-column-width: 350px;
  -webkit-column-width: 350px;
  column-width: 350px;
  text-align: left;
  column-gap: 60px;
  -moz-column-gap: 60px;
  -webkit-column-gap: 60px;
  padding-top: 10px;
  /* display: none;*/
}
#multiCont .textHolder .insideText p {
  margin: 1em 0;
  padding: 4px 0;
  /*line-height:1.8em;*/
}
#multiCont .textHolder .insideText td {
  background-color: #b2b2b2;
  padding: 6px;
}
#multiCont .textHolder {
  opacity: 1;
}
#multiCont .aktiv2.showP .textHolder {
  height: 560px;
  opacity: 1;
}
#tpl_de {
  background-image: url(assets/fl_0.png);
  background-repeat: no-repeat;
  background-position: center center;
}
#multiText.aktiv {
  right: 0px;
}
.iholder {
  position: relative;
  border: 0px solid #FF0000;
  height: 34px;
  /*width:auto;
  width: 12px;*/
}
/*
.iholder{
	overflow:hidden;
}
body.aktivBB .iholder{
	overflow:visible;
}
*/
.flagge img {
  width: 40px;
  height: auto;
  opacity: 0.5;
  padding: 6px 6px 2px 6px;
}
.flagge:hover img, .flagge.aktiv2 img {
  opacity: 1;
}
.flagge {
  -webkit-transition: all 1.1s ease;
  -moz-transition: all 1.1s ease;
  -o-transition: all 1.1s ease;
  -ms-transition: all 1.1s ease;
  transition: all 1.1s ease;
  right: 0px;
  position: absolute;
  text-align: right;
  width: 50px;
  height: 34px;
  cursor: pointer;
  z-index: 3;
  background-color: #c6c6c6;
}
.flagge:hover {
  background-color: #888;
  width: 360px;
  right: 0px;
  /*text-align:right;*/
}
.flagge .tt {
  position: absolute;
  opacity: 0;
  float: left;
  text-align: left;
  /*width: 350px;*/
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  -ms-transition: all 0.7s ease-in;
  transition: all 0.7s ease-in;
  color: #fff;
  padding: 6px;
  font-size: 0.9em;
  right: 50px;
}
.flagge.aktiv .tt {
  /* width: 150px;*/
  opacity: 1;
}
.aktiv2 .flagge .tt {
  opacity: 0;
  background-color: #888;
}
.aktiv2 .flagge {
  background-color: #888;
}
.aktiv2 .flagge img {
  opacity: 1;
}
@keyframes growBalken {
  from {
    width: 0px;
    right: 0px;
  }
  to {
    width: 850px;
    right: 50px;
  }
}
@keyframes smallBalken {
  from {
    width: 850px;
    right: 50px;
    height: 600px;
  }
  to {
    width: 0px;
    height: 0px !important;
    right: 0px;
  }
}
#multiCont .iholder.aktiv2 .textHolder {
  animation-name: growBalken;
  animation-duration: 1s;
  animation-direction: normal;
  animation-timing-function: ease-out;
  width: 850px;
  right: 50px !important;
}
#multiCont .textHolder.showP {
  height: 880px;
  right: 50px;
  opacity: 1;
}
#multiCont .aktiv2 .textHolder {
  right: 50px;
  opacity: 1;
}
#multiCont .textHolder {
  opacity: 0;
}
#multiCont .iholder.ausfaden .textHolder {
  animation-name: smallBalken;
  animation-duration: 0.9s;
  animation-direction: normal;
  animation-timing-function: ease-out;
  right: 0px !important;
  width: 0px !important;
  height: 0px !important;
}
#multiCont .textHolder.ausfaden.showP {
  display: none;
}
#multiCont .iholder.aktiv2.aktivOut .textHolder.showP {
  display: block;
}
#multiCont .iholder.aktivOut .textHolder.showP {
  display: none;
}
@media (min-width: 600px) and (max-width: 959px) {
  @keyframes growBalken {
    from {
      width: 0px;
      right: 0px;
    }
    to {
      width: 500px;
      right: 50px;
    }
  }
  @keyframes smallBalken {
    from {
      width: 500px;
      right: 50px;
      height: 900px;
    }
    to {
      width: 0px;
      height: 0px !important;
      right: 0px;
    }
  }
  #multiCont .iholder.aktiv2 .textHolder {
    animation-name: growBalken;
    animation-duration: 1s;
    animation-direction: normal;
    animation-timing-function: ease-out;
    width: 500px;
    right: 50px !important;
  }
  #multiCont .textHolder.showP {
    height: 900px;
  }
}
@media (min-width: 450px) and (max-width: 599px) {
  @keyframes growBalken {
    from {
      width: 0px;
      right: 0px;
    }
    to {
      width: 400px;
      right: 50px;
    }
  }
  @keyframes smallBalken {
    from {
      width: 400px;
      right: 50px;
      height: 900px;
    }
    to {
      width: 0px;
      height: 0px !important;
      right: 0px;
    }
  }
  #multiCont .iholder.aktiv2 .textHolder {
    animation-name: growBalken;
    animation-duration: 1s;
    animation-direction: normal;
    animation-timing-function: ease-out;
    width: 400px;
    right: 50px !important;
  }
  #multiCont .textHolder.showP {
    height: 900px;
  }
  .aktiv2 .flagge.aktiv {
    z-index: -1;
  }
}
@media (min-width: 350px) and (max-width: 449px) {
  @keyframes growBalken {
    from {
      width: 0px;
      right: 0px;
    }
    to {
      width: 300px;
      right: 50px;
    }
  }
  @keyframes smallBalken {
    from {
      width: 300px;
      right: 50px;
      height: 1200px;
    }
    to {
      width: 0px;
      height: 0px !important;
      right: 0px;
    }
  }
  #multiCont .iholder.aktiv2 .textHolder {
    animation-name: growBalken;
    animation-duration: 1s;
    animation-direction: normal;
    animation-timing-function: ease-out;
    width: 300px;
    right: 50px !important;
  }
  #multiCont .textHolder.showP {
    height: auto;
  }
  .aktiv2 .flagge.aktiv {
    z-index: -1;
  }
}
@media (min-width: 249px) and (max-width: 349px) {
  @keyframes growBalken {
    from {
      width: 0px;
      right: 0px;
    }
    to {
      width: 240px;
      right: 50px;
    }
  }
  @keyframes smallBalken {
    from {
      width: 240px;
      right: 50px;
      height: 1600px;
    }
    to {
      width: 0px;
      height: 0px !important;
      right: 0px;
    }
  }
  #multiCont .iholder.aktiv2 .textHolder {
    animation-name: growBalken;
    animation-duration: 1s;
    animation-direction: normal;
    animation-timing-function: ease-out;
    width: 240px;
    right: 50px !important;
  }
  #multiCont .textHolder.showP {
    height: 1700px;
  }
  .aktiv2 .flagge.aktiv {
    z-index: -1;
  }
}
.page-id-107 .text-bild-big .bild img {
  object-fit: contain;
}
.page-id-101 .text-bild .bild img {
  max-height: none;
}
.page-id-111 .text-bild .text {
  left: 0;
  width: 50%;
}
.page-id-111 .text-bild .bild {
  left: 0;
  width: 50%;
}
.kundenstimmen {
  cursor: pointer;
}
@media (max-width: 1200px) {
  .site-header .kundenstimmen.kunde2 {
    display: none;
  }
}
@media (min-width: 1440px) and (max-width: 1600px) {
  body:not(.home) .site-header .kontakt {
    left: 35%;
  }
}