/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
html {
  scroll-behavior: smooth;
}


  body {
	scroll-behavior: smooth;  
  }

  section {
    scroll-snap-align: start; 
    scroll-margin: 0;  /* nicht nötig */
  }

button,
button:focus,
button:hover,
a:focus,  
a:hover,   
a:active,
span,
span:active,
div:active,
div
{text-decoration: none!important; outline:0!important;}

.active a{color: #969595!important;}

.menu-item:active{color: blue!important;}


.scrolling .header{padding-top: 0!important; transition: all 0.3s ease-in!important;}
.header.brxe-section {
    transition: all 0.3s ease-in!important;
}


.link:hover svg {
    fill: var(--bricks-color-lmoriv)!important;
}

svg#brxe-zirssu:hover {
     fill: var(--bricks-color-lmoriv)!important;
}

.brxe-slider-nested .splide__arrows:not(.custom) .splide__arrow--prev {
    transform: translateY(-50%) scaleX(-1);
    height: 100%;
    width: 50%;
	cursor: url(/wp-content/uploads/2022/11/Pfeil_Slider_left_hellgrau.png), auto;

}

.brxe-slider-nested .splide__arrows:not(.custom) .splide__arrow--next {
    transform: translateY(-50%) scaleX(-1);
    height: 100%;
    width: 50%;
	cursor: url(/wp-content/uploads/2022/11/Pfeil_Slider_hellgrau.svg), auto;
	
}

.scrolling div#brxe-npkeyy {
    padding-top: 3.125rem;
}


.sticky__arrow{display: none}

.sticky__show{filter: opacity(100%)!important; transition: all 0.9s ease-in;}

ul#menu-header-1 {
    margin-top: 5rem;
}





/********PORTFOLIO***********/

.grid{
    columns: 2;
    column-gap: 5px;
}

@media only screen and (min-width: 576px){
	
	.grid{
    columns: 2;
    column-gap: 5px;

}
	
	
}



@media only screen and (min-width: 992px){
	
.grid{
    columns: 2;
    column-gap: 5px;
	width: 769px;

}
	
#brxe-rnffcn {
    width: 10%;
    margin-right: 100px!important;
}
	
	
}

@media only screen and (min-width: 1180px){
	
.grid{
    columns: 3;
    column-gap: 5px;
	width: 1040px;

}

	
#brxe-rnffcn {
    width: 10%;
    margin-right: -55px!important;
}	
	
	
	
}


@media only screen and (max-width: 767px){
	
	.facetwp-facet{
    display: flex;
    gap: 5px;

}
	
	
}









.facetwp-checkbox,
.facetwp-radio{
    background: none!important;
	padding-left: 0px!important;
	font-family: 'Be Vietnam Pro';
    font-size: 13px;
    letter-spacing: 1px;
	color: #969595;
}

.checked{
	color: #2d2c2b;
}

.disabled{
	opacity: 1!important;
	color: #969595;
	
}

.facetwp-display-value:hover {
    padding-right: 5px;
    color: var(--bricks-color-lmoriv)!important;
}

.facetwp-counter{display: none;}




#brxe-laejcf .overlay-wrapper {
    background: url(/wp-content/uploads/2022/11/Projekte_Millimeterpapier_Hover-2.png)!important;
    margin-top: 0;
    padding-top: 0;
    background-color: rgba(0,0,0,0.6)!important; 
    background-size: auto!important;
    background-repeat: repeat;
}






/**font****/
.dynamic{
	font-family: "Be Vietnam Pro";
	font-weight: bold;
	font-size: clamp(14px, calc(0.875rem + ((1vw - 19.2px) * 0.3472)), 10px); 
	min-height: 0vw;

}


@media only screen and (max-width: 800px){
div#brxe-laejcf {
    grid-template-columns: 1fr;
} 
div#brxe-laejcf > ul.bricks-layout-wrapper.isotope{
    grid-row-start: 2;
}
	
	ul#bricks-isotope-filters-laejcf {
    margin: 0;
    padding-top: 0;
	padding-left: 0;
}
}

.meta a {
    color: var(--bricks-color-hccdny);
}

.meta a:hover{
    color: var(--bricks-color-lmoriv); 
}

.bricks-isotope-filters li:first-child {
    margin-bottom: 3px;
	cursor: default!important;
	/*color: var(--bricks-color-hccdny)!important;*/
}

.bricks-isotope-filters li:first-child:hover {
    color: var(--bricks-color-hccdny)!important;
}

.bricks-isotope-filters li:nth-child(2n+2) {
    margin-top: 0;
    padding-top: 0!important;
    padding-bottom: 0!important;
    margin-bottom: 1px!important;
}


/*.bricks-isotope-filters li:nth-child(2n+1) {
    margin-top: 0;
    padding-top: 0!important;
    padding-bottom: 0!important;
    margin-bottom: 1px!important;
}*/


ul#bricks-isotope-filters-laejcf {
    margin: 0;
    padding-top: 0;
}


.bricks-isotope-filters li {
    font-family: 'Be Vietnam Pro';
    font-size: 13px;
    letter-spacing: 1px;
	margin-bottom: 15px!important;
}

ul#bricks-isotope-filters-laejcf li:hover {
    color: #c0007b;
}


h3.dynamic {
    display: block;
    height: 500px;
    width: 300px;
    margin-top: auto;
    margin-bottom: auto;
    transform: translateY(calc(500px - 500px));
}

.dynamic a {
    padding-top: 240px;
    display: block;
    height: 440px;
    position: relative;
}

/*************** Jobs *************/
/**SLIDER**/
.brx-open svg.toggle__icon {
    transform: rotate(180deg);
}

svg.toggle__icon:hover {
    fill: var(--bricks-color-lmoriv);
    
}

.accordion-title-wrapper svg.toggle__icon.brxe-icon:hover {
    fill: var(--bricks-color-lmoriv)!important;
}


/*************** Kontakt *************/

.kontakt_link:hover{
	color: var(--bricks-color-lmoriv); 
	
}


element.style {
}
#brxe-vwxkoa:hover svg,
#brxe-jcfsoh:hover svg {
    fill: var(--bricks-color-lmoriv); 
}