/*
Theme Name: Alltagsbetreuung Harmony - Job Landingpage
Description: Child theme for Divi theme
Author: A Vista Studios
Author URI: https://a-vista-studios.de
Template: Divi
Version: 1.0.0
Text Domain:  Divi
*/


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

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

/* roboto-300italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  src: url('fonts/roboto-v20-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Light Italic'), local('Roboto-LightItalic'),
       url('fonts/roboto-v20-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

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

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

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

/* roboto-500italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/roboto-v20-latin-500italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'),
       url('fonts/roboto-v20-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}

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

/* roboto-700italic - latin */
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-v20-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'),
       url('fonts/roboto-v20-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-v20-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-v20-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-v20-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-v20-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}


/*-------------------------------------------------------*/
/*----- END SCHRIFTEN -----*/
/*-------------------------------------------------------*/

	/*Mailtext-Codierung*/
	.ltrText { unicode-bidi:bidi-override; direction: rtl; }

/*-------------------------------------------------------*/
/*----- ALLGEMEINE AUSZEICHNUNGEN -----*/
/*-------------------------------------------------------*/

/* -------------------------------------------------------------*/
	/* Auf dem iPhone (aber nicht Safari Mac oder Windows Firefox, IE, Chrome,...
	ist ein horizontales Scrollen möglich. Unterbinden:*/	
	 #page-container {
		position:relative;
		overflow-x:hidden;
	}	
	
	body {
		font-weight: normal;
		letter-spacing: 0px;		
		color: #000!important;	
		font-family: 'Roboto'!important;	
		font-weight: 300;
		font-size: 120%!important;	
	}	
	
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Roboto'!important;	
		font-weight: 200!important;
		color: #333!important;	
	}
	
	h1 {
		color: #555!important;		
		font-size: 300%;	
		line-height: 120%!important;		
		margin: 0!important;
		margin-bottom: 0!important;
		padding: 0!important;	
	}
	.header-content h1.et_pb_module_header {
		font-size: 300%;
	}	
	h2 {
		font-size: 220%!important;
		line-height: 140%!important;
		margin: 0!important;
		margin-top: 1em!important;
		padding: 0!important;	
		margin-bottom: 0.5em!important;
	}
	
	@media screen and (min-width: 1200px) {	
		h1.h-bottom-line span,
		h2.h-bottom-line span {
			padding-bottom: 14px!important;	
		}
	}	
	
	@media screen and (max-width: 1200px) {	
		h2 {
			font-size: 175%!important;
			line-height: 130%!important;	
		}
	}
	
	@media screen and (min-width: 900px) {	
		h1.h-bottom-line,
		h2.h-bottom-line {
			width: 100%;
		}	
		h1.h-bottom-line span,
		h2.h-bottom-line span {
			border-bottom: 4px solid  #84003f;
			padding-bottom: 9px;	

		}
		h1.h-bottom-line span {
			padding-bottom: 2px;				
		}
	}
		
	.header-content .et_pb_fullwidth_header_subhead {
		font-size: 150%;
		line-height: 200%;
	}


	h3 {	
		font-size: 180%!important;
		margin: 1em 0 0 0!important;
		padding: 0 0 0.5em 0!important;			
		line-height: 130%!important;		
	}
	
	.h3-footer-headerimage {
		width: 100%;
		background: rgba(0,0,0,0.3);
		margin: 0!important;
		margin-top:-60px!important;		
		padding: 0!important;
		z-index: 10000!important;
	}	
	/*avs: mit DIVI Update von 11.2019 wurde das CORE styles.css so geändert, dass die Headerbilder ÜBER der H3-Textleiste liegen.
	Dadurch wird die H3-Textleiste kurz eingeblendet und verschwindet dann wieder > daher hier explizit z-index für H3-Textleiste und Headerbilder definiert:*/
	.et_pb_module.et_pb_fullwidth_code {
		z-index: 1!important;
	}

	
	.h3-footer-headerimage h3 {
		font-size: 130%!important;
		color: #fff!important;
		margin: 0!important;
		padding: 5px 0 5px 20px!important;
		text-transform: uppercase!important;		
		letter-spacing: 1px;
	}	
	
	@media screen and (max-width: 600px) {	
		.h3-footer-headerimage {
			background: rgba(0,0,0,0.4);			
			margin-top:-54px!important;		
		}	
		.h3-footer-headerimage h3 {
			font-size: 95%!important;
			text-align: center!important;	
			padding: 5px 0 5px 5px!important;
		}
	}	
	
	h4 {
		font-size: 130%;
		line-height: 150%;
		margin: 0.75em 0;
	}
	
	h5 {
		font-size: 120%;
		line-height: 140%;
		margin: 0.75em 0;
	}	
	
	span.h-grey {
		color: #555!important;
	}
	
	@media screen and (max-width: 980px) {	
		h1 {
			font-size: 220%;
			line-height: 150%!important;
		}
		.header-content h1.et_pb_module_header {
			font-size: 200%!important;
			line-height: 130%!important;
		}		
		h2 {
			font-size: 190%!important;
			line-height: 130%!important;
		}						
	}	
	 

	/*Suchergebnisseite: Font ändern:*/
	h2.entry-title {
		color: #333!important;
		font-size: 25px!important;
		margin-bottom: 0.5em!important;
	}
	h2.entry-title a {
		text-decoration: none!important;
		line-height: 130%!important;
	}	
	
	#left-area .et_pb_post {
		max-width: 80%!important;
		padding-bottom: 25px!important;
		border-bottom: 1px solid #8cc04b!important;
	}	
	
	.h-partner {
		color: #333!important;		
		font-size: 180%!important;		
	}
	.h-partner span {
		color: #333!important;			
	}	
	
	/*-------------------------------------------------------------*/
	  /*Tumbnails Bildquellennachweise*/	  
	  dl.bildquellennachweis.inline dd {
		  display: inline;
		  margin: 0;
		  padding-left: 20px;
		}
	  dl.bildquellennachweis.inline dd:after{
		  display: block;
		  content: '';
		  border-top: 1px dotted #666;
		  padding-bottom: 1.00em; 
		}
	  dl.bildquellennachweis.inline dt{
		  display: inline-block;
		  min-width: 180px;
		  padding-left: 20px;
		}
	  dl.bildquellennachweis.inline dt img {
		  max-width: 150px !important;
	  }
	  @media screen and (max-width: 750px) {
		#bildquellennachweise h3 {
			padding-left: 20px;
			font-size: 120%;
		}
		dl.bildquellennachweis.inline dt {
			padding-left: 20px;
			display: block;
		}
		dl.bildquellennachweis.inline dd {
		  display: block;
		  padding-left: 20px;
		  font-size: 80%;
		}		
	  }	
	  /*END Tumbnails Bildquellennachweise*/		
	
