/* Add your css code here */
/* Variable Definitions: --r-bg: Sets the background color. --r-tx: Sets the text color. --r-h1: Sets the color for h1, h2, and h3 headings. --r-lk: Sets the link text color. --r-lk-h: Sets the hover color for link text. --r-br: Sets the border color. --r-bg-fr: Sets the background color for input forms. --r-tx-lk: Sets the menu link text color. --r-tx-lk-h: Sets the hover color for menu link text. --r-bg-lk: Sets the background color for menu links. --r-bg-lk-h: Sets the hover background color for menu links. --r-tx-bt: Sets the button text color. --r-tx-bt-h: Sets the hover color for button text. --r-bg-bt: Sets the button background color. --r-bg-bt-h: Sets the hover background color for buttons. */
/* Regions Names, each region has an ID and a Class with the same name. You can use .page-wrapper or #page-wrapper #page-wrapper {
}
 #primary-sidebar-menu {
}
 #fixed-search-block {
}
 #popup-login-block {
}
 #header {
}
 #primary-menu {
}
 #welcome-text {
}
 #top-container {
}
 #top-box-first {
}
 #top-box-second {
}
 #top-box-third {
}
 #system-messages {
}
 #breadcrumb {
}
 #page-title {
}
 #main-container {
}
 #sidebar-box-first {
}
 #sidebar-box-main {
}
 #sidebar-box-second {
}
 #bottom-container {
}
 #bottom-box-first {
}
 #bottom-box-second {
}
 #bottom-box-third {
}
 #bottom-box-fourth {
}
 #footer-container {
}
 #footer-box-first {
}
 #footer-box-second {
}
 #footer-box-third {
}
 #footer-menu {
}
 #copyright {
}
 Examples: #page-wrapper {
     background-color: var(--r-bg);
     color: black;
     border-color: var(--r-br);
}
 h1, h2, h3 {
     color: var(--r-h1);
}
 a:not(li.nav__menu-item a) {
     color: var(--r-lk);
     color: var(--r-lk-h);
}
 input:not(.button) {
     background-color: var(--r-bg-fr);
}
 li.nav__menu-item a {
     color: var(--r-tx-lk);
     background-color: var(--r-bg-lk);
}
 li.nav__menu-item a:hover {
     color: var(--r-tx-lk-h);
     background-color: var(--r-bg-lk-h);
}
 button:not(li.nav__menu-item button) {
     color: var(--r-tx-bt);
     background-color: var(--r-bg-bt);
}
 button:not(li.nav__menu-item button):hover {
     color: var(--r-tx-bt-h);
     background-color: var(--r-bg-bt-h);
}
 https://www.drupal.org/docs/extending-drupal/themes/contributed-themes/solo/instructions-for-developers-on-using-colors-in-solo-theme */
.page-wrapper {
    --r-tx: black;
}

.solo-outer .region-inner {
    padding: 0px;
}

/* Vollbild-Schwarzer Hintergrund */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    display: flex;
    justify-content: space-evenly;
    align-items: initial;
    z-index: 9999;
}

#preloader object {
    width: 100%;
}

#preloader object svg {
    width: 100%;
}

#footer-container {
    border-top: 1px solid black;
    margin-top: 4rem;
}

.region-inner.main-box-inner {
    background: black;
    color: white;
}

#main-container {
    background: black;
    color: white;
}

nav#block-werkraumklima-main-menu ul {
    list-style-type: none;
    padding-left: 0px;
}

nav#block-werkraumklima-main-menu ul li {
    border-bottom: 1px solid black;
    padding-left: 2.1rem;
}

nav#block-werkraumklima-main-menu ul li:hover {
    background: black;
    color: white;
}

nav#block-werkraumklima-main-menu ul li a {
    font-size: 1.5rem;
    width: 100%;
    display: block;
    z-index: 1;
    padding-top: 0.5rem;
    width: 1280px;
    max-width: 1280px;
    margin: 0 auto;
}

nav#block-werkraumklima-main-menu ul li:hover a {
    color: white;
}

nav#block-werkraumklima-main-menu ul.menu li div.menu_link_content {
    z-index: 0;
    width: 1280px;
    max-width: 1280px;
    margin: 0 auto;
    margin-top: -2rem;
}

nav#block-werkraumklima-main-menu .menu>li:nth-child(1)>div:nth-child(2) {
    padding-left: 220px;
}

nav#block-werkraumklima-main-menu .menu>li:nth-child(2)>div:nth-child(2) {
    padding-left: 172px;
}

nav#block-werkraumklima-main-menu .menu>li:nth-child(3)>div:nth-child(2) {
    padding-left: 160px;
}

nav#block-werkraumklima-main-menu {
    position: fixed;
    transition: top 0.61s;
}

nav#block-werkraumklima-main-menu ul li div div.field--name-field-beschreibung {
    padding-top: .25rem;
}

#primary-menu-inner {
    max-width: inherit;
}

object.werk {
    width: 320px;
}

