/*
Theme Name: Enfold - Child Theme
Template: enfold
Author: Ole Ohrt
Description: Child-Theme for Enfold (Kriesi)
Version: 1
*/

@import url("../enfold/style.css");

/* 
------------------------------------------------------- */


/* Basis
############################################################## */

.avia_textblock li {
	list-style: none;
	margin-left: 28px;
}

/*
.avia_textblock li::before {
	content: '';
	position: absolute;
	left: -25px;
	margin-top: 4px;
	width: 1.5rem;
	height: 1.5rem;
	background: url("images/list-point-square.png") no-repeat center/cover;
}
*/

.avia_textblock li::before {
	display: inline-block;
	width: 17px;
	height: 17px;
	content: "";
	outline: 3px solid #f39200;
	margin: 0px 15px 0 -32px;
    border-radius: 1px;
}





/* Reuleaux-Logos
############################################################## */

reuleaux-titel {
	display: block;
	margin: auto;
	padding: 10%;
}
reuleaux-titel .cls-1, reuleaux-titel .cls-2, reuleaux-titel .cls-3 {
	stroke: white;
	stroke-width: 0.5em;
}


reuleaux-ueberuns {
	display: block;
	margin: -200px 0 0 -150px;
	width: 370px;
}
reuleaux-ueberuns .cls-1, reuleaux-ueberuns .cls-2, reuleaux-ueberuns .cls-3 {
	/*stroke: #95c11e;*/
	stroke-width: 0.5em;
}
@media (max-width: 1100px) {
	reuleaux-ueberuns {
		margin: -260px 0 0 -150px;
	}
}
@media (max-width: 767px) {
	reuleaux-ueberuns {
		margin: -140px 0 0 -100px;
	}
	reuleaux-ueberuns {
		width: 220px;
	}
}


reuleaux-vision {
	display: block;
	margin: -160px 0 0 32%;
	width: 220px;
}
reuleaux-vision .cls-1, reuleaux-vision .cls-2, reuleaux-vision .cls-3 {
	/* stroke: #e30513; */
	stroke-width: 0.5em;
}
@media (max-width: 767px) {
	reuleaux-vision {
		margin: -130px 0 0 42%;
		width: 190px;
	}
}


reuleaux-mission {
	display: block;
	margin: -180px 0 0 -130px;
	width: 270px;
}
reuleaux-mission .cls-1, reuleaux-mission .cls-2, reuleaux-mission .cls-3 {
	/* stroke: #f39200; */
	stroke-width: 0.5em;
}
@media (max-width: 767px) {
	reuleaux-mission {
		margin: -140px 0 0 -70px;
		width: 220px;
	}
}


reuleaux-werte {
	display: block;
	margin: -150px 0 0 30%;
	width: 230px;
}
reuleaux-werte .cls-1, reuleaux-werte .cls-2, reuleaux-werte .cls-3 {
	/* stroke: #95c11e; */
	stroke-width: 0.5em;
}

reuleaux-werte2 {
	display: block;
	margin: -150px 0 0 11%;
	width: 230px;
}
reuleaux-werte2 .cls-1, reuleaux-werte2 .cls-2, reuleaux-werte2 .cls-3 {
	/* stroke: #95c11e; */
	stroke-width: 0.5em;
}
@media (max-width: 767px) {
	reuleaux-werte2 {
		margin: -115px 0 0 -8%;
		width: 170px;
	}
}


reuleaux-management {
	display: block;
	margin: -170px 0 0 52%;
	width: 260px;
}
reuleaux-management .cls-1, reuleaux-management .cls-2, reuleaux-management .cls-3 {
	/* stroke: #e30513; */
	stroke-width: 0.5em;
}
@media (max-width: 767px) {
	reuleaux-management {
		margin: -120px 0 0 56%;
		width: 190px;
	}
}