/*------------------------------------------------*/
/*---POPUPS---*/
/*------------------------------------------------*/
	.show-impressum,
	.show-datenschutz,
	.show-bildquellen {
		color: #d5e8a6;
		font-weight: 500;
	}
	
	.show-impressum:hover,
	.show-datenschutz:hover,
	.show-bildquellen:hover {
		color: #f4fae3;
		-webkit-transition: all 1.2s ease-in-out;
		-moz-transition: all 1.2s ease-in-out;
		transition: all 1.2s ease-in-out;		
	}
	


/*-------------------------------------------------------*/
/*----- END ALLGEMEINE AUSZEICHNUNGEN -----*/
/*-------------------------------------------------------*/


/*-------------------------------------------------------*/
/*----- HEADER  -----*/
/*-------------------------------------------------------*/
	#main-header {
		position: relative;
		z-index: 99999;
		top: 0;
		border-top: 0px solid #000!important;
		width: 100%;
		background-color: #fff;			
		
		/*AVS: statt hartem Verschwinden des BG dieses ausfaden:*/
		-webkit-transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;				
	}

	#main-header .container,
	#top-header .container {
		position: relative;
		max-width: 1460px!important;
		text-align: left;
		margin: auto;
	}	
	
	.logo_container {
		margin-left: -4px;
		margin-top: 15px;
	}

	
	.avs-header-image {
		margin-top: -10vh;
	}
	.avs-header-image .et_parallax_bg {
		min-height: 100vh;	
	}
		
	
	/*Breite des Headers (d.h. des Menüs) vergroessern, bei einer bestimmten Maximalbreite des Browsers, damit die Menüelemente nicht zweizeilig werden*/
	@media screen and (min-width: 981px) and (max-width: 1250px) {	
		#main-header .container,
		#top-header .container {
			width: 100%;
			max-width: 100%;
			padding-right: 10px;
			padding-left: 10px;
		}		
	}
	
	@media screen and (max-width: 1050px) {
		.logo_container img {
			max-height: 70px!important;
		}
	}
	/*END Breite des Headers (d.h. des Menüs) vergroessern	*/
	
	@media screen and (max-width: 980px) {			
	
		.header-content .et_pb_fullwidth_header_subhead {
			font-size: 130%!important;
			line-height: 180%!important;
		}	
		
		.page-id-11 .et_pb_fullwidth_header .et_pb_fullwidth_header_scroll {
			bottom: 1em!important;	
		}			
	}	

	@media (max-width: 780px) {
		#et-footer-nav .container {
			margin: 0!important;
			padding: 0!important;
			width: 100%!important;		
		}			

		/*TEXTFELD UNTERHALB HEADERIMAGE - nur fuer Fullsize-Headerimage*/*/
		/*Textzeile unterhalb Slider - Höhenerzwingung nur erforderlich, wenn sich dort auch Text befindet:
		.h3-footer-headerimage {
			min-height: 8.5em!important;
		}
		*/
		.footer-headerimage {
			min-height: 5.5em!important;
		}		
		/*Box unterhalb des Bildes - CSS Class in DIVI-Container integriert. Nicht fuer Fullsize-Headerimagen sondern nur fuer Bilder mit maximaler Hoehe von 600px (Screen)*/
		.footer-partial-headerimage {
			margin-top: -8px;
			min-height: 5.5em!important;
		}			
		
	

	}
	
	/*Slider Beschribungstexte*/
	.et_pb_section p a,
	.et_pb_section p a:link,
	.et_pb_section p a:active,
	.et_pb_section p a:visited	{
		text-decoration: none;
		color: #84003f!important;
	}
	
	.avs-list-box.avs-list-checkmark.white a,
	.avs-list-box.avs-list-checkmark.white a:link,
	.avs-list-box.avs-list-checkmark.white a:active,
	.avs-list-box.avs-list-checkmark.white a:visited		
	{
		color: #d5e8a6!important;
	}
	
	.et_pb_toggle .et_pb_toggle_content a,
	.et_pb_toggle .et_pb_toggle_content a:link,
	.et_pb_toggle .et_pb_toggle_content a:active,
	.et_pb_toggle .et_pb_toggle_content a:visited {
		text-decoration: none;
		color: #84003f!important;		
	}	
	
	.et_pb_section p a:hover,
	.et_pb_toggle .et_pb_toggle_content a:hover	{
		text-decoration: underline;
	}	
	
	.et_pb_section ul li,
	.et_pb_section ol li{
		margin-left: 0.75em; 
	}
	/*END Slider Beschribungstexte*/	
	
	
	/*TEXTFELD UNTERHALB HEADERIMAGE - nur fuer Fullsize-Headerimage*/
	.footer-headerimage {
		height: 1em!important;
	}
	/*Box unterhalb des Bildes - CSS Class in DIVI-Container integriert. Nicht fuer Fullsize-Headerimagen sondern nur fuer Bilder mit maximaler Hoehe von 600px (Screen)*/
	.footer-partial-headerimage {
		margin-top: -8px;
		height: 1em!important;
	}	

	/*-----Center Header Keyvisual Image-----*/
	.entry-content .et_pb_section .et_pb_fullwidth_code .et_pb_code_inner {
		text-align: center;
	}
	

/*-------------------------------------------------------*/
/*----- END HEADER -----*/
/*-------------------------------------------------------*/


/*-------------------------------------------------------*/
/*----- MENÜ-TOP: Sekundäre Menüleiste -----*/
/*-------------------------------------------------------*/
    #top-header {
		background-color: #323e48!important;		
	}
	#top-header .container {
		max-width: 1460px!important;		
	}	
	#top-header .container #et-info {
		text-align: right!important;
		float: right!important;		
		font-weight: 400;
		padding-left: 0;
		padding-right: 0;
	}
			
	
	/*Die sekundäre Menüleiste wird auf dem Tablet/Smartphone standardmaessig ausgeblendet -> wieder einblenden:*/
	@media (max-width: 980px) {
		div#et-secondary-menu, ul#et-secondary-nav {
			display: block !important; 
		}
		div#et-secondary-menu, ul#et-secondary-nav {
			padding: 15px 0 0 0!important;
			margin: 0;
		}
	}	