object.raum {
    height: 360px;
    float: right;
    /* margin-right: 4rem;
   */
}

object.klima {
    max-width: 340px;
    float: right;
    clear: both;
    margin-top: 4rem;
    width: 340px;
    /* margin-right: 4rem;
   */
}

.page-wrapper .login-button-open button:hover::after,
.page-wrapper .login-button-open button:hover::before,
.page-wrapper nav ul:not(.solo-ul, .field ul) li>a:hover::after,
.page-wrapper nav ul:not(.solo-ul, .field ul) li>a:hover::before,
.page-wrapper nav ul:not(.solo-ul, .field ul) li>button:hover::after,
.page-wrapper nav ul:not(.solo-ul, .field ul) li>button:hover::before {
    animation: none !important;
    border: none;
    content: none;
}

#block-werkraumklima-main-menu ul {
    margin-top: 0px;
}

@media (max-width: 1280px) {

    nav#block-werkraumklima-main-menu ul li a,
    nav#block-werkraumklima-main-menu ul.menu li div.menu_link_content {
        width: 100%;
        max-width: 100%;
    }

    nav#block-werkraumklima-main-menu ul li {
        padding-left: 1rem;
    }
}

.text {
    max-width: 720px;
    padding-right: 2rem;
    margin-top: 2rem;
    margin-right: 6rem;
}

@media (min-width: 1030px) {
    #main-container {
        padding-top: 122px;
    }
}

@media (min-width: 992px) and (max-width:1029px) {
    #main-container {
        padding-top: 152px;
    }
}

@media (max-width:992px) {
    #main-container {
        padding-top: 32px;
    }
}


div#content-bottom-first.solo-outer div.solo-inner,
div#content-bottom-second.solo-outer div.solo-inner {
    display: grid;
    margin-inline: auto;
    margin-block: 0;
    padding: var(--solo-px16);
}

div#content-bottom-first.solo-outer div.solo-inner {
    background: white;
    color: black;
}

div#content-bottom-second.solo-outer {
    background: black;
}

div#content-bottom-second h2 {
    color: white;
    margin-bottom: 2rem;
    margin-top: 1rem;
}

#block-werkraumklima-main-menu ul li:last-child {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
    border-bottom: 0px !important;
}

h1,
h2,
h1.page-title-text {
    font-size: var(--solo-px36);
}

h1.page-title-text,
.page-wrapper hr,
.page-wrapper ul,
.page-wrapper table {
    color: white;
}

nav#block-werkraumklima-main-menu ul li div.field.field--name-field-beschreibung {
    color: black;
}

nav#block-werkraumklima-main-menu ul li:hover div.field.field--name-field-beschreibung {
    color: white;
}

#main-container a.arrow,
#content-bottom-second a.arrow {
    background-image: url(/themes/custom/werkraumklima/img/arrow_white_right.svg);
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-size: 20px;
    background-position-y: 50%;
    border: 1px solid;
    border-radius: 30px;
    /* padding: 0 2.5rem 0 1rem;
   */
    padding: 0.25rem 2.5rem 0.25rem 1rem;
    text-decoration: none;
}

#main-container a.arrow:hover,
#content-bottom-second a.arrow:hover {
    background-image: url(/themes/custom/werkraumklima/img/arrow_black_down_small.svg);
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-size: 16px;
    background-position-y: 50%;
    border: 1px solid;
    border-radius: 30px;
    padding: 0.25rem 2.5rem 0.25rem 1rem;
    text-decoration: none;
    background-color: white;
    color: black;
}

#content-bottom-first a.arrow,
#bottom-container a.arrow {
    background-image: url(/themes/custom/werkraumklima/img/arrow_black_right.svg);
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-size: 20px;
    background-position-y: 50%;
    padding: 0.25rem 2.5rem 0.25rem 1rem;
    border: 1px solid;
    border-radius: 30px;
    padding: 0.25rem 2.5rem 0.25rem 1rem;
    text-decoration: none;
}

#content-bottom-first a.arrow:hover,
#bottom-container a.arrow:hover {
    background-image: url(/themes/custom/werkraumklima/img/arrow_white_down_small.svg);
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-size: 16px;
    background-position-y: 50%;
    border: 1px solid;
    border-radius: 30px;
    padding: 0.25rem 2.5rem 0.25rem 1rem;
    text-decoration: none;
    background-color: black;
    color: white;
}

#main-container a.arrowright,
#content-bottom-second a.arrowright {
    background-image: url(/themes/custom/werkraumklima/img/arrow_white_right.svg);
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-size: 20px;
    background-position-y: 50%;
    border: 1px solid;
    border-radius: 30px;
    padding: 0.25rem 2.5rem 0.25rem 1rem;
    text-decoration: none;
}

#main-container a.arrowright:hover,
#content-bottom-second a.arrowright:hover {
    background-image: url(/themes/custom/werkraumklima/img/arrow_black_right.svg);
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-size: 20px;
    background-position-y: 50%;
    border: 1px solid;
    border-color: white;
    border-radius: 30px;
    padding: 0.25rem 2.5rem 0.25rem 1rem;
    text-decoration: none;
    background-color: white;
    color: black;
}

