/**
 * Theme Name: Holzland Beese
 * Theme URI:
 * Author: abytemore e.U., Franz Nothdurfter
 * Description: Theme für Holzland Beese
 * Version: 1.0.78
 * Tags: OPUS Marketing, Bayreuth
 */


 :root {
    --brand-red: #c40000;
    --brand-gray: #6d7278;
    --brand-gray-lightest: #f5f5f5;
}

 .header-outer{
    position: relative;
    z-index: 100;
 }

.dark-background {
	    color: white;
}

.dark-background .number-element-num {
	    color: white;
}

.dark-background h1:after, .dark-background h2:after, .dark-background h3:after, .dark-background .h1:after, .dark-background .h2:after, .dark-background .h3:after {
    background-image: url(/wp-content/themes/holzland-beese/img/trennstrich-beese-weiss.svg);
}

ul, ol {
    margin-bottom: 30px;
}

.aufzaehlung {
    font-size: 60px;
	font-weight: 700;
}
.h1.no-line::after,
.h2.no-line::after,
.h3.no-line::after {
	content:normal;
}
.nav-side .icon-rundgang > a:after {
	background-image: url(img/icon-beese-virtueller-rundgang-rot2.svg);
}
.nav-side .icon-whatsapp > a:after {
	background-image: url(img/icon-beese-whatsapp.svg);
}
.nav-side .icon-ansprechpartner > a:after {
	background-image: url(img/icon-beese-ansprechpartner.svg);
}

/*slick slider*/

.quote-slider .slick-slide{
    height: auto;
}

/*Footer*/

#footer {
    padding: 60px 0 0px;
}

.footer-widget__zertifikate img:not(:last-child) {
    margin-right: 15px;
}

.footer-widget img {
    height: 90px;
    margin-top: 6px;
}

.footer-widget .nav-social img {
    height: 100%;
}


.footer-widget img{
    height: 90px;;
}
#footer .nav-social img {
    width: 39px;
}

.footer-widget__zertifikate img:not(:last-child){
    margin-right: 15px;
}

.sub-footer{
    background-color: #CACACA;
    margin-top: 15px;
    padding:30px 0;
}
.sub-footer__nav{
    max-width: 1170px;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
.sub-footer__nav li{
    list-style: none;
}
#footer .sub-footer__nav li a{
    color:#6E6E6E;
}

#footer .sub-footer__nav li:not(:last-child) a{
    padding-right:5px;
}


.sub-footer__nav ul{
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    padding: 0;
}
.nav-social a:not(:last-child) {
    margin-right: 15px;
}





@media only screen and (max-width: 767px) {
    .sub-footer__nav ul{
        flex-direction: column;
    }
}

@media (max-width: 991px) {
    .sub-footer__nav li{
        padding: 4px 0;
    }  
}


@media (min-width: 992px) {
    .footer-columns {
      margin-bottom: 40px;
    }
  }

/*Footer ende*/


/*simple job board */
/*job listing  .sjb-listing */
html .sjb-page .sjb-listing .list-data .v1 {
    background: #e2e2e2;
    border: 1px solid #e2e2e2;
		padding: 30px;
		min-height: 290px;
}

html .sjb-page .sjb-listing .list-data .v1 .job-info h4 a, html .sjb-page .sjb-listing .list-data .v2 .job-info h4 a {
    color: #6e6e6e;
		text-transform: uppercase;
		font-weight: 900;
}


html .sjb-page .sjb-listing .list-data .v1 .job-info h4 a:after {
    content: '';
    display: block;
    margin-top: 16px;
    margin-top: calc(16px - 0.1em);
    width: 105px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top left;
    background-image: url(img/trennstrich-beese-rot.svg);
}

html .sjb-page .sjb-listing .btn-primary{
		color: #b51b26 !important;
		background-color: transparent !important;
		border-color: #b51b26 !important;
		position: absolute;
    bottom: 45px;
}

 html .sjb-page .sjb-listing .btn-primary:hover, .sjb-page .sjb-listing .btn-primary:active:hover, .sjb-page .sjb-listing .btn-primary:active:focus, .sjb-page .sjb-listing .sjb-detail .jobpost-form .file div, .sjb-page .sjb-listing .sjb-detail .jobpost-form .file:hover div {
	 background-color: #b51b26 !important;
    border-color: #b51b26 !important;
    color: #fff !important;
 }
html .sjb-page .btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
		border-radius: 0px;
		padding: 6px 12px;
		border: 1px solid #b51b26;
	}
html .sjb-listing	.job-description p:first-child{
	display:none;
}

html .sjb-page .sjb-listing .list-data .v1 .job-info {
    margin: 0 0 20px;
}

html .sjb-page .sjb-listing .list-data .v1 .job-description {
    padding-top: 20px;
}

html  .sjb-page .sjb-filters.sjb-filters-v1 .btn-search {
    border: 1px solid #b51b26;
		background-color: #b51b26 !important;
		color: #ffffff !important;
}

