@font-face {
    font-family: NunitoSans;
    src: url('../Fonts/NunitoSans/NunitoSans-Light.ttf');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: NunitoSans;
    src: url('../Fonts/NunitoSans/NunitoSans-LightItalic.ttf');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: NunitoSans;
    src: url('../Fonts/NunitoSans/NunitoSans-Regular.ttf');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: NunitoSans;
    src: url('../Fonts/NunitoSans/NunitoSans-SemiBold.ttf');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: NunitoSans;
    src: url('../Fonts/NunitoSans/NunitoSans-SemiBoldItalic.ttf');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: NunitoSans;
    src: url('../Fonts/NunitoSans/NunitoSans-Bold.ttf');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: NunitoSans;
    src: url('../Fonts/NunitoSans/NunitoSans-BoldItalic.ttf');
    font-weight: 700;
    font-style: italic;
}

/********************************************************
 * STRUCTURE - START
 *******************************************************/
:root {
    --hf-color-white: #fff;
    --hf-color-brown: #863a00;
    --hf-color-brown2: #E97B00;
    --hf-color-dark: #4b4b4b;
    --hf-color-dark2: #3f3f3f;
    --hf-color-primary: #ff8c00;
}

BODY, HTML {
    font-family: "NunitoSans", sans-serif;
    font-size: 20px;
    font-weight: 300;
    overflow-x: hidden;
}
/********************************************************
 * STRUCTURE - END
 *******************************************************/
/********************************************************
 * MISC - START
 *******************************************************/ 
.clear {
    clear: both;
}
/********************************************************
 * MISC - END
 *******************************************************/ 
/********************************************************
 * LINKS - START
 *******************************************************/  
a:active, a:focus {
    outline: none;
}
/********************************************************
 * LINKS - END
 *******************************************************/  
.container {
    max-width: 1230px;
    width: 100%;
}

B, STRONG {
    font-weight: 500;
}

h2 {
    font-size: 26px;
}

h3 {
    font-size: 20px;
    margin: 0 0 5px 0;
    color: #1c4c25;
    font-weight: 500;
}

.content h2 {
    margin-top: 0;
}

.content A {
    color: #000;
}

A:HOVER {
    text-decoration: none;
}

.header {
    position: relative;
    padding: 0;
}

/********************************************************
 * BUTTONS - START
 *******************************************************/
.btn-brown,
.btn-brown:hover,
.btn-brown:focus {
    background-color: var(--hf-color-brown2);
    border-color: var(--hf-color-brown2);
    color: var(--hf-color-white);
}
/********************************************************
 * BUTTONS - END
 *******************************************************/

.navbar-brand {
    padding: 42px 0 0 0;
}

.navbar-brand IMG {
    width: 205px;
    height: 105px;
    margin-right: 100px;
}

.header .navbar {
    border: 0;
    background: none;
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
    max-width: 1230px;
}

.flexslider {
    margin: 0;
    border: 0;
}

.flex-control-nav {
    bottom: 0;
    z-index: 10;
}

.header .flex-direction-nav {
    display: none;
}

.flex-control-paging li a {
    background: #fff;
}

.blende2 {
    background: url("../Img/layoer_gross.png") repeat-x bottom;
    background-size: 100% auto;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    z-index: 9;
}

/********************************************************
 * NAVBAR - START
 *******************************************************/
.navbar-default .navbar-nav > li {
    position: relative;
}

.navbar-default .navbar-nav > li UL {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 5px 0 0 0;
    opacity: 0;
    transition: opacity 500ms ease-out;
}

.navbar-default .navbar-nav > li:HOVER UL {
    opacity: 1;
    transition: opacity 500ms ease-out;
}

.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav li a {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}

.navbar-default .navbar-nav > li > a {
    text-transform: uppercase;
}

.navbar-default .navbar-nav li UL LI {
    line-height: 20px;
}

.navbar-default .navbar-nav li UL LI a {
    font-weight: 400;
    font-size: 14px;
}

.navbar-nav > li > a {
    padding: 105px 50px 0 0;
    padding: 105px 35px 0 0;
}

/* Online Services - START */
.navbar-onlineservices {
    --hf-navbar-onlineservices-width: 243px;
}

@media all and (min-width: 1025px) {
    .navbar-onlineservices {
        --hf-navbar-onlineservices-width: 232px;
    }
}

.navbar-onlineservices .btn {
    text-transform: uppercase;
    font-weight: 700;
    width: var(--hf-navbar-onlineservices-width);
    height: 40px;
    text-align: left;
    border-radius: 5px;
    flex-shrink: 0;
    box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.3);
    z-index: 9999;
    position: relative;
}

/* Icons - START */
.navbar-right.subbox .navitem-onlineservices {
    display: none;
    opacity: 0.9;
}

@media screen and (min-width: 1025px) {
    .navbar-right.subbox .navitem-onlineservices {
        display: block;
    }
}

.navbar-onlineservices .btn .icon {
    float: right;
    height: 19px;
}

.navbar-onlineservices .dropdown.open .btn .icon {
    transform: rotate(180deg)
}
/* Icons - END */

.navbar-onlineservices > li > .dropdown > ul.dropdown-menu,
.navitem-onlineservices > .dropdown > ul.dropdown-menu {
    background-color: var(--hf-color-dark2);
    color: var(--hf-color-white);
    padding: 0.75rem 0.25rem;
    font-size: 14px;    
    width: var(--hf-navbar-onlineservices-width);    
}

.navitem-onlineservices > .dropdown > ul.dropdown-menu {
    border-color: var(--hf-color-dark2);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    box-shadow: none;
    border-radius: 5px;
    flex-shrink: 0;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    margin-top: -5px;
}

.navitem-onlineservices > .dropdown.open > .dropdown-toggle {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.navitem-onlineservices > .dropdown.open > .dropdown-menu {
    opacity: 1;
}

.navbar-onlineservices > li > .dropdown > ul.dropdown-menu a,
.navbar-onlineservices > li > .dropdown > ul.dropdown-menu a:visited,
.navbar-onlineservices > li > .dropdown > ul.dropdown-menu a:hover,
.navbar-onlineservices > li > .dropdown > ul.dropdown-menu a:focus {
    color: var(--hf-color-white);
    background-color: unset;
}

.navbar-onlineservices > li > .dropdown > ul.dropdown-menu a.active,
.navbar-onlineservices > li > .dropdown > ul.dropdown-menu a:hover,
.navbar-onlineservices > li > .dropdown > ul.dropdown-menu a:focus {
    color: var(--hf-color-primary);
}

.navbar-onlineservices > li > .dropdown > ul.dropdown-menu a .icon,
.navitem-onlineservices > .dropdown > ul.dropdown-menu a .icon {
    margin-left: 0.5rem;
    height: 19px;
}
/* Online Services - END */

/* Online Services Mobile - START */
#onlineServicesMobile {
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    z-index: 999;
    opacity: 0.9;
}

@media screen and (min-width: 1025px) {
    #onlineServicesMobile {
        display: none;
    }
}

#onlineServicesMobile .dropdown.open {
    padding-bottom: 0;
}

#onlineServicesMobile .dropdown.open .btn {
    -webkit-box-shadow: 0px -12px 25px -3px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px -12px 25px -3px rgba(0,0,0,0.45);
    box-shadow: 0px -12px 25px -3px rgba(0,0,0,0.45);
    z-index: 9999;
    position: absolute;
    bottom: 0;
    left: 0;
}

#onlineServicesMobile > li > .dropdown > ul.dropdown-menu {
    top: -253px;
    padding: 1.25rem 0.25rem 3rem 0.25rem;
}
/* Online Services Mobile - END */
/********************************************************
 * NAVBAR - END
 *******************************************************/

.subbox {
    position: absolute;
    right: 0;
    top: 5px;
}

.subbox.navbar-nav > li > a {
    padding: 0px;
    color: #c3c3c3;
}

.subbox.navbar-nav > li {
    padding: 15px;
}

.subbox LABEL,
.subbox INPUT {
    float: left;
}

.subbox LABEL {
    padding-right: 15px;
}

.subbox INPUT {
    width: 172px;
    background: transparent;
    border-radius: 0px;
    margin-top: -1px;
    border: 0;
    text-transform: uppercase;
    font-size: 16px;
}

.subbox #tx_indexedsearch_box {
    display: flex;
}

.subbox INPUT#mailformsword {
    border: 1px solid #ccc;
    color: #ccc;
    height: 40px;
}

/* Language Switch - START */
.navbar-nav.menutop > li.german,
.navbar-nav.menutop > li.german + li {
    display: none;
}

.subbox.navbar-nav > li:nth-child(1),
.navbar-nav.menutop > li.german {
    padding-right: 5px;
}

/* Seperator - START */
.subbox.navbar-nav > li:nth-child(1):after {
    border-right: 2px solid #c3c3c3;
    padding-right: 5px;
}

.navbar-nav.menutop > li.german,
.navbar-nav.menutop > li.german A {
    padding-right: 0;
}

.navbar-nav.menutop > li.german A {
    padding-right: 10px;
    margin-right: 7px;
}

.navbar-nav.menutop > li.german A:after {
    content: " ";
    border-right: 2px solid #c3c3c3;    
    display: inline-block;
    height: 20px;
    position: absolute;
    right: 0;
}
/* Seperator - END */
.subbox.navbar-nav > li:nth-child(2),
.navbar-nav.menutop > li.german + li {
    padding-right: 0;
}

.subbox.navbar-nav > li:nth-child(2),
.navbar-nav.menutop > li.german + li {
    padding-left: 0px;
    padding-right: 43px;
}

