@charset "utf-8";

/* JNANA 2021 KURSE.CSS */
/* Nur für die Farbe der Überschrift */
/* letzte Aenderung am 24.6.2021 um 16:00 Uhr CC*/

/* ~ iPhone8 plus: 414 x 736 ---------------- 1 -- */
@media only screen and (min-width: 380px) and (max-width: 991px) {
.f-titel {
	color: #009db2;
	}
.kbox {
	margin-top: 30px;
	}
.iv-buch {
	width: 60%;
	height: auto;
	}
.ik-manifest {
	width: 100%;
	height: auto;
	}
.ik-kreis {
	width: 96%;
	height: auto;
	border: thin solid;
	border-color: #441c02;
	border-radius: 22px;
	}
}

/* ~ iPhone SE und 5s: 320 x 568 ------------ 2 -- */
/* Huawei P20: 360 x 760px */
@media only screen and (max-width : 379px) {
.f-titel {
	color: #009db2;
	}
.kbox {
	margin-top: 22px;
	}
.iv-buch {
	width: 60%;
	height: auto;
	}
.ik-manifest {
	width: 100%;
	height: auto;
	}
.ik-kreis {
	width: 96%;
	height: auto;
	border: thin solid;
	border-color: #441c02;
	border-radius: 18px;
	}
}

/* ~ Tablet --------------------------------- 3 -- */
/* Pre-Design: 1112px, (iPad Pro) */
@media only screen and (min-width: 992px) and (max-width: 1499px) {
.f-titel {
	color: #009db2;
	}
.kbox {
	margin-top: 40px;
	}
.iv-buch {
	width: 60%;
	height: auto;
	}
.ik-manifest {
	width: 80%;
	height: auto;
	border: thin solid;
	border-color: #441c02;
	}
.ik-kreis {
	width: 60%;
	height: auto;
	border: thin solid;
	border-color: #441c02;
	border-radius: 30px;
	}
}

/* ~ Desktop -------------------------------- 4 -- */
/* Pre-Design: 1680px (mein Bildschirm) */
@media only screen and (min-width: 1500px) and (max-width: 1919px) {
.f-titel {
	color: #009db2;
	}
.kbox {
	margin-top: 40px;
	}
.iv-buch {
	width: 60%;
	height: auto;
	}
.ik-manifest {
	width: 70%;
	height: auto;
	border: thin solid;
	border-color: #441c02;
	}
.ik-kreis {
	width: 70%;
	height: auto;
	border: thin solid;
	border-color: #441c02;
	border-radius: 40px;
	}
}

/* ~ Large Screen --------------------------- 5 -- */
/* fixes Layout */
/* Heike: HD = 1920 * 1080px */
@media only screen and (min-width: 1920px) {
.f-titel {
	color: #009db2;
	}
.kbox {
	margin-top: 40px;
	}
.iv-buch {
	width: 50%;
	height: auto;
	}
.ik-manifest {
	width: 60%;
	height: auto;
	border: thin solid;
	border-color: #441c02;
	}
}