/*
 Theme Name:   Brandwerk
 Theme URI:    https://www.brandwerk-digital.com
 Description:  Brandwerk Child Theme
 Author:       Dominik Summer
 Author URI:   https://www.brandwerk-digital.com
 Template:     generatepress
 Version:      0.1
*/

/* ***************** Fonts ****************** */
/* pathway-gothic-one-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Pathway Gothic One';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/pathway-gothic-one-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/mulish-v13-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/mulish-v13-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/mulish-v13-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* mulish-700italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Mulish';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/mulish-v13-latin-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* ***************** Allgemeines ****************** */
html, body {
  overflow-x: hidden;
}
p, a, h1, h2, h3, h4, h5, h6{
  -moz-hyphens: auto;
  hyphens: auto;
}

.no-hyphens{
  -moz-hyphens: none;
  hyphens: none;
}

/* Remove click areas on mobile */
input, select, textarea, button, a {  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent; }


/* ***************** Header & Navigation ****************** */
nav#site-navigation {
  padding: 10px 80px;
}
nav#site-navigation .navigation-branding {
  margin: 0;
}
form.search-form {
  position: relative;
}
input.search-field {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #666565;
  padding: 8px 16px 8px 56px;
  -webkit-appearance: none;
}
button.search-submit {
  color: #666565;
  position: absolute;
  left: 16px;
  padding: 0;
  bottom: 50%;
  transform: translateY(50%);
}
input.search-field:focus {
  background-color: transparent;
}
.nav-align-right .inside-navigation {
  justify-content: space-between;
}
#mobile-header{
  background-color: var(--base);
}
.sticky-enabled .main-navigation.is_stuck .navigation-branding img {
    height: 60px !important;
}
.main-navigation li.gp_mega_item {
  position: static;
}

.mega-menu-links .gb-button {
    line-height: 1 !important;
    padding: 0 !important;
    text-transform: initial;
}
.mega-menu .gb-headline a:hover , .mega-menu-links .gb-button:hover {
    color: var(--color-primary-500);
}
.mega-menu .gb-headline a {
  font-size: 32px !important;
  padding: 0 !important;
  line-height: initial !important;
  text-transform: initial;
}
.slick-lightbox-close:before {
    font-size: 48px;
}
.enable-slider .wp-block-image img {
  pointer-events: none;
}
@media(min-width:767px){
.sticky-enabled .main-navigation.is_stuck .navigation-branding img {
    height: 80px !important;
}
.main-navigation ul ul.mega-menu {
  width: 100%;
  left: 50% !important;
  transform: translateX(-50%);
  padding: 0;
  max-width: 1080px;
  box-shadow: 0px 4px 6px -2px #1118270D !important;
}
.mega-menu-links {
  gap: 16px;
}
.sticky-contact-btn .gb-button-text {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
}
	.service-orange:hover {
    background: var(--color-primary-500);
}
	.service-green:hover {
    background: var(--color-secondary-500)
}
	.single-gallery-slide:hover .img-hover-box {
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}
.enable-slider .wp-block-image:hover:before {
  width: 100%;
  height: 100%;
  bottom: 0;
  left: 0;
}
  }
nav.main-navigation.is_stuck {
    padding: 10px 30px 10px 30px;
    background-color: var(--color-neutral-300) !important;
}
.sticky-enabled .navigation-branding {
    margin: 0 !important;
}
nav.main-navigation.is_stuck{
  background-color: var(--base);
}

.sub-menu{
  box-shadow: none !important;
}
.sticky-contact-btn {position: fixed;right: 0;top: 50%;flex-direction: column;row-gap: 16px; z-index: 999;}


/* mobile */
.site-logo.mobile-header-logo{
  margin-left: 20px !important;
}

/* Burger Menu Icon größe und Position oben */
.gp-icon.icon-menu-bars svg{
  height: 22px;
  width: 22px;
  top: 5px; /* Ausgleich wenn größe reduziert wird */
}

/* wenn kein Text neben Burger Icon */
.mobile-menu{
  display: none;
}

#mobile-menu > ul.menu{
  padding-top: 20px;
}

ul.sub-menu.toggled-on{
  border-bottom: 0px !important;
}

/* Sticky nav height */
.sticky-enabled .main-navigation.is_stuck .navigation-branding img {
  height: 40px;
}

/* ***************** Blog ****************** */


/* Sidebar */
.sidebar .wp-block-categories-list{
  list-style: none;
  margin-left: 0;

}

.section-hero-home , .service-box {background-blend-mode: color;}

