/**
 * This file contains Avada Theme overwrites!
 *
 * Only use this file if something can't be solved using theme options!!!
 *
 * @author Christian Hamacher <c.hamacher@alldesign.de>
 */


/*###############################################################################*/
/*#### DEFAULTS
/*###############################################################################*/

a img {
	transition:opacity 0.4s ease;
}

a img:hover {
	opacity:0.8;
}

/*###############################################################################*/
/*#### Mega Menu
/*#### On hover triggered elements unintentionally
/*###############################################################################*/

@media (max-width:1230px) {
	.fusion-main-menu > ul > li {
		padding-right:0 !important;
		padding:0 1.5vw;
	}
}

@media (min-width:1231px) and (max-width:1300px) {
	.fusion-main-menu > ul > li {
		padding-right:0 !important;
		padding:0 2.1vw;
	}
}

@media (min-width:1301px) and (max-width:1450px) {
	.fusion-main-menu > ul > li {
		padding-right:0 !important;
		padding:0 1.4vw !important;
	}
}

@media (min-width:1451px) {
	.fusion-main-menu > ul > li {
		padding-right:0 !important;
		padding:0 2vw !important;
	}
}

.fusion-megamenu-wrapper {
	padding:40px 15px 0 15px;
	margin-top:-40px;
}


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

.fusion-sticky-shadow {
	height: 112px !important;
}
.fusion-sticky-shadow .fusion-main-menu {
	--nav_height: 112px !important;
}

/*###############################################################################*/
/*#### FUSION CONTENT BOX
/*###############################################################################*/

.fusion-content-boxes .content-wrapper-background {
	padding:15px 30px 10px 30px !important;
}

/*###############################################################################*/
/*#### AVADA PORTFOLIO
/*###############################################################################*/

/* hide post date from releated portfolio posts */
.avada_portfolio .related-posts .fusion-date {
	display:none;
}

/*###############################################################################*/
/*#### AVADA BLOG RELATED
/*###############################################################################*/

.fusion-placeholder-image {
	max-width:100%;
	background:url('../img/featured.jpg') center center no-repeat transparent;
	background-size:cover;
}

/*###############################################################################*/
/*#### CONTACT FORM 7
/*###############################################################################*/

.wpcf7 .asterik {
	color:#ca1515;
}

.wpcf7 .highlight {
	color:orange;
}

.wpcf7 label, .wpcf7 span.label {
	line-height:1;
	font-weight:700;
}

.wpcf7 .unit {
	line-height:1;
	font-weight:700;
}

.wpcf7 input:not([type="checkbox"]):not([type="submit"]),
.wpcf7 select {
	width:100%;
}

.wpcf7 option {
	padding:3px 5px;
}

.wpcf7 button {
	min-width:150px;
	padding:8px 15px;
	color:#0e4194;
	font-weight:700;
	border:0;
	outline:0;
	background:#ededed;
	cursor:pointer;
	transition:color 0.4s ease, background-color 0.4s ease;
}

.wpcf7 button:hover {
	color:#ededed;
	background:#0e4194;
}

.wpcf7 button + button {
	margin-left:5px;
}

/*#####################################################*/
/*#### LAYOUT
/*#####################################################*/

.wpcf7 .block {
	padding-top:1rem;
}

.wpcf7 .block + .block {
	border-top:1px solid #ededed;
	margin-top:1rem;
}

.wpcf7 .block p:first-of-type {
	margin-top:0;
}
.wpcf7 .field p {
	display:block;
}

/* remove p tags inserted by contact form 7*/
/*
.wpcf7 .field p {
	display:none;
}
*/
.wpcf7 .field + .field {
	margin-top:1.5rem;
}


/* Stellt die Flex-Darstellung wiederher */
.wpcf7 .field {
	display:block;
}
.wpcf7 .field .flex-row p {
	display: flex;
	flex: 1;
}
.wpcf7 .field .flex-row span {
	flex: 1;
}

.wpcf7 .fle-row .wpcf7-form-control-wrap {
	flex-basis:50%;
	justify-content:space-between;
}

