/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/



:root {
--fluid-text-xs: clamp(0.71rem, -0.03vw + 0.72rem, 0.68rem);
--fluid-text-s: clamp(0.82rem, 0.04vw + 0.81rem, 0.85rem);
--fluid-text-m: clamp(0.94rem, 0.13vw + 0.91rem, 1.06rem);
--fluid-text-l: clamp(1.08rem, 0.25vw + 1.02rem, 1.33rem);
--fluid-heading-xxs: clamp(1.24rem, 0.43vw + 1.15rem, 1.66rem);
--fluid-heading-xs: clamp(1.43rem, 0.66vw + 1.28rem, 2.08rem);
--fluid-heading-s: clamp(1.64rem, 0.97vw + 1.43rem, 2.59rem);
--fluid-heading-m: clamp(1.89rem, 1.38vw + 1.58rem, 3.24rem);
--fluid-heading-l: clamp(2.17rem, 1.92vw + 1.75rem, 4.05rem);
--fluid-heading-xl: clamp(2.49rem, 2.62vw + 1.92rem, 5.07rem);
--fluid-heading-xxl: clamp(2.87rem, 3.53vw + 2.1rem, 6.33rem);
--fluid-heading-xxxl: clamp(3.3rem, 4.71vw + 2.27rem, 7.92rem);
}




/* Add your custom styles here... */ 
/* lato-300 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/wp-content/themes/bb-theme-child/fonts/lato-v23-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/bb-theme-child/fonts/lato-v23-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-regular - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/wp-content/themes/bb-theme-child/fonts/lato-v23-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/bb-theme-child/fonts/lato-v23-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* lato-700 - latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local(''),
       url('/wp-content/themes/bb-theme-child/fonts/lato-v23-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/wp-content/themes/bb-theme-child/fonts/lato-v23-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}







/* Navigation */

.liebl-navigation .fl-menu-mobile-toggle.hamburger {
	background-color: transparent;
	padding: 30px;
	background-image: url(https://brandschutztechnik-liebl.de/wp-content/uploads/liebl-mobile-toggle-thick.svg);
	background-size: contain;
	background-attachment: scroll;
	background-position: center;
	color: #818181;
}




#menu-navigation-liebl-brandschutztechnik .menu-item a:hover, #menu-navigation-liebl-brandschutztechnik .menu-item a:focus {
	background-color: transparent;
	background-image: url(https://brandschutztechnik-liebl.de/wp-content/uploads/liebl-hover-toggle-thick-grey.svg);
	background-size: contain;
	background-attachment: scroll;
	background-position: left;
	background-repeat: no-repeat;
	color: #818181;
}




/* ----------------------------------------------------------- Headings */


.section__heading--small h3 {
	color: #444;
	font-size: var(--fluid-heading-m); 
}

.section__heading--small h3::after {
	content:"";
	display: block;
	margin-top: 10px;
	height: 2px;
	width: 50px;
	background: #e2001a;
}

.section__heading--small.white h3 {
	color: #fff;
}



/* ----------------------------------------------------------- PopUp */

.pum-theme-brandschutztechnik-liebl .pum-title {
	margin-bottom: 3rem;
}

.pum-theme-brandschutztechnik-liebl .pum-container {
	padding: 3rem;
	border-radius: 5px;
	overflow: hidden;
}

.pum-theme-brandschutztechnik-liebl .pum-container .gallery img {
	padding: 10px !important;
	border-color: #e2001a !important;
}

@media all and (max-width:768px) { 
	.pum-theme-brandschutztechnik-liebl .pum-container .gallery-item {
		width: 100% !important;
	}
}


/* ----------------------------------------------------------- Listen */

.liste--mdl h4 {
	text-transform: none;
}



/* --------------------------------------------- Referenzen Logo */

.referenzen__wrapper .fl-col-content {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.referenzen__wrapper .fl-col-content .fl-module {
	width: 200px;
	max-width: 30%;
}
.referenzen__wrapper .fl-col-content .fl-module img{
	transform: scale(0.8);
}
.referenzen__wrapper .fl-col-content .fl-module:hover {
	filter: grayscale(1);
	
}



/* zertifikat box */

.zertifikat__wrapper .fl-col-content {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}
.zertifikat__wrapper .fl-module {
	width: 25%;
    min-width: 300px;
    flex-grow: 1;
}
.zertifikat__box .fl-module-content {
	padding: 3rem 1rem;
	position: relative;
	z-index: 0;
	background-image: url(https://brandschutztechnik-liebl.de/wp-content/uploads/index-only-for-preview.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	background-color: transparent;
}
.zertifikat__box .fl-module-content::before {
	background-color: #000;
	opacity: 0.7;
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
	top: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
}
.zertifikat__box h4 {
	text-transform: none;
	font-size: var(--fluid-heading-xxs);
}


/* ----------------------------------------------------------- cards */

.card__heading h3 {
	font-size: var(--fluid-heading-xs);
	line-height: 1;
}




.ups-button a {
    border-radius: 10px;
}