/*
Theme Name: Abition Bestattungen
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 */
}







/*-------------------------------------------------------*/
/*----- 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: 400;
		
	}	
	
	body .et_pb_text .et_pb_text_inner p {
		line-height: 180%;
	}
	
	body .et_pb_text .et_pb_text_inner p,
	body .et_pb_text .et_pb_text_inner ul,
	body .et_pb_text .et_pb_text_inner ol {
		font-size: 1.3em;	
		line-height: 170%;
	}
	
	body .et_pb_blurb_description p {
		line-height: 170%;
	}	
	
	body .et_pb_blurb_content {
		font-size: 1.3em;			
	}
	
	@media screen and (max-width: 780px) {
		body .et_pb_text .et_pb_text_inner p,
		body .et_pb_text .et_pb_text_inner ul,
		body .et_pb_text .et_pb_text_inner ol {
			font-size: 1.15em;	
		}
		
		body .et_pb_blurb_content {
			font-size: 1.15em;			
		}	
	}
	
	 strong, b {
		font-weight: 500 !important;	
	}
	
	/*
	#et-main-area p a,
	.et_pb_blurb_container a {
		font-weight: 600 !important;	
		font-weight: 400 !important;	
	}	*/
	
	#et-main-area p a {
		font-weight: 400 !important;	
	}
	
	#et-main-area p a:hover {
		text-decoration: underline !important;	
		color: #9e047f !important;	
		color: #0e7c7c !important;	
	}	
	
	.txt-link-color,
	.txt-link-color	.et_pb_text_inner {
		color: #0e7c7c;
	}
	
	
	
	.avs-menu-header .et_pb_image_wrap img,
	.et_pb_menu__logo img {
		max-width: 300px !important; 
		padding-top: 1em;
	}
	
	/*-------------------------------------------------------*/
	/*----- Listen -----*/	
	#main-content ul li,
	#main-content ol li	{
		font-size: 100%!important;
		padding-bottom: 1em;
		line-height: 180%;
		margin-left: 0.75em;
	}	
	
	/*2nd Level List */
	#main-content ul li ul li:last-child {
		margin-bottom: -2em!important;
	}		
	
	#main-content ol li ul li:last-child {
		margin-bottom: -2em!important;
	}		
	
	/*Spezielle Listen*/
	.avs-list-checkmark ul,
	.et_pb_text.avs-list-checkmark ul,
	.et_pb_module.avs-list-checkmark ul,
	
	.avs-list-checkmark.negative ul,
	.et_pb_text.avs-list-checkmark.negative ul,
	.et_pb_module.avs-list-checkmark.negative ul	{
		margin-left: 2em;		
	}
	.avs-list-checkmark ul li,
	.et_pb_text.avs-list-checkmark ul li,
	.et_pb_module.avs-list-checkmark ul li,
	
	.avs-list-checkmark.negative ul li,
	.et_pb_text.avs-list-checkmark.negative ul li,
	.et_pb_module.avs-list-checkmark.negative 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/*/
	/*https://stierdev.com/divi-icons-css-codes/*/
	.avs-list-checkmark ul li::before,
	.et_pb_text.avs-list-checkmark ul li::before,
	.et_pb_module.avs-list-checkmark ul li::before,
	
	.avs-list-checkmark.negative ul li::before,
	.et_pb_text.avs-list-checkmark.negative ul li::before,
	.et_pb_module.avs-list-checkmark.negative ul li::before{
		font-family: 'ETmodules';
		content: "\52";
		font-size: 150%;
		color: #005d79;
		float: left;
		margin-left: -1em;
		margin-right: 1.5em;
	}	
	
	.avs-list-checkmark.negative ul li::before,
	.et_pb_text.avs-list-checkmark.negative ul li::before,
	.et_pb_module.avs-list-checkmark.negative ul li::before {
		font-family: 'ETmodules';
		content: "\e02e";
		font-size: 150%;
		color: #cc0000;		
	}		
	
	/*Unter-Liste*/
	.et_pb_text.avs-list-checkmark ul li ul li:first-child,
	.et_pb_module.avs-list-checkmark ul li ul li:first-child,
	.et_pb_text.avs-list-checkmark.negative ul li ul li:first-child,
	.et_pb_module.avs-list-checkmark.negative ul li ul li:first-child		{
		padding-top: 1.5em;
	}
	
	
	.et_pb_text.avs-list-checkmark ul li ul li,
	.et_pb_module.avs-list-checkmark ul li ul li,
	.et_pb_text.avs-list-checkmark.negative ul li ul li,
	.et_pb_module.avs-list-checkmark.negative ul li ul li	{
		font-size: 80%;
	}		
	
	@media (max-width: 480px) {	
		.et_pb_text.avs-list-checkmark ul li ul li,
		.et_pb_module.avs-list-checkmark ul li ul li,
		.et_pb_text.avs-list-checkmark.negative ul li ul li,
		.et_pb_module.avs-list-checkmark.negative ul li ul li		{
			font-size: 94%;
		}			
	}
	
	.et_pb_text.avs-list-checkmark.white ul li::before,
	.et_pb_module.avs-list-checkmark.white ul li::before,
	.et_pb_text.avs-list-checkmark.white.negative ul li::before,
	.et_pb_module.avs-list-checkmark.white.negative ul li::before	{
		color: #fff;
	}		
	
	/*----- END Listen -----*/	
	/*-------------------------------------------------------*/
	
	
	
	/*-------------------------------------------------------*/
	/*------------- Buttons -----*/	
	.et_pb_button.avs-btn-1,
	.et_pb_button.avs-btn-2 {
		font-size: 1.2em !important;
		color: #2f3e4e !important;
		border: 1px solid #2f3e4e !important;
		background-color: #fff !important;
		border-radius: 0px !important;		
	}
	
	.et_pb_button.avs-btn-2 {
		font-size: 1.3em !important;
		border-radius: 20px !important;		
	}	
	
	.et_pb_button.avs-btn-1:hover,
	.et_pb_button.avs-btn-2:hover	{
		background-color: #f2f2f2 !important;	
	}	
	
	.et_pb_button.avs-btn-1.bg-light-grey:hover {
		color: #fff !important;
		border: 1px solid #2f3e4e !important;
		background-color: #2f3e4e !important;		
	}	
	/*------------- END Buttons -----*/	
	/*-------------------------------------------------------*/	
	
	
	/*-------------------------------------------------------------*/
	/*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;
		}
	  @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*/	
	/*-------------------------------------------------------------*/

	
