/*------------------------------------------------------------------------------------
	Author		: Aaron Schwaller
	Version		: 0.8
	Descr		: CSS for the whole page

	Sorted by	: ScrollTop height


Color definition:
	Grey		: rgb(207,209,203) / #CFD1CB
	Brown		: rgb(94, 74, 53) / #5E4A35
	Green		: rgb(119, 143, 63) / #778F3F
	Black		: rgb(119, 119, 119) / #777

Glossary:
	BG			: Background wrapper image, either grey or an image
	1-suffix	: First part of an area. eg. Heilkraft aus der Natur h1 and p
	2-suffix	: Second part of an area. eg. Boxes with content and white background
-----------------------------------------------------------------------------------*/

#iconTop {
	position				: fixed;
	width					: 50px;
	bottom 					: 37px;
	right					: 37px;
	cursor 					: pointer;
	display					: none;
}

a:focus {
	color					: white;
	text-decoration			: none;
}

a:link, a:active, a:visited, a:hover, a:focus {
	outline: none;
}

/*Every Background*/
.bg {
	background				: rgb(207,209,203);
	height					: 100%;
	left					: 0;
	min-height				: 1000px;
	width					: 100%;
	z-index					: -1;
}

/*A small box*/
.box {
	background-color		: white;
	margin-bottom			: 7px;
	min-height				: 370px;
	opacity					: 0.0;
	transition				: opacity 1.5s ease;
	z-index					: 4;
}

.box h2, .box p  {
	background-color		: white;
	margin-bottom			: 0;
	padding					: 15px;
}

.box h2 {
	font-size				: 24px;
}

.box p {
	font-size				: 13px;
	line-height				: 1.25;
}

.box p:first-child  {
	padding					: 5px;
}

em {
	font-style				: normal;
	background-color		: rgb(119, 143, 63);
	padding					: 1px;
	color					: white;
	line-height				: 1.5;
	font-size				: 16px;
}

.bigBox em {
	font-size				: 18px;
}

#content #kontaktAufnehmen, #content #kontaktAufnehmen2 {
	background-color		: rgb(119, 143, 63);
	color					: white;
	font-size				: 25px;
	padding					: 7px 0;
	text-align				: center;
	word-spacing			: 5px;
}

html {
	width: 100%;
}

/*Judith*/

#judithaltorfer1BG {
	background-position		: right -51px top;
	background-size			: 70%;
	background-repeat		: no-repeat;
	background-attachment	: fixed;
	background-image		: url("/data/customerdata/original/images/altorfer-judith.jpg");
	background-image		: url("/data/customerdata/original/images/51334850-Kind-mit-den-Eltern-Hand-junger-Baum-in-Eierschale-zusammenhalten.jpg");
	min-height				: 500px;
}

#judithaltorfer2BG {
	padding-bottom			: 40px;
	min-height				: 400px;
}

#judithaltorfer2 {
	transition				: opacity 200ms ease;
	opacity					: 0.0;
}

/*Kontakt*/

#kontakt1 h1, .kontakt1-box {
	display					: inline-block;
	background-color		: rgb(119, 143, 63);
	color					: white;
	padding					: 5px 8px;
	transition				: opacity 200ms ease;
	margin-top				: 0;
}

#kontakt {
	padding-left 			: 0;
}

.kontakt1-box {
	margin-top				: 0;
}

.kontakt1-box div {
	padding-left			: 0;
}

#kontakt1BG {
	background-attachment	: fixed;
	background-image		: url("/data/customerdata/original/images/43497922-Flaschen-der-Hom-opathie-Heilmittel-mit-frischen-Heilmittel-Pflanzen-auf-Holztisch-und-gr-nen-Glasku.jpg");
	background-position		: right 100px;
	background-repeat		: no-repeat;
	background-size			: 100%;
	min-height				: 1000px;
}

#kontaktAufnehmen, #kontaktAufnehmen2 {
	cursor					: pointer;
}

#kontaktAufnehmen a, #kontaktAufnehmen2 a {
	color					: white;
}

/*Naturheilkunde*/

#naturheilkunde1 {
	opacity					: 0.0;
	transition				: opacity 2000ms ease;
	z-index					: 1;
}

#naturheilkunde {
	margin-top				: 600px;
	transition				: margin-top 2000ms ease;
}

#naturheilkunde1BG {
	background-attachment	: fixed;
	background-image		: url("/data/customerdata/original/images/104613825-heilpflanzen-im-korb.jpg");
	background-position		: center center;
	background-repeat		: no-repeat;
	background-size			: cover;
	min-height				: 1200px;
}

#naturheilkunde1 p, #naturheilkunde1 h1 {
	background-color		: rgb(119, 143, 63);
	color					: white;
	display					: inline-block;
	padding					: 5px 8px;
	margin-top				: 0px;
}

#naturheilkunde2 {
	margin-bottom			: 133px;
}

/*Traumatherapie*/

#traumatherapie1 {
	opacity					: 0.0;
	transition				: opacity 1s ease;
}

#traumatherapie1 p, #traumatherapie1 h1 {
	background-color		: rgb(119, 143, 63);
	color					: white;
	display					: inline-block;
	padding					: 5px 8px;
}

#traumatherapie {
	margin-top				: 79.1px;
}

#traumatherapie1BG {
	background-attachment	: fixed;
	background-image		: url("/data/customerdata/original/images/35860765-Zweig-mit-Knospen-Hintergrund-Fr-hling-Lizenzfreie-Bilder.jpg");
	background-position		: right 0px;
	background-repeat		: no-repeat;
	background-size			: 100%;
}

