/*======================================
Theme Name: 2e Systems
Theme URI: 
Description: Child-Theme für 2e Systems
Version: 1.0
Author: MULTIVISIO GmbH
Author URI: https://www.multivisio.de
Template: Divi
======================================*/

/*
2e BLUE #003061
2e Secondary #A6B1BB
2e Text #525960
*/

/*BASIC THEME CONF*/

/*CUSTOM THEME CONF*/
.homePageListItem{
	font-weight:300;
	font-size:40px;
	color:#003061;
}
.homePageHeaderContainer{
	position: absolute;
	bottom: -60vh; 
	right: 20px; 

}

.homePageHeaderText{
	color: white!important;
	font-size: 60px!important;
	font-weight:300!important;
}


.hireBlock{
	width: 250px;
	height: 250px;
	background-color: #ffffff;
	color:#003061!important;
}
.hireBlock:hover{
	background-color:#ff6100;
	color: #ffffff!important;
}
.hireBlockLocation{
	
}

body{
	
	font-family: "Barlow Condensed";
	color: #525960; /*2e TEXT COLOR*/
}

h1,.h1{
	font-size:56px;
	font-weight:300;
	color: red;
}
h2,.h2{
	font-size:56px;
	font-weight:300;
	color: #003061;
}
h3,.h3{
	font-size:40px;
	font-weight:300;
	color: #A6B1BB;
}
h4,.h4{
	font-size:56px;
	font-weight:300;
	color: pink;
}
h5,.h5{
	font-size:56px;
	font-weight:300;
	color: pink;
}
h6,.h6{
	font-size:56px;
	font-weight:300;
	color: pink;
}

p{
	font-size:32px;
	font-weight:300;
	line-height:40px;
}

.blurBox, .blurBoxNormal, .blurBoxHover{
    font-weight: 300;

    width: 500px;
    height: 300px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
	line-height: normal;
}
.blurBox{
    background-position: center;
    background-size: cover;
    position: relative;

}
.blurBoxNormal{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 100%;

}
.blurBox:hover .blurBoxNormal{
    opacity: 0%;
}



.blurBoxHover{
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
    opacity: 0%;
    background-color: rgba(100%, 100%, 100%, .5);
    transition: 0.3s;
    color: #003061;
}
.blurBox:hover .blurBoxHover{
    opacity: 100%;
}

.blurBoxTitle{
    padding: 10px;
    padding-bottom: 0px;
	padding-top: 0px;
    position: absolute;
    font-size: 56px;
    background: white;
    color: #003061;
    bottom: 59px;
    left: 20px;
    z-index: 20;
}
.blurBoxSubTitle {
    padding: 10px;
    position: absolute;
    font-size: 40px;
    background: white;
    color: #A6B1BB;
    bottom: 20px;
    left: 20px;
    z-index: 19;
}
.blurBoxHoverTxtContainer{
    position: absolute;
    top: 20px;
    left: 20px;
	padding: 10px;
}
.blurBoxHoverTitle{
    font-size: 50px;
    margin: 0;
    padding: 0;
}
.blurBoxHoverSubTitle{
    font-size: 30px;
    margin: 0;
    padding: 0;
	margin-top: -10px;
	margin-bottom: 10px;

}

.blurBoxFactBox{
    font-weight: 400;
}
.blurBoxFact{
    margin: 0;
    padding: 5px;
    font-size: 15px;

}.testimonialQuote{
	font-style: italic;
	font-weight: 300;
	font-size: 32px;
	line-height: 40px;
	color: #525960;
}
.testimonialName{
	font-style: normal;
	font-weight: 500;
	font-size: 24px;
	line-height: 40px;
	color: #525960;
	letter-spacing: 0.18px;
	line-height: 120%;

}
.testimonialBox img{
	border-radius: 50%;
}