/*-------------------------------------------------------*/
/*----- END ALLGEMEINE AUSZEICHNUNGEN -----*/
/*-------------------------------------------------------*/	
	
/*-------------------------------------------------------*/
/*----- HEADER -----*/
/*-------------------------------------------------------*/
	/*
	#main-header {
		position: relative;
		z-index: 99999;
		top: 0;
	}	
	*/
	/*-------------------------------------------------------*/
	/*----- Ueberschriften -----*/	
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Roboto'!important;	
		font-weight: 300!important;
		color: #2e3e4d!important;	
	}
	
	h1 {
		color: #2e3e4d!important;		
		font-size: 300%!important;	
		line-height: 120%!important;		
		margin: 0!important;
		margin-bottom: 0!important;
		padding: 0!important;	
		padding-bottom: 0.5em!important;
	}	
	

	h2 {
		font-size: 220%!important;
		font-weight: 300!important;
		line-height: 120%!important;
		margin: 0!important;
		margin-top: 0!important;
		padding: 0!important;	
		margin-bottom: 0.5em!important;
	}
	
	h2.header {
		font-size: 150%!important;
		font-weight: 300!important;
	}	
	
	h2.cta-header {
		font-size: 150%!important;
		font-weight: 400!important;
	}	
	
	h3 {	
		font-size: 180%!important;
		font-weight: 400!important;	
		margin: 1em 0 0 0!important;
		padding: 0 0 0.75em 0!important;			
		line-height: 130%!important;		
	}
	
	h3 b,
	h3 strong {	
		font-weight: 500!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;
	}	
		
	
	h4 {
		font-size: 150%!important;
		font-weight: 500!important;
		color: #2e3e4d!important;
		line-height: 120%;
		margin: 0.75em 0 0.25em 0;
		padding: 0;
	}	
	
	

	
	/*----- END Ueberschriften -----*/	
	/*-------------------------------------------------------*/		

	/*-------------------------------------------------------*/
	/*----- Header Hero-Section -----*/

	.avs-keyvisual-header h1 {
		color: #fff!important; 
		font-size: 350%!important; 
		line-height: 100%!important;
		padding-bottom: 1em!important;
	}
	
	.avs-keyvisual-header-subtext {
		color: #fff!important; 
		font-size: 170%!important; 
		line-height: 130%!important;
	}
	
	.avs-keyvisual-header-subtext p {
		padding-bottom: 0.25em!important;
	}
	
	@media screen and (min-width: 1400px) {
		.avs-keyvisual-header.large h1 {
			font-size: 500%!important; 
		}				
		
		.avs-keyvisual-header-subtext.large {
			font-size: 240%!important; 
		}
	}	
	
	@media screen and (min-width: 2000px) {
		
		.avs-keyvisual-header.large h1 {
			font-size: 600%!important; 
		}		
		
		.avs-keyvisual-header.medium h1 {
			font-size: 420%!important; 
		}		
		
		.avs-keyvisual-header.small h1 {
			font-size: 380%!important; 
		}			
		
		.avs-keyvisual-header-subtext.large {
			font-size: 280%!important; 
		}
		
		.avs-keyvisual-header-subtext.medium {
			font-size: 190%!important; 
		}

		.avs-keyvisual-header-subtext.small {
			font-size: 180%!important; 
		}		
	}
	
	@media screen and (max-width: 980px) {	
		.avs-keyvisual-header.large h1,
		.avs-keyvisual-header.medium h1,
		.avs-keyvisual-header.small h1{
			font-size: 320%!important; 
		}		
			
		
		.avs-keyvisual-header-subtext.large,
		.avs-keyvisual-header-subtext.medium,
		.avs-keyvisual-header-subtext.small	{
			font-size: 130%!important; 
		}	
		
		.avs-keyvisual-header-subtext p {
			padding-bottom: 1em!important;
		}				
	}
	
	@media screen and (max-width: 600px) {	
		.avs-keyvisual-header.large h1,
		.avs-keyvisual-header.medium h1,
		.avs-keyvisual-header.small h1{
			font-size: 290%!important; 
		}		
			
		
		.avs-keyvisual-header-subtext.large,
		.avs-keyvisual-header-subtext.medium,
		.avs-keyvisual-header-subtext.small	{
			font-size: 130%!important; 
		}	
	}		
	
	/*-------------------------------------------------------*/
	/*----- CTA BTN-Header -----*/		
	@media screen and (max-width: 1320px) {

		a.btn-cta-header {
			font-size: 100%!important;
			/*margin-left: -2em !important;*/
		}	
	}	
	@media screen and (max-width: 740px) {
		a.btn-cta-header {
			font-size: 0.85em !important;
			/*margin-left: -5em !important;*/
			/*display: none !important;*/
			text-align: center !important;
		}
	}		
	
	.content-header-main .et_pb_text_inner h2 {
		font-size: 240%!important;
		font-weight: 400!important;
	}
	.content-header-main .et_pb_text_inner h2 span {
		font-size: 140%!important;
		font-weight: 300!important;
		line-height: 110%!important;
		color: #5f6973!important;
	}	
	
	@media screen and (max-width: 1200px) {
		.avs-infobox h2 {
			font-size: 180%!important;
		}
	}	
	/*-------------------------------------------------------*/
	
	
	/*-------------------------------------------------------*/
	/*----- BOXEN -----*/	
	
	.avs-info-box ul li, 
	.avs-info-box ol li {
		font-size: 1.1em !important;
	}
	
	.avs-info-box h3 {
		font-weight: 300!important;	
		margin-top: 2em!important;
		margin-bottom: 1em!important;
	}
	
	.avs-info-box h3 b,
	.avs-info-box h3 strong	{
		font-weight: 400!important;	
	}	
		
	
	/*Slide-In - Slider rechter Rand*/
	h4.et_pb_module_header {
		font-size: 110%!important;
	}
	/*END Slide-In - Slider rechter Rand*/
	
	.avs-h4-infobox-box-numbers h2 {
		margin-top: 1em!important;
		padding: 0px;
	}	
	
	.avs-h4-infobox-box-numbers h4 {
		font-size: 3.5em!important;
		font-weight: 500!important;
		color: #5f6973!important;
		margin: 0px!important;
		margin-bottom: -0.60em!important;
		padding: 0px;
	}
		
	
	.avs-box-header-image img {
		max-width: 125px;
	}	
	
	@media screen and (min-width: 500px) {
		.avs-box-header-image img {
			max-width: 125px;
		}
	}
	
	.avs-box-h-ueberschrift	{
		color: #2f3e4e !important;
		font-size: 1.6em;
		line-height: 150%;
		font-weight: 400;
		text-align: center!important;
	}
	
	.avs-box-h-ueberschrift .et_pb_text_inner p a	{
		color: #0e7c7c !important;
		color: #2f3e4e !important;
		
		font-weight: 400!important;
		line-height: 150%;

		text-decoration: underline !important;
		text-underline-offset: 0.3em !important;
		text-decoration-thickness: 0px !important;		
	}	
	
		
	#et-main-area .avs-box-h-ueberschrift p a:hover	{			
		color: #d14a00 !important;
		color: #0e477c !important;	
		color: #0e7c7c !important;
		
		text-decoration-thickness: 2px !important;
	}		
	
	@media screen and (max-width: 1900px) {	
		.avs-box-h-ueberschrift	{
			font-size: 1.2em;
			line-height: 120%;
		}	
	}
	/*-------------------------------------------------------*/




	/*-------------------------------------------------------*/
	/*----- END HEADER-BLOCK -----*/
	/*-------------------------------------------------------*/			
	/*----- END Header Hero-Section -----*/	
	/*-------------------------------------------------------*/	


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



	
/*-------------------------------------------------------*/
/*----- MAIN MENU -----*/
/*-------------------------------------------------------*/	
/*
	@media screen and (max-width: 1350px){
		ul#mega-menu-primary-menu li.mega-menu-item a {
			font-size: 110% !important;
		}
	}

	@media screen and (max-width: 1120px){
		ul#mega-menu-primary-menu li.mega-menu-item a {
			font-size: 106% !important;
		}
	}
*/	
	@media screen and (max-width: 1270px){
		ul#mega-menu-primary-menu li.mega-menu-item a {
			font-size: 125% !important;
		}
		ul#mega-menu-primary-menu ul.mega-sub-menu li a {
			margin-left: 0 !important;
			padding-left: 0 !important;
		}		
	}
	
	@media screen and (max-width: 1190px){
		ul#mega-menu-primary-menu li.mega-menu-item a {
			font-size: 115% !important;
		}
	}	

	@media screen and (max-width: 1110px){
		#abitio-logo-block-centered {
			margin-bottom: 3em !important;
		}
		
		ul#mega-menu-primary-menu > li.mega-menu-item > a {
			margin-top: -2em !important;
		}
		ul#mega-menu-primary-menu li.mega-menu-item a {
			font-size: 125% !important;
			padding-left: 30px !important;
			padding-right: 30px !important;
		}
	}
	

	
	
	/*https://www.peeayecreative.com/how-to-move-the-divi-menu-module-logo-from-top-centered-to-left-on-scroll/*/
	/*-------------------------------------------------------*/
	/*----- MAIN MENU Inline oder Logo oben zentriert und Menübar darunter -----*/	
	.avs-main-menu-inline {
		display: block;
	}
	.avs-main-menu-2lines {
		display: none;
	}
	@media screen and (max-width: 1620px) {
		.avs-main-menu-inline {
			display: none;
		}
		.avs-main-menu-2lines {
			display: block;		
			width: 100%!important;
		}
		.avs-main-menu-2lines ul#mega-menu-primary-menu {
			display: inline-block;	
			float: left !important!;
			text-align: center !important;
		}

	}	
	
	/*-------------------------------------------------------*/
	/*----- MAX MEGA MENU -----*/
	/*-------------------------------------------------------*/	
	/*Smaller font at smaller screens*/
	@media screen and (min-width: 768px) and (max-width: 1200px) {	
		ul.mega-sub-menu li.mega-menu-item a {
			font-size: 0.9em !important;	/*funktioniert nicht obwohl korrekt adressiert - Einstellung von MMM wohl stärker*/
			margin: 0 0 -0.25em 0 !important;
			/*display: none !important;*/
		}	
	}	
	