html  .sjb-page  .btn-primary{
	background-color: #ffffff !important;
  color: #b51b26 !important;
}
html  .sjb-page .sjb-page .btn-primary:hover{
	background-color: #b51b26 !important;
  color: #ffffff !important;
}


html .sjb-page .sjb-filters {
    background-color: #e2e2e2 !important;
}

html .sjb-page .btn:focus, html .sjb-page  .btn:active:focus, html .sjb-page .btn.active:focus, html .sjb-page  .btn.focus, html .sjb-page  .btn:active.focus, html .sjb-page .btn.active.focus {
    outline: 0px auto -webkit-focus-ring-color;
     outline-offset: 0px;
}

/*jopb single page  .sjb-detail */

.job-features{
	display:none;
}
html .sjb-page .sjb-detail .list-data .v1 .job-detail h3 {
    color: #6e6e6e !important;
    font-weight: 700;
    font-size: 24px;
    font-size: 35px;
    line-height: 1.1;
}



html .sjb-page .sjb-detail .job-info,html .sjb-page .sjb-detail .job-type , html .sjb-page .sjb-detail .job-date{
	display: none;
}

html .sjb-page .sjb-detail .jobpost-form > h3{
	margin: 47px 0px 47px 0px !important;
	text-transform: uppercase;
}

html .sjb-page .sjb-detail .jobpost-form > h3:after{
	content: '';
	background-image: none;
	height: 0px;
}



html .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-box h3 {
    margin-bottom: 0px;
    font-size: 16px;
}
html .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-box{
	text-transform: uppercase;
}
html .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-box h3:after{
	content: '';
	background-image: none;
}

html .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-box {
    text-transform: none;
}


