/*
 Theme Name:     pixelWe
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         BÜRO15 GmbH
 Author URI:     http://buero15.com
 Template:       Divi
 Version:        1.0.0
*/




/**
*
*

font-family:'Univers LT W01_45 Light1475944';
font-family:'Univers LT W01_55 Roman1475956';
font-family:'Univers LT W01_65 Bold1475968';

*	
*
*/



/*******************************************************
********************************************************
Allgemein
********************************************************
*******************************************************/

body {
	font-family:'Univers LT W01_55 Roman1475956';
}
 
h1 {
 	font-size: 4em !important;
 	color: #5ebeba;
    font-family:'Univers LT W01_65 Bold1475968';
}

h2 {
	font-size: 1.3em !important;
	font-family:'Univers LT W01_65 Bold1475968';
}

.large-text {
    font-size: 1.5em;
    line-height: 1.3em;
    color: #333;
    font-family:'Univers LT W01_65 Bold1475968';
}


.bold { font-family:'Univers LT W01_65 Bold1475968' !important; }


.green-border { border: 8px solid #5ebeba !important; }
.orange-border { border: 8px solid #f08360 !important; }
.yellow-border { border: 8px solid #d7c748 !important; }
.white-border { border: 8px solid #fff !important; }

.orange-border.light { border: 6px solid #f08360 !important; }

.green-text { color: #5ebeba !important; }
.orange-text { color: #f08360 !important; }
.yellow-text { color: #d7c748 !important; }
.white-text { color: #ffffff !important; }

.green-svg polygon, .green-svg path { fill: #5ebeba !important; }
.orange-svg polygon, .orange-svg path { fill: #f08360 !important; }
.yellow-svg polygon, .yellow-svg path { fill: #d7c748 !important; }
.white-svg polygon, .white-svg path { fill: #ffffff !important; }
.black-svg polygon, .black-svg path { fill: #333333 !important; }


.green-background { background-color: #5ebeba !important; }
.orange-background { background-color: #f08360 !important; }
.yellow-background { background-color: #d7c748 !important; }



.d-flex { display: flex; }
.ai-center { align-items: center; }
.ai-left { align-items: left; }
.jc-center {justify-content: center; }
.fd-column { flex-direction: column; }




/*******************************************************
********************************************************
Logo
********************************************************
*******************************************************/

.logo-container {
	display: flex;
    align-items: center;
}

.logo-container .logo {
	padding-right: 20px;
    width: 150px;
}

.logo-container .logo-subline {
	font-size: 3em;
	color: #333;
	font-family:'Univers LT W01_65 Bold1475968';
	line-height: 1em;
}

.logo-section {
	position: absolute;
    width: 100%;
    z-index: 100;
    background: none;
}

@media (max-width: 980px) {
	.et_fixed_nav.et_show_nav #page-container {
		padding-top: 80px;
	}
	.container.et_menu_container {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.container.et_menu_container:after {
		display: none;
	}
	
	.logo-container {
		flex-direction: column;
		align-items: start;
	}
}



/*******************************************************
********************************************************
Top Bar
********************************************************
*******************************************************/

.topbar .contact {
	display: inline-block;
	padding: 10px 0 0 0;
	-webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.topbar.et-fixed-header .contact {
	padding-top: 16px;
}

.topbar ul li {
	display: inline-block;
    padding-right: 22px;
    font-size: 14px;
    color: #fff;
    position: relative;
    line-height: 1em;
}

.topbar ul li:last-child {
	padding-right: 0;
}

.topbar ul li a {
	color: #ffffff !important;
	font-weight: 600;
}

a:before {
 position: relative;
 margin-right: 5px;
 font-family: 'ETmodules';
 top: 1px;
}

.contact-phone:before {
 content: "\e090";
}
.contact-email:before {
 content: "\e076";
}


@media (max-width: 980px) {
	.topbar .mobile_nav ul li {
		display: block;
	}
}




/*******************************************************
********************************************************
Box
********************************************************
*******************************************************/

.box {
	background-color: #fff;
	padding: 30px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
}

.box.with-icon {
	margin-bottom: 50px !important;
}

.box.with-icon.no-mb {
	margin-bottom: 0px !important;
}

@media (max-width: 980px) {
	.box.with-icon.no-mb {
		margin-bottom: 20px !important;
	}

}

.box.grey {
	background-color: #f3f3f3;
}

.box .subline {
	color: #5ebeba;
	font-family:'Univers LT W01_65 Bold1475968';
	font-size: 2.2em;
	font-style: italic;
}

.box h2 .light {
	font-family:'Univers LT W01_55 Roman1475956';
}

.box-icon {
	width: 70px;
    margin-bottom: -17px !important;
    position: relative;
    top: 0px;
    float: right;
    margin-top: -25px;
    margin-right: -25px;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}


/*******************************************************
********************************************************
Contact Section
********************************************************
*******************************************************/

.contact-section a {
	font-size: 1.5em;
    line-height: 1.3em;
    color: #fff;
    font-family: 'Univers LT W01_65 Bold1475968';
}

.contact-section a:before {
	margin-right: 15px;
}
	
.contact-section .fragen {
	font-size: 4em;
	font-family:'Univers LT W01_65 Bold1475968';
	margin-bottom: 40px;
	color: #fff;
	line-height: 1em;
}

.fragen-btn {
	color: #5ebeba;
    background-color: #ffffff !important;
	margin-right: 10px;
	position: relative;
    padding: .7em 1em;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.7em!important;
    -webkit-transition: all .2s ease-in-out;
	  -moz-transition: all .2s ease-in-out;
	  -o-transition: all .2s ease-in-out;
	  transition: all .2s ease-in-out;
}

.fragen-btn:hover {
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);

    margin-top: 3px;
}



.fragen-btn.green {
	background-color: #5ebeba !important;
	border-color: #5ebeba !important;
	color: #fff;
}


@media (max-width: 980px) {
	.fragen-btn {
		display: flow-root;
		margin-bottom: 15px;
	}

}
/*******************************************************
********************************************************
Kundenstimmen
********************************************************
*******************************************************/
.testimonials {
    font-size: 4em;
    font-family: 'Univers LT W01_65 Bold1475968';
    margin-top: 40px;
    color: #fff;
    line-height: 1em;
}

@media (max-width: 980px) {
	.testimonials {
		font-size: 3em;
	}
}

.testimonials-p{
	text-shadow: none !important;
	font-weight: 400;
	font-size: 100%;
	font-style: italic;
	color: #fff;
	text-align: left;
	padding-bottom: 1em;
	display: block;
	margin: 0;
	padding: 0;
	outline: 0;
	background: 0 0;
	vertical-align: baseline;
}

.testimonials-author{
	font-size: 1.3em !important;
	font-family:'Univers LT W01_65 Bold1475968';
	text-shadow: none !important;
	font-style: italic;
	font-weight: 400;
    line-height: 1em;
    text-align: left;
	color: #fff;
}

/*******************************************************
********************************************************
Lospixeln
********************************************************
*******************************************************/

.lospixeln {
	font-size: 1.5em;
	font-family:'Univers LT W01_65 Bold1475968';
	color: #fff;
}

.faq-light {
	color: #fff;
	font-size: 1.5em;
	font-family:'Univers LT W01_65 Bold1475968';
}




/*******************************************************
********************************************************
Ablauf
********************************************************
*******************************************************/

.logo { max-width: 150px; }

.ablauf svg {
	width: 70px;
	margin-right: 30px;
}

.ablauf .ihr svg,
.ablauf .wir svg {
	width: 150px;
}

.ablauf h2 {
	font-size: 2.3em !important;
}

.ablauf .ablauf-punkt p {
	font-family:'Univers LT W01_65 Bold1475968';
	font-size: 2em;
	line-height: 1.2em;
	text-align: left;
}

.ablauf .ablauf-punkt {
	display: flex;
	justify-content: flex-start;
}

.ablauf .ablauf-punkt > div {
	margin-right: 0;
}

@media (max-width: 980px) {
	.ablauf-punkt .svg {
		margin: 0 !important;
	}

	.ablauf .ablauf-punkt p {
	    font-size: 1.4em;
	}
}

/*******************************************************
********************************************************
Custom Divider
********************************************************
*******************************************************/

.custom-divider-wrapper {
	position: absolute;
	bottom: 0;
	width: 100vw;
}

.custom-divider svg {
	width: 100vw;
}

.custom-divider rect,
.custom-divider polygon,
.custom-divider path {
	fill: #5ebeba;
}


/*******************************************************
********************************************************
Menu
********************************************************
*******************************************************/

.mobile_menu_bar:before {
	color: #fff !important;
}


/*******************************************************
********************************************************
Header
********************************************************
*******************************************************/

.social-facebook:before {
    content: "\e093";
}

.social-instagram:before {
    content: "\e09a";
}