#content-bottom-first a.arrowright,
#bottom-container a.arrowright {
    background-image: url(/themes/custom/werkraumklima/img/arrow_black_right.svg);
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-size: 20px;
    background-position-y: 50%;
    padding: 0.25rem 2.5rem 0.25rem 1rem;
    border: 1px solid;
    border-radius: 30px;
    padding: 0.25rem 2.5rem 0.25rem 1rem;
    text-decoration: none;
}

#content-bottom-first a.arrowright:hover,
#bottom-container a.arrowright:hover {
    background-image: url(/themes/custom/werkraumklima/img/arrow_white_right.svg);
    background-repeat: no-repeat;
    background-position-x: calc(100% - 10px);
    background-size: 20px;
    background-position-y: 50%;
    border: 1px solid;
    border-color: black;
    border-radius: 30px;
    padding: 0.25rem 2.5rem 0.25rem 1rem;
    text-decoration: none;
    background-color: black;
    color: white;
}

section#block-werkraumklima-pfadnavigation ul li a {
    padding: .5rem 1rem 0.5rem 3.5rem !important;
}

#main-container a.arrowleft,
#content-bottom-second a.arrowleft,
section#block-werkraumklima-pfadnavigation ul li a.btn-animate {
    background-image: url(/themes/custom/werkraumklima/img/arrow_white_left.svg);
    background-repeat: no-repeat;
    background-position-x: calc(20% - 10px);
    background-size: 20px;
    background-position-y: 50%;
    border: 1px solid;
    border-radius: 30px;
    padding: 0 1rem 0 2.5rem;
    text-decoration: none;
    width: fit-content;
}

#main-container a.arrowleft:hover,
#content-bottom-second a.arrowleft:hover,
section#block-werkraumklima-pfadnavigation ul li a.btn-animate:hover {
    background-image: url(/themes/custom/werkraumklima/img/arrow_black_left.svg);
    background-repeat: no-repeat;
    background-position-x: calc(20% - 10px);
    background-size: 20px;
    background-position-y: 50%;
    border: 1px solid;
    border-color: white;
    border-radius: 30px;
    padding: 0 1rem 0 2.5rem;
    text-decoration: none;
    background-color: white;
    color: black;
    width: fit-content;
}

#content-bottom-first a.arrowleft,
#bottom-container a.arrowleft {
    background-image: url(/themes/custom/werkraumklima/img/arrow_black_left.svg);
    background-repeat: no-repeat;
    background-position-x: calc(20% - 10px);
    background-size: 20px;
    background-position-y: 50%;
    padding: 0.25rem 2.5rem 0.25rem 1rem;
    border: 1px solid;
    border-radius: 30px;
    padding: 0 1rem 0 2.5rem;
    text-decoration: none;
    width: fit-content;
}

#content-bottom-first a.arrowleft:hover,
#bottom-container a.arrowleft:hover {
    background-image: url(/themes/custom/werkraumklima/img/arrow_white_left.svg);
    background-repeat: no-repeat;
    background-position-x: calc(20% - 10px);
    background-size: 20px;
    background-position-y: 50%;
    border: 1px solid;
    border-color: black;
    border-radius: 30px;
    padding: 0 1rem 0 2.5rem;
    text-decoration: none;
    background-color: black;
    color: white;
    width: fit-content;
}

#content-bottom-first a:hover,
#bottom-container a:hover {
    /* color:white !important;
    background:black;
   */
}

#content-bottom-first a,
#bottom-container a {
    color: black;
}

.map {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}

.field--name-body a {
    border: 0px;
    padding: 0px;
}

.field--name-body a:hover {
    border: 0px;
    padding: 0px;
    background: transparent;
    text-decoration: underline;
}

#main-container .field--name-body a.border,
#content-bottom-second .field--name-body a.border,
div.taxonomy-term-entity.field div a {
    color: white;
    border: 1px solid white;
    border-radius: 30px;
    padding: .25rem 1.5rem;
    --r-lk: white;
}

div.taxonomy-term-entity.field div a:hover {
    color: black;
    background: white;
    border: 1px solid white;
}

#main-container .field--name-body a.border:hover,
#content-bottom-second .field--name-body a.border:hover {
    background: white;
    color: black !important;
    --r-lk-h: white;
    text-decoration: none;
}

#content-bottom-first .field--name-body a.border,
#bottom-container .field--name-body a.border {
    color: black;
    border: 1px solid black;
    border-radius: 30px;
    padding: 0 1rem;
    --r-lk: black;
}

#content-bottom-first .field--name-body a.border:hover,
#bottom-container .field--name-body a.border:hover {
    background: black;
    color: white !important;
    --r-lk-h: white;
    text-decoration: none;
}

.field--name-body a {
    color: white;
}

