
/* 479 / 767 / 1023 / 2096 / 2212 */

html {
  font-size: 62.5%;
}

html {
    scroll-behavior: smooth;
}

@media (min-width: 2096px) {
  html {
    font-size: 64%;
  }
    .komp-img-cont-h {
        height: 52.5vh;
    }
}

@media (min-width: 2212px) {
  html {
    font-size: 66.25%;
  } 
}

h1,h2 {
  font-size: var(--h2-xxl);
  font-size: clamp(3.2rem, 6.25vw, 5.6rem);
}

/*Navigation header menu */
.breakdance-dropdown-body {
  position:relative;
  z-index:1;
  flex-grow:1;
  display:flex;
  flex-direction:var(--dropdown-sections-stack);
  width:100%;
  background-color:var(--dropdown-background-color);
  box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d;
  box-shadow: none;
  border-radius:var(--dropdown-border-radius);
  overflow:hidden;
  border-radius: 0 !important;
}
.breakdance-menu .breakdance-dropdown-link {
    width: max-content;
}

.breakdance .bde-header-builder .bde-header-builder__container {
  max-width: 100%;
}

.bde-header-builder {
    background-color: var(--white-hwp);
}

/* awesome-menu.css */

.breakdance-menu-toggle-lines, .breakdance-menu-toggle-lines::before, .breakdance-menu-toggle-lines::after {
  border-radius: 5px;
  width: 20px;
  height: 3px;
}

.breakdance-menu-toggle-icon {
  width: 20px;
  height: 3px;
}

.breakdance-menu {
  --toggle-layer-spacing: 2px;
}

/*Navigation header menu */
#menu-item-38 .breakdance-dropdown-body,
#menu-item-38 .breakdance-dropdown-caret::before {
  background-color: var(--grey-davys);
}

#menu-item-38 .breakdance-dropdown-link__text {
    color: var(--white-hwp);
}

#menu-item-38 .breakdance-dropdown-item:hover .breakdance-dropdown-link__text {
  color: var(--dropdown-link-color);
}

#menu-item-38 .breakdance-menu-link-arrow {
  opacity: 0;
}

#menu-item-38 .breakdance-menu-link {
width: 56px;
overflow: hidden;
color: #fff;
}

#menu-item-38 .breakdance-menu-link::before 
{
  content: "";
  position: absolute;
  top: 11px;
  left: 32px;
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("https://hwp.teste.jetzt/wp-content/uploads/2026/07/icon-user-login-1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.breakdance-dropdown-section {
  padding: 0;
}

.breakdance-dropdown--wp .breakdance-dropdown-links {
  gap: 0;
}

.breakdance-dropdown--wp .breakdance-dropdown-links .menu-item {
  padding: 12px 16px;
  transition: background-color 0.5s;
}

.breakdance-dropdown-item:hover {
  background-color: var(--beige-hover);
}

.breakdance-menu {
--mobile-offset-y: calc(100% + 35px);
}

/*swiper menu*/
.breakdance-swiper-wrapper {
    overflow: hidden;
}
.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    transform: translateY(22px);
    transition: transform 0.35s;
}

.breakdance-swiper-wrapper:hover .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    transform: translateY(-4px);
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 2px solid var(--beige-dutch);
}

.breakdance-swiper-wrapper .swiper-button-next,
.breakdance-swiper-wrapper .swiper-button-prev {
    background-color: var(--beige-dutch);
    padding: 0.5rem;
    height: 64px;
    transition: transform 0.35s;
}

.breakdance-swiper-wrapper .swiper-button-next {
    transform: translateX(40px);

}
.breakdance-swiper-wrapper .swiper-button-prev {
    transform: translateX(-40px);
}

.breakdance-swiper-wrapper:hover .swiper-button-next,
.breakdance-swiper-wrapper:hover .swiper-button-prev {
    transform: translateX(0px);
}

/*Team-media-gallery*/
.ee-gallery-item-caption {
    width: 45%;
    text-wrap:balance;
    hyphens: auto;
}

.Section-katgo-h5.team-h3-low-c {
    text-transform: capitalize;
}
.ee-gallery-item-caption {
    left: auto;
    justify-content: center;
    padding: 1.6rem 15px;
    text-align: left;
    align-items: baseline;
    flex-direction: column;
    font-size: 1.6rem;
}