@media screen and (min-width: 1025px) {
    /* Hide Language Switch in Navbar Right on Desktop */
    .subbox.navbar-nav > li:nth-child(1),
    .subbox.navbar-nav > li:nth-child(2) {
        display: none;
    }

    /* Show Language Switch in Main Menu on Desktop */
    .navbar-nav.menutop > li.german,
    .navbar-nav.menutop > li.german + li {
        display: block;
    }
}
/* Language Switch - END */

/* SEARCH - START */
.subbox.navbar-nav > li:nth-child(3) {
    padding-left: 0px;
}
/* SEARCH - END */

.headline {
    position: absolute;
    bottom: 110px;
    color: #fff;
    font-size: 60px;
    text-transform: uppercase;
    line-height: 60px;
    position: absolute;
    bottom: 50px;
    z-index: 10;
    
}

.headline P {
    margin: 0;
}

.headline p.subline {
    font-size: 20px;
}

.clickstream {
    position: absolute;
    bottom: 10px;
    font-size: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 10;
}

.clickstream LI {
    float: left;
    color: #fff;
}

.clickstream LI A {
    color: #fff;
}

.grau,
.grau-unten {
    background: #f0f0f0;
}

.grau-unten {
    padding: 20px 0 30px 0;
    text-transform: uppercase;
    font-weight: 500;
}

.parent {
    color: var(--hf-color-primary);
    border-top: 1px solid var(--hf-color-primary);
    margin-top: 24px;
    padding-top: 10px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}

.mainlinks {

    float: left;
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

.mainlinks LI {
    padding-bottom: 10px;
    width: 306px;
    /*width: 25.5%;*/
}

.mainlinks LI A {
    color: var(--hf-color-primary);
    font-size: 22px;
    font-weight: 400;
}

.mainrechts {
    width: 894px;
    width: 74.5%;
    float: left;
}

.mainrechts H1 {
    font-weight: 400;
}

.vollebreite {
    width: 100%;
}


.content {
    padding-top: 55px;
    font-size: 16px;
}

.teaser-item1 {
    position: relative;
    margin-bottom: 25px;
}

.teaser-item1 SPAN,
.teaser-item1.weiss P {
    position: absolute;
    bottom: 10px;
    left: 25px;
    margin: 0;
    color: var(--hf-color-primary);
    font-weight: 500;
    
    
}

.besucher .teaser-item1 SPAN,
.besucher .teaser-item1.weiss P,
.friedhoefe .teaser-item1 SPAN,
.friedhoefe .teaser-item1.weiss P,
.vorsorge .teaser-item1 SPAN,
.vorsorge .teaser-item1.weiss P,
.kontakt .teaser-item1 SPAN,
.kontakt .teaser-item1.weiss P,
.unternehmen .teaser-item1 SPAN,
.unternehmen .teaser-item1.weiss P {
    position: absolute;
    bottom: 10px;
    left: 25px;
    margin: 0;
    color: var(--hf-color-primary);
    text-transform: uppercase;
    font-weight: 500;
    font-size: 16px;
}

.besucher .teaser-item1.weiss P,
.friedhoefe .teaser-item1.weiss P,
.vorsorge .teaser-item1.weiss P,
.kontakt .teaser-item1.weiss P,
.unternehmen .teaser-item1.weiss P,
.teaser-item1.weiss P {
    color: #fff;
    font-size: 16px;
    
}

.teaser-item1.weiss P {
    color: #fff;
}

.teaser-item1 .blende {
    background: url("../Img/layer_klein.png") repeat-x bottom;
    background-size: 100% auto;
    position: absolute;
    height: 100%;
    width: 100%;
    bottom: 0;
}

.footer {
    background: #4b4b4b;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
    color: var(--hf-color-primary);
    background-color: transparent;
}

.navbar-default .navbar-nav li a:focus,
.navbar-default .navbar-nav li a:hover {
    color: var(--hf-color-primary);
    background-color: transparent;
    text-decoration: none;
}

/*
MENUEFARBEN
*/

.navbar-default .navbar-nav > li:nth-child(2).active > a,
.navbar-default .navbar-nav > li:nth-child(2).active > a:focus,
.navbar-default .navbar-nav > li:nth-child(2).active > a:hover {
    color: #a2de42;
}

.navbar-default .navbar-nav > li:nth-child(2) a:focus,
.navbar-default .navbar-nav > li:nth-child(2) a:hover {
    color: #a2de42;
}

.navbar-default .navbar-nav > li:nth-child(3).active > a,
.navbar-default .navbar-nav > li:nth-child(3).active > a:focus,
.navbar-default .navbar-nav > li:nth-child(3).active > a:hover {
    color: #0099d1;
}

.navbar-default .navbar-nav > li:nth-child(3) a:focus,
.navbar-default .navbar-nav > li:nth-child(3) a:hover {
    color: #0099d1;
}

.navbar-default .navbar-nav > li:nth-child(5).active > a,
.navbar-default .navbar-nav > li:nth-child(5).active > a:focus,
.navbar-default .navbar-nav > li:nth-child(5).active > a:hover {
    color: #b2b2b2;
}

.navbar-default .navbar-nav > li:nth-child(5) a:focus,
.navbar-default .navbar-nav > li:nth-child(5) a:hover {
    color: #b2b2b2;
}

.navbar-default .navbar-nav > li:nth-child(6).active > a,
.navbar-default .navbar-nav > li:nth-child(6).active > a:focus,
.navbar-default .navbar-nav > li:nth-child(6).active > a:hover {
    color: #40ae49;
}

.navbar-default .navbar-nav > li:nth-child(6) a:focus,
.navbar-default .navbar-nav > li:nth-child(6) a:hover {
    color: #40ae49;
}



.navbar-default .navbar-nav > li.active.s847 > a,
.navbar-default .navbar-nav > li.active.s847 > a:focus,
.navbar-default .navbar-nav > li.active.s847 > a:hover {
    color: #aedbe5;
}

.navbar-default .navbar-nav > li.s847 a:focus,
.navbar-default .navbar-nav > li.s847 a:hover {
    color: #aedbe5;
}


/*
ACCCORDION CONTAINER
*/

.accordion-container {
    background: #f0f0f0;
    padding: 24px 0 24px 35px;
    color: #000;
    position: relative;
    margin-bottom: 24px;
}

.mainrechts .accordion-container {
    padding: 0px 0 24px 0px;
    margin: 0;
}

.accordion-container .panel-title A,
.accordion-toggle {
    display: block;
    width: 47px;
    height: 32px;
}

.accordion-container .panel-default,
.accordion-container .panel-group .panel-heading + .panel-collapse > .panel-body,
.accordion-container .frame-type-gridelements_pi1 .card-header + .collapse > .card-body {
    border: 0;
    padding: 0;
}

.accordion-container .panel,
.accordion-container .card {
    background: none;
    box-shadow: none;
}

.accordion-container .panel-heading,
.accordion-container .card-header {
    width: 30px;
    background: none;
    padding: 0;
}

.accordion-container .panel-body,
.accordion-container .card-body {
    padding: 0;
}

.accordion-container .panel-group,
.accordion-container .frame-type-gridelements_pi1 {
    margin: 20px 0 0 0;
    margin: 0;
}

.accordion-container .ce-intext.ce-right .ce-gallery,
.accordion-container .ce-intext.ce-left .ce-gallery,
.accordion-container .ce-above .ce-gallery {
    margin-bottom: 0;
}



.accordion-container .btn.btn-link.collapsed {
    background: url(../Img/accordion-closed.png) no-repeat;
    background: url(../Img/pfeil-akkordeon-auf.svg) no-repeat;
    /*background-size: 47px 32px;*/
    position: relative;
    bottom: 0;
    width: 47px;
    height: 32px;
}

.accordion-container .btn.btn-link {
    background: url(../Img/accordion-opened.png) no-repeat;
    background: url(../Img/pfeil-akkordeon-zu.svg) no-repeat;
    position: absolute;
    bottom: 15px;
    display: block;
    width: 47px;
    height: 32px;
}

.card-header h5 {
    margin: 0;
}

.accordion-container .btn.btn-link:focus {
    outline: none;
}


.accordion-container .ce-gallery > DIV {
    display: none;
}

.accordion-container .ce-gallery > DIV:first-child,
.accordion-container .ce-gallery > DIV.nalos {
    display: block;
}

.accordion-container .ce-row .ce-column {
    display: none;
}

.accordion-container .ce-row .ce-column:nth-of-type(1),
.nurtext.accordion-container .ce-row.nalos .ce-column {
    display: block;
}

.accordion-container .ce-intext.ce-right .ce-gallery IMG {
    width: 224px;
    height: auto;
}

/*.addfmac {
  margin-bottom: 40px;
  }
*/
.accordion-container .ce-bodytext p {
    margin-bottom: 10px;
}

.accordion-container .ce-bodytext h3 {
	margin-top: 10px;
}

.accordion-container .ce-bodytext p:nth-last-of-type(1) {
    margin-bottom: 40px;
}

.accordion-container .ce-bodytext p:nth-of-type(1) {
    margin-bottom: 10px;
}

.nurtext.accordion-container .ce-bodytext p:nth-last-of-type(1) {
    margin-bottom: 40px;
}

.accordion-container iframe {
    width: calc(100% - 35px);
}

.accordion-container .ce-row:nth-of-type(1) {
    margin-bottom: 0;
}

.accordion-container .ce-row,
.accordion-container .ce-row.nalos {
    margin-bottom: 10px;
}

.vollebreite2 .accordion-container .ce-bodytext p:nth-last-of-type(1) {
    margin-bottom: 40px;
}

/**
Autocomplete
 */
ul.tx-indexedsearch-autocomplete-words li:nth-child(even) {
    background: #E5E5E5
}

ul.tx-indexedsearch-autocomplete-words li:nth-child(odd) {
    background: #FFFFFF
}

li ul.tx-indexedsearch-autocomplete-words {
    top: 27px;
    right: -30px;
}

.navbar-default .navbar-nav > li UL.tx-indexedsearch-autocomplete-words {
    padding: 0 !important;
}

/*
SEARCH_BOX
*/
.searchbox .tx-indexedsearch-browsebox LI {
    display: inline;
    margin-right: 5px;
}

.searchbox .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {
    width: 100px;
}

.searchbox .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
    width: 150px;
}

