/*
Theme Name: Avada Child Norden
Description: Avada Child Theme für Meiners, Werner Harm usw.
Author: e5 media
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/
/******************************************************
 * 
 * Default Werte ändern (nicht in Avada konfigurierbar)
 * 
******************************************************/
.button-small, 
.fusion-body .fusion-button-small, 
.wpcf7-form .wpcf7-submit.button-small, 
.wpcf7-form .wpcf7-submit.fusion-button-small {
	font-size: var(--awb-typography5-font-size) !important;
}

.button-medium, 
.fusion-body .fusion-button-medium, 
.wpcf7-form .wpcf7-submit.button-medium, 
.wpcf7-form .wpcf7-submit.fusion-button-medium {
	font-size: var(--awb-typography4-font-size) !important;
}



/******************************************************
 * 
 * Barrierefreiheit
 * 
******************************************************/

/* Focus definieren und für bestimmte Elemente anpassen */
:focus,
header .fusion-image-element:focus-within  {
  outline: 2px solid blue !important;
}

.fusion-button:focus {
	outline-offset: 2px;
}

.fusion-imageframe a {
	display: block;
}


/*
.wpcf7-form .wpcf7-captchar, .wpcf7-form .wpcf7-date, .wpcf7-form .wpcf7-number, .wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-text { {
	--form_border_color: var(--awb-color6) !important;
}
*/

/******************************************************
 * 
 * Layout
 * 
******************************************************/

img[src$=".svg"] {
	width: 400px;
}

.post-content img[src$=".svg"] {
	width: 1000px;
}

.fusion-header .fusion-mobile-menu-icons a {
	font-size: 32px;
}

/* header-logo
	Klasse in Column um das Logo entfernt mobile Box-Shadow */
@media only screen and (max-width: 640px) {
	.fusion-layout-column.header-logo {
		--awb-box-shadow: none !important;
	}
}



.footer-row-2 p {
	margin-top: 0 !important
}





/* Footer-Links (Impressum & Co.) auf Desktop 2spaltig 
@media only screen and (min-width: 1024px) {
	.footer-row-2 .awb-menu__main-ul_column {
	  display: block !important;
	  column-count: 2;
	}
}
*/




/******************************************************
 * 
 * Formular
 * 
******************************************************/
@media screen and (min-width: 1024px) {
	.wpcf7-form .form-group-wrapper {
		display: flex;
		justify-content: space-between;
	}

	.wpcf7-form .form-group-wrapper > * {
		max-width: 30%;
	}

}
	



/******************************************************
 * 
 * Avada Elemente
 * 
******************************************************/

/* Überschriften: strong/bold in anderer Farbe 
h1 strong, h1 b,
h2 strong, h2 b,
h3 strong, h3 b {
	color: var(--awb-color4);
}	


h1 strong, h1 b {
	font-weight: var(--h1_typography-font-weight) !important; 
}

h2 strong, h2 b {
	font-weight: var(--h2_typography-font-weight) !important; 
}

h3 strong, h3 b {
	font-weight: var(--h3_typography-font-weight) !important; 
}
*/

/* Button  */
.button-large {
	font-size: 18px !important;
}


/* Toggle / Accordion: bg weiß  */
.fusion-accordian .toggle-content {
	background: var(--awb-color1);
}

.fusion-accordian .fusion-panel.fusion-toggle-boxed-mode {
	border-radius: 4px !important;
}


/* Image Carousel */
.fusion-image-carousel-fixed .awb-swiper .fusion-image-wrapper img[src$=".svg"] {
	width: 400px;
}


/* Checklist */
.fusion-checklist .fusion-li-item-content {
	font-size: 130%;
}



/********** Content-Box: Default Border-Radius setzen **********/
.fusion-content-boxes.content-boxes-icon-on-top .content-wrapper-background {
	--awb-border-radius-top-left: 60px;
	--awb-border-radius-bottom-right: 60px; 
}








/********** Time Line **********/
.fusion-content-boxes.content-boxes-timeline-vertical .content-wrapper-background {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Time-Line Linie: Dicker und top:0; da Abstände zwischen Boxen entfernt wurden */
.fusion-content-boxes.content-boxes-timeline-vertical .content-box-shortcode-timeline-vertical {
	border-left-width: 3px !important;
	top: 10px !important;
}

.fusion-content-boxes.content-boxes-timeline-vertical .fusion-column {
	margin-bottom: 0px !important;
}

.fusion-content-boxes.content-boxes-timeline-vertical .content-box-column.fusion-appear .content-box-shortcode-timeline-vertical {
	height: 100% !important;
}



/********** Content Boxes (Vorteile Startseite) zentrieren **********/
.fusion-content-boxes.content-boxes-icon-on-top {
	justify-content: center;
	display: flex;
  	flex-wrap: wrap;
}

.fusion-content-boxes.content-boxes-icon-on-top .content-container {
	text-align: left !important;
}





/******************************************************
 * 
 * Eigene CSS-Klassen
 * 
******************************************************/

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




/* bild-auf-box */
@media only screen and (min-width: 1024px) {
	.bild-auf-box.fusion-fullwidth.fullwidth-box .fusion-layout-column:last-of-type .fusion-column-wrapper {
		margin-left: -100px !important;
		padding-left: 120px !important;
		padding-right: 20px !important;
		width: calc(var(--awb-col-width) + 100px) !!important;
	}
	
}




/* max-site-width:
	Container sitzt auf fullwidth, damit halbe Box mit Hintergrundbild Breit wird
	Die halbe Box mit Content soll aber nicht zu breit werden */
@media only screen and (min-width: 1024px) {
	.max-site-width .fusion-title,
	.max-site-width .fusion-content-boxes   {
		max-width: calc(var(--site_width) / 2) !important;
	}
	
}




/* Header (test v1)
	Maske nur auf Desktop erkennbar, mobile und Tablet komplett transparent */
@media screen and (max-width: 1201px) {
	.fusion-fullwidth.header .awb-background-mask {
		background-color: var(--awb-color2);		
	}		
}