/*
 Theme Name:   Weingut Gamm
 Description:  Bricks Child Theme
 Author:       Klark
 Author URI:   hhttps://www.media-design-concept.com
 Template:     bricks
 Version:      1.0
 Text Domain:  gamm
*/

@view-transition {
  navigation: auto;
}

/* Variablen */
/* Variablen responsive*/
/*   Tablet */
/*   Mobile */
@media (max-width: 768px) {
	:root {
		--container-padding-x: 15px !important;
	}
}

/* Hilfsklassen */
/*   Mobil verstecken */
@media (min-width: 769px) {
	:root body.brx-body .display-only-mobile {
		display: none;
	}
}
@media (max-width: 768px) {
	:root body.brx-body .display-only-desktop {
		display: none;
	}
}

/* Umbrüche */
body * {
	hyphens: auto  !important;
}
body h1, body h2, body h3, body h4 {
	hyphens: manual !important;
}
p, span {
	word-wrap:break-word;
	hyphens: auto !important;
}

b, strong {
	font-weight: 600 !important;
}


/* Überschriften & Pseudeo-Überschriften */
h1, h2, h3, h4, h5,
.style-h1, .style-h2, .style-h3, .style-h4, .style-h5 {
/* 	display: block;
	text-wrap: balance;
	hyphens: none; */
}
/* Anker-Link-Scroll-Abstand */
html {
	scroll-padding-top: calc(var(--header-height-full) + 20px);
}

/* Standard-Abstände, -Paddings, -Margins */
:is(.brxe-text, .brxe-text-basic) > :not(a):first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
}
:is(.brxe-text, .brxe-text-basic) :not(:is(a, li)):last-child {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/*   Normale Links - Hover */
p a:not(.brxe-button) {
	text-decoration: underline;
}
/*   Buttons - Hover */
body a.bricks-button:hover, body li.bricks-button a:hover {
	font-weight: initial;
	text-decoration: none;
}




/* Mobiles Menü */
.bricks-mobile-menu {
	padding-top: 50px;
}
/* Klick auf Item öffnet Untermenü, Item-Link nicht klickbar machen */
.bricks-mobile-menu div.brx-submenu-toggle.icon-right {
	position: relative;
}
.bricks-mobile-menu div.brx-submenu-toggle.icon-right button {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	justify-content: end;
}
/* Mobiles Untermenü Aufklapp-Animation  */
.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu {
  display: block;
  max-height: 0;
  transition: 0.1s linear;
  overflow: hidden;
}
.brxe-nav-menu .bricks-mobile-menu-wrapper li.open > .sub-menu {
  max-height: 500px;
}
/* Untermenü-Indikator auch mobil drehen */
nav.bricks-mobile-menu-wrapper li.menu-item-has-children .open {
	transition: rotate 50ms linear;
}
nav.bricks-mobile-menu-wrapper li.menu-item-has-children [aria-expanded="true"] .open {
	display: initial;
	rotate: 180deg;
}
/* Untermenü-Indikator mobil weiß färben */
nav li.bricks-button div.brx-submenu-toggle.icon-right > button svg {
	fill: white !important;
	stroke: white !important;
}

/* Woocommerce */
a.wc-block-components-button, button.wp-element-button {
    background: var(--bricks-color-vhkkel);
    border-radius: 8px;
    margin-top: 20px;
    font-weight: 500;
	transition: all 0.3s ease-in-out:
}
a.wc-block-components-button:hover,  button.wp-element-button:hover {
    color: var(--bricks-color-vhkkel);
	background: #000;
    border-radius: 8px;
    font-weight: 500;
}




/*Filter Buttons*/
.brxe-filter-radio.filter-button-style span.bricks-button:hover,
.brxe-pricing-tables .tabs li.tab:hover{
	background-color:rgba(94, 94, 94, 0.33) !important;
}
/* Highlight Projekte Menu-Item auf Projekt-Detailseiten */
body.single-referenz .nav-link-projekte {border-bottom: 2px solid var(--bricks-color-fccfjr);}
body.single-post .nav-link-magazin {border-bottom: 2px solid var(--bricks-color-fccfjr);}

/* Pfeile von Caroussel verstecken, wenn sie deaktiviert sind */
.swiper-button.swiper-button-disabled {
  opacity: 0 !important;
  pointer-events: none;
}
.bricks-nav-menu ul.sub-menu > li {
	position: relative;
}
.bricks-nav-menu ul.sub-menu > li:not(:last-child):before {
  content : "";
  position: absolute;
  bottom: 0;
  left: 8%;
  width: 84%;
  border-bottom: 1px solid var(--bricks-color-ojyfvt);
}





/*Wellen Masken*/
/*.welle-top {
	-webkit-mask-image: url(img/welle-top.svg);
  -webkit-mask-size: 100%;
  -webkit-mask-position: top center;
  -webkit-mask-repeat: repeat-x;
  mask-image: url(img/welle-top.svg);
  mask-size: 100%;
  mask-repeat: repeat-x;
  mask-size: 1280px;
  mask-repeat: repeat-x;
  height: 30px;
  margin-top: -29px;
}*/
/*.welle-bottom {
  -webkit-mask-image: url(img/welle-bottom.svg);
  -webkit-mask-size: 100%;
  -webkit-mask-position: bottom center;
  -webkit-mask-repeat: repeat-x;
  mask-image: url(img/welle-bottom.svg);
  mask-size: 100%;
  mask-repeat: repeat-x;
	mask-size: 1280px;
	mask-repeat: repeat-x;
	height: 30px;
	margin-bottom: -29px;
}*/

.welle-bottom {
    -webkit-mask-image: url(img/welle-bottom.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-position: bottom center;
    -webkit-mask-repeat: repeat-x;
    mask-image: url(img/welle-bottom.svg);
    mask-size: 100%;
    mask-repeat: repeat-x;
    mask-size: 1280px;
    mask-repeat: repeat-x;
    height: 30px;
    width: 100%;
    z-index: 1;
    position: absolute;
    bottom: -25px;
}
.welle-top {
	ebkit-mask-image: url(img/welle-top.svg);
  -webkit-mask-size: 100%;
  -webkit-mask-position: top center;
  -webkit-mask-repeat: repeat-x;
  mask-image: url(img/welle-top.svg);
  mask-size: 100%;
  mask-repeat: repeat-x;
  mask-size: 1280px;
  mask-repeat: repeat-x;
  height: 30px;
  width: 100%;
  position: absolute;
  top: -25px;
  z-index: 1;
  background: transparent;
}