.slick-arrow {
  position: absolute;
  bottom: 50%;
  right: 0;
  background-color: var(--color-primary-500);
  background-image: url("data:image/svg+xml,%3Csvg width='23' height='14' viewBox='0 0 23 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.7931 1.70711C14.4026 1.31658 14.4026 0.683417 14.7931 0.292893C15.1837 -0.0976311 15.8168 -0.0976311 16.2074 0.292893L22.2073 6.29289C22.5979 6.68342 22.5979 7.31658 22.2073 7.70711L16.2074 13.7071C15.8168 14.0976 15.1837 14.0976 14.7931 13.7071C14.4026 13.3166 14.4026 12.6834 14.7931 12.2929L19.086 7.99998H1.51103C0.952653 7.99998 0.5 7.55227 0.5 6.99998C0.5 6.4477 0.952653 5.99998 1.51103 5.99998H19.086L14.7931 1.70711Z' fill='white'/%3E%3C/svg%3E%0A");
  font-size: 0;
  border: none;
  padding: 0;
  width: 56px;
  height: 56px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  z-index: 999;
  transform: translateY(50%);
}
.slick-prev.slick-arrow {
  transform: translateY(50%) rotate(180deg);
  right: initial;
  left: 0;
}

.slick-arrow:focus {
    background-color: var(--color-primary-500);
}
.slick-arrow:hover {
  background-color: var(--color-primary-900) !important;
}
.testimonials-slider {
  padding: 0 60px;
}


.testimonials-slider-item-inner {
  max-width: 520px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}

.testimonials-slider-item-inner * {
  margin: 0;
}

.testimonials-slider-item-inner hr {
  width: 32px;
  height: 2px;
  background-color: #9D9C9B;
}
.project-filter-item {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}
.project-filter-item input[type="checkbox"] {
  display: none;
}
.project-filter-item input[type="checkbox"]:checked + label , .project-filter-item  label:hover{
  color:var(--color-white);
  background-color: #666565;
  border-color: #666565;
}
.project-filter-item  label {
  font-family: Pathway Gothic One;
  font-size: 32px;
  font-weight: 400;
  letter-spacing: -0.025em;
  color: #666565;
  padding: 16px;
  border: 2px solid;
  cursor: pointer;
  display: block;
  line-height: 1;
}
.project-filter-item  label {
  color: var(--color-primary-500);
}

.project-filter-item input[type="checkbox"]:checked + label , .project-filter-item label:hover{
  background-color: var(--color-primary-900);
  border-color: var(--color-primary-900);
  color:var(--color-white);
}
.total-project {
  margin: 40px 0;
}
.project-box-outer {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.page-numbers {
  color: var(--color-neutral-900);
  display: block;
  padding: 8px 12px;
  background-color: var(--color-neutral-300);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}

.projekte-pagination {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}

 .page-numbers.current{
  background-color: var(--color-primary-500);
  color: var(--color-white);
}
.page-numbers:hover {
  background-color: var(--color-secondary-500);
  color: var(--color-white);
}
.single-project-title h3 {
  margin: 0;
}
.single-project-title h4:before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background-color: var(--color-primary-500);
}
.single-project-title h4 {
  display: flex;
  align-items: center;
  column-gap: 10px;
  color: var(--color-primary-500);
}
.single-gallery-slide img {
  max-height: 350px;
  padding-right: 20px;
	width:auto;
}
.enable-slider .wp-block-image img{
  max-height: 350px;
}
.single-gallery-slider , .enable-slider{
    padding: 0 76px;
}
.single-gallery-slider .slick-arrow , .enable-slider .slick-arrow {
    height: 100%;
}
.enable-slider .wp-block-image {
  width: auto !important;
  margin-right: 20px !important;
}
.enable-slider .wp-block-image:before {
  content: "";
  position: absolute;
  bottom: 20px;
  left: 20px;
  width: 16px;
  height: 16px;
  background-color: var(--color-primary-500);
  transition: 0.3s;
}

.single-project-navigation a {
  color: #403F3F;
  max-width: 300px;
  display: flex;
  align-items: center;
  gap: 16px;
}

.single-project-navigation {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: center;
  padding: 40px 0;
  margin-top: 16px;
}
.single-project-navigation a span {
  min-width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-primary-500);
  color: #fff;
}
.single-project-navigation a:hover span {
  background-color: var(--color-secondary-500);
}
.single-gallery-slide {
    position: relative;
}
.img-hover-box {
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 16px;
    height: 16px;
    background-color: var(--color-primary-500);
    transition: 0.3s;
}