.field--name-body a:not(.nav__menu-link, .button, .site-name-link, .site-logo, h1 a, h2 a, h3 a) {
    color: white;
}

.field--name-body a:not(.nav__menu-link, .button, .site-name-link, .site-logo, h1 a, h2 a, h3 a):hover,
.page-wrapper h3 a span {
    color: white;
}

.path-frontpage section#block-werkraumklima-content .field--name-body table tbody tr {
    border: 0px;
}

.path-frontpage section#block-werkraumklima-content .field--name-body table tbody tr td:nth-child(1) {
    vertical-align: bottom;
}

.main-container a:not(.nav__menu-link, .button, .site-name-link, .site-logo, h1 a, h2 a, h3 a),
.main-container a:not(.nav__menu-link, .button, .site-name-link, .site-logo, h1 a, h2 a, h3 a):hover {
    color: white;
}

ul {
    list-style-type: '– ';
    margin-top: 0px;
}

.accordion.active {
    border-top: 1px solid #000;
    padding: 0.75rem 0;
    cursor: pointer;
    background-image: url(/themes/custom/werkraumklima/img/minus.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 32px;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.8s;
    padding-right: 2rem;
}

.accordion {
    border-top: 1px solid #000;
    padding: 0.75rem 0;
    cursor: pointer;
    background-image: url(/themes/custom/werkraumklima/img/plus.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 32px;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    outline: none;
    transition: 0.8s;
    padding-right: 2rem;
}


.accordion.active .panel {
    transition: 0.5s ease-out;
}

#block-werkraumklima-test,
#block-werkraumklima-buro,
#block-werkraumklima-team,
#bottom-box-second,
.block-werkraumklima-test {
    margin-bottom: 3rem;
    margin-top: 3rem;
}

#block-werkraumklima-views-block-index-block-1 {
    margin-bottom: 4rem;
}

#block-werkraumklima-filter,
#portfolio {
    margin-top: 3rem;
    margin-bottom: 2rem;
}

.block-werkraumklima-test div.field.field--name-body {
    border-bottom: 1px solid #000;
}

.page-wrapper form input.button.form-submit:hover {
    animation: none;
}

div#page-wrapper div#main-container ul li {
    color: white;
}

div.slick-slide.slick-cloned {
    display: none !important;
}

.page-node-type-portfolio section#block-werkraumklima-content div.solo-clear.node__content {
    display: block;
}



section#block-werkraumklima-content div.slick.blazy {
    max-width: 620px;
    width: 100%;
    height: auto;
}

button.slick-next {
    float: right;
}

html {
    scroll-behavior: smooth;
}

section#block-werkraumklima-team div.field>div.w3-stretch {
    padding-top: 4px !important;
}

.path-frontpage section#block-werkraumklima-content div.solo-clear.node__content div.field.field--name-body table tbody tr td a img {
    width: 32px;
}

section#block-werkraumklima-arrowup p button#myBtn img {
    width: 28px;
}

div#page-wrapper.page-wrapper section#block-werkraumklima-pfadnavigation nav ul,
div#page-wrapper.page-wrapper section#block-werkraumklima-pfadnavigation nav ul li {
    background: black;
}

div#page-wrapper.page-wrapper section#block-werkraumklima-pfadnavigation nav ul li,
div#page-wrapper.page-wrapper section#block-werkraumklima-pfadnavigation nav ul li svg.breadcrumb-sep {
    display: none;
}

div#page-wrapper.page-wrapper section#block-werkraumklima-pfadnavigation nav ul li:nth-child(1) {
    display: block;
}

a.linkedin img {
    width: 32px;
    margin-top: .35rem;
}

a.linkedin:hover img {
    width: 32px;
    background-image: url('/themes/custom/werkraumklima/img/linkedIn_hover.svg');
}

h3.js-views-accordion-group-header,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: 'Space Mono';
}

h3.js-views-accordion-group-header .title {
    text-transform: uppercase;
    min-width: 53%;
    display: inline-block;
    vertical-align: top;
}

h3.js-views-accordion-group-header .tag {
    display: inline-block;
}

h3.js-views-accordion-group-header time {
    float: right;
}

h3.js-views-accordion-group-header {
    background: black;
    border: 0px;
    color: white;
    border-top: 1px solid white;
    border-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

/*
div.views-row:last-child {
    border-bottom: 1px solid white;
}
*/
section#portfolio div.views-row div.ui-accordion-content div.views-row:last-child {
    border-bottom: 0px;
}

#content-bottom-second .ui-widget-content {
    background: black;
    color: white;
    border: 0px;
    padding: 0rem 0rem 2rem 0rem;
}

.page-wrapper #content-bottom-second .ui-widget-content ul:not(.field ul),
.page-wrapper #content-bottom-second .ui-widget-content ul li:not(.field ul li),
.page-wrapper #content-bottom-second ul li:not(.field ul li),
.page-wrapper #content-bottom-second ul:not(.field ul) {
    background: black;
    color: white;
}