.searchbox .tx-indexedsearch-whatis {
    margin-top: 10px;
    margin-bottom: 5px;
}

.searchbox .tx-indexedsearch-whatis .tx-indexedsearch-sw {
    font-weight: bold;
    font-style: italic;
}

.searchbox .tx-indexedsearch-noresults {
    text-align: center;
    font-weight: bold;
}

.searchbox .tx-indexedsearch-res TD.tx-indexedsearch-descr {
    font-style: italic;
}

.searchbox .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
    color: red;
}

.searchbox .tx-indexedsearch-res .tx-indexedsearch-info {
    background: #eeeeee;
}

.searchbox .tx-indexedsearch-res .tx-indexedsearch-secHead {
    margin-top: 20px;
    margin-bottom: 5px;
}

.searchbox .tx-indexedsearch-res .tx-indexedsearch-secHead H2 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.searchbox .tx-indexedsearch-res .tx-indexedsearch-secHead TD {
    background: #cccccc;
    vertical-align: middle;
}

.searchbox .tx-indexedsearch-res .noResume {
    color: #666666;
}

.searchbox .tx-indexedsearch-category {
    background: #cccccc;
    font-size: 16px;
    font-weight: bold;
}

/*
SEARCH
*/
.tx-indexedsearch .tx-indexedsearch-browsebox LI {
    display: inline;
    margin-right: 5px;
}
.tx-indexedsearch-form,
.tx-indexedsearch-search-submit{display:inline}
INPUT#tx-indexedsearch-searchbox-button-submit {
    height: 53px;
    width: 52px;
    color: transparent;
    background: url(../Img/lupe-suche.png) no-repeat scroll 50% 50% transparent;
    font-size: 1px;
    border: 0;
    /*background-size: 32px;*/
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
    width: 150px;
}

.tx-indexedsearch .tx-indexedsearch-whatis {
    margin-top: 10px;
    margin-bottom: 5px;
}

.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw {
    font-weight: bold;
    font-style: italic;
}

.tx-indexedsearch .tx-indexedsearch-noresults {
    text-align: center;
    font-weight: bold;
}