.bde-gallery-289-529 .ee-gallery-item-caption {
    text-wrap:balance;
    /*! overflow-wrap: break-word; */
    hyphens: auto;
}
.bde-gallery-289-529 .ee-gallery-item-caption h5 {
    margin: 0.8rem 0;
}

.team-capt-desc {
    display: block;
}

.lg-sub-html h5 {
    color: var(--beige-hover);
}

/*accordion*/

.bde-accordion__content-wrapper {
    border-bottom: 1px solid var(--grey-jet);
    border-top: 1px solid var(--grey-jet);
}

.bde-accordion__content-wrapper.accordion {
    border-bottom: none;
}

/*contactform 7*/
#button-white {
    text-transform: uppercase;
    background-color: #fff;
    border: 2px solid var(--beige-bnt-ecru);
    color: var(--grey-jet);
    letter-spacing: 0.13rem;
    font-weight: 600;
    transition: background-color 0.35s ease-out;
    &:hover {
        background-color: var(--beige-hover);
    }
}

#wpcf7-f9-p464-o1 {
    width: 100%;
}

.wps-form-row .wpcf7-form-control {
    width: 100%;
    height: 66px;
    font-size: 20px;
    border-color: #707070;
    border: 1px solid #707070;
    padding: 1.2rem 0px 1.2rem 1.2rem;
}

.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    background-color: #fff;
}

.wps-form-row {
    display: flex;
    width: 100%;
}

.wps-form-row {
    flex-direction: row;
    gap: 3.2rem;
}

.wps-form-column {
    padding: 0.5rem 1rem;
}
.wps-form-column {
    flex: 1;
    padding: 0.5rem 0;
    width: 100%;
}
form p {
    margin: 18px 0px 0px 0px;
    font-weight: 600;
}

/*_____select-wrapper pfeil*/
.select-wrapper {
    position: relative;
}

/* Eigener Pfeil */
.select-wrapper::after {
    content: "";
    position: absolute;
    top: 60%;
    right: 18px;
    width: 12px;
    height: 12px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: translateY(-70%) rotate(45deg);
    pointer-events: none;
}

.select-wrapper .wpcf7-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    padding: 12px 48px 12px 16px;
    color: var(--grey-jet);
    background-color: #fff;
    border: 1px solid #707070;
    cursor: pointer;
}

.select-wrapper .wpcf7-select:focus {
    border-color: #333;
    outline: none;
    box-shadow: 0 0 0 3px rgba(51, 51, 51, 0.15);
}
.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {
    color: var(--grey-jet);
}

/*ende select wrapper*/

/* Pfeilfarbe bei Fokus */
.select-wrapper:focus-within::after {
    border-color: var(--beige-bnt-ecru);
}

.wpcf7-form-control.wpcf7-radio {
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    margin: 1.6rem 0;
    padding-left: 0;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    min-height: 436px !important;
}
/*radio*/

.wpcf7-list-item label {
    display: flex;
    gap: 1.6rem;
    align-items: center;
}

input[type=checkbox], input[type=radio] {
    width: 32px;
    height: 32px;
    border-color: #707070;
}

.wps-form-row:nth-child(6) {
    margin-bottom: 3.2rem;
}

/*__________*/
.wpcf7-list-item input[type="radio"] {
    --radio-size: 3.2rem;
    --radio-size-sm: 2.4rem;
    --radio-color: #070707;
    --radio-border-color: #070707;
    --radio-border-width: 1px;
    --radio-inner-gap: 4px;
    appearance: none;
    -webkit-appearance: none;
    width: var(--radio-size);
    height: var(--radio-size);
    margin: 0 8px 0 0;
    border: var(--radio-border-width) solid var(--radio-border-color);
    border-radius: 50%;
    background-color: transparent;
    display: inline-grid;
    place-content: center;
    vertical-align: middle;
    cursor: pointer;
}

.wpcf7-list-item input[type="radio"]::before {
    content: "";
    width: calc(
            var(--radio-size) -
            (2 * var(--radio-border-width)) -
            (2 * var(--radio-inner-gap))
    );
    height: calc(
            var(--radio-size) -
            (2 * var(--radio-border-width)) -
            (2 * var(--radio-inner-gap))
    );

    border-radius: 50%;
    background-color: var(--radio-color);
    transform: scale(0);
    transition: transform 0.15s ease;
}

