#page #page_inner
{
    background: transparent url(__cmsurl__/files/seiteninhalt/img/fdh_bg.png) 70% bottom no-repeat;
}

#page div.top--area
{
	min-height: 0;
}

/*** SIDEMENU ***/
#openmenu
{
    width: 100%;
	font-size: 20px;
    cursor: pointer;
	overflow: hidden;
	float: left;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase; 
    padding: 15px 0 15px 25px; 
	box-sizing: border-box;
	border: 2px solid #fff;
	background: -moz-linear-gradient(top, #638b44 0%, #82ae61 100%);
	background: -webkit-linear-gradient(top, #638b44 0%,#82ae61 100%);
	background: linear-gradient(to bottom, #638b44 0%,#82ae61 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#638b44', endColorstr='#82ae61',GradientType=0 );	
}

#openmenu SPAN
{
	background-image: url('https://www.heilpraktiker.org/files/www/menu-bg.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 40px;
}


#sidemenu
{
    top: 0;
    width: 100%;
    left: -100%;
	font-size: 18px;
	text-transform: uppercase; 
	font-weight: bold;
	position: fixed;
}

#sidemenu UL
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#sidemenu UL LI,
#sidemenu UL LI A
{text-decoration: none;}
	
#sidemenu UL LI
{display: block;}
	
#sidemenu UL LI.last 
{padding-bottom: 50px;}
	
#sidemenu UL LI.clickable SPAN.level_0 SPAN.inner:after,
#sidemenu UL LI.level_1.clickable SPAN.level_1 SPAN.inner:after
{content: "\2192";padding-left: 16px;}	

#sidemenu UL LI.clickable div.title-menue SPAN.level_0 SPAN.inner:after
{content:"";}	

#sidemenu UL LI A
{display: block;}

#sidemenu UL LI A SPAN.outer
{
	padding: 8px 16px;
	display: block;
	box-sizing: border-box;
}

	#page #sidemenu UL LI A:hover
	{padding-left: 35px;transition: all 0.3s ease 0s;}

	#mobile #sidemenu UL LI.level_0.active SPAN.outer.level_0,
	#mobile #sidemenu UL LI.level_1.active SPAN.outer.level_1,
	#mobile #sidemenu UL LI.level_2.active SPAN.outer.level_2
	{background: #BED5AA;}
	
	#sidemenu UL LI div.title-menue A SPAN.outer
	{padding: 0;display: inline; background: none !important;}
	
	/*~UL.LEVEL_1~*/
	#sidemenu UL UL.inposition
	{
		position:absolute;
		top: 0;
		left: -100%;		
		width: 100%;
		cursor: normal;
	}

	#sidemenu div.closemenu,
	#closemenu{
		padding: 16px 16px 16px 40px;
		cursor: pointer;
		margin-left: 16px;
		font-weight: bold;
		text-transform: uppercase;
		background: transparent url('https://www.heilpraktiker.org/files/www/menu-bg.png') left center no-repeat;  
	}
	
	/*~ OVERHEIGHT ~*/
	#sidemenu UL.level_0.inactive LI.level_0 SPAN.level_0,
	#sidemenu UL.level_1.inactive LI.level_1 SPAN.level_1,
	#sidemenu UL.level_2.inactive LI.level_2 SPAN.level_2
	{
		text-indent: -999px;	
		transition: all 1s ease 0s;
	}
	
	#sidemenu UL.level_0.inactive 
	{
		overflow: initial;
	}
	
	/*~ SUBTITLE~*/
	#sidemenu div.title-menue
	{padding: 4px 16px;}

	#sidemenu div.title-menue A
	{padding-left: 0px;font-size: 22px;}
	
	#sidemenu div.title-menue A:before
	{content:"\203A";padding-right: 16px;}	

	#sidemenu UL LI.level_1.clickable div.title-menue SPAN.level_1 SPAN.inner:after
	{content:"";padding:0;}	

	/*~MOBILE PHONE~*/
	#navigation .mobilephone
	{padding: 16px 0;}

	#navigation .mobilephone A
	{
		display: block;		
		text-decoration: none;
		font-size: 1.6em;
	}
	
	/*~C:BG&F:FAM*/
	#sidemenu UL LI,#sidemenu div.closemenu, #closemenu
	{font-size: 20px;}
	
	#openmenu,
	#sidemenu,
	#navigation .mobilephone A
	{font-family: 'Roboto Condensed', sans-serif;}
	
	#sidemenu, #sidemenu UL UL
	{background: #92B870;}	

	#sidemenu UL LI,
	#sidemenu UL LI A,
	#sidemenu div.closemenu,
	#openmenu,
	#closemenu
	{color: #FFF;}
	
	#navigation .mobilephone A
	{color: #666;}
	
	#mobile #sidemenu div.title-menue A
	{padding-left: 0px;font-size: 18px;}
	#mobile #sidemenu UL LI,#mobile #sidemenu div.closemenu, #mobile #closemenu
	{font-size: 16px;}
	
	/*** HIDE STARTSITE LINK */
	#sidemenu #navigation_37524_60696,
	#sidemenu #navigation_37524_60697,
	#sidemenu #navigation_37524_60698,
	#sidemenu #navigation_37524_60699,
	#sidemenu UL LI.level_1.first 
	{
		display: none;
	}

	
@media (max-width:979px)
{
	#page 
	{
		background-image: none;
	}
	#page #navigation UL.level_0 LI
	{
		width: 50%;
		float: none;
		display: inline-block;
	}
	
	#page #navigation
	{
		padding-bottom: 10px;
	}
	
	/***CTA-LINK***/
	#page div.cta--area
	{background: none;}
	
	#page div.cta--box
	{
		width: 50%;
		padding-right: 5px;
		box-sizing: border-box;
	}
	
	#page div.cta--box:nth-child(odd)
	{
		padding-right: 0;
		padding-left: 5px;
	}
	
	#page div.cta--box A
	{
		width: 100%;
		margin-top: 10px;
		box-sizing: border-box;
		border: 2px solid #fff;
		background: #638b44;
		background: -moz-linear-gradient(top, #638b44 0%, #82ae61 100%);
		background: -webkit-linear-gradient(top, #638b44 0%,#82ae61 100%);
		background: linear-gradient(to bottom, #638b44 0%,#82ae61 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#638b44', endColorstr='#82ae61',GradientType=0 );
	}	
	
	/*~ TABS ~*/
    #page div.shool--site .shool--tabs--tabs
	{position: relative;padding-top: 10px;bottom: 0;}
	
	#page div.shool--site .shool--tabs--tabs UL LI
	{border: 1px solid #ccc; }
	
	/*~SHOOL AREA~*/
	#page div.shool--area div.resp--half
	{
		width: 100%;
		float: none;
	}
	
}

@media (max-width:767px) 
{  
	#page #navigation,
	#page #header
	{
		float: left;
		width: 60%;
		margin: 0;
		max-width: 100%;
		height: 150px;
		box-sizing: border-box;
		padding: 10px 10px 10px 0;
	}	
	
	#page #header
	{width: 40%;}
	
	#page #subnavigation,
	#page #address
	{display: none;}
		
	#page #content,
	#page #content div.resp--half,
	#page #content_container,
	#page #information_navigation
	{
		float: none;
		width: 100%;
		padding-right: 0;
		max-width: 100%;
	}
	
	#page #content div.ps--area div.resp--half
	{
		float: left;
		width: 50%;
	}
	
	#page #content div.resp--75,	
	#page #content div.resp--25
	{
		width: 50%;
	}
	
    /*~ MARKETING SITE ~*/      
    #page #content div.marketing--site .resp--75
    {width: 100%;}
    
    #page #content div.marketing--site .outlayed
    {width: 170px;}	
	
	#page #content div.resp--half:nth-child(even)
	{
		padding: 0;
	}

	#page #content_container,
	#page #information_navigation
	{
		padding: 0 10px;
		margin-left: 0px;
	}	
	
	/*~SALES ~*/
	#page div.sales div.left--side,
	#page div.sales div.right--side
	{
		float: none;
		width: 100%;
		padding-bottom: 10px;
	}
	
	#page div.sales div.ap--img,
	#page div.sales div.ap--desc
	{
		width: 50%;
		float: left;
		padding-right: 10px;
		box-sizing: border-box;
	}
	
	#page div.sales div.cta--button A
	{margin: 10px auto;}
 	
	/*~ NEWS IMAGE ~*/
	#page div.event--area div.event_image,
	#page div.news--area div.news_image,
	#page div.event--area div.event_has_image div.event_description, 
	#page div.news--area div.news_has_image div.news_description
	{
		max-width: 100%;
		padding: 0;
		width: 100%;
	}
	
	#page div.event--area div.event_image img,
	#page div.news--area div.news_image img
	{
		width: auto;
		max-width: 100%;
	}
	
	#page div.news--area div.news_image,
	#page div.event--area div.event_image
	{
		padding: 10px 0;
	}
	
	/*~ENTRY AREA~*/
	#page div.entry--box .entry--img,
	#page div.entry--box .entry--desc
	{
		float: left;
		width: 50%;	
	}
	
	#page div.entry--box .entry--desc
	{
		padding-left: 10px;
		box-sizing: border-box;
	}
	
	#page div.entry--box .entry--desc .praxis--desc
	{
		margin-top: 5px;
	}
	
	/*~IMPRESSION GALLERY~*/
    #page div.impression--content .image_gallery_previews .image_gallery_previews_list
    {width: 100%;max-width: 100%;}
        
    #page div.impression--content .image_gallery_previews LI
    {width: 50%; padding-right: 10px;padding-bottom: 10px;box-sizing:border-box;}
	
    #page div.impression--content .image_gallery_previews LI:nth-child(even)
    {padding-right: 0%;padding-left: 10px;}   

    /*** AFTER ZOOM | NAVIGATION ***/
        #page .page_image_gallery_navigation .page_image_gallery_navigation_link 
        {left: 0rem;}   
        #page .page_image_gallery_navigation .page_image_gallery_navigation_next
        {left: auto;right: 0rem;} 
        #page .page_image_gallery_navigation .page_image_gallery_navigation_close
        {left: auto;right: 0rem;}
		
}

@media (max-width:500px) 
{
	#page #navigation,
	#page #header
	{
		width: 100%;
		height: auto;
		padding: 10px;
		margin: 0 auto;
	}
	
	#page #content div.resp--75,	
	#page #content div.resp--25,
	#page div.resp--half--start,
	#page #content div.ps--area div.resp--half
	{
		width: 100%;
		float: none;
	}	
	
	#page div.resp--half:nth-child(even)
	{
		padding: 0;
	}
	/*~THERAPIE-SITE~*/
	#page div.main--area.therapie h1
	{padding-right: 0;}
	
    /*~ MARKETING SITE ~*/      
    #page #content div.marketing--site .resp--75
    {width: 100%;padding: 0;}
    
    #page #content div.marketing--site .outlayed
    {display: none;}	
	
	#page #navigation,
	#page #header,
	#openmenu
	{
		float: none;
	}
	
	#page #header
	{
		padding: 10px;
	}
	
	/*~IMAGE--TEXT~*/
	#page div.imgtxt .img--text,
	#page div.imgtxt .img--field,
	#page div.imgtxt.hpmap .img--text
	{
		width: 100%;
		float: none;
		padding: 5px 0;
		margin-left: 0px;
	}
	#page div.imgtxt .img--field .image_container_inner
	{
		text-align: center;
	}

	/***CTA-LINK***/
	#page div.cta--area.nolinks
	{padding-bottom: 0px;margin-bottom:50px;}
	
	#page div.cta--box,
	#page div.cta--box:nth-child(odd)
	{
		width: 100%;
		padding: 0;
	}
	
	/***DL--AREA***/
	#page div.dl--box
	{
		width: 100%;
		float: none;
		padding: 0;
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	
	#page div.dl--field
	{min-height: 1px;}

	#page div.dl--box:nth-child(even)
	{ padding: 0; }
	
	/***SEARCH-BOX***/
	#page div.top--area div.search--button,
	#page div.top--area div.search--button A
	{
		top: 0;
		left: 0;
		height: auto;
		width: 100%;
		text-indent: 0;
		color: #666;
		background: none;
		position: relative;
	}
	
	#page div.top--area div.search--button P
	{padding: 0;}	
	#page div.top--area div.search--button
	{padding-bottom: 15px;}
	
	#page div.top--area div.search--button A
	{
		width: auto;
		display: block;
		padding: 10px;
		color: #fff;
		float: left;
		background: -moz-linear-gradient(top, #638b44 0%, #82ae61 100%);
		background: -webkit-linear-gradient(top, #638b44 0%,#82ae61 100%);
		background: linear-gradient(to bottom, #638b44 0%,#82ae61 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#638b44', endColorstr='#82ae61',GradientType=0 );
	}
	
	/***EVENT--AREA***/
	#page div.event--area div.event_image,
	#page div.event--area div.event_description
	{
		width: 100%;
		max-width: 100%;
	}
	
	#page div.event--area div.event_image IMG
	{width: auto;}
	
	#page div.event--area div.event_description A
	{max-width: 100%;}
	
	/***TABLE--AREA***/
	#page div.table--area TABLE
	{
		width: 100%;
		position: relative;
	}
	
	#page div.table--area TABLE COL
	{
		float: left;
		width: 100% !important;
		position: relative;
	}
	
	#page div.table--area TR TD
	{
		width: 100% !important;
		float: left;
		display: block;
		table-layout:fixed;
	}
	
	/*~SHOOL AREA~*/
	#page div.shool--area div.shool--logo,
	#page div.shool--area div.shool--address
	{
		width: 100%;
		float: none;
	}
	
	/*~SHOOL SITE~*/
	#page #content div.shool--site .contact--box
	{
		width: 100%;
		float: none;
	}
	
	/*~ TABS ~*/
    #page div.shool--site .shool--tabs--tabs
	{position: relative;padding-top: 10px;bottom: 0;}
	
	#page div.shool--site .shool--tabs--tabs UL LI
	{
		width: 100%; 
		margin-bottom: 5px;
		box-sizing: border-box;
	}
	
	/*~ ARTIKEL > DL | && REPORT  ~*/
	#page div.pro--description div.desc--teaser
	{
		width: 100%;
		float: none;
		padding: 0;
	}

	#page div.pro--description div.desc--dl
	{
		float: none;
		width: 100%;
		margin-top: 10px;
	}
	
	#page div.report--header div.report--date,
    #page div.report--header div.report--headline,
    #page div.report--header div.report--dl,
	#page div.report--container.plan div.report--header div.report--capital
    {
        float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		border: 0;
    }
	
	/*** REPORT PLAN > HYGIENE ***/
	#page div.report--container.plan div.report--header div.report--date,
	#page div.report--container.plan div.report--header div.report--headline
	{
		float: left;
		width: 20%;
		font-weight: bold;
	}

	#page div.report--container.plan div.report--header div.report--headline
	{
		width: 80%;
		padding-left: 0px;
	}
	
	#page div.report--container.plan div.report--header.bgclear div.report--headline,
	#page div.report--container.plan div.report--header.bgclear div.report--capital
	{border: 0;}
	
	#page div.report--container.plan div.report--header div.report--capital,
	#page div.report--container.plan div.report--header div.report--dl
	{
		clear: both;
		padding-left: 20%;
	}
	
	#page div.report--container.plan div.report--header.bgclear
	{
		border-bottom: 1px solid #ccc;
		margin-bottom: 4px;
	}
	
	/*~ INFO LLV ~*/
	#page div.report--container.plan.info div.report--header div.report--headline,
	#page div.report--container.plan.info div.report--header div.report--dl,
	#page div.report--container.plan.info div.report--header div.report--date {
		width: 100%;
	}
	
	#page div.report--container.plan.info div.report--header div.report--dl
	{
		padding-left: 0;
	}
	
	/*~SALES ~*/
	#page div.sales div.ap--img,
	#page div.sales div.ap--desc
	{
		width: 100%;
		float: none;
		padding-right: 0px;
	}
	
	/*~ENTRY AREA~*/
	#page div.entry--box .entry--img,
	#page div.entry--box .entry--desc
	{
		float: none;
		width: 100%;	
	}
	
	#page div.entry--box .entry--desc
	{padding-left: 0px;}
	
	#page div.entry--box .entry--desc .praxis--desc
	{margin-top: 10px;}
	
	/*~IMPRESSION GALLERY~*/
   
        
    #page div.impression--content .image_gallery_previews LI
    {width: 100%; padding-right: 0px;padding-bottom: 10px;}
	
    #page div.impression--content .image_gallery_previews LI:nth-child(even)
    {padding-right: 0%;padding-left: 0px;}   
	
	/*~ CONTACT > FORM ~*/
	#page div.top--area DIV.formElementDescription,
	#page div.top--area DIV.formElementContent,
	#page FORM DIV.address DIV.formElementContent DIV.formElementDescription,
	#page FORM DIV.address DIV.formElementContent DIV.formElementContent
	{
		width: 100%;
	}
	
	/*** GMAPS ***/
	#page div.gmaps IFRAME
	{
		width: 100%;
		height: 400px;
	}
	
	/***FOOTER***/
	#page #footer .footer--half.top--half
	{
		width: 100%;
		float: none;
	}
	
}

/************************/
/*** RESTRUC TO MOBILE***/
/******* MOBILE *********/
#mobile 
{
	width: 100%;
	color: #666;
	font-size: 0.9em;
	line-height: 200%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#mobile #content,
#mobile #content TABLE,
#mobile #page_container
{
	width: 100%;
	float: none;
}

#mobile #location,
#mobile #address,
#mobile #page_content,
#mobile #subnavigation
{
	display: none;
}

#mobile #header,
#mobile #main,
#mobile #navigation,
#mobile #footer 
{
	padding: 10px 5px 0;
	box-sizing:border-box;
}

#mobile img {width: auto;max-width:100%;height:auto;}
#mobile div.clear {clear:both;}

/*~ TEXT & IMAGE  ~*/	
#mobile .paragraph_imagetext P,
#mobile .paragraph_image .image_container p
{width: 100%;}

	/*~ MOBILE -> HEADLINE & FONT ~*/
	#mobile h1,
	#mobile h2,
	#mobile h3,
	#mobile #navigation UL LI A SPAN,
	#mobile div.footer--subnavigation div.footer--half SPAN.title
	{
		font-weight: normal;
		font-family: 'Roboto Condensed', sans-serif;
	}
	
	#mobile h1,
	#mobile h2,
	#mobile h3,
	#mobile .paragraph_headline .h,
	#mobile div.marketing--listing UL LI STRONG,
	#mobile div.footer--subnavigation div.footer--half SPAN.title
	{
		font-size: 1.3em;
		font-weight: 300;
		line-height: 140%;
	}

	#mobile #content h1,
	#mobile #content h1.h	
	{
		font-size: 1.8em;
		padding: 0 0 0.5em;
		margin: 0;
		line-height: 140%;
	}
	
	#mobile .paragraph_headline H4.h
	{
		font-size: 0.9em;
	}
	
	#mobile #content h1,
	#mobile #content h2
	{
		color: #4B6A34;
	}
	
	#mobile div.top--area H3,
	#mobile .paragraph_headline H4
	{
		padding: 10px;
		background: #D6E4C9;
		margin: 0;
	}

	/*~ MOBILE BG ~*/
	#mobile #page_container_inner 
	{background: transparent url('https://www.heilpraktiker.org/files/seiteninhalt/img/logo-bg.png') 0 -5px no-repeat;}

/*** MOBILE -> HEADER ***/
#mobile #logo A {
    width: 100%;
    display: block;
    max-width: 119px;
    height: auto;
    margin: 0 auto;
}

#mobile #navigation .mobilephone
{ padding-left: 25px;}	

/*** MOBILE -> MAIN ***/
#mobile #main div.top--area 
{
    width: 100%;
    position: relative;
    background: #FFFFFF;
    box-sizing: border-box;
    padding: 10px;
}

#mobile #main div.green--content div.green--box 
{
    padding: 5px 10px 10px;
    background: #E7F0DF;
}

#mobile div.main--area a 
{
    color: #6B974A;
    text-decoration: none;
}

#mobile div.text--area,
#mobile div.therapie--area
{
    padding-bottom: 10px;
}


/*~ STARTSITE | EMOTIONAREA ~*/
#mobile div.emotion--start
{    
    margin-top: 5px;
	margin-bottom: 10px;
    position: relative;  
}

#mobile div.emotion--start .emotion--img.paragraph_image
{    
    width: 100%;
    margin: 0 auto;
    max-width: 660px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.75);
}

#mobile div.emotion--start .stoerer 
{
    width: 30%;
	max-width: 250px;
    position: absolute;
    left: 15px;
    top: 0;
}

#mobile div.emotion--start .stoerer.infos
{
	left: auto;
    right: 15px;
}

#mobile div.startsite h2
{
    font-size: 16px;
    font-weight: 300;
}

#mobile div.theme--area div.theme--field
{
    width: 50%;
    float: left;  
    box-sizing: border-box;
}

#mobile div.theme--area div.theme--field:nth-child(odd)
{padding-right: 5px;}

#mobile div.theme--area div.theme--field:nth-child(even)
{padding-left: 5px;}

#mobile div.startsite .news--section
{
    padding: 10px 0;
    margin: 10px 0;
    border-top: 1px solid #D6E4C9;
    border-bottom: 1px solid #D6E4C9;
}

#mobile div.startsite .news h3,
#mobile div.startsite .events h3
{
    font-size: 16px;
    padding: 5px 0px;
    background: none;
    font-weight: 300;
}

#mobile div.startsite .news h3 A,
#mobile div.startsite .events h3 A
{
    color: #4B6A34;
}

#mobile div.startsite .news_item,
#mobile div.startsite .event
{
    margin-bottom: 6px;
    border-bottom: 1px solid #D6E4C9;
    padding: 0px 5px 5px 0px;
}

#mobile div.startsite .news_item .news_content
{
    display: none;
}

#mobile div.startsite .bottom--area img,
#mobile div.main--area .noscale IMG
{
    width: auto;
    max-width: 100%;
}

	/*~ MOBILE -> CTA-LINK ~*/	
	#mobile div.cta--area.nolinks
	{padding: 10px 0;}
	
	#mobile div.cta--box A,
	#mobile div.top--area .cta--button A
	{
		width: 100%;
		display: block;
		margin-top: 10px;
		text-decoration: none;
		border: 2px solid #fff;	
	}	
	
	#mobile div.top--area .cta--button A
	{
		border: none;
		text-align: center;
	}
	
	#mobile div.cta--box A,
	#mobile div.top--area .cta--button A,
	#mobile div.search--button A
	{
		color: #fff;	
		padding: 10px;
		box-sizing: border-box;
		background: #638b44;
		background: -moz-linear-gradient(top, #638b44 0%, #82ae61 100%);
		background: -webkit-linear-gradient(top, #638b44 0%,#82ae61 100%);
		background: linear-gradient(to bottom, #638b44 0%,#82ae61 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#638b44', endColorstr='#82ae61',GradientType=0 );
	}
	
	#mobile div.top--area .cta--button.important A 
	{
		margin: 10px 0;
		background: #6F0000;
	}

	#mobile div.cta--box A SPAN::before 
	{content: "\00BB";padding-right: 5px;}

	/* MOBILE -> THERAPIE */
	#mobile div.top--area div.therapie--box,
	#mobile div.top--area div.search--box 	{
		width: 100%;
		padding: 5px 10px;
		box-sizing: border-box;
	}
	
	#mobile div.top--area div.search--box 
	{
		margin: 10px 0;
		background-color: #F3F7EF;
		border: 1px solid #C2D8AF;
	}
	
/*~ LISTING ~*/
#mobile div.desc--teaser UL,
#mobile div.text--area UL,
#mobile div.therapie--box UL,
#mobile div.accordion--content UL
{
    padding: 0;
    margin: 0;
    list-style: none;
} 

#mobile div.desc--teaser UL LI,
#mobile div.text--area UL LI,
#mobile div.therapie--box UL LI,
#mobile div.accordion--content UL LI
{  
    padding-left: 20px;
    position: relative; 
}

#mobile div.desc--teaser UL LI:before,
#mobile div.text--area UL LI:before,
#mobile div.therapie--box UL LI:before,
#mobile div.accordion--content UL LI:before
{
    top: 1px;
    left: 0;
    color: #4B6A34;
    content: "\f101";   
    position: absolute;
    font-family: 'fontawesome-webfont';
}
	
	
/*~MOBILE -> ACCORDION--BUTTON~*/
#mobile div.top--area div.accordion--area
{padding: 10px 0;}

#mobile div.top--area div.accordion--button
{
    position: relative;
    margin-bottom: 5px;
}

#mobile div.top--area div.accordion--button .h:after
{   
    right: 10px;
	top: 10px;
    content: "\0002B";
    position: absolute;
}

#mobile div.top--area div.accordion--button .h
{
    color: #585858;
    cursor: pointer;
    background: #9FBB89;
    border: 1px solid #D6E4C9;
}

#mobile div.top--area div.accordion--button.on .h
{
    color: #fff;
    background: #6B974A;
}
#mobile div.top--area div.accordion--button.on .h:after
{
    content: "\02212";
}

#mobile div.accordion--content
{
    padding: 5px 10px 10px;
}

/*~ MOBILE -> EVENT AREA & NEWS AREA~*/
#mobile div.event--area .event,
#mobile div.news--area .news_item 
{
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	padding-bottom: 9px;
}

#mobile div.event--area .event:last-child,
#mobile div.news--area .news_item:last-child
{
	border: none;
	padding: 0;
	margin: 0;
}

#mobile div.event--area div.event_date,
#mobile div.event--area .event_location,
#mobile div.event--area .event_subtitle
{
    width: 100%;
	float: none;
	display: block;
	white-space:normal;
	font-weight: normal;
    padding-bottom: 5px;
}

#mobile div.event--area div.event_date:before
{content: "Wann: ";}

#mobile div.event--area .event_location:before
{content: "Wo: ";}

#mobile div.event--area div.event_date:before,
#mobile div.event--area .event_location:before
{font-weight: bold;}

#mobile div.event--area H3,
#mobile div.news--area H3
{
    padding: 10px 0;
    background: none;
}

#mobile #content div.news--area H3 A
{
    color: #4B6A34;
}

#mobile div.event--area div.event_image,
#mobile div.news--area div.news_image
{
    width: 100%;
	display: block;
	margin: 0;
	float: none;
    text-align: center;
    padding: 0 0 10px 0;
    box-sizing: border-box;
}

#mobile div.event--area div.event_description,
#mobile div.news--area div.news_description
{
    width: 100%;
	display: block;
    position: relative;
}

#mobile div.event--area div.event_description A,
#mobile div.news--area div.news_description A
{
    display: block;
    width: 100%;
    padding: 10px 5px;
    color: #fff;
    box-sizing: border-box;
    margin-top: 10px;
    text-align: center;
    background: #638b44;
    background: -moz-linear-gradient(top, #638b44 0%, #82ae61 100%);
    background: -webkit-linear-gradient(top, #638b44 0%,#82ae61 100%);
    background: linear-gradient(to bottom, #638b44 0%,#82ae61 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#638b44', endColorstr='#82ae61',GradientType=0 );
}

#mobile div.event--area div.events_page_info
{
    padding: 10px 0;
}

#mobile div.event--area div.events_pages A,
#mobile div.event--area div.events_pages .events_page_gap
{
    display: block;
    float: left;
    padding: 5px 8px;
    margin-right: 10px;
    margin-bottom: 10px;
    border: 1px solid #f1f1f1;
}

#mobile div.event--area div.events_pages .events_page_gap
{
    padding-top: 7px;
    border: none;
}

/***TABLE--AREA***/
#mobile div.table--area TABLE
{
	width: 100%;
	position: relative;
}
	
#mobile div.table--area TABLE COL
{
	float: left;
	width: 100% !important;
	position: relative;
}
	
#mobile div.table--area TR TD
{
	width: 100% !important;
	float: left;
	display: block;
	table-layout:fixed;
}

/*~  MOBILE -> DOWNLOADS && SHOOL AREA ~*/
#mobile div.dl--area
{margin-top: 10px}

#mobile div.dl--box
{
    width: 100%;
    height: auto;  
    box-sizing: border-box;
    margin-bottom: 10px;
}

#mobile div.dl--field
{
    padding: 5px;
    height: auto;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #6B974A;
}

/*~  MOBILE -> SHOOL AREA --> SOCIAL BUTTONS ~*/
#mobile div.shool--area .social--field
{
	width: 20%;
	float: left;
}

#mobile div.shool--area .social--field.fb
{margin-top: -4px;}

#mobile div.shool--area .social--field .paragraph_image_inner
{text-align: left;}

/*~  MOBILE -> SHOOL AREA --> DETAILSITE ~*/
#mobile div.shool--site h2 
{
    border-bottom: 1px solid #CFCFCF;
    margin-bottom: 10px;
}

#mobile div.shool--site .subheadline h2 
{
    border: 0;
	margin: 0;
    padding: 7px 0;
	font-size: 1.8em;
	line-height: 140%;
}

#mobile div.shool--site .border-bottom
{
    border-bottom: 1px solid #CFCFCF;
    margin-bottom: 5px;
}

#mobile div.shool--site .shool--imprint
{
    padding: 10px;
    background: #F1F1F1;
    border-top: 1px solid #CFCFCF;
}

	/*~ ANSPRECHPARTNER ~*/
	#mobile div.shool--site .contact--box
	{
		margin-bottom: 10px;
	}
	
	#mobile div.shool--site .contact--box div.outer,
	#mobile div.shool--site .contact--box P
	{
		float: left;
		width: 30%;
	}
	
	#mobile div.shool--site .contact--box P
	{
		width: 70%;
		padding-left: 10px;
		box-sizing: border-box;
	}
	
	/*~ SHOOL TABS & DEFAULT TABS ~*/
    #mobile div.shool--site .shool--tabs--tabs
	{position: relative;padding-top: 10px;bottom: 0;}
	
	#mobile div.shool--site .shool--tabs--tabs UL 
	{margin: 0;padding: 0;list-style:none;}
	
	#mobile div.shool--site .shool--tabs--tabs UL LI
	{
		width: 100%;	
		padding: 5px 10px;
		margin-bottom: 5px;
		box-sizing: border-box;
		border: 1px solid #ccc; 	
	}	
	
	#mobile div.shool--site .shool--tabs--tabs UL LI.tabs--current 
	{
		background: #59803D;
		color: #fff;
	}
	
	#mobile div.tabs--section 
    {margin-top: 10px;}
     
    #mobile div.tabs--section .tabs--tabs
    {display: none;}
    
    #mobile div.tabs--section .tabs--box
    {
        padding: 10px;
		margin-bottom: 10px;
        background: #E7F0DF;       
        border: 1px solid #f1f1f1;
    }
	
	#mobile div.tabs--section .tabs--box .img--field .paragraph_image.left,
	#mobile div.tabs--section .tabs--box .img--field .paragraph_image.right 
	{
		text-align: center;
	}
	
	/*~ MARKETING SITE ~*/      
    #mobile div.marketing--site .resp--75
    {
        width: 100%;
        float: none;
    }
    
    #mobile div.marketing--site .outlayed
    {display: none;}
    
    #mobile div.marketing--listing UL
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    
    #mobile div.marketing--listing UL LI
    {padding: 10px 0;}
    
    #mobile div.marketing--listing UL LI STRONG 
    {
        display: block;
        font-weight: normal;
    }
    
    #mobile div.marketing--listing UL LI STRONG EM
    {padding-top: 10px;}
    
    #mobile div.marketing--listing UL LI STRONG SPAN.u
    {
        color: #fff;
        width: auto;   
        float: left;    
        display: inline-block;
        padding: 10px 17px;
        margin-right: 5px;
        text-decoration: none;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
    }
    
    #mobile div.marketing--listing UL LI EM
    {
        display: block;
        padding-left: 50px;
        font-style: normal;
    }
	    
    /*~ SALES | onlinePRAXIS ~*/  
    #mobile div.sales div.accordion--area,
    #mobile div.sales div.accordion--content
    {padding: 0;}
    
    #mobile div.sales div.accordion--content
    { padding: 0 0 10px 0;}
    
    #mobile div.sales div.sales--box
    {
        padding: 10px;
    }
    
    #mobile div.sales div.sales--box.solo
    {margin: 5px 0;}
    
    #mobile div.sales div.sales--priceinfo
    {
        padding: 10px;
    }
	
    #mobile div.sales div.sales--33 
    { text-align: center;}
    
    #mobile div.sales .sales--pricearrow
    {        
        width: 100%;
        height: auto;
        padding-bottom: 10px;        
    }
    
    #mobile div.sales .sales--pricearrow:after
    {   
        content: "\f063";
        font-family: 'fontawesome-webfont';
        font-size: 35px;
        text-align: center;
        display: block;
        padding: 10px 0 5px 0;
    }
    
    #mobile div.sales div.sales--33 .cta--button A
    { margin: 0; }
    
    #mobile div.sales div.sales--refimg img
    {
        width: auto;
        max-width: 100%;
    }
    
    #mobile div.sales .ps--area
    {padding: 10px 0;}

    /*~ CI ~ */        
    #mobile #content div.main--area.sales h1,
    #mobile #content div.sales .paragraph_headline H2,
    #mobile #content div.main--area.sales .subheadline h2,
    #mobile #content div.main--area.marketing--site h1, 
    #mobile div.marketing--listing UL LI STRONG,
    #mobile div.sales .sales--pricearrow:after,
    #mobile #content div.main--area.marketing--site .subheadline h2
    {
        color: #394C7E;
    }
	
    #mobile div.main--area.sales a,
	#mobile div.main--area.marketing--listing a
	{
		color: #fff;
	}
	
    #mobile div.sales div.top--area div.accordion--button .h,
    #mobile div.sales div.sales--priceinfo
    {
        
        background: #f9f9f9;
    }
    
    #mobile div.sales div.cta--area, 
    #mobile div.sales div.cta--area.nolinks,
    #mobile div.sales div.top--area .cta--button A,
    #mobile div.marketing--site div.cta--area, 
    #mobile div.marketing--site div.cta--area.nolinks,
    #mobile div.sales div.top--area div.accordion--button.on .h, 
    #mobile div.sales div.top--area div.accordion--button:hover .h,
    #mobile div.marketing--site div.top--area .cta--button A
    {
        background: #BB3849;
    } 
    
    #mobile div.marketing--listing UL LI STRONG SPAN.u
    {
        background: #394C7E;
    }
    
    #mobile div.sales div.sales--box
    {
        background-color: #E8EBF4;
        border-bottom: 1px solid #ffffff;
    }     

    #mobile div.sales A
    {
        color: #BB3849;
    }	
	
/*~ MOBILE -> PRAXIS BOX ~*/
#mobile div.praxis--box .praxis--desc
{
    padding: 10px;
    margin-top: 10px;
    min-height: 200px;
    background: #E7F0DF;
}

#mobile div.praxis--box .praxis--desc UL
{
    padding: 0;
    margin: 0;
    list-style: none;
}

#mobile div.praxis--box .praxis--desc UL LI::before
{
    content: "✓";
    color: green;
    padding-right: 10px;
}

/*** TEAM AREA ***/
#mobile div.team--area
{padding: 10px 0;}

#mobile div.team--area div.team--field
{
    float: left;
    width: 50%;    
    min-height: 290px !important;
    padding-right: 15px;
    box-sizing: border-box;
}

#mobile div.team--area div.team--field .paragraph_imagetext_inner DIV.image_container,
#mobile div.team--area div.team--field .paragraph_imagetext_inner DIV.image_container_inner 
{
    float: none;
    margin-right: 0;
}

/*~ MOBILE -> MAP ~*/
#mobile div.av-imagemap,
#mobile div.map--headline,
#mobile .av-imagemap .imageshadow 
{display: none;}
	
/*** MOBILE -> MITGLIEDER | ARTIKEL-CONTAINER && REPORT ***/
#mobile div.art--container,
#mobile div.report--container
{padding: 10px 0 0;}

#mobile div.art--container h4 
{font-weight: normal;}

#mobile div.report--container div.report--description,
#mobile div.art--container div.pro--description
{
    padding: 10px;
    background: #F1F9E7;
}

	/*DL*/
	#mobile div.report--container .download_description,
	#mobile div.art--container .download_description
	{display: none;}
	
	#mobile div.report--container .paragraph_download
	{padding: 4px 0 6px;}

#mobile div.report--container div.report--header
{
    padding: 10px;
    background: #D6E4C9;
    box-sizing: border-box;
}

	/*** REPORT PLAN > HYGIENE ***/
	#mobile div.report--container.plan div.report--header div.report--date,
	#mobile div.report--container.plan div.report--header div.report--headline
	{
		float: left;
		width: 20%;
		font-weight: bold;
	}

	#mobile div.report--container.plan div.report--header div.report--headline
	{
		width: 80%;
		padding-left: 0px;
	}
	
	#mobile div.report--container.plan div.report--header.bgclear div.report--headline,
	#mobile div.report--container.plan div.report--header.bgclear div.report--capital
	{border: 0;}
	
	#mobile div.report--container.plan div.report--header div.report--capital,
	#mobile div.report--container.plan div.report--header div.report--dl
	{
		clear: both;
		padding-left: 20%;
	}
	
	#mobile div.report--container.plan div.report--header.bgclear
	{
		border-bottom: 1px solid #ccc;
		margin-bottom: 4px;
		background: transparent;
	}

/*~  MOBILE -> IMPRESSION GALLERY~*/
	#mobile div.impression--content
	{padding: 20px 0;}

    #mobile div.impression--content .image_gallery_previews .image_gallery_previews_list
    {width: 100%;max-width: 100%;}
        
    #mobile div.impression--content .image_gallery_previews LI
    {width: 48%; padding-right: 2%;padding-bottom: 2%;}
      
		#mobile div.therapie div.impression--content .image_gallery_previews LI
		{width: 100%; padding-right: 0%;padding-bottom: 2%;}
		  
    #mobile div.impression--content .image_gallery_previews LI *
    {width: 100%; height: auto;}
    
    #mobile div.impression--content .image_gallery_previews LI div.image_gallery_preview_image
    {
        padding: 2px;
        box-sizing: border-box;
    }
    
    #mobile div.impression--content .image_gallery_previews LI div.outer
    {
        padding: 5px; 
        background: #fff;
        box-sizing: border-box;
        -webkit-box-shadow: 0px 0px 7px -3px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 0px 7px -3px rgba(0,0,0,0.75);
        box-shadow: 0px 0px 7px -3px rgba(0,0,0,0.75);
    }
            
    #mobile div.impression--content .image_gallery_details .image_gallery_image_container,
    #mobile div.impression--content .image_gallery_details .image_gallery_image_container IMG      
    {width: 100% !important; height: auto !important;}	

/*** MOBILE -> RESP GALLERY | LIGHTBOX ***/             
    #mobile .page_image_gallery_window
    {
        width: 100%;
        margin: 0px auto;
        position: relative;
        background: transparent;
    }
                    
    #mobile .page_image_gallery_window_header,
    #mobile .page_image_gallery_window_main,
    #mobile .page_image_zoom_window   
    {
        width: 90%;
        margin: 0 auto;
        max-width: 600px;
        position: relative;
        max-height: 100%;
        background: #fff;    
    }

        
    #mobile .page_image_gallery_window .page_image_gallery_image_container,
    #mobile .page_image_gallery_window .page_image_gallery_image_container IMG,
    #mobile .page_image_zoom_image_container,
    #mobile .page_image_zoom_image_container IMG
    {
        width: 100% !important;
        height: auto !important;
    }
        
    #mobile .page_image_gallery_window .page_image_gallery_image_container_outer,         
    #mobile .page_image_zoom_image_container_outer            
    {
        min-width: 0 !important;
    }     
        
    #mobile .page_image_gallery_overlay,
    #mobile .page_image_zoom_overlay
    {
        width: 100% !important;             
    }       
    
    #mobile .page_image_gallery_window A, 
    #mobile .page_image_zoom_window A
    {
        color: #4B6A34;   
    }

		/*** AFTER ZOOM | NAVIGATION ***/
		#mobile .page_image_gallery_navigation .page_image_gallery_navigation_link 
		{
			display: block;
			width: 3rem;
			height: 4rem;
			position: absolute;
			top: 50%;
			margin-top: -2rem;
			left: 0;
			background: transparent url('https://www.heilpraktiker.org/files/www/gal/backward.png') 0 0 no-repeat;
			background-size: 100%;
		}
		
		#mobile .page_image_gallery_navigation .page_image_gallery_navigation_next
		{
			left: auto;
			right: 0;
			background: transparent url('https://www.heilpraktiker.org/files/www/gal/forward.png') 0 0 no-repeat;
			background-size: 100%;
		}
		
		#mobile .page_image_gallery_navigation .page_image_gallery_navigation_close
		{
			top: 0;
			left: auto;
			right: 0;
			background: transparent url('https://www.heilpraktiker.org/files/www/gal/close.png') 0 0 no-repeat;
			background-size: 100%;			
		}
	
	#mobile .page_image_gallery_navigation .page_image_gallery_navigation_link SPAN.inner
	{
		visibility: hidden;
	}
	
/*** MOBILE -> CONTACT ***/
#mobile div.top--area DIV.formElementDescription, 
#mobile div.top--area DIV.formElementContent, 
#mobile FORM DIV.address DIV.formElementContent DIV.formElementDescription, 
#mobile FORM DIV.address DIV.formElementContent DIV.formElementContent,
#mobile FORM DIV.formElementContent TEXTAREA, 
#mobile FORM DIV.formElementContent INPUT, 
#mobile FORM DIV.formElementContent BUTTON,
#mobile FORM SELECT,
#mobile div.group div.formElementContent
{
    width: 100%;
	display: block;
	box-sizing: border-box;
}

#mobile FORM .formElement
{
	padding: 5px 0;
}

#mobile FORM div.address div.streetnumber input.street, 
#mobile FORM div.address div.streetnumber input.number, 
#mobile FORM div.address div.ziptown input.town,
#mobile FORM div.address div.ziptown input.zip
{
	width: 100% !important;
}

#mobile FORM div.address .input_street,
#mobile FORM div.address .input_town
{
	width: 75%;
	float: left;
	display: block;
}

#mobile FORM div.address .input_number,
#mobile FORM div.address .input_zip
{
	float: left;
	width: 25%;
	display: block;
}

#mobile FORM div.address .input_street,
#mobile FORM div.address .input_zip
{
	padding-right: 10px;
	box-sizing: border-box;
}

#mobile FORM BUTTON
{
	padding: 5px 0;
	margin-top: 10px;
	display: block;
	box-sizing: border-box;
}

#mobile FORM BUTTON,
#mobile FORM INPUT,
#mobile FORM TEXTAREA,
#mobile FORM SELECT
{
	font-size: 0.9em;
	padding: 4px;
	box-sizing: border-box;
}

	/** DISCLAIMER **/
	#mobile div.contact_form div.disclaimer
	{
		margin-top: 20px;
	}
	
	#mobile div.contact_form div.disclaimer .checkbox_item
	{
		width: 15%;
		float: left;
	}
	
	/*** CONTACT: CHECKBOX ***/
	#mobile div.contact_form .checkbox input[type=checkbox],
	#mobile div.contact_form .checkboxnote input[type=checkbox] 
	{
		zoom: 1.5;
		margin: 0;
		text-align: left;
	}
	
	#mobile div.contact_form .checkboxgroup .formElement {
		margin: 3% 0 5%;
	}

	#mobile .checkboxgroup div.formElementDescription
	{
		font-weight: bold;
		margin-top: 16px;
	}
	
	#mobile .checkbox .formElementContent
	{
		width: 15% !important;
		padding-top: 0 !important;
	}
	
	#mobile div.checkboxgroup div.formElementContent div.formElementDescription
	{
		width: 85%;
		float: right !important;
		font-weight: normal;
		padding: 0;
		margin: 0;
	}	

/*** GMAPS ***/
#mobile div.gmaps IFRAME
{ width: 100%;height: 300px;}

/*** NEWSLETTER REGISTRATION ***/
#mobile div.newsletter--registration
{
    width: 100%;
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #6B974A;
    box-sizing: border-box;
}
	
/*** MOBILE -> FOOTER ***/
#mobile div.footer--subnavigation
{padding: 0px 0px 30px 5px;}

#mobile div.footer--subnavigation div.second--list
{display: none;}

#mobile div.footer--subnavigation div.footer--half SPAN.title
{ display: block;}

#mobile div.footer--subnavigation div.footer--half A
{   
	color: #747474;
    padding: 0;
    display: block;
    text-decoration: none;
}

#mobile div.footer--subnavigation div.footer--half A:before
{
    content: "\00BB";
    padding-right: 5px;
}