.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr {
    font-style: italic;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup {
    color: red;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info {
    background: #eeeeee;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead {
    margin-top: 20px;
    margin-bottom: 5px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD {
    background: #cccccc;
    vertical-align: middle;
}

.tx-indexedsearch .tx-indexedsearch-res .noResume {
    color: #666666;
}

.tx-indexedsearch .tx-indexedsearch-category {
    background: #cccccc;
    font-size: 16px;
    font-weight: bold;
}

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch .res-tmpl-css {
    clear: both;
    margin-bottom: 1em;
}

.tx-indexedsearch .searchbox-tmpl-css LABEL {
    margin-right: 1em;
    width: 10em;
    float: left;
}

.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css {
    letter-spacing: 0;
    font-weight: normal;
    margin-top: -1.2em;
    float: right;
}

.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd {
    float: left;
}

.tx-indexedsearch .info-tmpl-css dd.item-mtime {
    float: none;
}

.tx-indexedsearch .info-tmpl-css dd.item-path {
    float: none;
}


/*
FOOTER
*/

.footer {
    padding: 67px 0 57px 0;
    border-bottom: 50px solid #003064;
    position: relative;
}

.footer IMG.bug {
    position: absolute;
    left: 0;
    bottom: -20px;
}

.footer UL {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer .container {
    position: relative;
}

.footer .container UL.eins > LI {
    float: left;
    width: 11.57142857142857%;
    line-height: 20px;
}

.footer UL LI A,
.footer UL LI SPAN {
    color: #fff;
    color: #c3c3c3;
    font-size: 12px;
    font-weight: 500;
}

.footer UL LI A {
    color: #fff;
    color: #c3c3c3
}

.footer UL LI A:HOVER {
    color: #fff;
}

.footer .container UL.eins > LI > A {
    text-transform: uppercase;
}

.footer .container UL.eins > UL {
    margin: 0;
    padding: 0;
}



.youtube {
    /*position: absolute;
    right: 71px;*/
    margin-right: 10px;
}

.instagram {
    margin-right: 12px;
}

.footer UL.drei {
    clear: both;
    padding-top: 25px;
}

.footer UL.drei LI {
    float: left;
}

.footer UL LI SPAN {
    padding: 0 5px;
}

.footer UL LI:last-child SPAN {
    display: none;
}


/*
BESUCHER
*/
.seite-3 .parent {
    color: #ffbc82;
    border-top: 1px solid #ffbc82;
}

.seite-3 .grau {
    background: var(--hf-color-brown2);
}

.seite-3 .mainrechts,
.seite-5 .mainrechts,
.seite-7 .mainrechts {
    color: #fff;
    padding-bottom: 40px;
}

.besucher H1,
.besucher .accordion-container H2,
.besucher H2,
.besucher H3,
.besucher .mainlinks LI.aktiv A,
.besucher .mainlinks LI A:HOVER,
.besucher .powermail_legend,
.besucher .powermail_field .checkbox LABEL,
.englisch H1,
.englisch .accordion-container H2,
.englisch H2,
.englisch H3,
.englisch .mainlinks LI.aktiv A,
.englisch .mainlinks LI A:HOVER,
.englisch .powermail_legend,
.englisch .powermail_field .checkbox LABEL {
    color: var(--hf-color-brown);
}

.seite-3 H1 {
    color: #ffbc82;
}

.besucher .content A,
.besucher .mainrechts A,
.englisch .content A,
.englisch .mainrechts A {
    color: var(--hf-color-primary);
}

.besucher .powermail_fieldwrap.powermail_fieldwrap_type_submit INPUT,
.besucher div.csc-mailform .csc-form-element-submit INPUT {
    background: var(--hf-color-brown);
}

.besucher .flex-control-paging li a.flex-active {
    background: var(--hf-color-primary);
}

.dpnglossary.link {
    color: #000;
    font-style: italic;
    border-bottom: 1px dotted black;
    cursor: help;
}

/*error tooltip*/
.ce-textpic {
    overflow: inherit;
}

.seite-3 .grau a.dpnglossary.link {
    color: #FFFFFF !important;
}

.besucher .content A.dpnglossary.link,
.besucher .mainrechts A.dpnglossary.link,
.englisch .content A.dpnglossary.link,
.englisch .mainrechts A.dpnglossary.link {
    color: #000;
}

/*
FRIEDHOEFE
*/
.accordion-container H2,
.friedhoefe H1,
.friedhoefe H2,
.friedhoefe H3,
.friedhoefe .mainlinks LI.aktiv A,
.friedhoefe .mainlinks LI A:HOVER {
    color: #1c4c25;
}

.seite-5 .parent {
    color: #bed886;
    border-top: 1px solid #ffbc82;
}

.seite-5 .grau {
    background: #7db10c;
}

.seite-5 H1 {
    color: #bed886;
}

.seite-5 .mainrechts {
    color: #fff;
}

.seite-5 .teaser-item1 P {
    color: #a2de42;
}

.friedhoefe .teaser-item1.weiss P {
    color: #fff;
}

.friedhoefe .mainlinks LI A {
    color: #a3c658;
    color: #6ba60c;
}

.friedhoefe .parent {
    color: #6ba60c;
    border-top: 1px solid #a3c658;
}

.friedhoefe A {
    color: #6ba60c;
}

.friedhoefe .flex-control-paging li a.flex-active {
    background: #1c4c25;
}


/*
VORSORGE
*/

.vorsorge .parent {
    color: #0099d1;
    border-top: 1px solid #0099d1;
}

.seite-7 .parent {
    color: #80cce8;
    border-top: 1px solid #80cce8;
}

.seite-7 .grau {
    background: #0099d1;
}

.vorsorge H1,
.vorsorge H2,
.vorsorge H3,
.vorsorge .content A,
.vorsorge .powermail_legend,
.vorsorge .powermail_field .checkbox LABEL {
    color: #0099d1;
}

.seite-7 H1 {
    color: #80cce8;
}

.seite-7 .mainrechts {
    color: #fff;
}

.vorsorge .teaser-item1 P {
    color: #41b8ff;
}

.vorsorge .teaser-item1.weiss P {
    color: #fff;
}

.vorsorge .mainlinks LI A {
    color: #41b8ff;
}

.vorsorge .powermail_fieldwrap.powermail_fieldwrap_type_submit INPUT,
.vorsorge div.csc-mailform .csc-form-element-submit INPUT {
    background: #0099d1;
}

.vorsorge .flex-control-paging li a.flex-active {
    background: #0099d1;
}

/*
UNTERNEHMEN
*/

.unternehmen .parent {
    color: #40ae49;
    border-top: 1px solid #40ae49;
}

.seite-19 .parent {
    border-top: 1px solid #90ac98;
}

.seite-19 .grau {
    background: #205832;
}

.unternehmen H1,
.unternehmen H2,
.unternehmen H3,
.unternehmen .content A,
.unternehmen .mainlinks LI.aktiv A,
.unternehmen .mainlinks LI A:HOVER {
    color: #1c4c25;
}

.seite-19 H1 {
    color: #90ac98;
}

.seite-19 .mainrechts {
    color: #fff;
}

.unternehmen .teaser-item1 P {
    color: #40ae49;
}

.unternehmen .teaser-item1.weiss P {
    color: #fff;
}

.unternehmen .mainlinks LI A {
    color: #40ae49;
}

.unternehmen .flex-control-paging li a {
    background: #fff;
}

.unternehmen .flex-control-paging li a.flex-active {
    background: #43b84c;
}

.unternehmen A {
    color: #40ae49;
}


/*
GRABKAUF

*/

.grabkauf.seite-847 .parent {
    border-top: 1px solid #AEDBE5;
}

.seite-847 .grau {
    background: #00A2B8;
}

.seite-847 .grau h1 {
    color: #AEDBE5;
}

.seite-847 .grau p {
    color: #fff;
}

.grabkauf .parent {
    color: #AEDBE5;
    color: #00A2B8;
    border-top: 1px solid #AEDBE5;
    border-top: 1px solid #00A2B8;
}

.grabkauf H1 {
    text-transform: uppercase;
}

.grabkauf H1,
.grabkauf H2,
.grabkauf H3,
.grabkauf .content A,
.grabkauf .mainlinks LI.aktiv A,
.grabkauf .mainlinks LI A:HOVER {
    color: #00A2B8;
}

.grabkauf .teaser-item1 P {
    color: #AEDBE5;
}

.grabkauf .teaser-item1.weiss P {
    color: #fff;
}

.grabkauf .mainlinks LI A {
    color: #6ECFE1;
    color: rgb(110, 207, 225);
}

.grabkauf .flex-control-paging li a {
    background: #fff;
}

.grabkauf .flex-control-paging li a.flex-active {
    background: #6ECFE1;
    background: rgb(110, 207, 225);
}

.grabkauf A {
    color: #00A2B8;
}

/*
KONTAKT
*/
.kontakt .parent {
    color: #333333;
    border-top: 1px solid #858585;
}

.seite-9 .grau {
    background: #f0f0f0;
}

.kontakt H1,
.kontakt H2,
.kontakt H3,
.kontakt .content A,
.kontakt .mainrechts .ce-bodytext A {
    color: #333333;
}

.seite-9 .mainrechts {
    color: #333333;
}

.kontakt .teaser-item1 P {
    color: #fff;
}

.kontakt .teaser-item1.weiss P {
    color: #fff;
}

.kontakt .mainlinks LI A {
    color: #40ae49;
}

/*
SONSTIGES
*/

.sonstiges .grau,
.content .tx-indexedsearch-searchbox fieldset legend,
.tx-indexedsearch-info,
.tx-indexedsearch-percent,
.tx-indexedsearch-icon {
    display: none;
}

.tx-indexedsearch-res {
    color: #000;
    border-bottom: 1px solid #808080;
    padding-bottom: 30px;
    margin-bottom: 30px;
    width: 80%;
}

.tx-indexedsearch-redMarkup {
    color: #808080;
}

.tx-indexedsearch-title {
    background: url(../Img/pfeil-suche.png) no-repeat;
    padding: 5px 0 0 40px;
    margin-bottom: 10px;
    display: block;
    font-weight: bold;
}

.tx-indexedsearch-browsebox {
    display: none;
}

.tx-indexedsearch-info-sword {
    font-size: 38px;
    color: #808080;
    font-weight: 400;
    margin: 50px 0;
}

#c3019 P.tx-indexedsearch-description,
#c3203 P.tx-indexedsearch-description {
    font-size: 20px;
    color: #000;
    font-weight: 300;
    margin: 0 0 10px;
}

.tx-indexedsearch-form label{
    font-weight: 400;
    text-transform: uppercase;
    font-size: 22px;
    color: #808080;
    margin: 0 50px 0 0;
    padding-top: 20px;
    display: block;
    float: left;
}

input.tx-indexedsearch-searchbox-sword {
    border-radius: 0;
    font-size: 24px;
    padding: 15px 20px;
    height: auto;
    margin-right: 35px;
}

.englisch .content #c3203 A {
    color: #000;
}

/*Formulare*/

.tx-powermail .container-fluid {
    padding: 0;
}

.powermail_form,
.csc-mailform {
    background: #f0f0f0;
    padding: 30px 40px;
}

.powermail_fieldwrap {
    width: 50%;
    float: left;
    margin-bottom: 30px;
}

.powermail_form LABEL {
    font-weight: 300;
    margin-bottom: 8px;
}

.powermail_form H3,
.powermail_fieldwrap_type_file LABEL,
.powermail_fieldwrap_type_check > LABEL {
    display: none;
}

.powermail_fieldwrap INPUT,
.powermail_fieldwrap SELECT,
.powermail_fieldwrap TEXTAREA,
div.csc-mailform INPUT,
div.csc-mailform SELECT,
div.csc-mailform TEXTAREA {
    width: 92%;
    border: 1px solid #d7d7d7;
    padding: 12px;
}

.powermail_fieldwrap SELECT {
    background: #fff url(../Img/select-arrow2.png) no-repeat;
    background-position: 96% 20px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.powermail_fieldwrap SELECT::-ms-expand {
    display: none;
}

.powermail_fieldwrap.layout1 {
    width: 100%;
}

.powermail_fieldwrap.layout1 INPUT,
.powermail_fieldwrap.layout1 TEXTAREA {
    width: 96.3%;
}

.powermail_legend,
.selectcontentmenu P {
    color: #1c4c25;
    font-weight: 500;
    border: 0;
    font-size: 24px;
}

.selectcontentmenu P {
    margin: 15px 0;
}

.powermail_fieldwrap.powermail_fieldwrap_type_submit INPUT,
div.csc-mailform .csc-form-element-submit INPUT {
    width: auto;
    background: #43b84c;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 500;
    padding: 10px 0px;
    width: 380px;
}

.powermail_fieldwrap.layout1 INPUT.powermail_file {
    width: auto;
    background: #43b84c;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 0px;
    width: 380px;
    text-align: center;
}

.powermail_fieldwrap.layout2 {
    margin-top: 1px !important;
    width: 100%;
}

.powermail_fieldwrap.layout3 {
    margin-top: 1em !important;
    width: 100%;
}

.parsley-required,
.parsley-custom-error-message {
    color: #dd4444;
}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"] {
    position: relative;
    width: auto;
    border: 1px solid #d7d7d7;
    margin-right: 10px;
}

.powermail_field .checkbox LABEL {
    color: #1c4c25;
    font-weight: 400;
}

div.csc-mailform li label {
    font-weight: 300;
    width: 100%;
}

div.csc-mailform ol li {
    width: 100%;
    margin-bottom: 30px;
}

div.csc-mailform H3 {
    font-size: 26px;
}

div.csc-mailform fieldset.fieldset-subgroup ol {
    top: 0;
    margin: 0;
    padding: 0;
}

.csc-form-element-checkboxgroup INPUT {
    float: left;
    width: auto;
}

div.csc-mailform .csc-form-element-checkboxgroup li label {
    width: auto;
    float: none;
    margin: 0;
}

div.csc-mailform .csc-form-element-checkboxgroup li {
    padding: 0 0 10px 0;
    margin: 0;
}

div.csc-mailform .csc-form-element-checkboxgroup INPUT {
    width: auto;
    float: left;
    margin: 4px 10px 0 0;
}

div.csc-mailform .csc-form-element-checkbox LABEL,
div.csc-mailform .csc-form-element-checkbox INPUT {
    width: auto;
}


.border1,
.border2 , .frame-layout-110{
    background: #f0f0f0;
    color: #000;
    font-size: 18px;
}


.border2 {
    padding: 30px;

    margin: 10px 0 20px 0;
}

.border2 TABLE {
    width: 100%;
    margin: 10px 0 0 0;
    margin-left: -30px;
}



.border2 TABLE TR TD:last-child,
.border2 TABLE TR TH:last-child {
    border: 0;
}

.border2 TABLE TR TD,
.border2 TABLE TR TH {
    border-right: 1px solid #000;
    padding: 0 0px 0 30px;
}

.border2 TABLE TR TD {
    padding-bottom: 20px;
}

.border1 .ce-intext.ce-left .ce-gallery,
.border1 .ce-intext.ce-right .ce-gallery,
.border1 .ce-intext.ce-left .ce-gallery,
.border1 .ce-above .ce-gallery {
    margin: 0;
}

.selectcontentmenu {
    display: none;
}

/*
BEWERBUNGEN
*/

.bewerbungen .parent {
    color: #34ae4e;
    border-top: 1px solid #34ae4e;
}

.bewerbungen .mainlinks LI A {
    color: #34ae4e;
}

.bewerbungen .selectcontentmenu {
    display: block;
    margin-bottom: 50px;
}

.bewerbungen .selectcontentmenu SELECT {
    width: 100%;
    color: #43b84c;
    border: 1px solid #d7d7d7;
    padding: 12px 35px;
    font-weight: 500;
    font-size: 24px;
    background: #fff url(../Img/select-arrow1.png) no-repeat;
    background-position: 96% 25px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

.bewerbungen .selectcontentmenu SELECT::-ms-expand {
    display: none;
}


/*
Suche
*/
.btn-search {
    background-color: transparent !important;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    color: #cccccc;
    font-weight: bold;
    width: 100px !important;
}

.btn-search:hover {
    color: #40ae49;
}



.seite-1 .clickstream,
.seite-357 .clickstream {
    display: none;
}

.seite-1 .headline,
.seite-357 .headline {
    bottom: 20vw;
    
}

.seite-1 .container-fluid.content,
.seite-1 .container-fluid.grau-unten,
.seite-1 .container-fluid.grau .parent,
.seite-357 .container-fluid.content,
.seite-357 .container-fluid.grau-unten,
.seite-357 .container-fluid.grau .parent {
    display: none;
}

.seite-1 .container-fluid.grau,
.seite-357 .container-fluid.grau {
    background: transparent;
    position: absolute;
    bottom: 0px;
    z-index: 9;
    /*min-width: 1250px;*/
    width: 100%;
    left: 50%;
    transform: translate(-50%, 0);
}

.seite-1 .teaser-item1 SPAN,
.seite-357 .teaser-item1 SPAN {
    position: absolute;
    bottom: 10px;
    left: 25px;
    right: 25px;
    margin: 0;
    color: #fff;
    font-weight: 300;
    font-size: 14px;
}

.seite-1 .teaser-item1 SPAN B,
.seite-1 .teaser-item1 SPAN STRONG,
.seite-357 .teaser-item1 SPAN B,
.seite-357 .teaser-item1 SPAN STRONG {
    font-weight: 600;
}

.seite-1 .teaser-item1,
.seite-357 .teaser-item1 {
    margin-bottom: 0px;
}

.seite-1 .flex-control-nav,
.seite-357 .flex-control-nav {
    display: none;
}

.seite-1 .blende2,
.seite-357 .blende2 {
    background: url("../Img/layer_startseite.png") repeat-x top;
    background-size: 100% 100%;
}

/*
Veranstaltungen
*/

#c337 H4 {
    border-bottom: 1px solid #666666;
    color: #666666;
    text-transform: uppercase;
    padding: 0 0 15px 0;
    margin-bottom: 30px;
}

.teaser-events {
    margin-left: 0px;
    margin-right: -20px;
}

.teaser-events .teaser-item {
    border: 0;
    background: #f0f0f0;
    border-right: 20px solid #fff;
}

.teaser-events .grid-item-date {
    left: 0;
    top: 0;
    height: 150px;
    text-align: center;
}

.teaser-events H3 {
    text-transform: uppercase;
    border-bottom: 1px solid #666666;
    color: #666666;
    padding: 0 0 15px 0;
    margin: 20px 0 30px 0;
}

.content A.teaser-all-events {
    color: var(--hf-color-primary);
    margin: 40px 0;
    font-weight: 500;
    display: block;
    clear: both;
    width: 100%;
    float: none;
    padding-top: 40px;
}

.teaser-events .grid-item-date > DIV {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: 600;
}

.teaser-events .grid-item-date > DIV SPAN {
    display: block;
}

.teaser-events .teaser-item .grid-item-text {
    height: 150px;
}

.teaser-events .grid-item-text .wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 500;
}

.tx-gbevents-pi1 .teaser-events .media-left {
    padding: 0;
}

H1.media-heading {
    font-size: 65px;
    margin: 50px 0;
    font-weight: 300;
}

.tx-gbevents-pi1 .media-body .wrap {
    float: right;
    color: var(--hf-color-brown);
    font-size: 30px;
    text-align: right;
    margin: 0 0 20px 20px;
    width: 35%;
}

.tx-gbevents-pi1 .media-body P {
    width: 65%;
}

.tx-gbevents-pi1 .titel-karte {
    color: var(--hf-color-brown);
    font-size: 22px;
    font-weight: 400;
}

.gbevents-grid .grid-item {
    border: 10px solid #fff;
    padding: 0;
    background: #f0f0f0;
}

.gbevents-grid .grid-item-date {
    position: absolute;
    left: 0px;
    background: var(--hf-color-primary);
    color: #ffffff;
    padding: 6px 10px;
    font-weight: 500;
}

.gbevents-grid .grid-item-date .grid-item-day,
.teaser-item .grid-item-day {
    line-height: 25px;
}

.gbevents-grid .grid-item-top IMG {
    width: 100%;
    height: auto;
}

.gbevents-grid .grid-item-text {
    padding: 40px;
}

.besucher .content a .grid-item-text p {
    color: #808284;
}

.besucher .content a .grid-item-text p:HOVER {
    text-decoration: none;
}

.grid-item-day-text,
.grid-item-month {
    text-transform: uppercase;
}

.gbevents-grid {
    margin-left: -10px;
    margin-right: -10px;
}

.tx-gbevents-pi1 .media-left {
    display: none;
}

iframe {
    width: 100%;
    /*height: 300px;*/
    border: 0;
}

body .mc-cycle {
    position: relative;
}

P.rot {
    color: #d00019;
}

.Button-gruen-Accordion {
    /*position: absolute;
    right: 30px;
    top: 50px;*/
    float: right;
    margin: 30px 30px 0 0;
}

.Button-gruen-zentriert {
    text-align: center;
    margin: 50px 0 50px 0;
}

.Button-gruen-Accordion A,
.Button-gruen-zentriert A {
    background: #43b84c;
    color: #fff !important;
    text-transform: uppercase;
    padding: 10px 30px;
    display: block;
    font-weight: 400;
    font-size: 20px;
}

.Button-gruen-zentriert A {
    font-size: 24px;
    display: inline-block;
}

.mobilclear {
    display: none;
}

.header .verlauf1 {
    display: none;
}

.form-gdpr {
    margin-top: 15px;
}

/*
  Newsletter
*/
.nl-register {
    border-radius: 0 !important;
}

.nl-register p {
    font-size: 16px;
}

.btn-nlsub {
    border-radius: 0 !important;
}

.navbar .close {
    display: none;
}

.powermail_fieldwrap.powermail_fieldwrap_type_content {
    margin: -40px 0 0 0;
}

.lb-container {
    padding: 0;
}

.lb-data .lb-number {
    display: none !important;
}

.social {
    text-align: right;
    position: absolute;
    top: 0;
    right: 15px;
}

LI.s445 {
    visibility: hidden;
    width: auto;
    line-height: 20px;
}

LI.s445 UL {
    visibility: visible;
}

.gdpr-frame .gdpr-frame-text {
    background: #fff;
    padding: 10px;
}

.seite-1 .gdpr-frame .gdpr-frame-text,
.seite-357 .gdpr-frame .gdpr-frame-text  {
    line-height: 150%;
    margin-top: 0em;
    font-size: 12px;
}

.powermail_fieldwrap_ihree_mail_adresse {
    width: 100%;
    float: none;
}

.powermail_fieldwrap_ihree_mail_adresse input {
    width: 96%;
}

/*
.seite-1 .container-fluid.content {
  display:block;
  padding:0;
}*/

.seite-1 .container-fluid.content.vollebreite2 .container > DIV,
.seite-357 .container-fluid.content.vollebreite2 .container > DIV  {
    margin-bottom: 0 !important;
}

.teaser-row2 {
    /*
      display:none;*/
    margin-top: 0px;
    margin-bottom: 0px;
}
.seite-1 .teaser-row2 {margin-top: 30px;}

.seite-1 .headline, .seite-357 .headline  {
    top: 46vh;
}

.accordion-container .collapse.in {
    margin-bottom: 1.5em;
}

/* #### SHOP #### */
.grabkauf .mainlinks li a.active {
    color: #00A2B8;
}

.grabkauf .mainlinks li:last-of-type {
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 40px;
    border-top: 1px solid #8ad4e1;
}

.grabkauf .mainlinks li:last-of-type a {
    display: block;
    line-height: 40px;
    padding-left: 50px;
    background: url("../Img/auswahl-icon.png") no-repeat left center;
    background-size: 35px auto;
}

.grabkauf .mainlinks li:last-of-type.aktiv a,
.grabkauf .mainlinks li:last-of-type a:hover,
.grabkauf .mainlinks li:last-of-type a:focus,
.grabkauf .mainlinks li:last-of-type a:active {
    background-image: url("../Img/auswahl-icon-active.png");
}

.grabkauf-filter {
    margin-top: 23px;
}

.grabkauf-filter .filter-buttons {
    margin: 16px 0 88px;
}

.grabkauf-filter-btn, .grabkauf-filter-btn-22 {
    min-width: 110px;
    font-size: 18px;
    color: #696969;
    font-weight: 400;
    background: #e5e5e5;
    border: 0;
    outline: 0 !important;
    -webkit-appearance: none !important;
    padding: 4px 15px;
    margin-bottom:9px;
    border-radius: 10px;
    margin-right: 9px;
}

.grabkauf-filter-btn:last-child,.grabkauf-filter-btn-22:last-child {
    margin-right: 0px;
}

.grabkauf-filter-btn.active, .grabkauf-filter-btn-22.active {
    background: #6ECFE1;
    background: rgb(110, 207, 225);
    color: #fff;
}

.product-teaser {
    padding: 15px 15px 70px;
    background: #fff;
    margin-bottom: 30px;
    /*min-height:521px;*/
}

.product-teaser img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.product-teaser-title {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 20px;
}

.product-teaser-text {
    color: #333;
}

.product-teaser-more-info {
    position: absolute;
    bottom: 60px;
    right: 30px;
    font-size: 0.9em;
    text-align: right;
    z-index: 1;
}

.product-teaser-more-info:hover,
.product-teaser-more-info:focus,
.product-teaser-more-info:active {
    text-decoration: underline;
}

.product-link {
    text-decoration: none !important;
}

.grabkauf #map {
    position: relative;
    width: 100%;
    height: 266px;
    margin-top: 25px;
}