.project-green .btn-tertiary , .project-green .single-project-title h4{
  color: var(--color-secondary-500);
}
.project-green .btn-tertiary:hover {
  color: var(--color-primary-500);
}
.project-green .single-project-title h4:before , 
.project-green .img-hover-box , 
.enable-slider.green-slider .wp-block-image:before,
.project-green .single-project-navigation a span , 
.project-green .single-gallery-slider .slick-arrow , 
.green-slider .slick-arrow,
.enable-slider.green-slider .slick-arrow{
  background-color: var(--color-secondary-500);
}
.project-green .single-gallery-slider .slick-arrow:hover , .enable-slider.green-slider .slick-arrow:hover, .green-slider .slick-arrow:hover , .project-green .single-project-navigation a:hover span{
  background-color: var(--color-primary-500) !important;
}
.page-numbers.disabled {
  color: #E5E4E2;
  pointer-events: none;
}
.wpforms-submit {
    font-weight: 700 !important;
    font-size: 18px !important;
}
.image-card-orange .gb-button:before, .image-card-green .gb-button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.slick-lightbox {
    z-index: 99999;
}
.gb-button-tertiary {
  background-color: rgba(0, 0, 0, 0);
  border-style: solid;
  border-width: 0px;
  color: var(--color-primary-500);
  padding: 0px;
  display: inline-flex;
  font-size: 18px;
  font-weight: 700;
}

