@charset "utf-8";

/* JNANA 2021 JNANA.CSS */
/* letzte Aenderung am 17.6.2021 um 10:00 Uhr CC*/
* {	
	margin: 0; padding: 0; 
	box-sizing: border-box; /* fuer colums */
	}
body, html { height: 100%; }
img { font-size: 10px; border: 0; }

/* adobe typekit jnana1: cronos-pro-caption 400, light 300, italic 300 */
.b {font-family: 'cronos-pro-subhead','arial narrow',sans-serif; font-style: normal; font-weight: 700;}

/* ~ iPhone8 plus: 414 x 736 ---------------- 1 -- */
@media only screen and (min-width: 380px) and (max-width: 991px) {
.jmain {
	color: black;
	margin-top: 210px;
	}
.jfragen {
	width: 90%;
	position: relative;
	left: 5%;
	font-size: 25px;
	line-height: 112%;
	padding-top: 12px;
	padding-bottom: 25px;
	}

/* paragraphs -- 1 -- */
.pj-jnana {
	margin-top: -8px;
	font-size: 70px;
	position: relative;
	width: 90%;
	left: 5.5%;
	}
.pj-sub {
	margin-top: -9px;
	font-size: 36px;
	padding-bottom: 15px;
	}
.pj-titel {
	font-size: 47px;
	width: 90%;
	position: relative;
	top: 20px;
	left: 6%;
	line-height: 102%;
	}
.pj-subtitel {
	color: #774b2f;
	margin-top: 19px;
	font-size: 26px;
	line-height: 108%;
	}
.pj-lebensblume {
	margin-top: 22px;
	margin-bottom: 12px;
	}
.pj-txt-1 {
	padding-top: 9px;
	position: relative;
	width: 90%;
	left: 5%;
	font-size: 25px;
	line-height: 112%;
	}
.pj-txt-kl {
	padding-top: 9px;
	position: relative;
	width: 90%;
	left: 5%;
	font-size: 22px;
	line-height: 112%;
	}
.pj-ueber {
	margin-top: 16px;
	font-size: 28px;
	}
.pj-antwort {
	margin-top: 3px;
	font-size: 24px;
	display: none;
	}
.pj-lotus {
	margin-top: 0px;
	padding-bottom: 15px;
	}

/* images ----- 1 -- */
.ij-logo {
	width: 72px;
	height: auto;
	}
.ij-lebensblume {
	width: 210px;
	height: auto;
	}
.ij-lotus {
	width: 120px;
	height: auto;
	}
}

/* ~ iPhone SE und 5s: 320 x 568 ------------ 2 -- */
/* Huawei P20: 360 x 760px */
@media only screen and (max-width : 379px) {
.jmain {
	color: black;
	margin-top: 180px;
	}
.jfragen {
	width: 90%;
	position: relative;
	left: 5%;
	font-size: 25px;
	line-height: 112%;
	padding-top: 9px;
	padding-bottom: 25px;
	}

/* paragraphs -- 2 -- */
.pj-jnana {
	margin-top: -1px;
	font-size: 45px;
	position: relative;
	width: 90%;
	left: 6%;
	}
.pj-sub {
	margin-top: -5px;
	font-size: 20px;
	padding-bottom: 10px;
	}
.pj-titel {
	font-size: 36px;
	line-height: 103%;
	width: 90%;
	position: relative;
	top: 14px;
	left: 6%;
	}
.pj-subtitel {
	color: #441c02;
	margin-top: 16px;
	position: relative;
	width: 90%;
	left: 5%;
	font-size: 22px;
	line-height: 108%;
	}
.pj-lebensblume {
	margin-top: 17px;
	margin-bottom: 5px;
	}
.pj-txt-1 {
	padding-top: 8px;
	position: relative;
	width: 90%;
	left: 5%;
	font-size: 22px;
	line-height: 112%;
	}
.pj-txt-kl {
	padding-top: 7px;
	position: relative;
	width: 90%;
	left: 5%;
	font-size: 19px;
	line-height: 112%;
	}
.pj-ueber {
	margin-top: 8px;
	font-size: 25px;
	}
.pj-antwort {
	margin-top: 3px;
	font-size: 22px;
	display: none;
	}
.pj-lotus {
	margin-top: -10px;
	padding-bottom: 15px;
	}

/* images ----- 2 -- */
.ij-logo {
	width: 55px;
	height: auto;
	}
.ij-lebensblume {
	width: 180px;
	height: auto;
	}
.ij-lotus {
	width: 90px;
	height: auto;
	}
}