/*-------------------------------------------------------*/
/*----- END Sekundäre Menüleiste -----*/
/*-------------------------------------------------------*/


/*-------------------------------------------------------*/
/*----- Hauptnavigation -----*/
/*-------------------------------------------------------*/
	#top-menu,
	#et_mobile_nav_menu	{
		display: none;
	}
	
	
	
	/*DEFAULT von DIVI ueberschreiben:*/
	#top-menu a {
		display: block;
		position: relative;
		color: rgba(0, 0, 0, 0.6);
		text-decoration: none;
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
		/*avs:*/
		font-weight: 400;
		padding-left: 0.25em!important;
		padding-right: 0.25em!important;
		text-transform: uppercase;
		font-size: 105%;
	}
	

	#top-menu-nav > ul > li > a:hover,
	#et-secondary-menu > ul > li > a:hover,
	#et-info-email:hover,
	.et-social-icons a:hover {
		/*avs: opacity: 0.7;*/
		opacity: 1;		
		-webkit-transition: all 0.4s ease-in-out;
		-moz-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;	
	}
	
	
	/* Dropdown Animations */
	.et_primary_nav_dropdown_animation_fade #et-top-navigation ul li:hover > ul,
	.et_secondary_nav_dropdown_animation_fade #et-secondary-nav li:hover > ul {
		/*Einblendegeschwindigkeit Submenue - Standard: 0.2s*/
		-webkit-transition: all 1.2s ease-in-out;
		-moz-transition: all 1.2s ease-in-out;
		transition: all 1.2s ease-in-out;
	}	
	/*AVS: statt hartem Verschwinden des Submenues dieses ausfaden:*/
	.et_primary_nav_dropdown_animation_fade #et-top-navigation ul li > ul,
	.et_secondary_nav_dropdown_animation_fade #et-secondary-nav li > ul {
		/*Einblendegeschwindigkeit Submenue - Standard: 0.2s*/
		-webkit-transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;
	}	
	/*END DEFAULT von DIVI ueberschreiben:*/
	
    #main-header #top-menu a.ds-menu-active,
    .et_slide_in_menu_container .et_mobile_menu a.ds-menu-active {
        color: #FE437D !important;
    }
	
	
	/* Sub-Menu des letzten Hauptmenupunktes nach links ausrichten, damit auf kleineren Screens voll sichtbar - aber nur, wenn kein Mobile Menue angezeigt wird, d.h. Breite groesser als 980px */
	/*Eingestellt werden muss aber nicht 981px, sondern 750px, da sich eigenes CSS und das CSS von DIVI in die Quere kommen und die Pixelmasse verfälschen*/
	@media (min-width: 750px){
		.et_primary_nav_dropdown_animation_fade #et-top-navigation ul li:last-child:hover > ul,
		.et_primary_nav_dropdown_animation_fade #et-top-navigation ul li:last-child > ul /*Tablet*/ {
			margin-left: -205px!important;
		}	
		#main-header {
			/*border-bottom: 1px solid #a5a5a5;*/	
			
			-webkit-box-shadow: 0px 8px 11px 0px rgba(138,138,138,1);
			-moz-box-shadow: 0px 8px 11px 0px rgba(138,138,138,1);
			box-shadow: 0px 8px 11px 0px rgba(0,0,0,0.2);				
		}
		#top-menu {
			padding-top: 10px;
		}
		#top-menu li a {
			color: #5c5c5c!important;
			margin-left: 0!important;
			margin-right: 0!important;
			padding-left: 0!important;
			padding-right: 0!important;		
		}
	}
	
	/* DISABLE Dropdown Arrows */
	#top-menu .menu-item-has-children > a:first-child:after,
	#et-secondary-nav .menu-item-has-children > a:first-child:after {
		position: absolute;
		top: 0;
		right: 0;
		font-family: "ETmodules";
		font-size: 0px; /*avs*/
		/*font-weight: 800;*/
		content: "3";
	}	
	
	#top-menu li a:hover {
		color: #000!important;
	}	
	
	/*Underline Active Main Menu - 
	https://www.elegantthemes.com/blog/divi-resources/beautiful-css-hover-effects-you-can-add-to-your-divi-menus*/
	#top-menu .current-menu-item a::before,
	#top-menu .current_page_item a::before {
		 content: "";
		 position: absolute;
		 z-index: 2;
		 left: 0;
		 right: 0;
		}
	#top-menu > li > a:before {
		 content: "";
		 position: absolute;
		 z-index: -2;
		 left: 0;
		 right: 100%;
		 bottom: 0%;
		 background: #d42d46; /*** COLOR OF THE LINE ***/
		 height: 6px; /*** THICKNESS OF THE LINE ***/
		 -webkit-transition-property: right;
		 transition-property: right;
		 -webkit-transition-duration: 0.3s;
		 transition-duration: 0.3s;
		 -webkit-transition-timing-function: ease-out;
		 transition-timing-function: ease-out;
	}
	#top-menu li a:hover {
		opacity: 1 !important;
	}
	#top-menu li a:hover:before {
		right: 0;
	}
	#top-menu li li a:before {
		bottom: 10%;
	}	
	/*END Underline Active Main Menu */
	
/*-------------------------------------------------------*/
/*----- END Hauptnavigation -----*/
/*-------------------------------------------------------*/


