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

:root {
	--bav-bp-desk: 1200px;
	--bav-bp-tabp: 991px;

	--h1-color: #f9bc16;
	--h2-color: #404040;
	--h4-color: #202020;
	--p-color:#000000;
	
	--h1-min: 32px;
	--h1-max: 52px;
	--h1-mid: calc(32px + (52 - 32) * ((100vw - 600px) / (1200 - 600)));

	--h4-min: 25px;
	--h4-max: 30px;
	--h4-mid: calc(25px + (30 - 25) * ((100vw - 600px) / (1200 - 600)));




	--ds-h2-min: 20px;
	--ds-h2-max: 30px;
	--ds-h2-mid: calc(20px + (30 - 20) * ((100vw - 600px) / (1200 - 600)));

	--foo-p-min: 15px;
	--foo-p-max: 20px;
	--foo-p-mid: calc(15px + (20 - 15) * ((100vw - 600px) / (1200 - 600)));


	--p-min: 14px;
	--p-max: 18px;
	--p-mid: calc(14px + (18 - 14) * ((100vw - 600px) / (1200 - 600)));
}

.datenschutz h2{
	padding-top: 30px;
	padding-bottom: 20px;
}
.datenschutz ul{
	padding-left:50px;
}

#cmplz-manage-consent button{
	border: 1px solid #961528!important;
}


.current-menu-item{
	color: #961528!important;
}



body{
	min-height:100vh;
}

/*				b0					b1					b2					b3				*/
/*   ---------+ 1200 +------------+ 991 +xxxxxxxxxxxxx+ 767 +xxxxxxxxxxxxx+ 478 +xxxxxxxxxxx*/
@media (min-width: 1201px){	.bav_hide-b0_plus {display: none!important;}}
@media (max-width: 1200px){	.bav_hide-b0_minus{display: none!important;}}

@media (min-width: 992px){	.bav_hide-b1_plus {display: none!important;}}
@media (max-width: 991px){	.bav_hide-b1_minus{display: none!important;}}

@media (min-width: 768px){	.bav_hide-b2_plus {display: none!important;}}
@media (max-width: 767px){	.bav_hide-b2_minus{display: none!important;}}

@media (min-width: 479px){	.bav_hide-b3_plus {display: none!important;}}
@media (max-width: 478px){	.bav_hide-b3_minus{display: none!important;}}




h1{
	color: var(--h1-color);

}
h2{
	color: var(--h2-color);
}
h4{
	color: var(--h4-color);
	font-weight: 400;
}
p{
	color: var(--h2-color);
}



footer img{
-webkit-filter: grayscale(100%);
   -moz-filter: grayscale(100%);
  	 -o-filter: grayscale(100%);
  	-ms-filter:	grayscale(100%);
  			filter: grayscale(100%); 
}

footer img:hover{
-webkit-filter: grayscale(0%);
   -moz-filter: grayscale(0%);
  	 -o-filter: grayscale(0%);
  	-ms-filter:	grayscale(0%);
  			filter: grayscale(0%); 
}




footer{
	font-family: open-sans, Arial;
}

footer .my_insta{
	margin-right: 2rem;
	margin-left:  2rem;
	
}
footer .my_insta{
	color: #363636;
}
footer .my_insta:hover{
	color: #961528!important;
}


.unterschrift a{
	color: #000000!important;
}




@media (max-width: 600px){
	h1{font-size: var(--h1-min)	;}
	h4{font-size: var(--h4-min)	;}
	p, .unterschrift{font-size: var(--p-min)!important	;}
	.datenschutz h2{font-size: var(--ds-h2-min)!important;}
	.datenschutz p, .datenschutz li{font-size: var(--p-min)!important;}
	footer a{font-size: var(--foo-p-min)!important;}
}

@media (min-width: 601px)and (max-width: 1200px){
	h1{font-size: var(--h1-mid)	;}
	h4{font-size: var(--h4-mid)	;}
	p, .unterschrift {font-size: var(--p-mid)!important;}
	.datenschutz h2{font-size: var(--ds-h2-mid)!important;}
	.datenschutz p, .datenschutz li{font-size: var(--p-mid)!important;}
	footer a{font-size: var(--foo-p-mid)!important;}
}

@media (min-width: 1201px){
	h1{font-size: var(--h1-max)	;}
	h4{font-size: var(--h4-max)	;}
	p, .unterschrift {font-size: var(--p-max)!important;}
	.datenschutz h2{font-size: var(--ds-h2-max)!important;}
	.datenschutz p, .datenschutz li{font-size: var(--p-max)!important;}
	footer a{font-size: var(--foo-p-max)!important;}
}