html .sjb-page .form-control {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #666;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e2e2e2 !important;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

html .sjb-page .sjb-detail .list-data .v1 .jobpost-form .file {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 0px;
    box-shadow: none;
    font-size: 16px;
    height: 40px;
    line-height: 1.42857;
		padding: 9px 12px;
}

html .sjb-page .sjb-detail .list-data .v1 .jobpost-form .file div {
    background: transparent;
    border-radius: 0px;
    font-size: 16px;
    top: 2px;
}

html .sjb-page input[type="file"]:focus, .sjb-page input[type="radio"]:focus, .sjb-page input[type="checkbox"]:focus {
    outline: 0px;
    outline-offset: 0px;
}

html .sjb-page .sjb-detail .list-data .v1 .jobpost-form .file:hover {
    border-color: #e1e1e1;
}


html .sjb-page .sjb-detail .list-data .v1 .jobpost-form .form-control {
    font-size: 16px;
    height: 36px;
	}

html .sjb-page .sjb-detail .list-data .v1 .jobpost-form .required {
    color: #b51b26;
    font-size: 16px;
}
html .sjb-page .btn-primary:hover {
    color: #fff;
    background-color: #b51b26;
    border-color: #b51b26;
}
html .sjb-page .btn-primary:focus,html .sjb-page .btn-primary.focus, html .sjb-page .btn-primary:active:focus,
html .sjb-page .pagination li.list-item span.current,
html .sjb-page .pagination li.list-item a:hover {
    color: #fff;
    background-color: #b51b26;
    border-color: #b51b26;
}

html .sjb-page .sjb-detail .list-data .v1 .jobpost-form .app-submit {
    margin: 5px 0px 72px 0px;
}

html .sjb-page .sjb-detail .list-data .v1 ul li::before, html .sjb-page .sjb-detail .list-data .v2 ul li::before {
    content: "";
}

html *::selection {
    background-color: #6e6e6e !important;
    color: #ffffff !important;
}
html .sjb-page ::selection {
	background-color: #6e6e6e !important;
	color: #ffffff !important;
}

html .sjb-page .sjb-detail .list-data .v1 .jobpost-form .app-submit {
    float: left;
}

.remove-line::after {
    display: none;
}

h3.remove-line {
    margin-top: 12px;
    margin-bottom: 12px;
}
  
h1.green-line:after, .h1.green-line:after {
    background-image: url(../holzland-beese/img/trennstrich-beese-gruen.svg);
}

h2.green-line:after, .h2.green-line:after {
    background-image: url(../holzland-beese/img/trennstrich-beese-gruen.svg);
}

h3.green-line:after, .h3.green-line:after {
    background-image: url(../holzland-beese/img/trennstrich-beese-gruen.svg);
}

h2.grey-line:after, .h2.grey-line:after {
    background-image: url(../holzland-beese/img/trennstrich-beese-grau.svg);
}

h3.white-line:after, .h3.white-line:after {
    background-image: url(../holzland-beese/img/trennstrich-beese-weiss.svg);
}

.btn-icon.btn-icon-mail-white {
    background-image: url(../holzland-beese/img/icon-mail-holzland-beese-unna-oben.svg);
}

a.btn-icon-mail-white {
    color: #fff;
}

.paper-cuts-full-width .vc_figure,
.paper-cuts-full-width .vc_figure .vc_box_border_grey {
    display: block !important;
}

.paper-cuts-full-width .vc_figure .vc_box_border_grey img {
    width: 100%;
    display: block;
}

.paper-cuts-full-width {
    z-index: 1;
}

.about-us-hr {
    border-top: 2px solid #431709;
}

.jahreszahl {
    font-size: 35px;
    line-height: 39px;
    font-weight: 700;
}

.kontakt-nachhaltigkeit .teaser.teaser-universal.bg-none {
    margin-bottom: 0px;
}

.kontakt-nachhaltigkeit .teaser-text {
    padding-top: 30px;
}

.nachhaltigkeit-adjust-h3 .h3 {
    font-size: 30px;
    padding-top: 30px;
}

@media only screen and (max-width: 767px) {
    .nachhaltigkeit-adjust-h3 .h3 {
        font-size: 20px;
        padding-top: 25px;
    }
}

@media only screen and (min-width: 992px) {
    .bautraeger-image-top img {
        object-position: 100% 0 !important;
    }
    .nachhaltigkeit-image-center .teaser.teaser-universal .teaser-image.image-contain img {
        object-position: 100%;
    }
}

/* Menüanpassung Nachhaltigkeit*/

@media (min-width: 992px) {
    .remove-big-menu {
        position: relative;
    }
    .remove-big-menu .menu-image {
        display: none !important;
    }
    .remove-big-menu .sub-menu {
        min-height: auto !important;
    }
    .remove-big-menu .sub-menu li {
        position: relative !important;
    }
    .remove-big-menu .sub-menu-container .sub-menu-container {
        width: 250px !important;
        left: -250px !important;
        min-height: auto !important;
    }
    .remove-big-menu .sub-menu-container .sub-menu-container li {
        float: none !important;
        width: 100% !important;
        padding: 0px !important;
    }
    .remove-big-menu .sub-menu-container .sub-menu-container li a {
        padding: 15px 20px;
    }
}

.preview-post-widget__text {
    font-weight: bold;
}


/** FAQ Accordion **/

/* FAQ Suche */
.faq-search-filter {
	margin-bottom: 50px;
}

.faq-search-filter .icon-search {
	position: absolute;
	top: 11px;
	left: 29px;
	background-size: 30px;
	width: 32px;
	height: 32px;
}

.faq-search-filter .faq-search-input {
	width: 100%;
	height: 50px;
	border-color: var(--brand-red);
	padding-left: 60px;
}

/* FAQ Wrapper */
.faq-wrapper .panel-group {
	margin-bottom: 24px;
	padding: 0 25px;
	background-color: var(--brand-gray-lightest);
}

.faq-wrapper .panel-collapse > .panel-body {
	border-top: 0;
	padding-right: 40px;
}

.faq-wrapper .accordion + .accordion {
	border-top: 2px solid var(--brand-gray);
}

.faq-wrapper .accordion {
	background-color: var(--brand-gray-lightest);
}

/* Pfeil-Icon */
.faq-wrapper .accordion .panel-heading a::after {
	content: "";
	position: absolute;
	background: url(/wp-content/themes/holzland-beese/img/icon-beese-navi-pfeil-aktiv-weiss.svg) 50% 50% transparent;
	background-color: var(--brand-red);
	border-radius: 50%;
	background-repeat: no-repeat;
	background-size: 17px;
	right: 0;
	width: 25px;
	height: 25px;
}

/* Accordion Headline */
.faq-wrapper .accordion .panel-heading a {
	font-size: 16px;
	line-height: 24px;
	padding: 25px 80px 20px 0;
	position: relative;
	display: block;
}

/* Pfeil zu */
.faq-wrapper .accordion .panel-heading a[aria-expanded="false"]::after {
	transform: rotate(90deg);
}

/* Pfeil offen */
.faq-wrapper .accordion .panel-heading a[aria-expanded="true"]::after {
	background-color: #6D7278;
	transform: rotate(-90deg);
}

/* Accordion Body */
.faq-wrapper .accordion .panel-body {
	padding: 0 0 20px 0;
}

.faq-wrapper .panel-group .panel-heading + .panel-collapse > .panel-body{
    border-top:0px !important;
 }

.faq-wrapper .accordion .panel-body img {
	margin-bottom: 25px;
}

/* Panel Abstand */
.faq-wrapper .panel + .panel {
	margin-top: 0;
}

/* Loading */
.faq-loading {
	text-align: center;
	padding: 20px;
	display: none;
}

/* Filter Buttons */
.faq-filter-btn {
	height: 46px;
	border: 2px solid;
}

.faq-filter-btn.active {
	color: #fff;
	background-color: var(--brand-red);
	border-color: var(--brand-red);
}

/* FAQ Highlight für Suchbegriffe */
mark.faq-highlight {
	background-color: var(--brand-gray);
	color: #ffffff;
	padding: 2px 4px;
	border-radius: 2px;
	font-weight: 500;
}