/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

h1 {
	font-size: 4rem !important;
	line-height: 1 !important;
	font-weight: 700 !important;
}

h2 {
	font-size: 3rem !important;
	line-height: 1.1 !important;
	font-weight: 700 !important;
	margin-bottom: 0.2em;
}


h3 {
	font-size: 1.2rem !important;
	line-height: 1.3 !important;
	font-weight: 400 !important;
}

p {
	margin-bottom: 0em;
}

.banner-hl p {
	font-weight: 400;
	font-size: 1.4rem;
	line-height: 1.4;
}

/*Nav*/

.nav-divided > li + li > a::after {
	left: -0.8em;
	border-left: 2px solid #bc955c;
}

.none-pointer > a{
	pointer-events: none;
}

.nav-right {
    padding-right: 20px;
}

.nav.nav-vertical {
    line-height: 0.6!important;
}

.off-canvas-center .nav-sidebar.nav-vertical > li .toggle {
    top: 5px;
}

.text-center.nav-vertical li li, .text-center .nav-vertical li li {
    line-height: 1;
}

.nav>li>a, .nav-dropdown>li>a, .nav-column>li>a {
    color: #000;
	font-weight: 400;
}

.nav > li > a:hover, .nav > li.active > a, .nav > li.current > a, .nav > li > a.active, .nav > li > a.current, .nav-dropdown li.active > a, .nav-column li.active > a, .nav-dropdown > li > a:hover, .nav-column li > a:hover {
	color: #8e5928;
}

.nav-column li > a, .nav-dropdown > li > a {
    padding: 5px 20px;
}

.header:not(.transparent) .header-nav-main.nav > li.active > a {
	color: #000 !important;
}

/*Styling Klassen*/
.lr-70 {
		padding: 0 70px;
}

.l-70 {
		padding: 0 0 0 70px;
}

.r-70 {
		padding: 0 70px 0 0;
}

.text-center {
	text-align: center;
}

.bg-fingerP {
	background: url("/wp-content/uploads/2021/12/f-print.png");
	background-position: 90% 10%;
	background-size: min(50vw, 500px);
	background-repeat: no-repeat;
	width: 100%;
}

.semi-bg:before {
	content: '';
	background: url("/wp-content/uploads/2021/12/semi.png");
    background-repeat: repeat;
    background-size: auto;
	background-position: ;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	display: inline-block;
	height: 150px;
	top: -60px;
	position: absolute;
	left: 15px;
}


/*Leistungen*/
.leistungen-overlay .box-text {
	background: url("/wp-content/uploads/2021/12/plus1.png");
	background-repeat: no-repeat;
	background-size: contain;
	height: 50%;
	left: 25% !important;
}

.leistungen-overlay .box-text-middle.box-overlay .box-text, .leistungen-overlay .box-text-middle.box-shade .box-text {
	pointer-events: none;
}


/*Team (und geschichte)*/

.team .box-overlay.dark .box-text, .team .box-shade.dark .box-text, .geschichte .box-overlay.dark .box-text, .geschichte .box-shade.dark .box-text {
	text-shadow: none;
	width: 94%;
    margin: 3%;
	padding-top: 0em;
	padding-bottom: 0.1em;
}

/*Über uns*/
.adressen .box-list-view .box .box-image, 
.adressen .box-list-view .box .box-text, 
.adressen .box-vertical .box-image, 
.adressen .box-vertical .box-text {
	vertical-align: top;
	padding: 0 10px;
}

.adressen .box {
	display: flex;
}

.jobs .box-list-view .box .box-image, 
.jobs .box-list-view .box .box-text, 
.jobs .box-vertical .box-image, 
.jobs .box-vertical .box-text {
	vertical-align: top;
	padding: 0 10px;
}

/*Timeline*/

#cd-timeline::before {
	margin-left: 0px !important;
    width: 2px !important;
}

.cd-timeline-img {
    box-shadow: none !important;
    border: 1px solid #bc955c;
	width: 42px !important;
	height: 42px !important;
	margin-left: -20px !important;
	margin-top: 20px;
}

.cd-timeline-title-container h2 {
    font-size: 1.2rem !important;
    line-height: 1 !important;
    font-weight: 500 !important;
}

#cd-timeline .cd-timeline-block:nth-child(odd) {
	text-align: right;
}

.cd-timeline-content {
	display: flex;
    flex-direction: column-reverse;
    padding: 0rem 1.6em 1.6rem 1.6rem !important;
}