.page-wrapper #content-bottom-second ul li a {
    color: white;
}

.page-wrapper #content-bottom-second .ui-widget-content ul:not(.field ul) {
    padding-left: 1rem;
}

.ui-accordion .ui-accordion-header {
    padding: .75rem 3.5rem 0.75rem 0rem !important;
}

.google-maps {
    position: relative;
    padding-bottom: 75%;
    overflow: hidden;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

section#block-werkraumklima-buro {
    padding-right: 2rem;
}

section#block-werkraumklima-test {
    padding-left: 8px;
}

section#portfolio div.views-row div.views-field.views-field-body,
section#portfolio div.views-row div.views-field.views-field-field-galerie,
div.accordion-container div.accordion-content div.accordion-content div.views-field.views-field-body-1,
div.accordion-container div.accordion-content div.accordion-content div.views-field.views-field-field-galerie {
    width: 50%;
    float: left;
}

section#portfolio div.views-row div.views-field.views-field-field-galerie,
div.rechts {
    padding-left: 0.5rem;
}

h3.ui-accordion-header {
    background-image: url(/themes/custom/werkraumklima/img/plus_white.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 32px;
}

h3.ui-accordion-header-active {
    background-image: url(/themes/custom/werkraumklima/img/minus_white.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 32px;
}

div.views-field.views-field-field-galerie button.next {
    float: right;
}

button.slick-prev,
button.prev {
    background-image: url(/themes/custom/werkraumklima/img/arrow_white_left.svg);
    background-repeat: no-repeat;
    background-position-x: left;
    background-size: 32px;
    background-position-y: 50%;
    padding-left: 2.5rem;
    color: black;
}

button.slick-next,
button.next {
    background-image: url(/themes/custom/werkraumklima/img/arrow_white_right.svg);
    background-repeat: no-repeat;
    background-position-x: right;
    background-size: 32px;
    background-position-y: 50%;
    padding-right: 2.5rem;
    color: black;
}

button.prev,
button.next {
    margin-top: 0.75rem;
}

div.views-row h3 div.content {
    display: inline;
    /* margin-right: 3rem; */
}

@media (max-width: 991px) {
    .ui-accordion .ui-accordion-header {
        padding-top: .75rem;
        padding-bottom: .75rem;
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width: 992px) {
    h3 {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
        /* Ermöglicht Zeilenumbruch bei kleineren Bildschirmen */
    }

    h3 time {
        align-self: flex-start;
    }

    div.accordion-content.views-row h3 div.content {
        margin-right: 1rem;
    }

    section#leistungen {
        padding-right: 0rem;
    }

    h3.js-views-accordion-group-header .title {
        display: flex;
    }

    p.text {
        max-width: none;
        margin-right: 0px;
        padding-right: 3rem;
    }

    #welcome-text,
    #primary-menu {
        background: black !important
    }

    #block-werkraumklima-hauptnavigation ul.menu {
        list-style-type: none;
        margin: 0px;
        padding: 0px;
    }

    .menu_link_content.menu-link-contentmain {
        display: none;
    }

    #block-werkraumklima-hauptnavigation ul li {
        padding: 1rem;
        border-bottom: 1px solid black;
    }

    #block-werkraumklima-hauptnavigation ul li:last-child {
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
        border-bottom: 0px !important;
    }

    #block-werkraumklima-hauptnavigation ul li a {
        color: black;
        text-transform: none;
        font-family: 'MediaSans';
        font-size: 2rem;
        padding: 0px;
        width: 100%;
        display: block;
    }

    #block-werkraumklima-hauptnavigation ul li:nth-child(4)>a:nth-child(1),
    #block-werkraumklima-hauptnavigation ul li:nth-child(5)>a:nth-child(1) {
        font-family: 'Space Mono';
        font-size: 1rem;
        border: 1px solid black;
        border-radius: 30px;
        padding: 0rem 1rem 0rem 1rem;
    }

    object.werk {
        width: 168px;
    }

    object.raum {
        height: 216px;
        float: right;
        /* margin-right: 1rem;
       */
    }

    object.klima {
        max-width: 200px;
        float: right;
        clear: both;
        margin-top: 0rem;
        /* margin-right: 1rem;
        */
    }

    .arrow_start {
        display: none
    }

    #block-werkraumklima-test,
    #block-werkraumklima-buro,
    #bottom-box-second,
    .block-werkraumklima-test {
        margin-bottom: 2rem;
        margin-top: 2rem;
    }

    div#bottom-box-second.bottom-box-second {
        margin-top: 0px;

    }

    #block-werkraumklima-team {
        margin-bottom: 0rem;
    }

    html {
        scroll-padding-top: 76px;
    }

    .page-node-type-page:not(.path-frontpage) section#block-werkraumklima-content article div.solo-clear.node__content div.field.field--name-body {
        column-count: 1;
    }
}