.grabkauf .ol-overlaycontainer-stopevent {
    position: absolute;
    height: 100%;
    top: 0px;
    display: block;
    z-index: 10;
}

.grabkauf .ol-control {
    position: absolute;
    background-color: rgba(255, 255, 255, .4);
    border-radius: 4px;
    padding: 2px;
    z-index: 10;
}

.grabkauf .ol-attribution {
    display: none;
}



.grabkauf .ol-overlaycontainer {
    display: block;
}

.grabkauf .ol-zoom-in {
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0 !important;
    background: #fff;
}

.grabkauf .ol-zoom-out {
    width: 30px;
    height: 30px;
    line-height: 30px;
    padding: 0 !important;
    background: #fff;
}

.grabkauf .ol-rotate,
.grabkauf .ol-attribution button {
    display: none;
}

.grabkauf .ol-attribution li {
    display: inline-block;
}


.tx-cart .cart_form input[name="tx_cart_cart[quantity]"] {
    display: none;
}

#checkout-step-shipping-method,
#checkout-step-coupon {
    display: none;
}

.tx-cart .checkout-step-content {
    padding: 1em 0 1em 0;
}

.gis-map {
    margin-top: 25px;
}

.grabkauf .product-title-tags {
    margin-bottom: 33px;
}

.grabkauf .product-title-tags .tags {
    margin-top: 13px;
    text-align: right;
}