.wpcf7 .wpcf7-form-control-wrap + .wpcf7-form-control-wrap {
	margin-left:0.5rem;
}

.wpcf7 .wpcf7-list-item {
	margin-left:0;
}

.wpcf7 .wpcf7-list-item label {
	font-weight:400;
}

.wpcf7 .wpcf7-field-group-add {
	margin:1rem 0 0 0;
	min-width:unset;
	width:auto;
	color:#fff;
	background:#0e4194;
}

.wpcf7 .wpcf7-field-group-add:hover {
	background:#ededed;
	color:#0e4194;
}

.wpcf7 .wpcf7-field-group-remove {
	margin-right:8px;
}


/*#####################################################*/
/*#### FORM: Kauf - Vergabekriterien
/*#####################################################*/

.wpcf7 .criteria p {
	display:block;
}

.wpcf7 .criteria-toggle {
	text-decoration:underline;
	cursor:pointer;
}

.wpcf7 .criteria-content {
	display:none;
}

.wpcf7 .criteria-content.__show {
	display:block;
}

/*###############################################################################*/
/*#### Cookie Notice
/*###############################################################################*/


div#cookie-notice {
    background-color: rgba(255, 255, 255, 0.75) !important;  /* Overlay mask */
    position: fixed;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    min-width: unset;
}

#cookie-notice.cookie-notice-hidden {
	display:none !important;
}

#cookie-notice .cookie-notice-container {
    background: rgb(14, 65, 148);  /* Container background */
    max-width: 650px;
    padding: 100px 75px;
    padding-bottom: 25px;
    margin: auto;
    top: 0;
    bottom: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}

#cookie-notice span#cn-notice-text {
    font-size: 1.1em;
    line-height: 1.75em;
    text-align: left !important;
    display: block;
}

#cookie-notice .headline{
	margin-bottom: 1em;
    text-align: center;
    display: block;
    font-size: 2em;
}

#cookie-notice .cookie-notice-container a {
    margin: auto;
    display: block;
    width: 100px;
}

#cookie-notice a#cn-accept-cookie {
    padding: 20px;
    margin: 25px auto !important;
    font-size: 1.5em;
    width: 175px !important;
    background-color: rgba(255, 255, 255, 0.2) !important;   /* Button background */
    background-image: none;
    border: 1px solid rgb(255, 255, 255);
    border-radius: 0px;
}

#cookie-notice a#cn-refuse-cookie {
    background: none;
    border: none;
    box-shadow: none;
}

#cookie-notice a#cn-more-info {
    position: relative;
    bottom: -25px;
    max-width: 650px;
    background: rgba(255, 255, 255, 0.31);
    padding: 5px;
    font-size: 1.2em;
    margin: 0 -75px !important;
    width: unset !important;
}

.privacy-policy #cookie-notice{
    display:  none !important;
}

/*###############################################################################*/
/*#### GOOGLE BADGE
/*###############################################################################*/

.grecaptcha-badge {
	z-index:100;
}


button:disabled{
	cursor: not-allowed !important;
	color: rgb(180, 180, 180) !important;
	background: rgb(237, 237, 237) !important;
}

.page-id-20100 .fusion-columns-2 .fusion-column:nth-of-type(odd), .fusion-columns-2 .fusion-flip-box-wrapper:nth-of-type(odd), .page-id-20100 .fusion-flip-boxes .fusion-column {
	padding-top: 15px;
}

/*###############################################################################*/
/*#### GOOGLE WEB FONTS
/*###############################################################################*/

/* ubuntu-regular - latin */
@font-face {
	font-family: 'Ubuntu';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* roboto-slab-regular - latin */
@font-face {
	font-family: 'Roboto Slab';
	font-style: normal;
	font-weight: 400;
	src: url('../fonts/roboto-slab-v24-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
	url('../fonts/roboto-slab-v24-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('../fonts/roboto-slab-v24-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
	url('../fonts/roboto-slab-v24-latin-regular.woff') format('woff'), /* Modern Browsers */
	url('../fonts/roboto-slab-v24-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
	url('../fonts/roboto-slab-v24-latin-regular.svg#RobotoSlab') format('svg'); /* Legacy iOS */
}