reuleaux-organisation {
	display: block;
	margin: -150px 0 0 305px;
	width: 230px;
}
reuleaux-organisation .cls-1, reuleaux-organisation .cls-2, reuleaux-organisation .cls-3 {
	/* stroke: #f39200; */
	stroke-width: 0.5em;
}
@media (max-width: 767px) {
	reuleaux-organisation {
		margin: -130px 0 0 285px;
		width: 200px;
	}
}
@media (max-width: 480px) {
	reuleaux-organisation {
		margin: -110px 0 0 235px;
		width: 180px;
	}
}


reuleaux-taetigkeit {
	display: block;
	margin: -210px 0 0 -110px;
	width: 320px;
}
reuleaux-taetigkeit .cls-1, reuleaux-taetigkeit .cls-2, reuleaux-taetigkeit .cls-3 {
	/* stroke: #95c11e; */
	stroke-width: 0.5em;
}


reuleaux-karriere {
	display: block;
	margin: -200px 0 0 -150px;
	width: 370px;
}
reuleaux-karriere .cls-1, reuleaux-karriere .cls-2, reuleaux-karriere .cls-3 {
	/* stroke: #95c11e; */
	stroke-width: 0.5em;
}


reuleaux-kontakt {
	display: block;
	margin: -130px 0 0 38%;
	width: 190px;
}
reuleaux-kontakt .cls-1, reuleaux-kontakt .cls-2, reuleaux-kontakt .cls-3 {
	/* stroke: #e30513; */
	stroke-width: 0.5em;
}



/* Header
############################################################## */

.logo {
	width: 300px;
}



/* Titelbild
############################################################## */

#titelbild .entry-content-wrapper > div {
	height: 100%;
}



/* Werte
############################################################## */
/*
.av-image-hotspot-1::before {
	content: 'huhu';
	color: red;
}
*/

#werte .iconbox_left_content .iconbox_icon {
	width: 60px;
	height: 60px;
	font-size: 27px;
	line-height: 56px;
	border-style: solid;
	border-width: 2px;
	border-radius: 500px;
	text-align: center;
	margin-right: 22px;
	padding-left: 2px;
}

@media (max-width: 767px) {
	#werte .iconbox_left_content .iconbox_icon {
		width: 40px;
		height: 40px;
		font-size: 20px;
		line-height: 36px;
		margin-right: 12px;
	}
}



/* Tätigkeitsfelder
############################################################## */

.wp-image-983 {
	z-index: -1;
}



/* Karriere
############################################################## */

#job-section {
	margin-top: 20px;
}

#job-post {
	display: inline-block;
	margin-bottom: 30px;
	width: 100%;
}

#job-download {
	margin: 20px 40px 20px 0;
	float: left;
}

#job-download img {
	width: 74px;
}

#job-download-text {
	margin-top: -10px;
}

#job-text {
	padding-top: 5px;
}



/* Kontakt
############################################################## */

.kontaktkarte {
    position: fixed;
    inset: 0;
}

.kontakt .container {
    /*background: lightblue;*/
    margin-left: 50vw;
}

.kontakthaelfte {
	width: 48%;
	float: left;
	margin-right: 2%;
}

.kontakthaelfte img {
	vertical-align: middle;
	margin-right: 10px;
}

.profillogo {
	display: flex;
	justify-content: left;
	align-items: baseline;
	gap: 40px;
}



/* Media-Queries
############################################################## */

@media (max-width: 1200px) AND (min-width: 768px) {
	.kontakthaelfte img {
		margin-bottom: 10px;
		display: block;
	}
	
}

@media (max-width: 990px) {
	/* Werte Bild und Aufzählung */
	.avia-builder-el-45,
	.avia-builder-el-47 {
		padding: 0 !important;
	}
}

@media (max-width: 767px) {
	reuleaux-titel {
		padding: 5% 20%;
	}

	h2 {
		font-size: 60px !important;
	}

	#vision p {
		font-size: 30px;
		line-height: 1.5em;
	}
}

@media (max-width: 620px) {
	.kontakthaelfte img {
		margin-bottom: 10px;
		display: block;
	}
}

@media (max-width: 480px) {
	h2 {
		font-size: 44px !important;
	}

	#vision p {
		font-size: 24px;
		line-height: 1.5em;
	}
}