.grabkauf .tag-icon {
    position: relative;
    margin: 0 18px;
    display: inline-block;
}

.grabkauf .tag-icon .tag-caption {
    display: none;
    position: absolute;
    top: -20px;
    left: 50%;
    text-align: left;
    font-size: .7em;
    margin: 0 auto;
    /*width:211px;*/
    min-width: 80px;
    max-width: 211px;
    color: #000;
    background: #fff;
    padding: 10px 22px;
    opacity: 0;
    white-space: nowrap;
    -webkit-transform: translate(-50%, -100%);
    -moz-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
    z-index: 10;
}

.grabkauf.seite-865 .tag-icon .tag-caption {
    min-width: 110px;
}

.grabkauf .tag-icon .tag-caption:after {
    position: absolute;
    display: block;
    content: " ";
    bottom: -30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 30px 17px 0 17px;
    border-color: #fff transparent transparent transparent;
}

.grabkauf .tag-icon .tag-caption:empty {
    display: none !important;
}

.grabkauf .tag-icon:hover .tag-caption,
.grabkauf .tag-icon:focus .tag-caption,
.grabkauf .tag-icon:active .tag-caption {
    display: block;
    opacity: 1;
    -moz-transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.grabkauf .tag-icon:first-child {
    margin-left: 0;
}

.grabkauf .tag-icon:last-child {
    margin-right: 0;
}

.grabkauf .tag-icon {
    position: relative;
    width: 50px;
    height: 50px;
}

.grabkauf .tag-icon img {
    width: 50px;
    height: auto;
}

.product-teaser-col h2 {
    margin-top: 0;
}

.grabkauf .flexslider {
    border-radius: 0;
    margin-bottom: 50px;
}

.grabkauf .header .flexslider {
    margin-bottom: 0px;
}

.grabkauf .flex-control-nav {
    display: none;
}

.grabkauf .flex-direction-nav a {
    width: 65px;
    height: 65px;
    border-radius: 65px;
    margin: -32px 0 0;
    top: 50%;
    opacity: 1 !important;
    background: #fff;
    background: rgba(255, 255, 255, .5);
    font-size: 0;
}

.grabkauf .flex-direction-nav a:hover,
.grabkauf .flex-direction-nav a:focus,
.grabkauf .flex-direction-nav a:active {
    background: rgba(255, 255, 255, .8);
}

.grabkauf .flexslider .slides > li {
    height: auto;
}

.grabkauf .flex-direction-nav .flex-prev {
    left: 10px;
}

.grabkauf .flex-direction-nav a:before {
    content: ' ';
    width: 65px;
    height: 65px;
    background-image: url("../Img/slider-arrow-left.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 35px;
}

.grabkauf .flex-direction-nav a.flex-next:before {
    background-image: url("../Img/slider-arrow-right.png");
}

.grabkauf .flex-direction-nav .flex-next {
    right: 10px;
}

.product-info-col .price {
    font-weight: 700;
    font-size: 1.5em;
}

.product-info-col #product-price {

}

/*
.show-price {
  display:none;
}*/

.grabkauf .cart_form .regular_price {
    display: inline-block;
}

.grabkauf .cart_form #product-price {
    font-weight: 700;
    font-size: 1.5em;
    margin-top: 28px;
    margin-bottom: 28px;
}

.grabkauf .cart_form .product-price-info {
    margin-bottom: 28px;
}

.product-slider-col {
    margin-bottom: 30px;
}

.product-info-col #product-price .show-price {
    display: inline;
}

.tx-cart .cart_form {
    margin-top: 40px;
    margin-bottom: 40px;
}

.grabkauf .btn-primary {
    font-size: 1em;
    color: #fff;
    background: #00A2B8;
    padding: 11px 30px;
    font-weight: 500;
    border: 0;
    outline: 0 !important;
    -webkit-appearance: none;
    margin-bottom: 30px;
}

.grabkauf .btn-primary:hover,
.grabkauf .btn-primary:focus,
.grabkauf .btn-primary:active {
    background: #AEDBE5;
}

.grabkauf .visitor-checkbox {
    position: relative;
    margin-bottom: 28px;
}

.grabkauf .visitor-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
}

.tx-cart .visitor-checkbox p {
    padding-left: 30px;
}


#cart-productform .product-info {
    border-bottom: 1px solid #999;
    margin-bottom: 40px;
}

#cart-productform .product-info:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

#cart-productform .qty-sum {
    margin-bottom: 28px;
}

#cart-productform .single-price,
#cart-productform .variant-name,
#cart-productform .qty-single,
#cart-productform .variant-sum {
    margin-bottom: 10px;
}

#cart-productform .qty-single input {
    display: inline-block;
    width: auto;
}

#cart-productform .product-description {
    margin-bottom: 28px;
}

#cart-productform .product-summary {
    border-bottom: 1px solid #ccc;
    margin-bottom: 28px;
}

#cart-productform #checkout-step-summary {
    text-align: left !important;
}

#cart-productform #checkout-step-summary .cart-total-price {
    margin-bottom: 28px;
}

/*
#cart-productform .product-variant {
  padding-bottom:20px;
  margin-bottom:20px;
}*/

.order-acc-btn {
    display: block;
    width: 100%;
    color: #fff;
    text-align: left;
    background: #00A2B8;
    border: 0;
    outline: 0 !important;
    -webkit-appearance: none;
    border-radius: 4px;
}

.tx-cart .checkout-step-title {
    background: #00A2B8;
    margin: 0;
    color: #fff;
    line-height: 2;
    font-size: 1em;
}

.tx-cart label, .tx-cart label em {
    font-weight: 300;
    color: #696969;
}

.tx-cart .field {
    margin-bottom: 20px;
}

#form-order .checkout-step-title {
    padding: 5px 10px;
}

.byer-info-accordion {
    margin-bottom: 30px;
}

/*
.terms-checkboxes {
  padding-left:0;
}*/

.accept-terms label {
    font-weight: 300;
    font-size: 0.9em;
}

.grabkauf #info-pdf-box {
    margin-top: 20px;
}


.grabkauf .info-pdf a {
    display: block;
    line-height: 30px;
    padding-left: 30px;
    background: url("../Img/pdf-icon.png") no-repeat left top;
    background-size: 25px auto;
}

.grabkauf .flex-direction-nav a {
    z-index: 9;
}

.grabkauf .flexslider {
    background: transparent;
}

/* Landingpage Ohlsdorf */
.landingpage-ohlsdorf {
    font-size: 1.25em;
    padding-top: 0;
}

.text-normal {
    font-size: 1em;
    margin-top: 50px;
}

.landingpage-ohlsdorf,
.footer-landingpage {
    text-align: center;
}



.lp-hf-logo {
    width: auto;
    height: 75px;
}

.landingpage-ohlsdorf .socials {
    margin-top: 42px;
}

.footer-landingpage {
    background: #fff;
    width: 100%;
    bottom: 0;
    padding-top: 0;
}

.footer-landingpage.fixed {
    position: fixed;
}




.seite-935 h4 {
    margin-top: 40px;
    margin-bottom: 20px;
}

.seite-935 p {
    margin-bottom: 20px;
}

.seite-935 iframe {
    margin-bottom: 20px;
}

@media (min-width: 1025px) {

    .seite-1 ,.seite-357 {
        background-image: url("../Img/loader.gif");
        background-repeat: no-repeat;
        background-position: center 470px;
    }

    .seite-1 #start,
    .seite-1 #maximage,
    .seite-1 .teaser-row1,
    .seite-1 .teaser-row2,
    .seite-1 .headline  {
        opacity: 0;
    }

    .seite-1 #start,
    .seite-357 #start  {
        min-height: 600px;
    }

    .seite-1 #maximage,
    .seite-357 #maximage {
        position: absolute;

        height: 100% !important;
    }

    .seite-1 .mc-image,
    .seite-357 .mc-image  {
        position: absolute;
        height: 100% !important;
    }

    .grabkauf .mainlinks li:last-of-type {
        max-width: 240px;
    }

}

@media (max-width: 1024px) {
    .teaser-row2 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .accordion-container .ce-column,
    .accordion-container .video,
    .accordion-container .video-embed,
    .accordion-container iframe {
        width: 100%;
        max-width: 768px;
    }

    .accordion-container iframe {
        height: 350px;
    }

}

@media (min-width: 768px) {
    .content .container .teaser-events {
        margin-left: -305px;
    }

    .content .container > DIV {
        margin-bottom: 30px;
    }

    .gbevents-grid .grid-item-date {
        bottom: 0px;
    }
}


@media (max-width: 1400px) {
    
    .headline {
        font-size: 40px;
        line-height: 40px;
    }

   

}

@media (max-width: 1400px) and (min-width: 992px) {
    .grabkauf .tag-icon:last-child .tag-caption {
        left: unset;
        -webkit-transform: translate(0, -100%);
        -moz-transform: translate(0, -100%);
        transform: translate(0, -100%);
        right: 19px;
    }


    .grabkauf .tag-icon:last-child .tag-caption:after {
        left: unset;
        right: 0px;
        margin: 0 auto;
        border-width: 30px 0px 0 17px;
    }
}

@media (max-width: 1250px) {
    .navbar-nav > li > a {
        padding: 105px 20px 0 0;
    }
}

@media (max-width: 1200px) {
    .footer .container UL.eins > LI {
        width: 15%;
    }

    .footer UL LI A,
    .footer UL LI SPAN {
        font-size: 10px;
    }
}

