/*
 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 ****************** */
/* rajdhani-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: 'Rajdhani';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/brandwerk/fonts/rajdhani-v15-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rajdhani-500 - 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: 'Rajdhani';
  font-style: normal;
  font-weight: 500;
  src: url('/wp-content/themes/brandwerk/fonts/rajdhani-v15-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* rajdhani-600 - 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: 'Rajdhani';
  font-style: normal;
  font-weight: 600;
  src: url('/wp-content/themes/brandwerk/fonts/rajdhani-v15-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/wp-content/themes/brandwerk/fonts/roboto-v30-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: url('/wp-content/themes/brandwerk/fonts/roboto-v30-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* roboto-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: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/wp-content/themes/brandwerk/fonts/roboto-v30-latin-700.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;
}

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

article ul{
  margin-left: 16px !important;
}

article ul li:not(:last-child){
  margin-bottom: 8px !important;
}

article .ma-query-like-disklike-content ul li{
  margin-bottom: 0px !important;
}

/* ***************** Header & Navigation ****************** */

#mobile-header{
  background-color: var(--base);
}

nav.main-navigation.is_stuck{
  background-color: var(--base);
}

.sub-menu{
  box-shadow: none !important;
}

/* 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;
}

@media screen and (max-width:768px) {
  /* Abstand Logo mobile links */
  .navigation-branding{
    margin-left: 20px !important;
  }
}


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

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

/* Breadcrumbs */
.yoast-pre-headline-breadcrumbs{
  margin-bottom: 16px;
  font-size: 14px;
}

.breadcrumb_last{
  color: var(--contrast-2);
}
@media screen and (min-width:769px) {
  .yoast-pre-headline-breadcrumbs, .yoast-breadcrumbs{
    font-size: 16px;
  }
}

.yoast-breadcrumbs a:hover{
  color:var(--global-color-6);
}


button.menu-toggle{
  padding: 0px !important;
}

/* ***************** Hero ****************** */

.background-video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  overflow: hidden;
}

.background-video-content {
  position: relative;
  z-index: 1;
}

video[poster] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: right center; /* positioniert das Video so, dass der rechte Teil immer sichtbar ist */
}


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

body.single-post #page, .blog #page, .archive #page{
  padding:40px 20px;
}
@media screen and (min-width:769px){
  body.single-post #page, .blog #page, .archive #page{
    padding:40px 40px;
  }
}

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

}

/* ***************** Teaser ****************** */
.teaser-icon{
  position: absolute;
  bottom: 20px;
  right: 20px;
}

.teaser-wrapper .gb-headline-teaser, .teaser-wrapper .gb-icon{
  transition: 0.2s ease-in-out all;
}

.teaser-wrapper:hover .gb-headline-teaser, .teaser-wrapper:hover .gb-icon{
  color: var(--global-color-6) !important;
  transition: 0.2s ease-in-out all;
}

.teaser-image{
  aspect-ratio: 16 / 9 !important;
  object-fit: cover;
}

.teaser-pre-icon{
  
}

.ma-btn .gb-button-text{
  display: none !important;
}

/* Scroll Loop */
@media screen and (max-width:767px){
  .scroll-loop{
    margin-right: -20px;
  }
  .scroll-loop .gb-query-loop-item:last-child {
    padding-right: 20px;
  }
  .scroll-loop.gb-query-loop-wrapper {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }
  .scroll-loop.gb-query-loop-wrapper::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera */
  }
  .scroll-loop .gb-query-loop-item > .gb-container {
      min-width: 90%;
    }
  }

/* ***************** Team ****************** */

.acc-team.gb-accordion{
  position: absolute;
  width: 100%;
  bottom: 0;
  background-color: var(--contrast);
}


/* ***************** Formulare ****************** */

.wpforms-container, #wpforms-36323-field_0-container{
  margin-top: 0px !important;
  padding-top: 0px !important;
}

button.wpforms-submit{
  font-weight: 600 !important;
  text-transform: uppercase !important;
  padding: 10px 18px !important;
  border: 2px solid var(--base-3);
}

button.wpforms-submit{
  font-weight: 600 !important;
  text-transform: uppercase !important;
  padding: 10px 18px !important;
  border: 2px solid var(--base-3);
}

button.wpforms-submit:hover{
  font-weight: 600 !important;
  text-transform: uppercase !important;
  padding: 10px 18px !important;
  border: 2px solid var(--base-3);
}

/* ***************** Projekte ****************** */
.post-nav-link-div:hover a{
  color: var(--global-color-6) !important;
  transition: 0.2s ease-in-out all;

}

.post-nav-link-div:hover svg{
  color: var(--global-color-6) !important;
  transition: 0.2s ease-in-out all;

}

.customer-logo-slider .slick-track {
  display: flex;
  align-items: center;
}

@media (max-width:767px) {
  .customer-logo-slider .gb-block-image img {
    max-width: 140px;
}
}