@charset "utf-8";

/* JNANA 2021 KONTAKT.CSS */
/* letzte Aenderung am 19.6.2021 um 10:00 Uhr CC*/

/* ~ iPhone8 plus: 414 x 736 ---------------- 1 -- */
@media only screen and (min-width: 380px) and (max-width: 991px) {
.f-titel {
	color: #7d7c42;
	}
form {
	margin-top: 27px;
	margin-bottom: 22px;
	text-align: center;
	}
label {
	display: inline-block;
	margin-top: 10px;
	font-size: 25px;
	}
input, textarea {
	display: inline-block;
	margin-top: 5px;
	width: 90%;
	font-size: 27px;
	padding: 9px;
	border-color: #f7aa1c;
	border-radius: 9px;
	border-style: solid;
	border-width: 5px;
	}
.send {
	margin-top: 15px;
	width: 40%;
	padding: 3px 25px;
	border-color: #bbc318;
	border-radius: 18px;
	}
.pk-portrait {
	margin-top: 0px;
	margin-bottom: 10px;
	}
.ik-portrait {
	width: 60%;
	height: auto;
	border-radius: 20px;
	}
}

/* ~ iPhone SE und 5s: 320 x 568 ------------ 2 -- */
/* Huawei P20: 360 x 760px */
@media only screen and (max-width : 379px) {
.f-titel {
	color: #7d7c42;
	}
form {
	margin-top: 15px;
	margin-bottom: 22px;
	text-align: center;
	}
label {
	display: inline-block;
	margin-top: 10px;
	font-size: 25px;
	}
input, textarea {
	display: inline-block;
	margin-top: 5px;
	width: 90%;
	font-size: 27px;
	padding: 9px;
	border-color: #f7aa1c;
	border-radius: 9px;
	border-style: solid;
	border-width: 5px;
	}
.send {
	margin-top: 15px;
	width: 40%;
	padding: 3px 25px;
	border-color: #bbc318;
	border-radius: 18px;
	}
.pk-portrait {
	margin-top: -5px;
	margin-bottom: 10px;
	}
.ik-portrait {
	width: 60%;
	height: auto;
	border-radius: 20px;
	}
}

/* ~ Tablet --------------------------------- 3 -- */
/* Pre-Design: 1112px, (iPad Pro) */
@media only screen and (min-width: 992px) and (max-width: 1499px) {
.f-titel {
	color: #7d7c42;
	}
form {
	margin-top: 27px;
	margin-bottom: 22px;
	text-align: center;
	}
label {
	display: inline-block;
	margin-top: 10px;
	font-size: 25px;
	}
input, textarea {
	display: inline-block;
	margin-top: 5px;
	font-size: 27px;
	padding: 9px;
	border-color: #f7aa1c;
	border-radius: 9px;
	border-style: solid;
	border-width: 5px;
	}
.send {
	margin-top: 15px;
	padding: 3px 25px;
	border-color: #bbc318;
	border-radius: 18px;
	}
.pk-portrait {
	margin-top: 20px;
	margin-bottom: 10px;
	}
.ik-portrait {
	width: 36%;
	height: auto;
	border-radius: 20px;
	}
}

/* ~ Desktop -------------------------------- 4 -- */
/* Pre-Design: 1680px (mein Bildschirm) */
@media only screen and (min-width: 1500px) and (max-width: 1919px) {
.f-titel {
	color: #7d7c42;
	}
form {
	display: block;
	margin-top: 27px;
	margin-bottom: 22px;
	text-align: left;
	}
label {
	display: inline-block;
	margin-top: 10px;
	font-size: 25px;
	}
input, textarea {
	display: inline-block;
	margin-top: 4px;
	margin-left: -8px;
	font-size: 27px;
	padding: 9px;
	border-color: #f7aa1c;
	border-radius: 9px;
	border-style: solid;
	border-width: 5px;
	}
.send {
	margin-top: 15px;
	padding: 3px 25px;
	border-color: #bbc318;
	border-radius: 18px;
	}
.pk-portrait {
	margin-top: 20px;
	margin-bottom: 10px;
	}
.ik-portrait {
	width: 36%;
	height: auto;
	border-radius: 20px;
	}
}

/* ~ Large Screen --------------------------- 5 -- */
/* fixes Layout */
/* Heike: HD = 1920 * 1080px */
@media only screen and (min-width: 1920px) {
.f-titel {
	color: #7d7c42;
	}
form {
	margin-top: 27px;
	margin-bottom: 22px;
	}
label {
	display: inline-block;
	margin-top: 10px;
	font-size: 25px;
	}
input, textarea {
	display: inline-block;
	margin-top: 4px;
	margin-left: -8px;
	font-size: 27px;
	padding: 9px;
	border-color: #f7aa1c;
	border-radius: 9px;
	border-style: solid;
	border-width: 5px;
	}
.send {
	margin-top: 15px;
	padding: 3px 25px;
	border-color: #bbc318;
	border-radius: 18px;
	}
.pk-portrait {
	margin-top: 20px;
	margin-bottom: 40px;
	}
.ik-portrait {
	width: 36%;
	height: auto;
	border-radius: 20px;
	}
}