@media (min-width: 48rem) {

    .page-node-type-portfolio section#block-werkraumklima-content div.solo-clear.node__content .links,
    .page-node-type-portfolio section#block-werkraumklima-content div.solo-clear.node__content .rechts {
        max-width: 50%;
        float: left;
    }

    label[for="accordion-toggle"] {
        display: none;
    }
}

@media (max-width: 48rem) {
    object.werk {
        width: 156px;
    }

    object.raum {
        height: 184px;
        float: right;
        /* margin-right: 1rem;
        */
    }

    object.klima {
        max-width: 178px;
        float: right;
        clear: both;
        margin-top: 0rem;
        /* margin-right: 1rem;
        */
        min-width: 178px;
    }

    section#block-werkraumklima-test,
    .block-werkraumklima-test {
        padding-left: 0px;
    }

    section#portfolio div.views-row div.views-field.views-field-body,
    section#portfolio div.views-row div.views-field.views-field-field-galerie,
    div.links,
    div.rechts,
    div.accordion-container div.accordion-content div.accordion-content div.views-field.views-field-field-galerie,
    div.accordion-container div.accordion-content div.accordion-content div.views-field.views-field-body-1 {
        width: 100%;
    }

    section#portfolio div.views-row div.views-field.views-field-body {
        padding-right: 0px;
    }

    section#portfolio div.views-row div.views-field.views-field-field-galerie {
        padding-left: 0px;
    }

    p a.arrowright {
        width: 100%;
        display: block;
    }

    div.views-row div.ui-accordion-content {
        width: 100%;
    }

    p a.w3-mobile,
    p a.w3-mobile:hover {
        border-radius: 30px;
        border: 1px solid black;
        padding: 0.35rem 1rem 0.35rem 1rem;
        width: 100%;
        margin-bottom: 16px;
    }

    button#myBtn1 {
        border-radius: 30px;
        border: 1px solid black;
        width: 100%;
        padding: 0.25rem .5rem 0.25rem 1rem;
    }

    button#myBtn1:hover {
        text-decoration: underline;
    }

    button#myBtn1 img {
        float: right;
        margin-right: .75rem;
        margin-top: .25rem;
    }

    #block-werkraumklima-filter,
    #portfolio {
        margin-bottom: 1rem;
    }

    div#content-bottom-second h2 {
        margin-bottom: 1.5rem;
    }

    section.block-facets-ajax {
        margin-bottom: .25rem;
    }

    label[for="accordion-toggle"] {
        display: block;
    }
}

p a.w3-mobile,
p a.w3-mobile:hover {
    display: block;
}

@media (min-width: 992px) {

    #block-werkraumklima-main-menu li:nth-child(4),
    #block-werkraumklima-main-menu li:nth-child(5),
    #block-werkraumklima-main-menu>ul:nth-child(2) li:nth-child(5) {
        display: none !important;
    }

    html {
        scroll-padding-top: 154px;
    }

    section#leistungen {
        padding-right: 2rem;
    }

    .page-node-type-page:not(.path-frontpage) section#block-werkraumklima-content article div.solo-clear.node__content div.field.field--name-body {
        column-count: 2;
        column-gap: 4rem;
        hyphens: auto;
    }
}

.responsive-menus.responsified.responsive-toggled span.toggler {
    border-radius: 30px;
}

@media (max-width: 62rem) {
    h2 {
        font-size: var(--solo-px32) !important;
    }

    div.views-row div.ui-accordion-content {
        width: 100%;
    }
}

@media (min-width: 62rem) {

    h3.js-views-accordion-group-header .tag {
        display: inline-block;
        max-width: 40%;
    }
}



@media (max-width: 36rem) {
    h2 {
        font-size: var(--solo-px32) !important;
    }

    .field p,
    .field li,
    .field span {
        line-height: 1.4rem !important;
    }

    .text {
        margin-right: 0px;
    }

    object.werk {
        width: 144px;
    }

    object.raum {
        height: 164px;
        float: right;
        /* margin-right: 1rem;
       */
    }

    object.klima {
        max-width: 158px;
        float: right;
        clear: both;
        margin-top: 0rem;
        /* margin-right: 1rem;
        */
        min-width: 158px;
    }

    p.text {
        font-size: 1.1rem;
        line-height: 2rem !important;
        padding-right: 2.5rem;
    }

    .field p,
    .field li,
    .field span {
        line-height: var(--solo-px28);
    }
}

#block-werkraumklima-hauptnavigation ul.menu {
    display: none;
}

#block-werkraumklima-hauptnavigation ul.menu.active {
    display: block;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .16), 0 2px 10px 0 rgba(0, 0, 0, .12);
}

#block-werkraumklima-hauptnavigation {
    position: fixed;
    transition: top 0.61s;
    background: transparent;
    z-index: 100;
}

#block-werkraumklima-hauptnavigation h2 {
    background: black;
    border: 1px solid white;
    margin: 1rem 1rem;
    border-radius: 30px;
    background-image: url(/themes/custom/werkraumklima/img/menu.svg);
    background-repeat: no-repeat;
    background-position-x: calc(100% - 16px);
    background-size: 32px;
    background-position-y: 50%;
    font-family: 'Space Mono';
    color: white;
    font-size: 1rem !important;
    padding: .35rem 1rem 0.35rem 1rem !important;
    cursor: pointer;
}