.wpcf7-list-item input[type="radio"]:checked {
    border-color: var(--radio-color);
}

.wpcf7-list-item input[type="radio"]:checked::before {
    transform: scale(1);
}

.wpcf7-list-item input[type="radio"]:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--radio-color) 30%, transparent);
    outline-offset: 3px;
}

.cust-checkbox input[type="checkbox"], input[type="checkbox"].acceptance-wpf {
    accent-color: #707070;
    cursor: pointer;
}

.wpcf7-list-item a {
    transition: color 0.35s ease-in-out;
    color: #3e3e3d;
    &:hover {
        color: rgba(208,198,157,1);
    }
}
.wpcf7-form-control.wpcf7-radio .captcha-image {
    padding: 0;
}
/*__________*/

.wpcf7 .wpcf7-mail-sent-ok, .wpcf7 .wpcf7-validation-errors, .wpcf7 span.wpcf7-not-valid-tip {
    font-size: 14px;
    padding: 6px 9px 6px 9px;
    padding: 0;
    margin: 1.6rem 0px 0px 0px;
    display: block;
    text-align: inherit;
    border: 0;
    font-weight: 500;
}

.wpcf7-form-control.wpcf7-radio {
    border: 0;
}

.wpcf7-form-control.wpcf7-acceptance {
    border: 0;
}

.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-required.wpcf7-validates-as-number,
.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required  {
    padding-right: 16px;
}

/*_______________*/

:is(.wpcf7-text,.select-wrapper, .wpcf7-number, textarea.wpcf7-form-control):focus,
:is(.wpcf7-text,.select-wrapper, .wpcf7-number, textarea.wpcf7-form-control):focus-visible {
    border-color: #333;
    outline: none;
    box-shadow: none;
    background-color: #fff;
}

:is(.wpcf7-text,.select-wrapper, .wpcf7-number, textarea.wpcf7-form-control):active {
    border-color: #333;
    outline: none;
    box-shadow: none;
}

:is(.wpcf7-text,.select-wrapper, .wpcf7-number, textarea.wpcf7-form-control):-webkit-autofill {
    -webkit-text-fill-color: #222;
    caret-color: #222;
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    box-shadow: 0 0 0 1000px #fff inset;
    border-color: #333;
}

/*NEWS*/
#wiadokFrame .row {
    display: flex;
    flex-direction: row-reverse;
    gap: 48px;
    width: 100%;
}

#wiadokFrame .wdk-frame__live-search.wps-form-row {
    gap: 0 !important;
}
#wiadokFrame h3 a,
#wiadokFrame .news-article.text-uppercase,
#wiadokFrame .subhead.news-article {
    text-decoration: none !important;
}

#wiadokFrame .action-area a::after {
    font-family: unset !important;
    content: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20320%20512%22%3E%3Cpath%20d%3D%22M285.476%20272.971L91.132%20467.314c-9.373%209.373-24.569%209.373-33.941%200l-22.667-22.667c-9.357-9.357-9.375-24.522-.04-33.901L188.505%20256%2034.484%20101.255c-9.335-9.379-9.317-24.544.04-33.901l22.667-22.667c9.373-9.373%2024.569-9.373%2033.941%200L285.475%20239.03c9.373%209.372%209.373%2024.568.001%2033.941z%22%2F%3E%3C%2Fsvg%3E)
 !important;
    width: 12px;
    height: 12px;
    display: inline-block;
    position: relative !important;
    margin: 0 0 0 1.2rem;
}

#wiadokFrame .wdk-frame__return-button,
#wiadokFrame .wdk-article__actions a,
#wiadokFrame .wdk-button {
    color: #3E3E3D !important;
    text-decoration: none !important;
}

#wiadokFrame #wdkLiveSearchSubmit.wdk-button {
    color: #3E3E3D !important;
    cursor: pointer;
    text-decoration: none !important;
}

#wiadokFrame .wdk-frame__return-button.elem-frontend-navigation-header-button,
#wiadokFrame .wdk-article__actions .wdk-article__actions-back-link.elem-frontend-navigation-header-button,
#wiadokFrame .wdk-article__actions .wdk-article__actions-morelike-link.elem-frontend-navigation-header-button.subhead {
    color: #3E3E3D !important;
    text-decoration: none !important;
    cursor: pointer;
}

#wiadokFrame .action-area.text-right {
    display: flex;
    justify-content: flex-end;
}

