#header.bestattung{
    background: transparent;
}

#header.bestattung.fx{
    background: #fff;
}

.bestattung .top-nav {
    background-color:#767050;
}

.bestattung .top-nav a{
    color: #EBE9E4;
}

.no-touchevents .bestattung #main-nav-toggle:hover span,
.no-touchevents .bestattung #main-nav-toggle:hover span:after,
.no-touchevents .bestattung #main-nav-toggle:hover span:before,
.touchevents .bestattung #main-nav-toggle:active span,
.touchevents .bestattung #main-nav-toggle:active span:after,
.touchevents .bestattung #main-nav-toggle:active span:before{
    background:#767050;
}

.bs-bg-right{
    position:relative;
}

.bs-bg-right:after{
    content: '';
    position: absolute;
    overflow: visible;
    background-image: url("../img/bs-bg-wood.svg");
    background-position: right top;
    top: -20%;
    right: 0;
    height: 140%;
    width: 100%;
    background-repeat: no-repeat;
    opacity: 0.99;
    max-width: 80vh;
}

@media (max-width:980px){
    .bs-bg-right:after{
        display: none;
    }
}

.page-template-page-bestattung #page-container{
    background-image: url("../img/hb-formen-v2.svg"), url("../img/ginkoblatt.svg");
    background-repeat: no-repeat;
    background-size: 520px auto,130px auto;
    background-position: calc((100vw - 1600px) / 2) top, calc((100vw - 1496px) / 2 + 1190px) top;
}

@media (max-width: 940px) {
    .page-template-page-bestattung #page-container {
        background-position: 0px top, 84% top;
        background-size: 260px auto,60px auto;
    }
}

#logo-main.bestattung{
    background-image: url("../img/hierbeck-bestattung-logo.svg");
    width: 251px;
    height: 80px;
}

#header.fx #logo-main.bestattung{
  width: 157px;
  height: 50px;
  margin-top: 15px;
}

.bestattung #main-nav-toggle span,
.bestattung #main-nav-toggle span:after,
.bestattung #main-nav-toggle span:before{
    width: 35px;
    border-radius: 0;
    height: 2px;
}

.bestattung #main-nav-toggle span:before {
    top: -9px;
}

.bestattung #main-nav-toggle span:after {
    bottom: -9px;
}

.bestattung .nav__toggle:checked ~ #main-nav-toggle span:after {
    -webkit-transform: translateY(-9px) rotateZ(135deg);
    transform: translateY(-9px) rotateZ(135deg);
    background-color:var(--mobile-nav-toggle-color-active);
}

.bestattung .nav__toggle:checked ~ #main-nav-toggle span:before {
    -webkit-transform: translateY(9px) rotateZ(-135deg);
    transform: translateY(9px) rotateZ(-135deg);
    background-color:var(--mobile-nav-toggle-color-active);
}

@media (max-width: 940px){
    #header.fx #logo-main.bestattung,
    #logo-main.bestattung{
        width: 144px;
        height: 46px;
        margin-top: 15px;
    }

    .bestattung #main-nav-toggle span {
        width: 30px;
    }

    .bestattung #main-nav-toggle span:before {
        top: -9px;
        width: 30px;
    }

    .bestattung #main-nav-toggle span:after {
        bottom: -9px;
        width: 30px;
    }
}