p.text {
    font-size: 1.25rem;
    line-height: 2.5rem;
}

p.text a.arrow {
    padding: 0.15rem 2.5rem 0.15rem 1rem !important;
}

#main-container,
#content-bottom-first,
#content-bottom-second,
#bottom-container,
#footer-container,
.ui-helper-reset {
    line-height: 1.4rem;
}

html,
body {
    word-spacing: -0.3rem;
}

html div.contextual {
    word-spacing: 0rem;
    line-height: 1.66rem;
}


div#footer-container-inner p a {
    color: black;
}

h1.page-title-text {
    line-height: 3rem;
    margin-top: 2rem;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.is-b-loading::before {
    background: url(/themes/custom/werkraumklima/img/logo_negativ.svg) !important;
    animation: none !important;
}

section#portfolio div.views-row div.views-field.views-field-body,
div.links,
div.accordion-container div.accordion-content div.accordion-content div.views-field.views-field-body-1 {
    padding-right: 2rem;
}


.breadcrumb-nav {
    margin-top: 4rem;
}

section#block-werkraumklima-local-tasks ul li a {
    color: black;
}

@media (max-width: 600px) {

    section#block-werkraumklima-team div div.w3-stretch:nth-child(2)>div:nth-child(2)>p:nth-child(1),
    section#block-werkraumklima-team div div.w3-stretch:nth-child(3)>div:nth-child(2)>p:nth-child(1) {
        padding-top: 1rem;
    }

    .ui-accordion .ui-accordion-header {
        display: flex;
    }


    div.views-row h3 div.content {
        display: inline;
        margin-right: 3rem;
        flex: 100%;
    }

    h3.js-views-accordion-group-header time {
        float: left;
        clear: left;
    }

    div#content-bottom-second h2,
    .w3-black-font h2 {
        margin-bottom: 1.5rem !important;
    }

}

#block-werkraumklima-content {
    margin-top: 2rem;
}

a.w3-google,
a.w3-google:hover {
    background-image: url(/themes/custom/werkraumklima/img/web_schwarz.svg);
    background-repeat: no-repeat !important;
    background-position-x: calc(100% - 16px) !important;
    background-size: 24px !important;
    background-position-y: 50% !important;
}

a.w3-mail,
a.w3-mail:hover,
#block-werkraumklima-hauptnavigation ul li:nth-child(4)>a:nth-child(1),
#block-werkraumklima-hauptnavigation ul li:nth-child(4)>a:hover:nth-child(1) {
    background-image: url(/themes/custom/werkraumklima/img/mail_schwarz.svg);
    background-repeat: no-repeat !important;
    background-position-x: calc(100% - 16px) !important;
    background-size: 24px !important;
    background-position-y: 50% !important;
}

#block-werkraumklima-hauptnavigation ul li:nth-child(5)>a:nth-child(1),
#block-werkraumklima-hauptnavigation ul li:nth-child(5)>a:hover:nth-child(1) {
    background-image: url(/themes/custom/werkraumklima/img/phone_schwarz.svg);
    background-repeat: no-repeat !important;
    background-position-x: calc(100% - 16px) !important;
    background-size: 24px !important;
    background-position-y: 50% !important;
}

.page-node-type-page .page-wrapper h2,
.page-node-type-page .page-wrapper h3,
.page-node-type-page .page-wrapper h4,
.page-node-type-page .page-wrapper h5,
.page-node-type-page .page-wrapper h6 {
    color: white;
    line-height: 1.4rem;
}

.page-node-type-page .page-wrapper .w3-black-font h2 {
    color: black;
}

.w3-black-font h2 {
    margin-bottom: 2.5rem;
}

h1.page-title-text {
    padding-bottom: 0px;
}


.page-node-type-page section#block-werkraumklima-content article div.solo-clear.node__content div.field.field--name-body>p:nth-child(1) {
    margin-top: 0px;
}

.page-node-type-page section#block-werkraumklima-content article div.solo-clear.node__content div.field.field--name-body {
    margin-bottom: 4rem;
}


.path-frontpage section#block-werkraumklima-content article div.solo-clear.node__content div.field.field--name-body {
    margin-bottom: 0rem;
}


.accordion-container .views-class.view-content {
    border-bottom: 1px solid white;
}

section#leistungen .accordion-leistungen h3 {
    color: black;
    font-family: 'Space Mono';
    text-transform: uppercase;
    border: 0px;
    background-image: url(/themes/custom/werkraumklima/img/plus.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 32px;
    background-color: white;
    border-top: 1px solid black;
    border-radius: 0px;

}