/*-------------------------------------------------------*/
/*----- END MAIN MENU -----*/
/*-------------------------------------------------------*/	
	
	
	
	
/*-------------------------------------------------------*/
/*----- MEGA MENU -----*/
/*-------------------------------------------------------*/
	
	/*----- MAIN MENU Logo oben zentriert und Menübar darunter -----*/	
	/*Grundeinstellung zu finden im CSS des Max Mega Menus*/
	@media screen and (max-width: 1600px) {
		ul.mega-sub-menu {
			margin-top: -2px !important;
		}
	}
	/*----- END MAIN MENU Logo oben zentriert und Menübar darunter -----*/	
	
	ul.mega-sub-menu li {
		padding-bottom: 0.75em !important;
	}
	
	/*Mega-Menu Submenu: Textüberschriften*/
	ul.mega-sub-menu li .textwidget {
		color: #fff !important; 
		font-weight: 400 !important;
		text-transform: uppercase; 
		font-size: 1.7em; 
		padding-bottom: 0.25em;
		/*padding-left: 1.25em;*/
	}
	
	/*Mega-Menu Submenu: Bildposition*/
	img.avs-megamenu-image.about,
	img.avs-megamenu-image.leistungen,
	img.avs-megamenu-image.kosten,
	img.avs-megamenu-image.vorsorge,
	img.avs-megamenu-image.besonderheiten,
	img.avs-megamenu-image.aktuelles
	  {
		max-height: 400px !important;
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;		
	}
	
	img.avs-megamenu-image.about.alignbottom {
		position: relative !important;
		margin-bottom: -2em !important;
		padding-bottom: 0 !important;
	}		
	
	img.avs-megamenu-image.leistungen.alignbottom {
		position: relative !important;
		margin-bottom: -1.9em !important;
		padding-bottom: 0 !important;
		/*display: none !important;*/
	}
	
	
	img.avs-megamenu-image.kosten.alignbottom {
		position: relative !important;
		margin-bottom: -2em !important;
		padding-bottom: 0 !important;
	}	
	
	img.avs-megamenu-image.vorsorge.alignbottom {
		position: relative !important;
		margin-bottom: -1.9em !important;
		padding-bottom: 0 !important;
	}	
	
	img.avs-megamenu-image.besonderheiten.alignbottom {
		position: relative !important;
		margin-bottom: -1.9em !important;
		padding-bottom: 0 !important;
	}		
	
	img.avs-megamenu-image.aktuelles.alignbottom {
		position: relative !important;
		margin-bottom: -1.9em !important;
		padding-bottom: 0 !important;
	}		

		