.gb-button-tertiary:hover {
  color: var(--color-secondary-500);var(
  --color-secondary-500): ;
}
@media (max-width: 768px) {
  nav#site-navigation {
    padding: 10px 20px;
}
.main-navigation.has-branding .menu-toggle {
    padding-right: 0 !important;
}
input.search-field {
  max-width: 250px;
}
.testimonials-slider-item-inner {
  gap: 24px;
}
.slick-arrow {
  width: 36px;
  height: 36px;
  background-size: 18px;
}
.testimonials-slider {
  padding: 0 46px;
}
.project-filter-item label {
  font-size: 20px;
  padding: 12px;
}
.project-filter-item {
  gap: 12px;
}
.project-filter-item h4 {
  width: 100%;
}
.total-project {
  margin: 30px 0;
}
.single-project-navigation {
  flex-wrap: wrap;
  gap: 30px;
  padding: 20px 0;
}
.single-project-navigation a:nth-child(2) {margin-left: auto;}
#generate-slideout-menu.main-navigation .main-nav ul ul.sub-menu {
  position: absolute;
  top: 0;
  height: 100%;
  background-color: var(--color-white);
  left: 110%;
  transition: 0.3s;
}
#generate-slideout-menu.main-navigation .main-nav ul ul.sub-menu.toggled-on {
  left: 0;
}
#generate-slideout-menu.main-navigation ul ul {
  display: block !important;
}
.mega-menu > .gb-container {
    background-color: #fff;
}
.sub-menu .mega-menu-links {position: absolute;left: 110%;width: 100%;height: 100%;top: 0;background-color: var(--color-white);transition: 0.3s;}
.sub-menu .mega-menu-links.toggled-on {
  left: 0;
}
.mega-menu .grid-4 {
  gap: 0;
}
.mega-menu h4.gb-headline {
  margin: 0;
  padding: 30px 20px !important;
  border-bottom: 1px solid #E5E4E2;
  font-size: 32px;
}
body {
   --gp-slideout-width: 390px !important;
}
.mega-menu-item-title {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.92 5.61994C11.8724 5.49719 11.801 5.38505 11.71 5.28994L6.71 0.289941C6.61676 0.196703 6.50607 0.122742 6.38425 0.0722818C6.26243 0.0218215 6.13186 -0.00415039 6 -0.00415039C5.7337 -0.00415039 5.4783 0.101638 5.29 0.289941C5.19676 0.38318 5.1228 0.49387 5.07234 0.615692C5.02188 0.737514 4.99591 0.868082 4.99591 0.999941C4.99591 1.26624 5.1017 1.52164 5.29 1.70994L8.59 4.99994H1C0.734784 4.99994 0.48043 5.1053 0.292893 5.29283C0.105357 5.48037 0 5.73472 0 5.99994C0 6.26516 0.105357 6.51951 0.292893 6.70705C0.48043 6.89458 0.734784 6.99994 1 6.99994H8.59L5.29 10.2899C5.19627 10.3829 5.12188 10.4935 5.07111 10.6154C5.02034 10.7372 4.9942 10.8679 4.9942 10.9999C4.9942 11.132 5.02034 11.2627 5.07111 11.3845C5.12188 11.5064 5.19627 11.617 5.29 11.7099C5.38296 11.8037 5.49356 11.8781 5.61542 11.9288C5.73728 11.9796 5.86799 12.0057 6 12.0057C6.13201 12.0057 6.26272 11.9796 6.38458 11.9288C6.50644 11.8781 6.61704 11.8037 6.71 11.7099L11.71 6.70994C11.801 6.61484 11.8724 6.50269 11.92 6.37994C12.02 6.13648 12.02 5.8634 11.92 5.61994Z' fill='black'/%3E%3C/svg%3E%0A");
    background-position: calc(100% - 40px) center;
    background-repeat: no-repeat;
    background-size: 12px;
}
.back-btn-mega + a {
  font-size: 32px !important;
}
.back-btn-mega {
  display: block;
  padding: 20px 20px 20px 45px;
  background-color: var(--color-neutral-300);
  color: #000000;
  width: 100%;
  font-weight: 600;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0800004 6.38006C0.127594 6.50281 0.198961 6.61495 0.290001 6.71006L5.29 11.7101C5.38324 11.8033 5.49393 11.8773 5.61575 11.9277C5.73757 11.9782 5.86814 12.0041 6 12.0041C6.2663 12.0041 6.5217 11.8984 6.71 11.7101C6.80324 11.6168 6.8772 11.5061 6.92766 11.3843C6.97812 11.2625 7.00409 11.1319 7.00409 11.0001C7.00409 10.7338 6.8983 10.4784 6.71 10.2901L3.41 7.00006L11 7.00006C11.2652 7.00006 11.5196 6.8947 11.7071 6.70717C11.8946 6.51963 12 6.26528 12 6.00006C12 5.73484 11.8946 5.48049 11.7071 5.29295C11.5196 5.10542 11.2652 5.00006 11 5.00006L3.41 5.00006L6.71 1.71006C6.80373 1.61709 6.87812 1.5065 6.92889 1.38464C6.97966 1.26278 7.0058 1.13207 7.0058 1.00006C7.0058 0.868047 6.97966 0.737341 6.92889 0.615482C6.87812 0.493622 6.80373 0.383023 6.71 0.29006C6.61704 0.196332 6.50644 0.121935 6.38458 0.0711665C6.26272 0.0203976 6.13201 -0.00573973 6 -0.00573974C5.86799 -0.00573975 5.73728 0.0203976 5.61542 0.0711664C5.49357 0.121935 5.38296 0.196331 5.29 0.290059L0.290002 5.29006C0.198961 5.38516 0.127595 5.49731 0.0800005 5.62006C-0.0200171 5.86352 -0.0200171 6.1366 0.0800004 6.38006Z' fill='black'/%3E%3C/svg%3E%0A");
  background-position: 20px center;
  background-repeat: no-repeat;
}
#generate-slideout-menu .inside-navigation {
  height: 100%;
  align-content: flex-start;
}
.sub-menu .mega-menu-links .gb-button {
  flex: initial;
  padding: 20px !important;
  font-size: 24px !important;
}
	.back-btn-mega+a {
    text-transform: initial;
}
.gp_mega_item .gp-icon {
  transform: rotate(-90deg);
}
.sticky-contact-btn {
  bottom: 0;
  top: initial;
  flex-direction: row-reverse;
  width: 100%;
  justify-content: center;
  padding: 8px !important;
}
.menu-bar-items {
  position: absolute;
  right: 30px;
  width: 40px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='1em' height='1em'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M208 48c-88.366 0-160 71.634-160 160s71.634 160 160 160 160-71.634 160-160S296.366 48 208 48zM0 208C0 93.125 93.125 0 208 0s208 93.125 208 208c0 48.741-16.765 93.566-44.843 129.024l133.826 134.018c9.366 9.379 9.355 24.575-.025 33.941-9.379 9.366-24.575 9.355-33.941-.025L337.238 370.987C301.747 399.167 256.839 416 208 416 93.125 416 0 322.875 0 208z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}
.menu-bar-items .search-form {
  display: none;
}
.menu-bar-items.active {
  width: 100%;
  background-color: var(--color-neutral-300);
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 6L6 18' stroke='%23111827' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3Cpath d='M6 6L18 18' stroke='%23111827' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
  background-position: right center;
}
.menu-bar-items.active .search-form {
  display: block;
}
.single-gallery-main {
  margin: 0 -20px;
}
.enable-slider {
  margin: 0 -40px;
}
}


/* To hide Posts Menu Item in left WP Adminbar
#menu-posts,
        .post-type-post {
            display: none;
        }
*/

.news-gallery {
  padding: 20px 0;
}

.news-list-items li {
  margin: 10px 0;
}


.news-single-hero-image{
  object-position: center;
}

.news-item-box .teaser-h4 a{
  color: var(--color-neutral-900);
}

.news-item-box:hover a{
  color: var(--color-primary-900) !important;
}

/* ************* 360° Tour Link *************** */

.google-tour-button{
  position: absolute;
  right: 20px;
  bottom: 20px;
}

/* ************* nowrap *************** */
.text-nowrap {
  white-space: nowrap;
}