/*-------------------------------------------------------*/
/*----- Sub-Menu -----*/
/*-------------------------------------------------------*/
	/*Ab einer Breite von mehr als 980 px - Eingestellt werden muss aber nicht 981px, sondern 750px, da sich eigenes CSS und das CSS von DIVI in die Quere kommen und die Pixelmasse verfälschen*/
	@media screen and (min-width: 750px) {
		.sub-menu {
			background: rgba(235,235,235,1)!important;
		
		}
		
		/*avs: overwrite defautl width of 240px*/
		.nav li ul,
		.nav li li ul,
		ul.sub-menu li	{
			margin-top: 1px;
			width: 300px;			
		}	
		.nav li li a {
			width: 100%!important;
		}	
		/*avs: END overwrite defautl width of 240px*/	
		.nav li ul {
			border-top: 1px solid #444a51!important;
		}	
		ul.sub-menu li:first-child {
			border-top: 1px solid #9e9e9e;
		}
		ul.sub-menu li {
			border-bottom: 1px solid #9e9e9e;	
			font-size: 120%!important;
		}
		ul.sub-menu > li:hover{
			background: #71992c;
			opacity: 1;
		}
		/*avs: verhindert den ca. 0.3 Standard-Cover von DIVI:*/
		ul.sub-menu > li > a:hover {
			background: transparent;
			opacity: 1;
			color:#fff !important; 
		}	
		ul.sub-menu li a,
		ul.sub-menu li a:link,
		ul.sub-menu li a:active {
			font-size: 90%!important;
		}

		#top-menu li.current-menu-ancestor > a,
		#top-menu li.current-menu-item > a {
			color: #d42d46!important;
		}	

		#top-menu li li a {
			text-transform: none!important;
		}

		#top-menu li li a {
			color: #333 !important; 
		}
		#top-menu li li a:hover { 
			color:#fff !important; 
		}
		/*avs: Sub-Menu Item mit active Color wird bei Rollover wieder mit weißer Schrift angezeigt:*/
		#top-menu li li.current-menu-item > a:hover { 
			color:#fff !important; 
		}	
		
		/*----- Mega Menu -----*/
		#top-menu li.mega-menu:hover	{
			background: transparent!important;		
		}
		#top-menu li.mega-menu ul.sub-menu {
			margin-top: 1px!important;	

			margin-right: 0!important; 
			border: 0!important;
			border-top: 1px solid #444a51!important;			
			background: #cc0000!important;	

			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e3e2e2+100 */
			background: #ffffff!important;	 /* Old browsers */
			background: -moz-linear-gradient(top, #ffffff 0%, #e3e2e2 100%)!important;	 /* FF3.6-15 */
			background: -webkit-linear-gradient(top, #ffffff 0%,#e3e2e2 100%)!important;	 /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, #ffffff 0%,#e3e2e2 100%)!important;	 /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e2e2',GradientType=0 )!important;	 /* IE6-9 */		
			
			-webkit-box-shadow: 0px 8px 11px 0px rgba(138,138,138,1);
			-moz-box-shadow: 0px 8px 11px 0px rgba(138,138,138,1);
			box-shadow: 0px 8px 11px 0px rgba(138,138,138,1);						
		}			
		#top-menu li.mega-menu ul.sub-menu li { 
			border: 0!important;	
		}
		#top-menu li.mega-menu ul.sub-menu li:first-child {
			border-top: 0!important;
		}	
		#top-menu li.mega-menu > ul > li > a:first-child {
			padding-top: 0 !important;
			border-bottom: 1px solid rgba(0, 0, 0, 0.2)!important;
		}		
		#top-menu > li.mega-menu > ul.sub-menu > li:hover {
			background: rgba(255,255,255,0.8);		
			background: transparent;		
		}
		#top-menu li.mega-menu li a {
			color: #000!important;		
			font-weight: normal!important;
			margin-top: 10px!important;
		}
		#top-menu li.mega-menu li a:hover { 
			color: #d42d46!important;			
			-webkit-transition: all 0.8s;
			-moz-transition: all 0.8s;
			transition: all 0.8s;			
		}			
		/*This will change the active submenu item colour of Mega-Menu*/
		#top-menu li.mega-menu ul.sub-menu .current-menu-item a {
			color: #d42d46!important
		}			
		#top-menu li.mega-menu ul.sub-menu li li:hover {
			background: #222b34;	
			background: transparent;
			background: rgba(255,255,255,1);		
		}
		
		/*Dreispaltiges Mega-Menu - https://www.divithemeexamples.com/divi-mega-menu-6-columns/*/
		#top-menu li.mega-menu > ul > li {
			width: 33.33%;
			/*width: 25%;*/
			margin: 0;
		}						
		#top-menu li.mega-menu > ul > li:nth-of-type(5n) {
			clear: none;
		}
		#top-menu li.mega-menu > ul > li:nth-of-type(3n) { /*2021-11-30: war vorher (2n), da wurde aber letzte Reihe falsch umgebrochen!*/
			clear: none;
		}		
		/*
		#top-menu li.mega-menu li a:hover { 
			color: #2d961b!important; 
		}	
		*/
		#top-menu li.mega-menu ul.sub-menu li:last-child {
			border-top: 0;
		}	
	}
/*-------------------------------------------------------*/
/*----- END Sub-Menu -----*/
/*-------------------------------------------------------*/


/*-------------------------------------------------------*/
/*----- 2nd-Level Sub-Menu -----*/
/*-------------------------------------------------------*/
	/*Nur unter 980px sichtbar wenn mobile Menu angezeigt wird!*/
	ul.sub-menu ul.sub-menu {
		display: none!important;
	}
	@media screen and (max-width: 979px) {	
		ul.sub-menu ul.sub-menu {
			display: block!important;
		}
	}	
	
	.menu-disabled a {
		color: #cc0000!important;
	}
/*-------------------------------------------------------*/
/*----- END 2nd-Level Sub-Menu -----*/
/*-------------------------------------------------------*/