@media (max-width: 1099px) {
    .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav li a {
        font-size: 14px;
    }

    .navbar-nav > li > a {
        padding: 105px 16px 0 0;
    }
}

@media (max-width: 1050px) {

    .youtube,
    .facebook,
    .instagram {
        margin: 0 0 10px 0;
    }

}

/*iPad Portrait
@media (max-width: 997px)  {
.navbar-nav > li > a {
  padding: 105px 20px 0 0;
}
  }
@media (max-width: 990px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}*/


@media (min-width: 992px) {
    .product-box.left {
        padding-left: 0;
    }

    .product-box.right {
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    .grabkauf .product-title-tags .tags {
        text-align: left;
    }

    .grabkauf .tag-icon:first-child .tag-caption {
        left: 0;
        -webkit-transform: translate(0, -100%);
        -moz-transform: translate(0, -100%);
        transform: translate(0, -100%);
        left: 22px;
    }

    .grabkauf .tag-icon:first-child .tag-caption:after {
        left: 0px;
        right: unset;
        margin: 0 auto;
        border-width: 30px 17px 0 0px;
    }

    .grabkauf .tag-icon:nth-child(2) .tag-caption {
        -webkit-transform: translate(-50%, -100%);
        -moz-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        left: 50%;
    }

    .grabkauf .tag-icon:nth-child(2) .tag-caption:after {
        left: 0;
        right: 0;
        margin: 0 auto;
        border-width: 30px 17px 0 17px;
    }

    .grabkauf .tag-icon:last-child .tag-caption {
        right: initial;
    }

    .cart_form .btn-primary {
        margin-bottom: 30px;
    }

    .grabkauf-filter-btn {
        margin-bottom: 17px;
    }
}


@media (max-width: 880px) {
    .headline {
        font-size: 22px;
        line-height: 25px;
    }

    .seite-1 .headline,
    .seite-357 .headline {
        font-size: 40px;
        line-height: 40px;
    }
}

@media (max-width: 1024px) {


    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0px;
    }


    .border1, .border2 {
        margin-bottom: 15px;
    }

    .powermail_fieldwrap.layout1 INPUT.powermail_file {
        width: 100%;
        padding: 10px;
    }

    .bewerbungen .selectcontentmenu SELECT {
        background-position: 96% 15px;
    }

    .gbevents-grid .grid-item-date {
        left: 0px;
        bottom: 0px;
    }

    .gbevents-grid .grid-item-text {
        padding: 15px;
    }

    .mainlinks LI A {
        font-size: 18px;
    }

    .container .jumbotron INPUT {
        width: 100%;
        margin: 0 0 15px 0;
    }

    .container .jumbotron, .container-fluid .jumbotron {
        padding-right: 15px;
        padding-left: 15px;
    }

    .social {
        position: relative;
    }

    .s445 UL {
        margin-top: -10px;
    }

    .youtube, .instagram {
        margin: 0 10px 0 0;
    }

    .facebook {
        margin: 0;
    }

    .social {
        clear: both;
    }

    .navbar-default .navbar-nav > li.s9 UL {
        display: none;
    }

    .Button-gruen-Accordion {
        float: none;
        clear: both;
        margin: 10px 0;
        text-align: center;
    }

    .Button-gruen-Accordion A {
        font-size: 18px;
    }

    .tx-indexedsearch-res {
        width: 100%;
    }

    #c3019 P {
        font-size: 20px;
    }

    #c3019 #tx_indexedsearch label {
        margin: 0 0 20px 0;
        clear: both;
        float: none;
    }

    #c3019 #tx_indexedsearch .form-control {
        float: left;
        width: 70%;
        margin-right: 15px;
    }

    .accordion-container .ce-row.nalos {
        margin-bottom: 0px;
    }

    .headline {
        bottom: 20px;
    }

    .clickstream {
        display: none;
    }

    .seite-1 .header,
    .seite-357 .header {
        height: auto;
    }

    .seite-1 .headline,
    .seite-357 .headline {
        bottom: 50%;
        line-height: 10vw;
        font-size: 10vw;
    }

    .seite-1 .container-fluid.content,
    .seite-357 .container-fluid.content {
        display: block;
        padding: 15px 25px;
    }

    .seite-1 .container-fluid.content > DIV > DIV > DIV,
    .seite-357 .container-fluid.content > DIV > DIV > DIV {
        margin-bottom: 25px;
    }

    .powermail_fieldwrap.powermail_fieldwrap_type_submit INPUT, div.csc-mailform .csc-form-element-submit INPUT,
    .bewerbungen .selectcontentmenu SELECT {
        font-size: 16px;
    }

    .powermail_fieldwrap {
        width: 100%;
        float: none;
    }

    .slide1 .wrap1 {
        opacity: 0;
        transition: opacity 0.4s ease-in;
        -ms-transition: opacity 0.4s ease-in;
        -moz-transition: opacity 0.4s ease-in;
        -webkit-transition: opacity 0.4s ease-in;
    }

    .slide1.mobileheader .wrap1 {
        position: fixed !important;
        top: 0px;
        z-index: 10;
        background: rgba(0, 0, 0, 0.85);
        background-size: cover;
        height: 110px;

        opacity: 1;
        transition: opacity 0.4s ease-in;
        -ms-transition: opacity 0.4s ease-in;
        -moz-transition: opacity 0.4s ease-in;
        -webkit-transition: opacity 0.4s ease-in;
    }

    .header.stuck {
        margin-top: 0px;
    }

   
    .mobileheader.header .wrap1 .headline {
        display: none;
    }

    .navbar-collapse.collapse.in {
        position: fixed;
        height: 100vh !important;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: touch;
    }

    ::-webkit-scrollbar {
        width: 15px;
        height: 15px;
        border-bottom: 1px solid #eee;
        border-top: 1px solid #eee;
    }

    ::-webkit-scrollbar-thumb {
        border-radius: 8px;
        background-color: #C3C3C3;
        border: 2px solid #eee;
    }

    ::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2);
    }

    .mainrechts .ce-gallery .ce-column {
        margin: 0;
    }

    .powermail_fieldwrap INPUT, .powermail_fieldwrap SELECT, .powermail_fieldwrap TEXTAREA, div.csc-mailform INPUT, div.csc-mailform SELECT, div.csc-mailform TEXTAREA {
        width: 100%;
    }

    div.csc-mailform ol li.csc-form-element-submit {
        margin-bottom: 0;
        margin-top: -20px;
    }

    div.csc-mailform ol li {
        margin-bottom: 10px;
    }

    div.csc-mailform li label {
        float: none;
    }

    .powermail_form, .csc-mailform {
        padding: 20px;
    }

    /**/
    .border1 .ce-bodytext P,
    .border1 .ce-bodytext H3 {
        margin-left: 20px;
    }

    .border1 .border2 .ce-bodytext P {
        margin-left: 0;
    }

    .border2 TABLE TR TD {
        white-space: nowrap;
        padding: 0 20px;
    }

    .border2 {
        padding: 20px;
        margin: 0;

    }

    .accordion-container {
        padding: 20px;
    }

    .accordion-container .ce-intext.ce-right .ce-gallery IMG {
        width: 100%;
        height: auto;
    }

    .accordion-container .ce-gallery > DIV.nalos {
        display: none;
    }

    .accordion-container .ce-gallery > DIV.nalos:first-child {
        display: block;
    }

    .accordion-container .ce-intext.ce-right .ce-gallery {
        margin-left: 0px;
    }

    .accordion-container .ce-gallery {
        float: none;
        clear: both;
    }

    .tx-gbevents-pi1 .media-body .wrap {
        width: auto;
        text-align: left;
        font-size: 16px;
        float: none;
        margin: 0 0 20px 0;
    }

    .tx-gbevents-pi1 .media-body P {
        width: auto;
    }

    .powermail_fieldwrap.powermail_fieldwrap_type_submit INPUT, div.csc-mailform .csc-form-element-submit INPUT {
        padding: 10px 20px;
        width: auto;
    }

    .csc-form-element-checkboxgroup INPUT {
        width: 10%;
    }

    div.csc-mailform .csc-form-element-checkboxgroup li label {
        width: 80%;
    }

    .grid-sizer {
        display: none;
    }

    /*.gbevents-grid .grid-item-text {
        padding: 0;
      padding-top: 20px;
      display: table-cell;
      padding: 20px 0;
    }
    .gbevents-grid .grid-item-text P {
      margin: 0;
    }
    .gbevents-grid .grid-item-date {
        position: relative;

      width: 55px;
      margin-right: 20px;
      margin: 0;
      }
    .grid-item-top {
      display: table-cell;
      background: var(--hf-color-primary);
      border-right: 20px solid #f0f0f0;
      }
    .gbevents-grid .grid-item-top IMG {
      display: none;
    }
    .grid-item {
      position: relative !important;
      width: 100%;
      top: 0 !important;
      clear: both;
      float: none;
      display: table;
      }
    .gbevents-grid {
      height: auto !important;
      }
    .grau-unten .teaser-item1.weiss P {
        color: #fff;
        background: #e2e2e2;
        display: block;
        width: 100%;
        left: 0;
        padding: 10px 15px;
        bottom: 0;
        color: #333;
      margin: 0px;
      position: relative;
      margin: 0;
    }
    .grau-unten .teaser-item1.weiss IMG {
      display: none;
      }
    .grau-unten .teaser-item1 {
        position: relative;
        margin-bottom: 10px;
    }
    */
    .grid-item {
        width: 100%;
    }

    h2 {
        font-size: 20px;
    }

    .accordion-container .ce-media IMG {
        /*width: 100px;*/
        height: auto;
    }

    BODY, HTML {
        font-size: 16px;
    }

    .content .container {
        padding: 0 15px !important;
    }

    .parent.togglemobile {
        border: 0;
        color: #fff;
        padding: 15px 15px 15px 55px;
        margin: 0;
        margin: 0 -15px 0 -15px;
        background: #a3c658 url("../Img/mobiles-plus.svg") no-repeat 15px;
        background-size: 30px;
        font-size: 16px;
    }


    .grabkauf .parent.togglemobile {
        background: #00A2B8 url("../Img/mobiles-plus.svg") no-repeat 15px;
        background-size: 30px;
    }

    .grabkauf .parent.togglemobile.auf {
        background: #00A2B8 url("../Img/pfeil-auf.png") no-repeat 15px 10px;
        background: #00A2B8 url("../Img/mobiles-minus.svg") no-repeat 15px;
        background-size: 30px;
    }

    .parent.togglemobile.auf {
        background: #a3c658 url("../Img/pfeil-auf.png") no-repeat 15px 10px;
        background: #a3c658 url("../Img/mobiles-minus.svg") no-repeat 15px;
        background-size: 30px;
    }

    .besucher .parent.togglemobile,
    .englisch .parent.togglemobile {
        background: var(--hf-color-primary) url("../Img/pfeil-zu.png") no-repeat 15px 10px;
        background: var(--hf-color-primary) url("../Img/mobiles-plus.svg") no-repeat 15px;
        background-size: 30px;
    }

    .besucher .parent.togglemobile.auf,
    .englisch .parent.togglemobile.auf {
        background: var(--hf-color-primary) url("../Img/pfeil-auf.png") no-repeat 15px 10px;
        background: var(--hf-color-primary) url("../Img/mobiles-minus.svg") no-repeat 15px;
        background-size: 30px;
    }

    .friedhoefe .parent.togglemobile {
        background: #a3c658 url("../Img/pfeil-zu.png") no-repeat 15px 10px;
        background: #a3c658 url("../Img/mobiles-plus.svg") no-repeat 15px;
        background-size: 30px;
    }

    .friedhoefe .parent.togglemobile.auf {
        background: #a3c658 url("../Img/pfeil-auf.png") no-repeat 15px 10px;
        background: #a3c658 url("../Img/mobiles-minus.svg") no-repeat 15px;
        background-size: 30px;
    }

    .unternehmen .parent.togglemobile {
        background: #205832 url("../Img/pfeil-zu.png") no-repeat 15px 10px;
        background: #205832 url("../Img/mobiles-plus.svg") no-repeat 15px;
        background-size: 30px;
    }

    .unternehmen .parent.togglemobile.auf {
        background: #205832 url("../Img/pfeil-auf.png") no-repeat 15px 10px;
        background: #205832 url("../Img/mobiles-minus.svg") no-repeat 15px;
        background-size: 30px;
    }

    .togglemobile {
        cursor: pointer;
    }

    .mainlinks,
    .mainrechts {
        width: 100%;
    }

    .mainlinks {
        border-bottom: 1px solid var(--hf-color-primary);
        margin-bottom: 25px;
        visibility: hidden;
        opacity: 0;
        max-height: 0;
        transition: max-height 0.15s ease-out;
    }

    .friedhoefe .mainlinks {
        border-bottom: 1px solid #a3c658;
    }

    .bewerbungen .mainlinks {
        border-bottom: 1px solid #34ae4e;
    }

    .unternehmen .mainlinks {
        border-bottom: 1px solid #40ae49;
    }

    .mainlinks.active {
        opacity: 1;
        max-height: 500px;
        transition: max-height 0.25s ease-in;
        visibility: visible;
    }

    .grabkauf .mainlinks {
        border-bottom: 1px solid #00A2B8;
    }

    .grabkauf .mainlinks.active {
        max-height: 625px;
    }


    .collapsing {
        -webkit-transition: none;
        transition: none;
        display: none;
    }

    .content {
        padding: 15px 0 0 0;
    }

    .grau {
        padding: 0;
    }

    H1,
    H1.media-heading {
        font-size: 26px;
        font-weight: 300;
        margin: 0 0 10px 0;
    }

    .flex-control-nav {
        display: none;
    }

    .blende2 {
        background: url("../Img/layoer_gross.png") repeat-x top;
    }

    .navbar-brand {
        padding: 0;
    }

    .container-fluid > .navbar-header {
        margin: 0;
    }

    .navbar .close {
        display: block;
    }


    .navbar-default .navbar-toggle {
        border-color: #808284;
        border-radius: 0px;
        margin: 0;
        border: 1px solid #fff;
        padding: 12px 10px;
    }

    .navbar-collapse {
        border: 0;
    }

    .navbar-toggle .icon-bar {
        height: 1px;
        border-radius: 0px;
        background: #fff;
    }

    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .navbar-toggle .icon-bar + .icon-bar {
        margin-top: 7px;
    }

    .navbar-default .navbar-nav > .active > a,
    .navbar-default .navbar-nav > .active > a:focus,
    .navbar-default .navbar-nav > .active > a:hover,
    .navbar-default .navbar-nav > li > a {
        font-size: 30px;
        font-size: 20px;
        text-transform: uppercase;
        color: #e1e3e5;
        font-weight: 400;
        font-weight: 500;
        line-height: 25px;
    }

    .navbar-default .navbar-nav li UL LI {
        line-height: 25px;
    }

    .navbar-default .navbar-nav > li {
        margin-bottom: 30px;
    }

    #navbar .navbar-nav.menutop > li:last-child {
        display: block;
    }

    .navbar-default .navbar-nav li a {
        padding-right: 25px;
        display: inline;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form {
        border-color: #e7e7e7;
        background: #e6511e;

        background-size: cover;
        background: rgba(0, 0, 0, 0.85);
        width: 100%;
        top: 0;
        left: 0;
        margin: 0;
        z-index: 100;
        overflow: visible;
        padding: 0;
    }

    .navbar-nav {
        margin: 20% 0 0 20%;
    }

    .close {
        display: block;
        position: absolute;
        top: 30px;
        right: 30px;
        width: 43px;
        height: auto;
    }

    .close {
        filter: alpha(opacity=100);
        opacity: 1;
    }

    .subbox {
        position: relative;
        padding: 20px 0 0 0;
    }

    .navbar.navbar-default > DIV {
        padding: 0;
    }

    .navbar-brand {
        position: absolute;
    }

    .navbar-toggle {
        display: none;
    }

    .navbar-toggle.collapsed {
        display: block;
        margin: 30px 30px 0 0;
    }

    .header .navbar {
        left: 0;
    }

    .navbar-brand IMG {
        width: 130px;
        margin-top: 0px;
    }

    .navbar-brand {
        left: 15px;
    }

    .navbar-nav {
        margin: 0;
        text-align: right;
    }

    .navbar-default .navbar-nav > li UL {
        position: relative;
        opacity: 1;
    }

    .navbar-nav > li > a {
        padding: 0;
    }

    .navbar-collapse.collapse.in .nav.navbar-nav.navbar-right.subbox {
        margin-bottom: 150px;
    }

    .menutop {
        margin-top: 115px;
    }

    .subbox.navbar-nav > li.german A {
        border-right: 2px solid #c3c3c3;
        padding-right: 5px;
        margin-right: 5px;
    }

    .subbox.navbar-nav > li:nth-child(2) {
        clear: both;
    }

    .navbar-default .navbar-nav.subbox > li > a {
        font-size: 16px;
        font-weight: bold;
    }

    .subbox INPUT#mailformsword {
        width: 122px;
        margin-right: 25px;
    }

    .subbox INPUT {
        border: 0;
        border-radius: 0;
    }

    .subbox.navbar-nav > li:nth-child(1),
    .subbox.navbar-nav > li {
        padding: 0;
    }

    .subbox.navbar-nav > li {
        padding: 0 !important;
        float: right;
    }

    .mobilclear {
        clear: both;
    }


    .youtube,
    .instagram,
    .facebook {
        /*top: 100px;*/
        bottom: 0;
    }

    .footer .container UL.eins > LI {
        width: 50%;
        margin-bottom: 20px;
    }

    .footer UL LI A,
    .footer UL LI SPAN {
        font-size: 12px;
    }

    .footer .container LI.s13,
    .footer .container LI.s15,
    .footer .container LI.s17 {
        display: none;
    }

    .landingpage-logo {
        height: 150px;
        width: auto;
        margin-bottom: 15px;
    }

}


