@font-face {
	font-family: 'vinchand';
	src: url('fonts/vinchand.ttf');
	src: url('fonts/vinchand.eot?#iefix') format('embedded-opentype'),
	url('fonts/vinchand-webfont.woff') format('woff'),
	url('fonts/vinchand-webfont.ttf') format('truetype'),
	url('fonts/vinchand-webfont.svg#FontName') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
* {-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;         
}*/

 
img {max-width: 100%; height: auto;}

h1 {
	margin: 15px 0 15px;
	font-family: "IrisUPC";
	font-weight: 700;
	font-size: 180%;
}

h4 {font-size: 110%;}

ul { list-style: none;}
li {text-decoration: none;}

.rc1 {
   -moz-border-radius-topleft: 40px;
   -moz-border-radius-topright: 40px;
   -moz-border-radius-bottomright: 40px;
   -moz-border-radius-bottomleft: 40px;

   -webkit-border-top-left-radius: 40px;
   -webkit-border-top-right-radius: 40px;
   -webkit-border-bottom-right-radius: 40px;
   -webkit-border-bottom-left-radius: 40px;
   
   border-radius: 40px 40px 40px 40px;
 }

 .rc2 {
   -moz-border-radius-topleft: 0px;
   -moz-border-radius-topright: 0px;
   -moz-border-radius-bottomright: 40px;
   -moz-border-radius-bottomleft: 40px;

   -webkit-border-top-left-radius: 0px;
   -webkit-border-top-right-radius: 0px;
   -webkit-border-bottom-right-radius: 40px;
   -webkit-border-bottom-left-radius: 40px;
   
   border-radius: 0px 0px 40px 40px;
 }

 .rc3 {
   -moz-border-radius-topleft: 10px;
   -moz-border-radius-topright: 10px;
   -moz-border-radius-bottomright: 10px;
   -moz-border-radius-bottomleft: 10px;

   -webkit-border-top-left-radius: 10px;
   -webkit-border-top-right-radius: 10px;
   -webkit-border-bottom-right-radius: 10px;
   -webkit-border-bottom-left-radius: 10px;
   
   border-radius: 10px 10px 10px 10px;
 }

 body {
	font-size: 170%;
	font-family: 'Cabin', sans-serif;
	font-weight: 400;
	color: #666;
	background: #fafafa url('img/bodyBG.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.topbar {
	position: relative;
	height: 50px;
	width: 100%;
	border-top: 2px solid #1296B0;
	color: rgba(0,0,0,.75);
	/*-webkit-box-shadow: -1px 1px 10px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: -1px 1px 10px 0px rgba(0,0,0,0.4);
	box-shadow: -2px 4px 10px 0px rgba(0,0,0,0.4);
	background-color: #555555;
	*/

}

a:hover {
	text-decoration: none !important;
	color: #1296B0;
}

/* -------------------- REG.NAV --------------------- */
nav {
	margin: 0 auto;
	padding-top: 10px;
}

nav#navMain {margin-top: -3px;}

nav ul {
	text-align: center;
	margin: 0 auto;
	padding: 0 !important;
}

nav ul li {
	display: inline;
	padding: 0px 20px;
}

nav a {
  	display: inline;
 	color: #393939;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: -1px;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}

nav a:hover, .active{
	color: #1296B0;
	text-shadow:
		0px 1px 0px rgba(000,000,000,0.6);
}

/* --------- END REG.NAV / START Mobile.NAV ------- */
#navMobile {
	position: absolute;
	top: -25px;
	left: -20px;
	z-index: 999 !important;
	width: 100%;
	max-width: 100%;
	min-width: 100%;
}
.navMobileHome {
	top: -75px !important;
}
#menuButton {
	cursor: pointer;
	z-index: 998 !important;
}

#mobileMenu {
	width: 140%;
	margin: -42px 0 0 -60px;
}

#mobileMenu a {
	width: 100%;
	display: block;
	text-transform: uppercase;
	font-size: 70%;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	color: #393939;
	padding: 20px 0;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}

.mobileLink1 {background-color: #959595;}
.mobileLink2 {background-color: #898989;}
.mobileLink3 {background-color: #828282;}
.mobileLink4 {background-color: #777777;}
.mobileLink5 {background-color: #666666;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5) !important;
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5) !important;
	box-shadow:
		0px 3px 3px rgba(000,000,000,0.5) !important;}

#mobileMenu a:hover {
	background-color: #555555;
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5) !important;
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5) !important;
	box-shadow:
		0px 3px 3px rgba(000,000,000,0.5) !important;
}