/*-------------------------------------------------------*/
/*----- MOBILE MENU -------------------------------------*/
/*-------------------------------------------------------*/

	/** Beim Mobile-Menu zunaechst die Untermenuepunkte ausblenden und der Benutzer kann sie dann ausklappen: https://www.elegantthemes.com/blog/community/divi-mobile-menu-hack-collapsing-nested-sub-menu-items
		Es muss entsprechendes CSS und JavaScript vorhanden sein. 
		Dieses wird unter DIVI > THEME-OPTIONS > INTEGRATION > "Code im unteren Bereich Ihrer Beitraege..." eingefuegt. 
		Das funktionierte aber nicht. Daher Eintrag vorgenommen unter "Code dem <head> Ihres Blogs hinzfuegen"
		
		Um die Standard-Symbole für Ausklappen (+) und Einklappen (x) zu aendern, muss das Icon ersetzt werden. Eine Uebersicht: https://www.elegantthemes.com/blog/resources/elegant-icon-font
		DER TRICK: Hier steht für das + "&#x4c;", VERWENDET werden muss jedoch "\4c". Analog laesst sich das Plus-Zeichen in einen Pfeil-nach-unten-mit-Kreis aendern, indem verwendet wird: "\3b".
	*/

	/* Mobile Menu Standard-Code, modfied*/
	.et_mobile_menu {
		margin-top: 4px;/*avs change*/
		
		display: none;
		visibility: visible;
		position: absolute;
		z-index: 9999;
		left: 0;
		width: 100%;
		padding: 5%;
		border-top: 3px solid #2ea3f2;
		border-top: 1px solid #6b7177!important; /*avs change*/
		
		opacity: 1;
		background: #fff;
		-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	}
	
	
	#main-header .et_mobile_menu li ul,
	.et_pb_fullwidth_menu .et_mobile_menu li ul {
		display: block !important;
		visibility: visible !important;
		padding-left: 10px;
	}

	.et_mobile_menu li li {
		padding-left: 5%;
	}

	.et_mobile_menu li a {
		display: block;
		padding: 10px 5%;
		border-bottom: 1px solid rgba(0, 0, 0, 0.03);
		border-bottom: 1px solid rgba(0, 0, 0, 0.25); /*avs change*/
		color: #666;
	}

	.et_mobile_menu .menu-item-has-children > a {
		background-color: rgba(0, 0, 0, 0.03);
		/*font-weight: bold;*/
				font-weight: 400!important;
	}

	.et_mobile_menu li .menu-item-has-children > a {
		background-color: transparent;
	}	
	
	/* END Mobile Menu Standard-Code, modfied*/
	
	.et_mobile_menu {
		margin-left: -30px;
		width: calc( 100% + 60px);
		padding: 5%;
		
		/*avs: overwrite*/
		margin-left: -2.74%;
		width: 105.5%;
		background: #f0f0f0;
		border-bottom: 10px double #d0d0d0!important;
		
		border-bottom: 3px solid #6b7177!important;
	}
	
	.mobile_nav .mobile_menu_bar {
		margin-right: 10px!important;
	}
	/*Bei geöffnetem Mobile Menu ein X statt des Hamburger-Icons*/
	.mobile_nav.opened .mobile_menu_bar:before {
		content: "\4d";
	}
	
/** App Style header and Drop Down Menu - https://divi.space/divi-tutorials/a-better-mobile-menu-style-for-divi/**/

	@media (max-width: 980px) {
		
		/*Abstand unterhalb einer Spalte anpassen fuer Tablet und Smartphone*/
		#main-content .et_pb_column:last-child {
			margin-bottom: 0px!important;					
		}
		/* Mobile Menu */
		.et_mobile_menu {
			font-weight: 400;
		}	
		
		.et_mobile_menu li li {
			font-weight: normal;
		}		
		
		.et_mobile_menu li a {
			color: #000!important;
		}
		.et_mobile_menu li a:hover {
			opacity: 1;
			background-color: rgba(0, 0, 0, 0.03);
			background-color: rgba(0, 0, 0, 0.0);
			color: #019cde;
		}
		
		.et_mobile_menu li.current-menu-ancestor > a,
		.et_mobile_menu li.current-menu-item > a {
			color: #019cde!important;
		}	


		.et_mobile_menu .menu-item-has-children {
			background-color: #transparent!important;
		}	

		
	/** App Style header and Drop Down Menu - https://divi.space/divi-tutorials/a-better-mobile-menu-style-for-divi/**/
		
		.container .logo_container {
			margin-left:15px;
		}
		ul.sub-menu {
			background: #f0f0f0!important;		
		}
		.container.et_menu_container { 
				width: calc( 100% - 60px);
				
				/*avs: overwrite*/
				width: 100%;
		}
	}		
/*-------------------------------------------------------*/
/*----- END MOBILE MENU -------------------------------------*/
/*-------------------------------------------------------*/

	
/*-------------------------------------------------------*/
/*----- CONTENT  -----*/
/*-------------------------------------------------------*/
	#main-content {
		min-height: 700px;
		color: #272e35;
		font-weight: 400;		
	}
	
	
	/*Listen*/
	#main-content ul li,
	#main-content ol li	{
		padding-bottom: 1em;
	}	
	
	/*Spezielle Listen*/
	.et_pb_text.avs-list-checkmark ul {
		margin-left: 2em;		
	}
	 .et_pb_text.avs-list-checkmark ul li {
		list-style-type: none;
		text-indent: -1.15em;
	}
	/*Listen mit Haeckchen: https://www.divi-community.fr/en/tutoriels-divi/comment-remplacer-puces-listes-par-icones-dans-divi/*/
	.et_pb_text.avs-list-checkmark ul li::before {
		font-family: 'ETmodules';
		content: "\52";
		font-size: 150%;
		color: #d42d46;
		float: left;
		margin-left: -1em;
		margin-right: 1.5em;
	}	
	
	.et_pb_text.avs-list-checkmark.white,
	.et_pb_text.avs-list-checkmark.white ul li::before {
		color: #fff;
	}		
	
	/*END LISTEN*/	
	
	/*Sidebar: diese erscheint nur auf der Suchergebnisseite. Dort stört sie allerdings.
	https://www.elegantthemes.com/blog/divi-resources/how-to-remove-sidebars-from-divi
	*/
	/*** Take out the divider line between content and sidebar ***/
	#main-content .container:before {background: none;}
	
	/*avs: alles außer der Suchbox unsichtbar setzen:*/
	#recent-comments-2,
	#archives-2, 
	#categories-2, 
	#meta-2 {
		display: none;
	}	
	
	/*Hoehe Container-Elemente*/
	.et_pb_row {
		padding-top: 1em!important;	
		padding-bottom: 1em!important;	
	}	
	
	
	@media (max-width: 480px) {	
		/*Randabstand der Startseiten-Boxen verringern*/
		.page-id-11 .et_pb_container .et_pb_slide_description {
			margin-left: 0!important;
			margin-right: 0!important;
			padding-left: 0!important; 
			padding-right: 0!important; 
		}	
		
		/*4spaltig zu 2 spaltig*/
		/* ".two_on_mob" make 4 col rows not collapse to one on mobile --- 	https://optimusdivi.com/css-snippet-collapse-divi-page-builder-four-column-rows-into-two-columns-on-mobile/ */
		/*Dazu muss für den Container die Class .two_on_mob integriert werden*/


		.et_pb_section .et_pb_row_4col.two_on_mob>.et_pb_column.et_pb_column_1_4 {
			width: 47.25%!important;
			margin-right: 5.5% !important;
		}
		.et_pb_section .et_pb_row_4col.two_on_mob>.et_pb_column.et_pb_column_1_4:nth-of-type(even) {
			width: 47.25%!important;
			margin-right: 0 !important;
		}
		
		
		/*DIVI hat Standard-Breite von 80% für den Header/Content/Footer*/
		/*Anpassen: https://divibooster.com/changing-the-website-content-width-on-mobiles/*/
		/*#top-header > .container,
		#main-header > .container,
		#et_search_outer > .container,
		div.et_pb_row.et_pb_row_fullwidth
		#main-content > .container,
		div.et_pb_row {*/
		div.et_pb_row  {
			width: 100% !important; 		
		}			
		
		div.et_pb_text_inner {	
			margin-left: 15px;
			margin-right: 15px;
		}


	}		
	
	/*Buttons*/
	a.et_pb_button {
		margin-top: 1.5em;
		text-decoration: none!important;
	}
	
	/*Full-Size-Header Buttons - HOME*/
	.et_pb_fullwidth_header .et_pb_button {
		/*float: left;		*/
	}
	.et_pb_fullwidth_header .et_pb_button.et_pb_more_button {
		min-width: 280px;
		text-align: center;
	}	
	
	.et_pb_fullwidth_header .et_pb_button.et_pb_more_button.et_pb_button_one {
		margin: 0;		
	}		
	.et_pb_fullwidth_header .et_pb_button.et_pb_more_button.et_pb_button_two {
		margin: 0;
	}	
	
	@media screen and (min-width: 950px) {
		.et_pb_fullwidth_header .et_pb_button.et_pb_more_button.et_pb_button_one {
			margin-right: 1em;
		}			
	}	
	
	.scroll-down.et-pb-icon {
		background-color: rgba(255,255,255,0.7);
		padding-right: 5px;
		padding-bottom: 5px;
		border-radius: 20px;
	}
	
	

	/*----------Custom Divi Gallery----------*/
 
	/*Galerie*/
	@media only screen and (max-width: 479px) {
		.et_pb_column .et_pb_grid_item:nth-child(n) {
			width: 100%!important;
		}
	}
	
	/*Bildunterschriften*/
	@media screen and (max-width: 980px) {
		.bildunterschrift .et_pb_text_inner {
			text-align: center!important;
		}	
	}
	
	/*Toggle-Box*/
	.et_pb_module.et_pb_toggle {
		background: #8f9a00!important;
		background: rgba(255,255,255,0.6)!important;
	}

	h5.et_pb_toggle_title {
		font-weight: bold;
		font-size: 150%;
	}
	h5.et_pb_toggle_content {
		color: #84003f!important;	
	}
	h5.et_pb_toggle_content a {
		color: #84003f!important;
	}

	