section#leistungen .accordion-leistungen h3.ui-accordion-header-active {
    color: black;
    font-family: 'Space Mono';
    text-transform: uppercase;
    border: 0px;
    background-image: url(/themes/custom/werkraumklima/img/minus.svg);
    background-position: right;
    background-repeat: no-repeat;
    background-size: 32px;
    background-color: white;
    border-top: 1px solid black;
    border-radius: 0px;

}

section#leistungen .panel {
    padding: 0px;
    border: 0px;
    color: black;
}

button.load-more-btn {
    margin-top: 3rem;
    border-radius: 30px;
    border: 1px solid white;
    padding: .35rem 3.5rem 0.35rem 1rem !important;
    background-image: url(/themes/custom/werkraumklima/img/load_more_white.svg);
    background-repeat: no-repeat;
    background-position-x: calc(98% - 10px);
    background-size: 20px;
    background-position-y: 50%;
    text-decoration: none;

}

button.load-more-btn:hover {
    margin-top: 3rem;
    border-radius: 30px;
    color: black;
    background-color: white;
    background-image: url(/themes/custom/werkraumklima/img/load_more_black.svg);
    background-repeat: no-repeat;
    background-position-x: calc(98% - 10px);
    background-size: 20px;
    background-position-y: 50%;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    word-spacing: 0rem;
    line-height: 1.4rem;
}

.page-node-type-portfolio div.taxonomy-term-entity.field div.field__item {
    margin: .5rem 0.5rem 1rem 0rem;
    display: inline-block;
}

.page-node-type-portfolio div.taxonomy-term-entity.field {
    display: block;
    margin-bottom: .5rem;
}


.page-node-type-portfolio .field--name-body {
    margin-top: 1rem;
}

.page-node-type-portfolio article {
    margin-bottom: 2rem;
}

.page-node-type-portfolio .views-field-field-galerie button.next {
    float: right;
}

.path-view-taxonomy-term div.views-field.views-field-title h3.field-content a,
.path-view-taxonomy-term div.views-field.views-field-title h3.field-content {
    color: white;
}

.path-view-taxonomy-term .page-wrapper .view-content ul:not(.field ul),
.path-view-taxonomy-term .page-wrapper .view-content ul li:not(.field ul li) {
    background: black;
}


.path-view-taxonomy-term h3 {
    line-height: calc(2* var(--solo-px18)) !important;
    font-size: 24px !important;
}

.path-view-taxonomy-term .load-more-btn,
.path-view-taxonomy-term .feed-icons {
    visibility: hidden;
}

section#block-werkraumklima-content div.view-content div.views-view-responsive-grid div.views-view-responsive-grid__item {
    border-top: 1px solid;
    padding-top: 1rem;
    padding-bottom: 1rem;

}


.facets-widget-links ul {
    display: flex;
    gap: .35rem;
    flex-wrap: wrap;
    padding-left: 0px;
    list-style-type: none;
    padding-bottom: 0px;
    margin-bottom: .5rem;
}

.facets-widget-links a {
    padding: .3rem 1rem 0.3rem 1rem;
    border: 1px solid white;
    border-radius: 30px;
}

.facets-widget-links li {
    margin-bottom: .75rem;

}

section.block-facets-ajax {
    margin-bottom: .25rem;
}

section.block-facets-ajax.js-facet-block-id-werkraumklima_bauvorhaben {
    padding-top: 1rem;
}

.page-wrapper #content-bottom-second ul li.facet-item a:hover,
.page-wrapper #content-bottom-second ul li.facet-item a.is-active {
    background-color: white;
    color: black;
    border: 1px solid white;
}

/* Basis-Styles für das Label */
label[for="accordion-toggle"] {
    font-weight: normal;
    cursor: pointer;
}

label[for="accordion-toggle"]:hover {
    text-decoration: underline;
}

/* Standardmäßig ausgeklappter Zustand */
#accordion-toggle~section {
    max-height: 1000px;
    /* Platz für den Inhalt */
    overflow: hidden;
    transition: max-height 0.5s ease-in-out;
}

/* Eingeklappter Zustand */
#accordion-toggle:checked~section {
    max-height: 0;
    overflow: hidden;
    display: none;
}

.facets-widget-links {
    margin-top: .5rem;
}

.solo-inner:not(.primary-menu-inner,
    .primary-sidebar-menu-inner,
    .system-messages-inner,
    .highlighted-inner) {
    padding: var(--solo-px16);
}


section#block-werkraumklima-content article div.node__content div.field.field--name-body table {
    width: 100%;
}

/*
.user-logged-in .page-wrapper .main-navigation-wrapper {
    z-index: inherit;
}
    */

section#block-werkraumklima-content p.text {
    color: white;
}

.page-wrapper table tr:nth-child(2n+1) {
    background-color: transparent;
}

@media (min-width: 62rem) {
    #primary-menu .primary-menu-inner {
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

}

section#block-werkraumklima-content div.field.field--name-body p,
div#page-wrapper div.views-field span.field-content p {
    color: white;
}

section#portfolio input#accordion-toggle,
section#block-werkraumklima-kontakt input#accordion-toggle {
    display: none;
}