#mobileMenu a:hover, #mobileMenu .active {
	color: #1296B0;
		text-shadow:
			0px 1px 0px rgba(000,000,000,0.6),
			0px 0px 4px rgba(000,000,000,0.4);
}

/*#mobileMenu .active {
	color: rgb(0,0,0);
	font-weight: 700;
}

#mobileMenu a:hover {color: #1296B0;}*/

/* --------------------- END Mobile Nav ------------- */

.wrap {position: relative;}

.contentPT {
	padding-top: 100px;}

img.logo {margin: 50px auto 0;}

img.logoSmall {
	position: absolute;
	left: 11%;
	top: -145px;
	z-index: 1 !important;
}

.logoSlogan {
	margin: 0 auto;
	line-height: 1.4;
}

.slogan {
	font-family: 'vinchand';
	text-align: center;
	text-shadow: -2px 6px 7px rgba(78, 78, 78, 0.2);
	font-size:;
}

.slogan span {
	text-shadow: -1px 1px 2px #3682A3;
	font-size: 105%;
}

img#garudasana {
	position: absolute;
	right: -80px;
	top: -538px;
}

img#armBalance {
	position: absolute;
	right: 0px;
	top: -96px;
}

img#sideAngle {
	position: absolute;
	right: 40px;
	top: -154px;
}

img#bhakasana {
	position: absolute;
	right: 65px;
	top: -157px;
}

.blurb {
	position: relative;
	margin-top: 100px !important;
	width: 65%;
	margin: 0 auto;
	color: #222;
	font-size: 115%;
	background-color: rgba(0,0,0,.15);
}

.blurbTitle {
	font-family: 'vinchand';
	font-weight: 300;
	font-size: 180%;
	text-shadow: -2px 2px 2px rgba(000,000,000,0.2);
	padding: 25px 0 15px 0;
}

.signature {
	text-indent: 75px;
	padding-top: 0 !important;
}

.aboutTitle {
	
}

img#headshot {
	float: right;
	margin-top: 25px;
	padding-left: 25px;
}

img#PT_akro {
	padding-bottom: 35px;
}

img#PT_padaSmile {
	float: right;
	padding: 0 0 15px 15px;
}

img#PT_rad {
	margin: 0 auto;
	padding: 20px 0px;
}

img#PT_miniLogo {
	clear: both;
	margin: 0 auto;
	padding: 70px 0 20px 0;
}

.blurbContent {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 3% 12%;
	letter-spacing: -1px;
	line-height: 1.3;
}

ul.kurzeVita, ul.kurse {
	list-style: disc;
}

.blurbContent p {
	padding-bottom: 10px;
	text-align: justify;
	font-size: 95%;
}

.wasIstYoga, .blockquote {
	background-color: rgba(0,0,0,.5);
	padding: 5% 12%;
	color: #ccc;
	font-size: 94%;
	text-shadow: -1px 1px 0 #000;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
}

.wissenswert {
	clear: both;
	margin: 30px 0;
	background-color: rgba(0,0,0,.5);
	padding: 2% 5%;
	color: #ccc;
	font-size: 94%;
	text-shadow: -1px 1px 0 #000;
	border:2px solid #000;
}

p.cite {float: right;font-size: 90%;}

h1.clearfix {
	text-align: center; 
	font-style: italic;
	margin-top: 50px;
}

.blurbKontakt {
	padding-bottom: 50px;
	letter-spacing: 1px;
}

.blurbKontakt h3 {
	text-shadow:
	0px -1px 0px rgba(000,000,000,0.2),
	0px 1px 0px rgba(255,255,255,0.3);
}

img.klausBubble {
	float: right;
	padding: 0 0 10px 15px;
	margin: -100px -80px 0 0;
}

.telEmail {line-height: 1.3;}

.buttonLinks {margin-top: 35px;}
.btnsHome {margin-top: 60px !important;}


.blurbButton {
	width: 100%;
	display: block;
	text-transform: uppercase;
	font-size: 94%;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	color: #393939;
	padding: 20px 0;
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,0.3);
}