#traumatherapie2BG {
	min-height				: 500px;
}

#kontakAufnehmen2 {
	margin-top				: 6px;
} 

#kurse {
	margin-top				: 30px;
	padding-bottom			: 60px;
}

#kurse1BG {
	min-height				: 1px;
}

.nav-mobile {
	background-color		: #5E4A35;
}

.nav-text {
	color					: rgb(119,143,63);
}

#kontakAufnehmen, #kontakAufnehmen2 {
	padding					: 9px;
}

.bigBox p {
	font-size				: 13px;
	line-height				: 1.25;
}

#kontakt1 {
	padding-top				: 100px;
}

/*
	Google Chrome
*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#naturheilkunde2 > div {
		margin-top			: 130px;
	}

	#traumatherapie2 > div {
		margin-top			: 130px;
	}

	@media (max-width: 1280px) {
		#traumatherapie2 > div {
			margin-top 		: 20px;
		}
	}
}

/*Very small devices*/

@media (max-width: 991px) {
	
	.box p.empty {
		padding					: 0;
	}
	
	.nav-text, .navigator img {
		padding-left			: 15px;
	}
	
	.navigator .nav-text {
		margin					: 0;
		font-size				: 13px;
		line-height				: 1.25
	}
	
	#judithaltorfer2 {
		background-color		: white;
	}
	
	.container {
		width					: 100%;
	}
	
	#sidebarLeft {
		display					: none;
	}

	#naturheilkunde1BG, #traumatherapie1BG, #judithaltorfer1BG, #kontakt1BG, body {
		background-color		: rgb(207,209,203);
		background-position		: center;
		background-size			: cover;
		background-repeat		: no-repeat;
		background-attachment	: scroll;
	}

	.bg {
		min-height				: 200px;
	}

	#naturheilkunde {
		margin-top				: 100px;
	}

	#naturheilkunde1BG {
		min-height				: 0px;
	}

	.headerText {
		margin-top				: 300px;
	}

	#naturheilkunde2 > div {
		margin-top				: 20px;
	}

	.headerText {
		margin-top				: 0px;
	}

	#kontakt1BG {
		min-height				: 0px;
	}

	#sidebarLeft .article > ul {
		font-size				: 1.3em;
	}

	#navIcon a {
		margin-left				: 10px;
		font-size				: 20px;
	}
	
	.navigator {
		padding 				: 0;
	}
	
	.navigator ul, .navigator li {
		color					: rgb(119, 143, 63);
		margin					: 0;
		padding					: 4px 0;
	}
	
	.navigator li {
		padding					: 8px;
		font-size				: 24px;
		font-weight				: bold;
	}
	
	.navigator li:first-child {
		background				: rgb(119, 143, 63);
		color					: rgb(94, 74, 53);
	}
	
	#naturheilkunde1BG, #traumatherapie1BG, #judithaltorfer1BG, #kontakt1BG, body {
		background-color		: rgb(207,209,203);
		background-position		: center;
		background-size			: 100%;
		background-repeat		: no-repeat;
		background-attachment	: scroll;
	}

	#sidebarLeft {
		left					: 15px;
		width					: 221px;
	}

	#naturheilkunde {
		margin-top				: 170px;
	}

	#naturheilkunde2 {
		margin-bottom			: 30px;
	}

	#judithaltorfer1BG {
		min-height				: 250px;
	}

	#judithaltorfer2 {
		opacity					: 1.0;
	}
	
	#kontakt1 {
		padding-top				: 220px;
		margin-bottom			: 120px;
	}

	#kontakt1 p {
		margin-top				: 15px;
		font-size 				: 13px;
		line-height				: 1.25;
	}

	.bigBox {
		font-size				: 13px;
		line-height				: 1.25;
	}

	.bigBox p, .bigBox h2 {
		padding 				: 15px;
		padding-top				: 0px;
		margin-top				: 15px;
		font-size				: 16px;
	}

	.box {
		min-height				: auto;	
	}

	.box h2, .box p {
		padding-left			: 15px;
	}
	
	.bigBox h3 {
		padding					: 15px;
	}
	
	#kontakt1 p {
		font-size				: 16px;
	}
	
	#naturheilkunde1BG, #naturheilkunde2BG, #traumatherapie1BG {
		min-height				: 0;
	}
}



@media (min-width: 992px) {
	/*A large box*/
	.bigBox {
		background				: white;
		padding					: 20px;
		padding-left			: 50px;
	}
}

/* Medium devices*/
@media (max-width: 1280px)  {
	#naturheilkunde1BG, #traumatherapie1BG, #judithaltorfer1BG, #kontakt1BG, body {
		background-color		: rgb(207,209,203);
		background-position		: right 0px;
		background-size			: 100%;
		background-repeat		: no-repeat;
		background-attachment	: scroll;
	}

	#sidebarLeft {
		left					: 15px;
		width					: 210px;
	}
	
		.bigBox {
		margin-top				: 30px;
	}
}

@media (max-width: 1600px) {
	#sidebarLeft {
		left					: 15px;
		width					: 250px;
	}
	
	#sidebarLeft .article > ul{
		font-size				:1.3em;
	}
	
}

@media (max-width: 1024px) {
	#naturheilkunde1BG, #naturheilkunde2BG, #traumatherapie1BG {
		min-height				: 1px;
	}
}