/*----- END Modules -----*/
	
	
	@media (max-width: 980px) {
		#main-header {
			/*height: 6em!important;*/
			padding-top: 0.5em;
			padding-bottom: 0.25em;			
		}		
		
		#top-header .container {
			/*background: #cc0000!important;*/
			width: 98%!important;
			margin-right: 1.5em!important;
			float: right!important;
			text-align: right!important;
			display: inline-block!important;
		}	
		
		#top-header .container #et-info {
			margin-right: -20px;
		}	

	}
	
	@media (max-width: 780px) {		
		#main-content .et_pb_text_inner { 
			font-size: 95%!important;
			line-height: 170%;
		}		
		#main-footer {
			background: #222;
		}			
		#top-header {
			height: 4.5em!important;
		}	
		#top-header .container {
			margin-right: 0.5em!important;
		}		
		span#et-info-phone {
			right: 0.5em!important;
		}				
		span#et-info-email {
			position: absolute;
			clear: both!important;
			float: right;
			text-align: right!important;
			top: 2.25em!important;
			right: 0!important;
		}
		
	ul.et-social-icons {
		float: right;
	}		
		ul.et-social-icons {
			position: absolute;
			clear: both!important;
			float: right;
			text-align: right!important;
			top: 4em!important;	
			right: -0.35em!important;			
		}			
		
		.header-content h1.et_pb_module_header {
			font-size: 150%!important;
			line-height: 110%!important;
		}		
		.page-id-11 .et_pb_fullwidth_header_container {		
			top: -1.25em!important;
		}	
		.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll {
			display: block!important;
		}
		
		/*Suchfeld reicht auf Smartphone ins Logo. Breite reduzieren:*/
		.et_search_outer {
			width: 100%; /*default*/
			
			/*avs:*/
			width: 80%;
			margin-left: 20%;
			margin-top: 6px;
		}		
	}

	
/*-------------------------------------------------------*/
/*----- END CONTENT  -----*/
/*-------------------------------------------------------*/