@media (max-width: 767px) {
    .grabkauf .flex-direction-nav a {
        width: 50px;
        height: 50px;
        border-radius: 50px;
        margin: -25px 0 0;
    }

    .grabkauf .flex-direction-nav a:before {
        width: 50px;
        height: 50px;
        background-size: auto 25px;
    }
}


@media (max-width: 550px) {
    H1,
    H1.media-heading,
    .mainrechts H1 {
        font-size: 21px;
        font-weight: 500;
    }

    .header .flexslider .slides img {
        width: auto;
        height: 100%;
        height: 180px;
        height: 200px;
        max-width: inherit;
    }

    .header,
    .flexslider .slides > li {
        height: 180px;
        height: 200px;
        -webkit-transition: height 500ms ease-out;
        -moz-transition: height 500ms ease-out;
        -o-transition: height 500ms ease-out;
        transition: height 500ms ease-out;
    }

    .flexslider .slides > li {
        height: 180px;
        height: 200px;
    }

    .headline {
        font-size: 5vw;
        line-height: 5vw;
    }
}

@media (max-width: 400px) {
    .lp-hf-logo {
        height: 50px;
        margin-top: 15px;
    }
}

.cookie-set {
    font-weight: 500;
    font-size: 12px;
    color: #c3c3c3;
}

.cookie-set.cookiecontent img {
    filter: blur(8px);
}

.gbevents-grid {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

.grid-sizer {
    display: none;
}