@charset "UTF-8";

:root {
--c-white: #fff;
--c-black: #000;
--c-yellow-300: #f8eb6c;
--c-yellow-400: #ffe500;
--c-brown-200: #eee9e0;
--c-brown-300: #eae5dc;
--c-brown-400: #dbd1bf;
--c-brown-500: #cbbba0;
--c-brown-600: #b1a188;
--c-brown-700: #432918;
--c-gray-200: #bebebe;
--c-gray-300: #f0f0f0;
--c-gray-400: #efefef;
--c-gray-500: #535353;
--c-gray-600: #d5d5d5;
--c-gray-700: #626262;
--c-primary: var(--c-yellow-400);
--c-text: var(--c-black);
--f-main: "Noah", sans-serif;
--f-headings: "Noah", sans-serif;
--wrapper-width: 120rem;
--padding-width: 2rem;
--gutter-width: 2rem;
--transition-duration: .25s
}
.accordions {
margin-bottom: 10.1rem
}
.accordions.-mb-small {
margin-bottom: 3.1rem
}
@media (min-width: 768px) {
.accordions {
margin-bottom: 9.9rem
}
}
.accordions a {
position: relative;
color: var(--c-black)
}
.accordions a:after {
content: "";
position: absolute;
left: 0;
bottom: .1rem;
width: 100%;
border: solid;
border-width: 0 0 .1rem
}
.accordions a:hover {
text-decoration: none
}
.accordions a:hover:after {
border: none
}
.accordions ul {
margin: 0;
padding: 0;
list-style-type: none
}
.accordions p {
margin-bottom: 2.4rem
}
.accordions p:last-of-type {
margin-bottom: 0
}
.accordions li, .accordions p {
letter-spacing: .065rem
}
.accordions li {
position: relative;
padding-left: 1rem;
line-height: 3.1rem
}
@media (min-width: 992px) {
.accordions li { line-height: 2.97rem
}
}
.accordions li:last-of-type {
margin-bottom: 0
}
.accordions li:before {
content: "\2022";
position: absolute;
left: 0;
top: 0
}
.accordions__heading {
margin-bottom: 3.9rem
}
@media (min-width: 992px) {
.accordions__heading {
margin-bottom: 4.2rem
}
}
.accordions__item:not(:last-child) {
margin-bottom: 1.5rem
}
.accordions__item-toggler {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: 100%;
max-width: 100%;
min-height: 6rem;
padding: 1.5rem 2rem 1.3rem;
color: var(--c-black);
text-align: left;
background-color: var(--c-primary)
}
@media (min-width: 992px) {
.accordions__item-toggler {
min-height: 8rem;
padding-left: 10.4rem;
padding-right: 9.6rem;
font-size: 3.2rem
}
}
.accordions__item-toggler:active, .accordions__item-toggler:hover {
color: var(--c-black)
}
.accordions__item-toggler-heading {
max-width: 80%;
margin-bottom: 0;
line-height: 2.3rem;
letter-spacing: .09rem
}
@media (min-width: 992px) {
.accordions__item-toggler-heading {
line-height: 3.8rem;
letter-spacing: .12rem
}
}
.accordions__item-toggler-icon {
display: grid;
width: 2.7rem;
height: 2.7rem;
place-content: center;
-webkit-transition: -webkit-transform var(--transition-duration);
transition: -webkit-transform var(--transition-duration);
-o-transition: -o-transform var(--transition-duration);
transition: transform var(--transition-duration);
transition: transform var(--transition-duration), -webkit-transform var(--transition-duration), -o-transform var(--transition-duration)
}
.accordions__item-toggler-icon svg {
width: 1.3rem;
height: 2.5rem
}
@media (min-width: 992px) {
.accordions__item-toggler-icon svg {
width: 1.5rem;
height: 2.7rem
}
}
.accordions__item-content {
max-height: 0;
padding-left: 2.2rem;
padding-right: 2.2rem;
-webkit-transition: max-height .2s ease-out;
-o-transition: max-height .2s ease-out;
transition: max-height .2s ease-out;
overflow: hidden
}
.accordions__item-inner-content {
padding: 3.5rem 0 4rem
}
@media (min-width: 992px) {
.accordions__item-inner-content {
padding-left: 8.2rem;
padding-right: 8.2rem
}
}
.accordions__item-inner-content h1, .accordions__item-inner-content h2, .accordions__item-inner-content h3, .accordions__item-inner-content h4, .accordions__item-inner-content h5 {
margin-bottom: .7rem;
font-size: 2rem;
letter-spacing: .07rem
}
@media (min-width: 992px) {
.accordions__item-inner-content h1, .accordions__item-inner-content h2, .accordions__item-inner-content h3, .accordions__item-inner-content h4, .accordions__item-inner-content h5 {
margin-bottom: 1.1rem
}
}
.accordions__item-download-file {
position: relative;
margin-bottom: 2.4rem;
padding-left: 5.6rem;
letter-spacing: .13rem;
text-decoration: none
}
@media (min-width: 992px) {
.accordions__item-download-file {
margin-bottom: 4.4rem;
padding-left: 7.6rem
}
}
.accordions__item-download-file:last-of-type {
margin-bottom: 0
}
.accordions__item-download-file:before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 2.6rem;
height: 2.7rem;
background: url(//blaettler-holzbau.ch/wp-content/themes/webwirkung-new/dist/images/icon-download.svg) no-repeat 50%/contain
}
@media (min-width: 992px) {
.accordions__item-download-file:before {
width: 3rem;
height: 3.1rem
}
}
.accordions__item-download-file:after {
content: none !important
}
@media (min-width: 992px) {
.accordions__item-download-file {
font-size: 3.2rem
}
}
.accordions__item-download-pdf {
display: inline-block;
margin-left: 4.6rem;
margin-top: 4.2rem;
font-size: 1.7rem;
letter-spacing: .06rem
}
@media (min-width: 992px) {
.accordions__item-download-pdf {
margin-left: 5.4rem;
margin-top: 8.8rem;
font-size: 2rem;
letter-spacing: .06rem
}
}
.accordions__item-download-pdf:after {
bottom: -.2rem !important
}
.accordions__item-download-pdf:before {
content: "";
position: absolute;
left: -4.4rem;
top: -1rem;
width: 2.8rem;
height: 3.927rem;
background: url(//blaettler-holzbau.ch/wp-content/themes/webwirkung-new/dist/images/icon-download-pdf.svg) no-repeat 50%/contain
}
@media (min-width: 992px) {
.accordions__item-download-pdf:before {
left: -5.4rem;
top: -2rem;
width: 3.78rem;
height: 5.09rem
}
}
.accordions__item.-active .accordions__item-toggler-icon {
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
.accordions__item.-job-posting p, .accordions__item.-job-posting ul {
margin-bottom: 3.6rem
}
@media (min-width: 992px) {
.accordions__item.-job-posting p, .accordions__item.-job-posting ul {
margin-bottom: 4rem
}
}
.accordions__item.-job-posting p:last-of-type {
margin-bottom: 0
}
.accordions__item.-job-posting .accordions__item-incontent-cta, .accordions__item.-job-posting .accordions__item-inner-content {
max-width: 79.3rem;
margin: 0 auto
}
.accordions__item.-job-posting .accordions__item-inner-content {
padding: 4.3rem 0
}
@media (min-width: 992px) {
.accordions__item.-job-posting .accordions__item-inner-content {
padding: 8.5rem 0
}
}
.accordions__item.-job-posting .accordions__item-incontent-cta {
margin-top: .6rem;
margin-bottom: 6.2rem
}
@media (min-width: 992px) {
.accordions__item.-job-posting .accordions__item-incontent-cta {
margin-top: -.6rem;
margin-bottom: 13rem
}
}
.accordions__item.-job-posting .accordions__item-incontent-cta p {
margin-bottom: 2.1rem
}
@media (min-width: 992px) {
.accordions__item.-job-posting .accordions__item-incontent-cta p {
margin-bottom: 3.4rem;
font-size: 2.5rem;
letter-spacing: .08rem
}
}
.accordions__item.-job-posting .accordions__item-incontent-cta p:last-of-type {
margin-bottom: 0
}
@media (min-width: 992px) {
.accordions__item.-download .accordions__item-inner-content {
padding-top: 5.8rem;
padding-bottom: 7rem
}
}
.page-id-7449 .accordions__item-download-pdf:before {
display: none;
}
.page-id-7449 .accordions__item-download-pdf {
background: #000;
color: #ffe500;
font-size: 20px;
font-weight: 700;
line-height: 42px;
letter-spacing: 0.03em;
padding: 0 26px;
margin-left: 0;
margin-right: 46px;
}
.page-id-7449 .accordions__item-download-pdf:after {
display: none;
}
@media (max-width: 768px) {
.page-id-7449 .accordions__item-download-pdf {
padding: 0 16px;
margin-right: 46px;
}
}