/*-------------------------------------------------------*/
/*----- FOOTER  -----*/
/*-------------------------------------------------------*/

	footer#main-footer {
		/*display: block;	*/
		background-color: #323e48!important;	
		z-index: 5 !important;
	}
	#main-footer .container,
	#footer-bottom .container {
		position: relative;
		max-width: 1460px!important;
		text-align: left;
		margin: auto;
	}

	#main-footer .container {
		padding-top: 1.75em;
		font-size: 85%!important;	
		
	
	}	
	
	#main-footer .container #footer-widgets {
		margin: 0 auto!important;		
		padding-top: 0!important;
		height: 0!important;
		max-width: 1200px;				
	}	
	
	#main-footer .container .footer-widget:nth-of-type(2) .widget_text,
	#main-footer .container .footer-widget:nth-of-type(3) .widget_text {
		float: right!important;
		float: left!important;
	}	
	
	
	#footer-bottom {
		background: #222!important;
	}	
	
	#footer-bottom .container {
		font-size: 90%;
	}	

	#footer-info {
		float: right;
		margin-right: 20px;		
		color: #8e8e8e!important;			
	}		
		
	#footer-info a {
		color: #8e8e8e!important;
		font-weight: normal;		
	}	
	#footer-info a:hover {
		color: #fff!important;	
	}	

	.footer-widget a,
	.footer-widget a:link,
	.footer-widget a:active,
	.footer-widget a:visited	{
		color: #f2f2f2!important;
		font-weight: normal;
	}	

	.footer-widget  a:hover	{
		color: #fff!important;
	}	
	

	#et-footer-nav {
		display: inline-block;
		width: 100%;
		

		/*
		border-top: 1px solid #fff!important;	
		border-bottom: 1px solid #fff!important;
		*/
	}
	
	/*Linien oberhalb und unterhalb Footer-Navigationsleiste:*/
	#main-footer {
		border-top: 0px solid #fff!important;	
	}
	#footer-bottom {
		border-top: 1px solid #fff!important;	
		background: #222;		
	}
	/*END Linien oberhalb und unterhalb Footer-Navigationsleiste:*/
	
	#et-footer-nav .container {
		padding: 0!important;	
	}		
	
	ul#menu-footer-menu {
		text-align: right!important;
	}	
	
	.footer-widget h2 {
		color: #fff!important;		
		font-size: 140%!important;
		margin: 0!important;
		padding: 0!important;	
		letter-spacing: 2px;
	}	
	
	@media (max-width: 980px) {

		/*Ausrichtungen Footer*/
		footer#main-footer .container .footer-widget:nth-of-type(2) .widget_text,
		footer#main-footer .container .footer-widget:nth-of-type(3) .widget_text {
			float: left!important;	
			margin: 0 auto;
			display: block;
		}				
		#footer-widgets {
			width: 100%!important;
			
		}
		.footer-widget {
			background: rgba(255,255,255,0.1);
			width: 100%!important;
			margin: 0 auto!important;	
			margin-bottom: 1em!important;
			text-align: center !important; 
			clear: both;
		}					
		.footer-widget div {
			width: 100%!important;
			margin: 0 auto!important;

			/*Text-Innenabstaende*/
			padding: 15px;
		}
		#footer-info { 
			width: 100%; 
			margin:0 auto; 
			text-align: center !important; 
			margin-bottom: 1em!important;
		}		
		#et-footer-nav {
			margin-top: 2em;
		}
		#et-footer-nav .container ul {
			text-align: center!important;		
		}	
	}	
	
	/* Responsive Styles Smartphone Only - Überschreiben Vorlage*/
	/*Formatierung Footer - Code aus Original-Styles rauskopiert - siehe: /* Blog + Sidebar Module + Footer */
	/*Aber Trigger auf 980px gesetzt, damit die Formatierungen bereits ab da greifen*/
	@media all and (max-width: 980px) {
		#footer-widgets .footer-widget,
		.et_pb_gutters1 #footer-widgets .footer-widget {
			width: 100% !important;
			margin-right: 0 !important;
		}

		#footer-widgets .footer-widget:nth-child(n),
		#footer-widgets .footer-widget .fwidget {
			/*margin-bottom: 9.5% !important;*/
			margin-bottom: 0.75em!important;
		}

		.et_pb_gutters1 #footer-widgets .footer-widget:nth-child(n),
		.et_pb_gutters1 #footer-widgets .footer-widget .fwidget {
			margin-bottom: 0 !important;
		}

		#footer-widgets {
			/*padding: 10% 0;*/
			padding: 0;
		}

		#footer-widgets .footer-widget .fwidget:last-child {
			margin-bottom: 0 !important;
		}

		#footer-widgets .footer-widget:last-child {
			margin-bottom: 0 !important;
		}	
	}	

/*-------------------------------------------------------*/
/*----- END FOOTER  -----*/
/*-------------------------------------------------------*/



/*-------------------------------------------------------*/
/*----- MODULE: KONTAKT  -----*/
/*-------------------------------------------------------*/
/* Contact Form 7 Styles
https://www.elegantthemes.com/blog/tips-tricks/how-to-customize-the-style-of-contact-form-7-to-match-your-website
---------------------------------*/
 
	
	
/*SEITE KONTAKT*/
	/*Box mit eigener Klasse:*/
	.contact-outer {
		margin-top: -16px;	
	}
	.et_pb_section.et_pb_section_0.et_section_regular {
		max-width: 100%;		
	}
	.contact-outer,
	.contact-outer h2,
	.contact-outer h3	{
		color: #fff!important;
	}
	
	.contact-address .et_pb_main_blurb_image,
	.contact-address .et_pb_blurb_description,
	.contact-address-follow .et_pb_main_blurb_image,
	.contact-address-follow .et_pb_blurb_description
	{
		padding: 15px 0 15px 15px;		
	}
	
	.contact-address .et_pb_blurb_content,
	.contact-address-follow .et_pb_blurb_content	{
		max-width: 400px!important;
		background: rgba(0,0,0,0.4)!important;
		
		-webkit-transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;			
	}
	.contact-address .et_pb_blurb_content:hover,
	.contact-address-follow .et_pb_blurb_content:hover	{
		background: rgba(0,0,0,0.7)!important;
		
		-webkit-transition: all 1.3s;
		-moz-transition: all 1.3s;
		transition: all 1.3s;			
	}	
	.contact-address .et_pb_blurb_description,
	.contact-address-follow .et_pb_blurb_description{
		padding-left: 2em; 
	}	
	
	
	/*Integration des Hintergrundbildes ueber DIVI laesst sich nicht fuer Tablet + Smartphone gesondert optimieren - daher Integration ueber eigenes CSS*/
	.contact-outer .et_pb_column.et_pb_column_1_2.et_pb_column_0 {
		background-color: #454d51;
		background-image: url("/wp-content/uploads/redaktion/images/content/img-kontakt-screen-milebau.jpg");
		background-position: bottom center;
		background-size: cover;
		background-repeat: no-repeat;
		/*background-attachment: fixed;*/
	}	
	
	.contact-outer .et_pb_column.et_pb_column_1_2.et_pb_column_1 .et_pb_module {
		max-width: 680px!important;	
	}
	
	@media screen and (max-width: 1830px) {
		.contact-outer .et_pb_column.et_pb_column_1_2.et_pb_column_1 .et_pb_module {
			max-width: 500px!important;	
		}	
	} 	
	
	@media screen and (min-width: 980px) {
		.contact-outer .et_pb_column.et_pb_column_1_2.et_pb_column_1 {
			/*min-height: 1000px;*/
			margin:0!important;
			padding-top: 26px!important;
		}		
		.contact-address {
			position: relative;
			top: 36px;
		}
		.contact-address-follow {
			position: relative;
			margin-top: 30px;
			top: 36px;
		}		
	} 
	@media screen and (max-width: 979px) {		
		.contact-outer .et_pb_column.et_pb_column_1_2.et_pb_column_0 {
			background-image: url("/wp-content/uploads/redaktion/images/content/img-kontakt-tablet-milebau.jpg");	
			background-size: auto;
			min-height: 600px;			
		}		
		.wpcf7 input,
		.wpcf7-textarea	{
			width: 100%!important;
		}
		.contact-address {
			position: relative;
			top: 40px;
		}
		.contact-address-follow {
			position: relative;
			margin-top: 15px;
			top: 40px;
		}	
		
	}
	@media screen and (max-width: 480px) {			
		.contact-address {
			position: relative;
			margin-top: 25px;
		}
		.contact-address-follow {
			position: relative;
			margin-top: 25px;

		}
		.contact-address .et_pb_blurb_content,
		.contact-address-follow .et_pb_blurb_content	{
			max-width: 310px!important;
			margin-left: -20px;
		}
		.contact-address .et_pb_blurb_description,
		.contact-address-follow .et_pb_blurb_description {
			padding-left: 0.5em; 
		}			
		.wpcf7 input,
		.wpcf7-textarea	{
			width: 100%!important;
		}
	}  		
	

	