/*-------------------------------------------------------*/
/*----- END MEGA 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".
	*/
	
	/*ACHTUNG: wird das Menü mit dem DIVI THEME BUILDER erstellt, so weicht die Vorgehensweise ab - siehe:
	https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-mobile-collapsing-nested-menu-with-divis-theme-builder 
	WICHTIG: JavaScript muss stehen in: THEME-OPTIONS > INTEGRATION > CODE DEM <HEAD> HINZUFÜGEN
	Aber entgegen der Aussage in der Anleitung darf man das CSS dort nicht eintragen, sonst wird beim Menü erst gar kein Text angezeigt. 
	Das CSS muss hier (nachfolgend) integriert werden! Auch danach sind die Navigationspunkte nicht sichtbar. Diese werden erst durch den alten 
	(zusätzlichen) CSS-Code "aktiviert":
	*/

	.et_mobile_menu .first-level > a {
		background-color: transparent;
		position: relative;
	}
	.et_mobile_menu .first-level > a:after {
		font-family: 'ETmodules';
		content: '\3b';
		font-weight: bold;
		position: absolute;
		font-size: 16px;
		top: 13px;
		right: 10px;
		right: 3.5em;
	}
	.et_mobile_menu .first-level > .icon-switch:after{
		/*https://www.markhendriksen.com/full-list-of-all-divi-icon-codes/*/
		font-family: 'ETmodules';
		content: '\51';
		font-size: 16px;
		font-weight: bold;
	}
	.second-level {
		display: none;
	}
	.reveal-items {
		display: block;
	}
	/*
	.et_mobile_menu {
		margin-top: 20px;
		width: 230%;
		margin-left: -65%;
		
	}
	*/

	
	/*-------------------------------------------------------*/
	/*----- ZUSÄTZLICHER CSS-CODE -------------------------------------*/
	/*-------------------------------------------------------*/	

	/* Mobile Menu Standard-Code, modfied*/
	.et_mobile_menu {
		margin-top: 15px !important;/*avs change*/
		margin-left: -25px !important;/*avs change*/
		
		display: none;
		visibility: visible;
		position: absolute;
		z-index: 9999;
		left: 0;
		width: 100%;
		padding: 5%;
		/*border-top: 1px solid #6b7177!important;*/ /*avs change*/
		border-top: 0px !important;
	}
	
	.et_mobile_menu > li a {
		display: block;
		padding: 10px 5%;
		font-weight: 400 !important;
		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  li {
		border-top: 1px solid #6b7177!important; /*avs change*/	
	}
	
	.et_mobile_menu  li.second-level {
		border-top: 0px !important; /*avs change*/	
	}	
		
	
	.et_mobile_menu li:first-child {
		border-bottom: 0px;
	}	
	
	.et_mobile_menu li:last-child a {
		
	}	
	
	.et_mobile_menu > li > a:hover {
		background: transparent !important;
		opacity: 1 !important;
		font-weight: 500 !important;
	}
	
	.et_mobile_menu .current-menu-item > a {
		color: #a27530 !important; /*avs Farbe muss auch im Divi-Template definiert werden, sonst greift das nicht*/
		font-weight: 600 !important;
	}
	
	

	.et_mobile_menu .menu-item-has-children > a,
	.et_mobile_menu .menu-item-has-children > a:hover {
		background-color: rgba(0, 0, 0, 0.03);
		background: transparent !important;
		font-weight: 400!important;
		opacity: 1;
	}
	
	.et_mobile_menu .menu-item-has-children > a:hover {
		font-weight: 500 !important;
	}	
	
	.et_mobile_menu  li.first-level.current-menu-parent.menu-item-has-children > a {
		font-weight: 500 !important;
		font-weight: 600 !important;
		color: #a27530 !important;
	}
	
	.et_mobile_menu  li.first-level.menu-item-has-children ul.sub-menu li.second-level a:hover,
	.et_mobile_menu  li.first-level.current-menu-parent.menu-item-has-children ul.sub-menu li.second-level a:hover { 
		background: transparent !important;
		opacity: 1 !important;
	}
	.et_mobile_menu  li.first-level.menu-item-has-children ul.sub-menu li.second-level a,
	.et_mobile_menu  li.first-level.current-menu-parent.menu-item-has-children ul.sub-menu li.second-level a {
		font-weight: 400!important;
	}	
	.et_mobile_menu  li.first-level.current-menu-parent.menu-item-has-children ul.sub-menu li.second-level.current-menu-item a {
		font-weight:500!important;
		color: #a27530 !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) {
	/** 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);
				width: 100%;
		}
	}		
/*-------------------------------------------------------*/
/*----- END MOBILE MENU -------------------------------------*/
/*-------------------------------------------------------*/



/*-------------------------------------------------------*/
/*----- FOOTER  -----*/
/*-------------------------------------------------------*/
	
	/*-------------------------------------------------------*/
	/*----- TEXTAUSZEICHNUNG FOOTER  -----*/
	footer .et_pb_text_inner p,
	footer .et_pb_text_inner ul,
	footer .et_pb_text_inner ol	{
		font-size: 1em !important;
	}
	
	footer .et_pb_text_inner h4 {
		font-size: 1.3em;
		font-weight: 300 !important;
	}
		
	/*----- END TEXTAUSZEICHNUNG FOOTER  -----*/	
	/*-------------------------------------------------------*/	
	
	/*-------------------------------------------------------*/
	/*----- NAVIGATION FOOTER  -----*/
	
	footer .et_pb_text_inner {
		font-size: 1.25em;
		font-weight: 300 !important;
	}
	
	
	footer .et_pb_text_inner a,
	footer .et_pb_text_inner a:link,
	footer .et_pb_text_inner a:hover,
	footer .et_pb_text_inner a:active,
	footer .et_pb_text_inner a:visited	{
		color: #fff!important;		
	}
	
	footer .et_pb_text_inner a:link	{
		font-weight: 300 !important;
		color: #fff !important;			
	}
	
	footer .et_pb_text_inner a:hover {
		text-decoration: underline !important;	
		font-weight: 400 !important;
		color: #fff !important;	
	}		
	
	/*------------------------------------*/
	
	footer .et_pb_text_inner a.mail-link	{
		font-weight: 300 !important;
		color: #fff !important;			
	}	
	
	footer a.avs-footer-mail-link {
		font-weight: 200 !important;
	}	
	
	footer a.avs-footer-mail-link span:hover	{
		text-decoration: underline !important;	
		font-weight: 500 !important;		
		color: rgba(255,255,255,1.0) !important;	
	}

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

	/*AVS: wichtig: volle Breite der Footer-Container erzwingen:*/
	footer .et_pb_menu_inner_container .et_pb_menu__wrap .et_pb_menu__menu  {		
		width: 100%!important;		
	}
	
	/*------------------------------------*/	
	
	
	/*-------------------------------------------------------*/
	/*----- FOOTER MENU  -----*/	
	footer nav.et-menu-nav ul li {
		display: block!important;			
		width: 100%!important;	
		line-height: 180% !important;
		
	}
	
	footer nav.et-menu-nav ul li a {
		font-weight: 300 !important;
		font-size: 1.4em !important;			
	}
	
	footer nav.et-menu-nav ul li a:hover {	
		text-decoration: underline !important;	
		color: rgba(255,255,255,1.0) !important;	
	}	
	footer nav.et-menu-nav ul li a:before {
		content: "\25B6  ";
	}
	

	
	/*----- INLINE FOOTER MENU - LEGAL  -----*/
	footer .avs-legal-menu {
		text-align: right !important;
		float: right !important;
		clear: both!important;
	}
	
	footer .avs-legal-menu nav.et-menu-nav ul li {
		width: auto !important;
	}
	
	footer .avs-legal-menu nav.et-menu-nav ul li a {
		color: #fff !important;
		font-weight: 300 !important;
		font-size: 1.4em !important;	
		margin-left: -15px!important;
	}	
	footer .avs-legal-menu nav.et-menu-nav ul li a:hover {
		text-decoration: none !important;
	}
	
	footer .avs-legal-menu nav.et-menu-nav ul li a:before {
		content: "";
	}	
	
	footer .avs-legal-menu nav.et-menu-nav ul li a:after {
		content: " | ";
		/*content: " \2223 ";*/
	}
	footer .avs-legal-menu nav.et-menu-nav ul li:last-child a:after {
		content: "";
	}

	footer .et_pb_text_inner h4 {
			font-size: 1.3em !important;	
	}	
	
	@media (max-width: 1400px) {			
		footer .et_pb_text_inner h4 {
			font-size: 1.15em !important;	
		}	
	}	
	
	@media (max-width: 980px) {	
		footer .et_pb_text_inner {
			font-size: 1.1em;
		}
		
		footer .et_pb_text_inner h4 {
			font-size: 1.1em !important;	
		}	
		footer nav.et-menu-nav ul li a {
			font-size: 1.35em !important;	
		}		
		footer .avs-legal-menu nav.et-menu-nav ul li a {
			font-size: 1.3em !important;	
		}		

		footer .avs-footer-contact-col {
			font-size: 1.05em !important;
		}
	}		
	/*----- FOOTER MENU - SHOW DESKTOP MENU ON PHONE INSTEAD OF HAMBURGER-MENU  -----*/
	/*https://divi.help/threads/footer-menu-layout-how-to-turn-off-the-hamburger-button.11475/*/
	@media (max-width: 980px) {
		.avs-open-mobile-menu .et_pb_menu__menu {
			display: flex!important;
		}
		.avs-open-mobile-menu .et_mobile_nav_menu {
			display: none!important;
		}
	} 	
	
	/*----- END FOOTER MENU  -----*/	
	/*-------------------------------------------------------*/

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



/*-------------------------------------------------------*/
/*----- MODULE: SEARCH  -----*/
/*-------------------------------------------------------*/

	
	/*-------------------------------------------------------*/
	/*----- SUCHFUNKTION IM MENU  -----*/
	/*-------------------------------------------------------*/	
	.et_pb_menu__search-container .et_pb_menu__search-input {			
		max-width: 380px;
		color: #fff !important;
		opacity: 1;
		background: rgba(255,255,255,0.2);
		padding: 5px;
	}
	
	.et_pb_menu__search-container .et_pb_menu__search-input:focus {
		outline: none;	
	}
	
	@media (max-width: 980px) {	
		.et_pb_menu__search-container .et_pb_menu__search-input {			
			padding: 8px!important;
			font-size: 1.1em !important;
		}	
	}
	
	/*-------------------------------------------------------*/
	/*----- END SUCHFUNKTION IM MENU  -----*/
	/*-------------------------------------------------------*/		
	
	/*-------------------------------------------------------*/
	/*----- FORMATIERUNGEN AUF SUCHERGEBNISSEITE  -----*/
	/*-------------------------------------------------------*/	
	.avs-h1-suchergebnisseite h1 {
		font-size: 240% !important;
		font-weight: 300!important;		
	}
	h2.not-found-title {
		font-size: 180% !important;
		font-weight: 400 !important;	
		color: #2e3d4d !important;
		margin-top: 1.5em !important;
	}	
	article.et_pb_post.clearfix {
		border-bottom: 1px solid #79838e !important;
		
	}
	/*-------------------------------------------------------*/
	/*----- END FORMATIERUNGEN AUF SUCHERGEBNISSEITE  -----*/
	/*-------------------------------------------------------*/	

/*-------------------------------------------------------*/
/*----- END MODULE: SEARCH  -----*/
/*-------------------------------------------------------*/


/*-------------------------------------------------------*/
/*----- MODULE: SLIDE-IN  -----*/
/*-------------------------------------------------------*/	
	/*Slide-In - Slider rechter Rand*/
	
	
	/*h4.et_pb_module_header {
		font-size: 110%!important;
	}
	
		@media screen and (max-width: 980px) {	
		h4.et_pb_module_header {
			font-size: 80%!important;
		}
		.avs-slide-in-support h5 {
			font-size: 120%!important;
		}		
	}	
	
	*/

	.slide_in_v5 .et_pb_text_inner h4 {
		font-size: 90%!important;
		font-weight: 500!important;
	}
	
	.slide_in_v5 h5 {
		font-size: 100%!important;
	}	
	
	.slide_in_v5 h4.et_pb_module_header {
		font-size: 90%!important;
	}	


	
	@media screen and (max-width: 980px) {	
		h4.et_pb_module_header span {
			font-size: 80%!important;
			/*display: none!important;*/
		}
		.btn-check-in .et_pb_text_inner {
			padding-left: 0.5em !important;
			padding-right: 0.5em !important;
		}		
	}	

	@media screen and (max-width: 768px) {	
		.btn-check-in .et_pb_text_inner {
			padding-left: 0.01em !important;
			padding-right: 0.01em !important;
		}		
	}	
	

	
	/*Slide-In - Slider rechter Rand - geringere Höhe bei Notebooks*/
	@media screen and (max-height: 768px) {
		.et_pb_module.et_pb_image.et_pb_image_1_tb_header.et_pb_image_sticky img {
			max-width: 220px!important;
		}
		h4.et_pb_module_header {
			font-size: 80%!important;
			/*display: none!important;*/
		}
	} 	
	/*END Slide-In - Slider rechter Rand*/	
	
/*-------------------------------------------------------*/
/*----- END MODULE: SLIDE-IN  -----*/
/*-------------------------------------------------------*/	

/*-------------------------------------------------------*/
/*-----  BARRIEREFREIHEIT  -----*/
/*-------------------------------------------------------*/	

	/*-------------------------------------------------------*/
	/*----- Keyboard Highlight Outline  -----*/
	
	/*https://kulturbanause.de/blog/css-focus-visible/*/
	
	*:focus:not(:focus-visible) {
		outline: none;
	}
	
	*:focus-visible {
		/*
		outline: 2px dashed currentColor;		
		outline-offset: 2px;*/
		
		outline: 3px solid #af00c4;
		outline-offset: 2px;
	}	
	
	
	/*----- END Keyboard Highlight Outline  -----*/
	/*-------------------------------------------------------*/		


	
/*-------------------------------------------------------*/
/*----- END BARRIEREFREIHEIT  -----*/
/*-------------------------------------------------------*/	

/*-------------------------------------------------------*/
/*----- MODULE: SLIDE-IN KONTAKTFORMULAR -----*/
/*-------------------------------------------------------*/	
	.wpcf7-form {
		margin-top: 25px;
	}
	
	/*
	.wpcf7-form textarea:focus, 
	.wpcf7-form input:focus{
		outline: none;
	}		*/
	
	.wpcf7-form:focus:not(:focus-visible) { 
		outline: none;
	}	
	
	.wpcf7-text:focus-visible, .wpcf7-textarea:focus-visible, .wpcf7-form-control.wpcf7-quiz:focus-visible {	
		outline: 2px solid #af00c4;
		outline-offset: 0px;
	}	
	
	.avs-contact-form-7 .et_pb_text_inner p a,
	.avs-contact-form-7 p a.mail-link	{
		color: #0e7c7c !important;
	}		
	
	.avs-contact-form-7 p {
		font-size: 1.1em;
		font-weight: 400;
	}
	
	.avs-contact-form-7.introduction .et_pb_text_inner p {
		font-size: 1.1em;
		font-weight: 400;
		line-height: 120%;
	}	
	
	.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors {
		display: none!important;
	}
	.wpcf7 {
		background-color: transparent;
	}	

	.wpcf7-text, .wpcf7-textarea, .wpcf7-form-control.wpcf7-quiz, .wpcf7-date, .wpcf7-number, .wpcf7-captchar {
	  background-color: #eee !important; 
	  border: none !important; 
	  width: 100% !important;
	  border-radius: 0 !important; 
	  font-size: 1.0em; 
	  color: #2f3e4e !important; 
	  color: #000 !important; 
	  padding: 0.75em !important;
	  box-sizing: border-box; 
	} 
	
	.wpcf7-textarea {
	  width: 100% !important;
	}	

	.wpcf7-submit {
	  color: #0c71c3 !important; 
	  margin: 8px auto 0; 
	  cursor: pointer; 
	  font-size: 1.3em; 
	  font-weight: 500; 

	  border-radius: 3px; 
	  padding: 6px 20px; 
	  line-height: 1.7em; 
	  background: transparent; 
	  border: 2px solid; 
	  -webkit-font-smoothing: antialiased; 
	  -moz-osx-font-smoothing: grayscale; 
	  transition: all 0.2s; 
	}
	
	.wpcf7-submit:hover {
		-webkit-transition: all 0.8s ease-in-out;
		-moz-transition: all 0.8s ease-in-out;
		transition: all 0.8s ease-in-out;
		color: #2f3e4e!important;	
		background: #eee;		
	}	
	
	.wpcf7-response-output {
		margin-left: 0 !important;
		margin-top: 0.5em !important;
		font-size: 1.1em !important;
	}
	
	/* 
	https://www.philowen.co/blog/custom-styles-for-contact-form-7-checkboxes/
	custom checkbox styling for contact form 7 checkbox */
	span.wpcf7-list-item {
		display: inline-block;
		margin: 0;
	}
	.wpcf7 .wpcf7-list-item {
		display: block;
		margin-bottom: 10px;
	}
	.wpcf7-checkbox label {
		position: relative;
		top: 0;
		cursor: pointer;
	}
	.wpcf7-checkbox input[type=checkbox] {
		/*position: relative;*/
		position: absolute;
		visibility: hidden;
		width: 20px;
		height: 20px;
		top: 0;
		left: 0;
	}
	.wpcf7-checkbox input[type=checkbox] + span {
	  /*border: 2px solid red; */
	}
	.wpcf7-checkbox input[type=checkbox] + span:before {
		display: block;
		position: absolute;
		content: '';
		border-radius: 0;
		height: 26px;
		width: 26px;
		/*top: 10px;*/
		top: 3px;
		left: 0px;
		border: 1px solid #2f3e4e;
		background: rgba(0,0,0,0.15);
	}
	.wpcf7-checkbox input[type=checkbox] + span:after {
		display: block;
		position: absolute;
		content: "\2713";
		height: 26px;
		width: 26px;
		/*top: 13px;*/
		top: 3px;
		left: 0;
		visibility: hidden;
		/*
		padding-top: 1px;
		padding-left: 3px;*/
		font-size: 28px;
		font-weight: 700;
		text-align: center;
		line-height: 20px;
		border: 1px solid #2f3e4e;
	}
	.wpcf7-checkbox input[type=checkbox]:checked + span:before {
		background: transparent;
	}
	.wpcf7-checkbox input[type=checkbox]:checked + span:after {
		visibility: visible;
	}
	.wpcf7-list-item-label {
		margin-left: 40px;
		display: block;
	}
	/*END*/		




/*-------------------------------------------------------*/
/*----- END MODULE: SLIDE-IN KONTAKTFORMULAR -----*/
/*-------------------------------------------------------*/