.btn1 {background-color: rgba(0,0,0,.18);}
.btn2 {background-color: rgba(0,0,0,.24);}
.btn3 {background-color: rgba(0,0,0,.28);}
.btn4 {background-color: rgba(0,0,0,.32);}


.blurbButton:hover {
	background-color: rgba(0,0,0,.45);
	text-shadow:
		0px 0px 4px rgba(000,000,000,0.6),
		0px 1px 0px rgba(000,000,000,0.9),
		0px -1px 0px rgba(000,000,000,0.4);
	-moz-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5);
	-webkit-box-shadow:
		0px 3px 3px rgba(000,000,000,0.5);
	box-shadow:
		0px 3px 3px rgba(000,000,000,0.5);
}

footer {
	margin-top: 30px;
	width: 100%;
	color: rgba(0,0,0,.6);
	text-shadow: -1px 1px 0 rgba(230,230,230,.09);
	font-weight: bold;
	letter-spacing: 1px;
	text-align: center;
	border-bottom: 15px solid rgba(0,0,0,.001);
	/*background: rgba(0,0,0,.5);
	-webkit-box-shadow: -1px -6px 8px 0 rgba(0,0,0,0.3);
	-moz-box-shadow: -1px -6px 8px 0 rgba(0,0,0,0.3);
	box-shadow: -1px -6px 8px 0 rgba(0,0,0,0.3);*/
}

.footerContent {
	margin: 0 auto;
	padding-top: 30px;
}

footer a {
	color: rgba(0,0,0,.6);
	text-shadow: -1px 1px 0 rgba(230,230,230,.09);
}

span.strich {
	color: #444;
}

.backToTop {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    background-color: rgba(0,0,0,0.1);
    font-size: 12px;
    padding: 1em;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-bottomleft: 7px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-radius: 7px 0 0 7px;
    display: none;
}

.backToTop:hover {
	color: rgba(0, 150, 50, 0.5) !important;
    background-color: rgba(0,0,0,0.4);
}

img#Arrow {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.backToTop:hover img#Arrow {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

/* --------- MEDIA QUERIES ----------------- */

@media screen and (max-width: 75em) {
	img#garudasana {display: none;}
}

@media screen and (max-width: 52em) {
	.blurb {
		width: 80%;
	}
	.blurbContent {
		padding: 35px !important;
	}
	img.klausBubble {
		float: none;
		margin: 0 auto;
	}
	.blurbTitle {text-align: center;}
}

@media screen and (max-width: 43.75em) {
	nav ul li {
		padding: 0 10px;
	}
	.topbar {
		background-color: rgba(0,0,0,.25);
		height: 41px;
	}
	nav a {font-size: 90%;}
	nav a:hover, .active {
		text-shadow:
		0px 0px 2px rgba(000,000,000,0.6),
		0px 1px 0px rgba(000,000,000,0.9),
		0px -1px 0px rgba(000,000,000,0.4);
	}
	.blurb {width: 95%;}
	img#PT_padaSmile {
		float: none;
		margin: 0 auto;
	}
	.blurbTitle {
		text-align: center;
	}
}

@media screen and (max-width: 35.625em) {
	img#headshot {
		float: none; 
		padding: 14px 0 0 0; 
		display: block; 
		margin: 0 auto !important;
	}
	img.logoSmall {display:block; margin: 0 auto;}
}

@media screen and (min-width: 31.25em) {
	ul#navMobile {display: none;}
}

@media screen and (min-width: 31.875em) and (max-width: 68em) {
	img.logoSmall {left: 10%;}
	.blurb {width: 80%;}

}

@media screen and (max-width: 31.875em) {
	.asana {display: none;}
	footer {font-size: 90%;}
	.blurbContent {
		padding: 1% !important;
	}
}


/*-----  Mobil Menu Breakpoint  -----------
***************************************************
------------------------------------------------- */
@media screen and (max-width: 31.25em) {
	
	nav#navMain {display: none;}
	#mobileMenu {display: none;}
	#menuButton {display: block !important;}
	.slogan {font-size: 140%;}
	#enter {display: block;}
	.blurbContent {width: 92%;font-size: 90%;}
	img#garudasana {display: none;}
	.topbar {background-color: transparent;}
	img.logoSmall {top: -150px;}
	.blurb {margin-top: 30px !important;}
	.wasIstYoga {padding: 5%;}
}

/* ------ CLEARFIX -------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}


* html .clearfix {
    height: 1%;
} */