/*CONTACT FORM 7*/	
	.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
		display: none!important;
	}
	.wpcf7 {
		background-color: transparent;
	}
	
	.wpcf7-form {	 
		/*
		margin-left: 25px;	 
		margin-right: 25px;	 
		margin-top: 25px;
		*/
	}	
	
	.wpcf7 p,
	.wpcf7 span {
		color: #fff;
	}
	
	.wpcf7 ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
		color: #fff;
		opacity: 1; /* Firefox */
		font-weight: 300!important;	
	}
	
	.wpcf7 :-ms-input-placeholder { /* Internet Explorer 10-11 */
		color: #fff;
		font-weight: 300!important;	
	}

	.wpcf7 ::-ms-input-placeholder { /* Microsoft Edge */
		color: #fff;
		font-weight: 300!important;	
	}	
		
	.wpcf7 input,
	.wpcf7-textarea	{
		font-size: 90%;
		letter-spacing: 1px;
		width: 85%;	
		border: 0;
		padding: 1em;
		background: rgba(255,255,255,0.3);
		color: #fff!important;
		font-weight: 300!important;		
		
		-webkit-transition: all 0.7s ease-in-out;
		-moz-transition: all 0.7s ease-in-out;
		transition: all 0.7s ease-in-out;		
	}
	.wpcf7 input:hover,
	.wpcf7-textarea:hover {
		background: rgba(255,255,255,0.15);
		color: #fff!important;	
		-webkit-transition: all 1.3s;
		-moz-transition: all 1.3s;
		transition: all 1.3s;		
	}
	
	.wpcf7 input .wpcf7-form-control.wpcf7-text {
		color: #fff!important;
	}	
	
	.wpcf7-textarea {
		height: 100px!important;
		font-family: 'Roboto';
		font-weight: 300!important;	
		resize: none;		
	}	
	
	.wpcf7-text {
		width: 85%;
	}	
	input[type=submit]  {
		background: rgba(0,0,0,0.7);
		font-family: 'Roboto'!important;
		font-weight: 600!important;
		font-size: 110%!important;	
		cursor: pointer;

	}	
	
	
	span.wpcf7-form-control-wrap.your-dsgvo { font-weight: 700!important; }
	
	.wpcf7-checkbox {
		width: 100%;
	}
	.wpcf7-checkbox label input {
		text-align: left;
		opacity: 0;
		color: black !important;
		opacity: 1;
		margin: auto;
		height: 15px;
		width: 20px;
		margin-top: -15px;
		margin-left: -20px;
	}	
	input[type="checkbox"]{
		width: 15px!important;
		max-width: none;
		margin: 0;
		padding: 0;
		margin-left: 5px;
	}	
/*-------------------------------------------------------*/
/*----- END MODULE: KONTAKT  -----*/
/*-------------------------------------------------------*/


/*-----------------------------------------------------------*/
/*----- MODULE: BUTTON für Ein-/Ausklappen von Content  -----*/
/* WRAPPING in DIVI erfolgt dann übrer [expand]Ich bin der versteckte Text[/expand]*/
/*-----------------------------------------------------------*/
	/* Taste ausklappen */
	.hide {
	  display:none;
	}
	.degrade {
	  transition:background-color 1300ms ease 0ms,border 1300ms ease 0ms;
	}
	.degrade.close &gt; *:after {
	  content:"";
	  position:absolute;
	  top:0;
	  display:block;
	  width:100%;
	  height:calc(100% - 32px);
	}
	.exp-wrappper span {		
		margin: 0 auto;
		margin-top: 2em;
	}
	/* Style hier Deine Taste */
	.button {
	  display:block;
	  max-width:150px;
	  cursor:pointer;
	  padding:4px;
	  -webkit-border-radius:6px;
	  -moz-border-radius:6px;
	  border-radius:6px;
	  text-align:center;
	  color:#fff;
	  margin-top:20px;
	  transition: background-color 300ms ease 0ms,border 300ms ease 0ms;
	}
	.button:hover {
	  box-shadow:1px 1px 10px 0px rgba(0,0,0,0.3);
	}

	/* Hintergrundfarbe Deiner Taste */
	.background-taste {
	  background:#2da1db;
	  background: #a2c251;
	}

	/* style hier die Hover Farbe Deiner Taste */
	.background-taste:hover {
	  /*
	  background:#000;
	  color: #2da1db;
	  border: solid 1px #2da1db;
	  */
	  background: #7ca318;
	}
	
	
	
/*-----------------------------------------------------------*/
/*----- MODULE: Multi-Step-Form  -----*/
/*-----------------------------------------------------------*/	
	.fw-choice {
		/*float: left !important;*/
		text-align: center !important;
		display: inline-block;
	}	
	p.fw-step-summary-title {
		color: #fff !important;
		font-size: 175 !important;
		font-weight: 400 !important;
	}	
	
	@media (min-width: 770px) {	
		.fw-progress-bar-container {
			margin-left: -90px!important;
		}
	}

	@media (max-width: 640px) {	
		/*Wegen des Header-Sliders wird auf dem Smartphone (Android, Firefox) nach dem Scrolldown aus dem Footerbereich nach oben gesprungen*/
		/*
		footer#main-footer {
			clear: both!important;
			min-height: 800px!important;
		}
		*/
	}
	
	
/*-----------------------------------------------------------*/
/*----- END MODULE: Multi-Step-Form  -----*/
/*-----------------------------------------------------------*/		
	
	
	
	/*Footer hinter Bottom-Slide-Up-Bild setzen:*/
	#main-content {	
		z-index: 0 !important;		
	}
	
	footer#main-footer {
		z-index: 1 !important;		
		position: relative;
	}