#wiadokFrame .elem-news-news_list ul {
    padding: 9.2rem 0;
}

#wiadokFrame .col-lg-5.elem-col-side.hidden-xs.hidden-sm {
    width: 62.5%;
}

/*Sitcky menu*/
.sticky-t-link-cont {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease-out 0.15s;
}

.sticky-menu-cont:has(.sticky-icon-cont:hover) .sticky-t-link-cont {
    opacity: 1;
    visibility: visible;
}

.sticky-menu .breakdance-menu--anim-fade:not(.breakdance-menu--dropdown-slide) .breakdance-dropdown-floater {
    /* opacity: 0; */
    /*opacity: 1;*/
}
.sticky-menu .breakdance-dropdown-floater {
    /* top: calc(var(--dropdown-offset-y) + var(--dropdown-custom-offset-y)); */
    /* left: var(--dropdown-offset-x); */
    /*visibility: visible;*/
    top: calc(var(--dropdown-offset-y) + 96px);
    left: calc(var(--dropdown-offset-x) + -315px);
    top:-208px;
    left:-315px;
}

.sticky-menu .breakdance-link.breakdance-menu-link span::before{
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("/wp-content/uploads/2026/08/icon-user-login-white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.sticky-menu .breakdance-dropdown-body {
    /* z-index: 1; */
    /* background-color: var(--dropdown-background-color); */
    z-index: 200;
    background-color: #3E3E3D;
}

.sticky-menu .breakdance-dropdown-custom-content {
    align-items: end;
}

/*Cookies*/
#BorlabsCookieBox .brlbs-cmpnt-btn-preferences:hover, .brlbs-cmpnt-container .brlbs-cmpnt-btn-preferences:hover {
    background-color: unset;
}

.oxy-shortcode-64-138.oxy-shortcode .brlbs-cmpnt-btn.brlbs-cmpnt-font-semibold, .brlbs-cmpnt-container .brlbs-cmpnt-btn.brlbs-cmpnt-font-semibold {
    color: var(--beige-khaki);
    font-family: var(--font-1);
    font-weight: 500;
    font-size: var(--p-ms);
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    transition: color 350ms ease;
    padding: unset;
    &:hover {
        color: var(--beige-hover);
    }
}

@media (max-width: 1699px) {
    #wiadokFrame .col-lg-5.elem-col-side.hidden-xs.hidden-sm {
        width: 100% !important;
    }
}

@media (max-width: 1199px) {
    .sticky-menu .breakdance-dropdown-floater {
        top:-208px;
        left:-455px;
    }
    #wiadokFrame .row {
        flex-direction: column;
        gap: 32px;
        width: 100%;
    }
}

@media (max-width: 1080px) {
  .breakdance-menu-link {
	font-size: 1.6rem !important;
}
}

@media (max-width: 1023px) {
  .breakdance-menu-link {
  font-size:2rem !important;
}
    #menu-item-38 .breakdance-menu-link::before {
        /* left: 0px; */
        left: 18px;
    }
}

@media (min-width: 768px) {
    .lg-outer .lg-thumb-item {
        border-radius: 0;
    }

}

@media (max-width: 767px) {
    .wps-form-row {
        flex-direction: column;
        gap: 0rem;
    }
    .wpcf7-list-item input[type="radio"] {
        width: var(--radio-size-sm);
        height: var(--radio-size-sm);
        margin: 0 8px 0 0;
    }
    .wps-form-column.cust-checkbox {
        width: 90%;
    }
    .wps-form-column.cust-checkbox {
        width: 90%;
    }
    #button-white {
        margin: 4.8rem 0;
    }

    .captcha-image label > input + * {
        padding: 4px;
    }

    .captcha-image label:nth-child(2), .captcha-image label:nth-child(3) {
        margin-right: 20px;
        margin-top: 16px;
    }
    html {
        font-size: 60.25%;
    }
}

@media (max-width: 1023px) and (orientation: landscape) {
    .header-img-cont {
        height: 75vh;
    }

    .header-bg-cont {
        height: 75vh;
    }

    .team-gf-img {
        height: 600px;
    }

    .gf-wrapper-size {
        height: 600px;
        width: 100%;
    }

    .oxy-image-289-500 {
        height: 512px;
    }
    .section-bg-oh,
    .komp-img-cont {
            /* height: 32vh; */
            height: 60vh;
        }


}