/*Blog*/

.blog-wh .box-text {
	display: flex;
}

.blog-wh .box-text:before {
	content: '';
	background-image: url("/wp-content/uploads/2021/12/blog-icon.png");
	background-size: contain;
	position: relative;
	width: 90px;
	background-repeat: no-repeat;
}

.blog-post-inner {
	padding: 0px 15px;
}

/*Referenzen*/
.referenzen .box-label .box-text {
	margin: 3%;
	line-height: 0.6;
}

.portfolio-single-page .normal-title {
    background-color: unset;
    border-top: none;
    border-bottom: none;
}

div.portfolio-summary.entry-summary {
	display: none;
}

/*Kontaktformular*/
.grecaptcha-badge { visibility: hidden; }

.kontaktformular {
		width: 100%;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

.kontaktformular > div {
	/*max-width: 50%;*/
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.kontaktformular > div:nth-child(odd) {
	padding: 15px 8px 15px 8px;
}

.kontaktformular > div:nth-child(2n) {
	padding: 15px 8px 15px 8px;
}

input[type='email'], input[type='search'], input[type='number'], input[type='url'], input[type='tel'], input[type='text'], textarea {
	border: none;
	background: none;
	box-shadow: none;
	border-bottom: 1px solid black;
}

textarea {
	background: none;
	box-shadow: none;
	border: 1px solid black;
}

.kf-textarea {
	max-width: 100% !important;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
	padding: 0px !important
}

.wpcf7-form input:focus, .wpcf7-form select:focus {
	background: none;
	border: none;
	border-bottom: 1px solid black;
	box-shadow: none;
}

.kontaktformular input[type="submit"] {
	color: #000000  !important;
	transition: 0.0s;
	background: none;
	font-weight: 400;
	text-transform: unset;
	margin: 0px !important;
	border: none;
}

input[type="submit"]:hover {
	color: #000000 !important;
	border: none;
	box-shadow: none;
}

.kontaktformular .button_arrow {
	padding: 15px 0px 15px 15px;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #000 !important;
    opacity: 1;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000 !important;
    opacity: 1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000 !important;
    opacity: 1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #000 !important;
    opacity: 1;
}

/*WP Block Abstand top, bottom*/
.wp-block-columns {
	margin: 0px;
}


/*footer*/
.absolute-footer {
    padding: 0;
}

.footer-content div, .footer-content p {
	text-align: left;
}

@media only screen and (max-width: 820px) {
/*************** ADD TABLET ONLY CSS HERE  ***************/
	
	h1 {
		font-size: 3rem !important;
	}
	
	.banner-hl .is-divider {
		height: 6px!important;
	}
	
	/*timeline*/
	
	.cd-timeline-img {
		left: 20px !important;
	}
	
	#cd-timeline .cd-timeline-block:nth-child(odd) {
		text-align: left;
	}
	
	#cd-timeline::before {
		margin-left: 2px !important;
		width: 2px !important;
	}
	
}



@media only screen and (max-width: 375px) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	h1, h2 {
		font-size: 2rem !important;
		line-height: 1.1 !important;
	}
	
	p {
		margin-bottom: 0.2em;
	}
	
	.banner-hl .is-divider {
		height: 3px!important;
	}
	
	.banner-hl p {
		font-size: 1rem;
		line-height: 1.2;
	}
	
	.lr-70 {
		padding: 15px;
	}
	
	/*jobs*/
	.jobs .box {
		display: flex;
	}
	.jobs .box-vertical .box-image {
    	width: 30% !important;
	}
	
	/*footer*/
	.footer-content div, .footer-content p {
		text-align: center;
	}

}



/* form */
.wettbewerbform {
	margin-top: 40px;
}

.wettbewerbform .abs {
	margin-top: 20px;
}

.wettbewerbform label {
	font-weight: 200;
	font-size: .97em;
	color: #333;
}

.wettbewerbform input[type="submit"] {
	margin-top: 20px;
	margin-bottom: 20px;
}

.wettbewerbform input:not([type="submit"]) {
	padding-left: 0;
} 

@media only screen and (min-width: 768px) {
	.wettbewerbform .ff label {
		display: flex;
	}

	.wettbewerbform .ff .ll {
		width: 150px;
	}

	.wettbewerbform p {
		width: auto;
		flex: 1;
	}


}