/* ~ Tablet --------------------------------- 3 -- */
/* Pre-Design: 1112px, (iPad Pro) */
@media only screen and (min-width: 992px) and (max-width: 1499px) {
.jmain {
	color: #462200;
	margin-top: 210px;
	}
.jfragen {
	width: 90%;
	position: relative;
	left: 5%;
	font-size: 25px;
	line-height: 112%;
	padding-top: 12px;
	padding-bottom: 25px;
	}

/* paragraphs -- 3 -- */
.pj-jnana {
	display: none;
	}
.pjx-jnana {
	font-size: 36px;
	padding-left: 5px;
	}
.pj-sub {
	display: none;
	}
.pj-titel {
	font-size: 55px;
	width: 90%;
	position: relative;
	top: 20px;
	left: 5%;
	}
.pj-subtitel {
	color: #774b2f;
	margin-top: 17px;
	font-size: 26px;
	line-height: 108%;
	}
.pj-lebensblume {
	margin-top: 17px;
	}
.pj-txt-1 {
	padding-top: 6px;
	position: relative;
	width: 90%;
	left: 5%;
	font-size: 27px;
	line-height: 112%;
	}
.pj-txt-kl {
	padding-top: 9px;
	position: relative;
	width: 90%;
	left: 5%;
	font-size: 24px;
	line-height: 112%;
	}
.pj-ueber {
	margin-top: 16px;
	font-size: 28px;
	}
.pj-antwort {
	margin-top: 3px;
	font-size: 24px;
	display: none;
	}
.pj-lotus {
	margin-top: 0px;
	padding-bottom: 15px;
	}

/* images ----- 3 -- */
.ij-logo {
	height: 56px;
	width: auto;
	margin-left: 13px;
	position: relative;
	top: 11px;
	vertical-align: -9px;
	}
.ij-lebensblume {
	width: 210px;
	height: auto;
	}
.ij-lotus {
	width: 120px;
	height: auto;
	}
}

/* ~ Desktop -------------------------------- 4 -- */
/* Pre-Design: 1680px (mein Bildschirm) */
@media only screen and (min-width: 1500px) and (max-width: 1919px) {
.jmain {
	position: relative;
	color: #462200;
	margin-top: 210px;
	z-index: 1;
	text-align: right;
	}
.jx-spalte {
	display: inline-block;
	width: 45%;
	position: relative;
	right: 20%;
	text-align: left;
	}
.jfragen {
	width: 90%;
	position: relative;
	font-size: 25px;
	line-height: 112%;
	padding-top: 12px;
	padding-bottom: 25px;
	}

/* paragraphs -- 4 -- */
.pj-jnana {
	display: none;
	}
.pjx-jnana {
	font-size: 45px;
	padding-left: 9px;
	}
.pj-sub {
	display: none;
	}
.pj-titel {
	font-size: 65px;
	position: relative;
	top: 25px;
	}
.pj-subtitel {
	color: #774b2f;
	margin-top: 23px;
	font-size: 35px;
	line-height: 108%;
	padding-bottom: 12;
	}
.pj-lebensblume {
	position: absolute;
	left: -460px;
	top: 60px;	
	}
.pj-txt-1 {
	position: relative;
	padding-top: 6px;
	font-size: 25px;
	line-height: 112%;
	}
.pj-txt-kl {
	position: relative;
	padding-top: 6px;
	font-size: 21px;
	line-height: 112%;
	}
.pj-ueber {
	margin-top: 16px;
	font-size: 28px;
	}
.pj-antwort {
	margin-top: 3px;
	font-size: 24px;
	position: relative;
	display: none;
	}
.pj-lotus {
	position: relative;
	left: 100px;
	padding-bottom: 15px;
	}

/* images ----- 4 -- */
.ij-logo {
	height: 78px;
	width: auto;
	margin-left: 18px;
	position: relative;
	top: 22px;
	vertical-align: -7px;
	}
.ij-lebensblume {
	width: 405px;
	height: auto;
	}
.ij-lotus {
	width: 120px;
	height: auto;
	}
}

/* ~ Large Screen --------------------------- 5 -- */
/* fixes Layout */
/* Heike: HD = 1920 * 1080px */
@media only screen and (min-width: 1920px) {
body {
	text-align: center;
	}
.aussen {
	display: inline-block;
	width: 1920px;
	}
.jmain {
	position: relative;
	color: #462200;
	margin-top: 210px;
	z-index: 1;
	text-align: right;
	}
.jx-spalte {
	display: inline-block;
	width: 60%;
	position: relative;
	right: 100px;
	text-align: left;
	}
.jfragen {
	position: relative;
	font-size: 25px;
	line-height: 112%;
	padding-top: 12px;
	padding-bottom: 25px;
	}

/* paragraphs -- 5 -- */
.pj-jnana {
	display: none;
	}
.pjx-jnana {
	font-size: 45px;
	padding-left: 9px;
	}
.pj-sub {
	display: none;
	}
.pj-titel {
	font-size: 65px;
	position: relative;
	top: 25px;
	}
.pj-subtitel {
	color: #774b2f;
	margin-top: 23px;
	font-size: 35px;
	line-height: 108%;
	}
.pj-lebensblume {
	position: absolute;
	left: -460px;
	top: 60px;	
	}
.pj-txt-1 {
	position: relative;
	padding-top: 8px;
	font-size: 27px;
	line-height: 112%;
	}
.pj-txt-kl {
	position: relative;
	padding-top: 6px;
	font-size: 22px;
	line-height: 112%;
	}
.pj-ueber {
	margin-top: 16px;
	font-size: 28px;
	}
.pj-antwort {
	margin-top: 3px;
	font-size: 24px;
	position: relative;
	display: none;
	}
.pj-lotus {
	position: relative;
	left: 50px;
	padding-top: 9px;
	padding-bottom: 19px;
	}

/* images ----- 5 -- */
.ij-logo {
	height: 78px;
	width: auto;
	margin-left: 18px;
	position: relative;
	top: 22px;
	vertical-align: -7px;
	}
.ij-lebensblume {
	width: 405px;
	height: auto;
	}
.ij-lotus {
	width: 120px;
	height: auto;
	}
}