@charset "UTF-8";
@font-face {
    font-family: PoplarStd;
    src: url(fonts/PoplarStd.otf);
    font-weight:400;
}

@font-face {
    font-family: HelveticaNeue;
    src: url(fonts/Helv-neu/HelveNeuLigCon);
    font-weight:200;
}

@font-face {
    font-family: HelveticaNeue;
    src: url(fonts/Helv-neu/HelveNeuBolCon);
    font-weight:600;
}

html {
	position:relative;
	width:100%;
	height:100%;
	left:0;
	top:0;
	margin:0;
	padding:0;
	overflow-x:hidden;
	overflow-y:auto;
}

body {
	position:relative;
	width: 100%;
	min-height:100%;
	margin:0;
	padding:0;
	background:#8eb543;
	background: -webkit-linear-gradient(left, #8eb543, #aebf3e); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(right, #8eb543, #aebf3e); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(right, #8eb543, #aebf3e); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to right, #8eb543, #aebf3e); /* Standard syntax */
	font-family:HelveticaNeue, Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	overflow-x:hidden;
	overflow-y:auto;
}

#background {
	position:absolute;
	top:calc((100vw - 1300px) / -3);
	left:0;
	width:100%;
	z-index:-10;
	background-color:#64c5e6;
	padding-top:130px;
}

#pop-up-error-close-plane {
	position:fixed;
	opacity:0;
	visibility:hidden;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:19;
	cursor:pointer;
	transition:all 0.5s ease;
	background-color:rgba(64,64,64,0.7);
}

#pop-up-error {
	position:fixed;
	background-color:rgba(255,255,255,0.95);
	width:300px;
	height:300px;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:20;
	border-color:#0d5392;
	border-style:solid;
	border-width:12px 6px;
	border-radius:20px;
	box-sizing: border-box;
	overflow:auto;
	opacity:0;
	visibility:hidden;
	transition:opacity 1s ease, visibility 1s ease;
}

#pop-up-error-close-button {
	position:absolute;
	right:40px;
	top:20px;
	color:#ff6418;
	cursor:pointer;
	transition:color 0.5s ease;
	font-weight:600;
	font-size:2rem;
}

#pop-up-error-close-button:hover {
	color:#0d5392;
}

#pop-up-error p {
	color:#0d5392;
	font-size:1rem;
	line-height:1.5rem;
	text-align:justify;
	width:280px;
	margin:auto;
	left:0;
	right:0;
	padding-top:126px;
	padding-bottom:40px;
	text-align: center;
}

#pop-up-parents-close-plane {
	position:fixed;
	opacity:0;
	visibility:hidden;
	width:100%;
	height:100%;
	left:0;
	top:0;
	z-index:19;
	cursor:pointer;
	transition:all 0.5s ease;
	background-color:rgba(64,64,64,0.7);
}

#pop-up-parents {
	position:fixed;
	background-color:rgba(255,255,255,0.95);
	width:900px;
	margin:auto;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:20;
	border-color:#0d5392;
	border-style:solid;
	border-width:12px 6px;
	border-radius:20px;
	box-sizing: border-box;
	max-height:80%;
	overflow:auto;
	opacity:0;
	visibility:hidden;
	transition:opacity 1s ease, visibility 1s ease;
}

#pop-up-parents-close-button {
	position:absolute;
	right:40px;
	top:20px;
	color:#ff6418;
	cursor:pointer;
	transition:color 0.5s ease;
	font-weight:600;
	font-size:2rem;
}

#pop-up-parents-close-button:hover {
	color:#0d5392;
}

#pop-up-parents-konradi {
	position:absolute;
	width:400px;
	margin:auto;
	left:0;
	right:0;
	top:20px;
}

#pop-up-parents p {
	color:#0d5392;
	font-size:1.3rem;
	line-height:1.5rem;
	text-align:justify;
	width:800px;
	margin:auto;
	left:0;
	right:0;
	padding-top:160px;
	padding-bottom:40px;
}

#pop-up-parents p img {
	position:relative;
	width:100px;
	left:350px;
}

#pop-up-parents p a {
	font-weight:600;
	text-decoration:none;
	color:#0d5392;
}

header {
	position:relative;
	width:1300px;
	height:1000px;
	margin:auto;
	left:0;
	right:0;
}

#header-reporter {
	position:absolute;
	width:300px;
	left:10px;
	top:10px;
	z-index:2;
}

#header-willkommen {
	position:absolute;
	color:#0d5392;
	width:250px;
	left:250px;
	top:-30px;
	z-index:1;
	font-family:PoplarStd;
	font-size:3rem;
	-webkit-transform:scale(1.75, 1.0);
	-moz-transform:scale(1.75, 1.0);
	-ms-transform:scale(1.75, 1.0);
	-o-transform:scale(1.75, 1.0);
	transform:scale(1.75,1.0);
	transform-origin: left;
}

#header-konradi {
	position:absolute;
	width:700px;
	left:250px;
	top:30px;
	z-index:1;
}

#header-parents {
	position:absolute;
	width:220px;
	left:-30px;
	top:390px;
	z-index:0;
	color:white;
}

#header-parents:hover {
	color:#64c5e6;
}

#header-parents-button {
	position:absolute;
	width:100%;
	top:0;
	left:0;
	cursor:pointer;
}

#header-parents-text {
	position:absolute;
	color:inherit;
	width:140px;
	top:4px;
	left:60px;
	z-index:1;
	font-size:1rem;
	font-weight:600;
	line-height: 1.2rem;
	transition:color 0.5s ease;
	cursor:pointer;
	text-align:center;
	-webkit-transform:scale(0.9, 1.0);
	-moz-transform:scale(0.9, 1.0);
	-ms-transform:scale(0.9, 1.0);
	-o-transform:scale(0.9, 1.0);
	transform:scale(0.9,1.0);
}

#header-parents-eltern {
	position:absolute;
	color:inherit;
	width:140px;
	top:22px;
	left:60px;
	z-index:1;
	font-size:1rem;
	font-weight:600;
	line-height: 1.2rem;
	transition:color 0.5s ease;
	cursor:pointer;
	text-align:center;
	-webkit-transform:scale(1.2, 1.0);
	-moz-transform:scale(1.2, 1.0);
	-ms-transform:scale(1.2, 1.0);
	-o-transform:scale(1.2, 1.0);
	transform:scale(1.2,1.0);
}

#header-hier {
	position:absolute;
	color:#0d5392;
	width:420px;
	left:270px;
	top:250px;
	z-index:1;
	font-family:PoplarStd;
	font-size:2.4rem;
	-webkit-transform:scale(1.25, 1.0);
	-moz-transform:scale(1.25, 1.0);
	-ms-transform:scale(1.25, 1.0);
	-o-transform:scale(1.25, 1.0);
	transform:scale(1.25,1.0);
	transform-origin: left;
}

#header-dann {
	position:absolute;
	color:#ff6418;
	width:510px;
	left:270px;
	font-weight:600;
	top:320px;
	z-index:1;
	font-size:1.4rem;
	text-align: justify;
	line-height: 1.7rem;
}

#header-freue {
	position:absolute;
	color:#ff6418;
	width:310px;
	left:380px;
	font-weight:600;
	top:530px;
	z-index:1;
	font-size:1.6rem;
	text-align: justify;
}

#header-signature {
	position:absolute;
	width:100px;
	left:680px;
	top:550px;
	z-index:1;
}

#header-form {
	position:absolute;
	width:400px;
	height:474px;
	right:90px;
	top:180px;
	z-index:0;
}

#header-form-background {
	position:absolute;
	width:100%;
	left:0;
	top:0;
}

#header-form-check {
	position:absolute;
	width:90px;
	left:76px;
	top:90px;
}

#header-form-ikarus {
	position:absolute;
	width:260px;
	right:-44px;
	top:16px;
}

#header-form-text {
	position:absolute;
	color:#0d5392;
	left:30px;
	top:170px;
	width:260px;
	font-size:1.8rem;
	font-family:PoplarStd;
	-webkit-transform:scale(1.25, 1.0);
	-moz-transform:scale(1.25, 1.0);
	-ms-transform:scale(1.25, 1.0);
	-o-transform:scale(1.25, 1.0);
	transform:scale(1.25,1.0);
	transform-origin: left;
}

#header-form form {
	position: absolute;
	top: 354px;
	left: 30px;
	right: 50px;
}

#header-form form label {
	position:absolute;
	left:0px;
	right:0px;
}

#name-label {
	top:0px;
}

#email-label {
	top:24px;
}

#header-form form input {
	position:absolute;
	left:60px;
	right:0px;
}

#header-form-submit {
	position:absolute;
	top:50px;
	left:80px;
	width:160px;
	height:58px;
	transition:all 0.5s ease;
	transform:rotateX(0deg);
}

#header-form-submit p {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	font-family:PoplarStd;
	-webkit-transform:scale(1.25, 1.0);
	-moz-transform:scale(1.25, 1.0);
	-ms-transform:scale(1.25, 1.0);
	-o-transform:scale(1.25, 1.0);
	transform:scale(1.25,1.0);
	font-size:1.5rem;
	line-height:58px;
	color:white;
	margin:0;
	text-align:center;
	cursor:pointer;
	transition:color 0.5s ease;
}

#header-form-submit p:hover {
	color:#64c5e6;
}

#header-form-submit img {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}

#header-logo {
	position:absolute;
	right:140px;
	width:200px;
}

#header-logo-der {
	position:absolute;
	color:#0d5392;
	left:0px;
	top:16px;
	z-index:1;
	font-family:PoplarStd;
	font-size:1.8rem;
}

#header-logo-kinderclub {
	position:absolute;
	color:#0d5392;
	left:40px;
	top:30px;
	width:160px;
}

#header-logo-vom {
	position:absolute;
	color:#0d5392;
	left:10px;
	top:50px;
	z-index:1;
	font-family:PoplarStd;
	font-size:1.8rem;
}

#header-logo-konradhof {
	position:absolute;
	left:50px;
	top:100px;
	width:60px;
}

#header-logo-link {
	position:absolute;
	color:#ff6418;
	left:120px;
	top:150px;
	z-index:1;
	font-family:PoplarStd;
	font-size:1rem;
	text-decoration:none;
	-webkit-transform:scale(1.25, 1.0);
	-moz-transform:scale(1.25, 1.0);
	-ms-transform:scale(1.25, 1.0);
	-o-transform:scale(1.25, 1.0);
	transform:scale(1.25,1.0);
	transform-origin: left;
	cursor:pointer;
	transition:color 0.5s ease;
}

#header-logo-link:hover {
	color:#0d5392;
}

#outer-frame {
	position:relative;
	margin:auto;
	left:0;
	right:0;
	max-width:1200px;
	background-color:#ff6418;
	border-color:white;
	border-style:solid;
	border-width:12px 6px;
	border-radius:20px;
	box-sizing: border-box;
}

#outer-frame-arrow {
	position:absolute;
	left:450px;
	top:-80px;
	width:250px;
	z-index:1;
}

#outer-frame-neugierig {
	position:absolute;
	top:-4px;
	font-weight:600;
	left:0;
	width:250px;
	text-align:center;
	z-index:1;
	color:white;
}

#outer-frame-lies {
	position:absolute;
	top:14px;
	font-weight:600;
	left:0;
	width:250px;
	text-align:center;
	z-index:1;
	color:#ff5a00;
	font-size:1.2rem;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

#frame-arrow {
	position:absolute;
	left:0;
	width:100%;
	top:0;
}

#frame-kids {
	position:absolute;
	left:20px;
	top:-180px;
	width:300px;
	z-index:-1;
}

#frame-download {
	position:absolute;
	right:20px;
	top:-120px;
	width:300px;
	z-index:1;
	font-family:PoplarStd;
	font-size:1rem;
}

#frame-download p {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	line-height:28px;
	font-size:1.2rem;
	color:white;
	margin:0;
	text-align:center;
	display:block;
	-webkit-transform:scale(1.5, 1.0);
	-moz-transform:scale(1.5, 1.0);
	-ms-transform:scale(1.5, 1.0);
	-o-transform:scale(1.5, 1.0);
	transform:scale(1.5,1.0);
	z-index:2;
	transform-origin: left;
}

#frame-download p#frame-download-lust {
	top:-100px;
	left:-130px;
}

#frame-download p#frame-download-lust span {
	font-size:1.6rem;
}

#frame-download p#frame-download-kostprobe {
	top:-74px;
	left:-74px;
	vertical-align:top;
}

#frame-download p#frame-download-kostprobe span {
	font-size:1.6rem;
	vertical-align:top;
}

#frame-download p#frame-download-comic {
	top:-16px;
	left:0px;
	font-size:0.7rem;
}

#frame-download p#frame-download-raetsel {
	top:0px;
	left:0px;
	font-size:0.7rem;
}

#frame-download-button {
	position:absolute;
	display:block;
	left:40px;
	top:-40px;
	width:200px;
	z-index:2;
	font-family:PoplarStd;
	font-size:1rem;
	cursor:pointer;
}

#frame-download-button img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
}

#frame-download-button p {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	line-height:28px;
	font-size:1.2rem;
	color:#0078c9;
	margin:0;
	text-align:center;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
	-webkit-transform:scale(1.2, 1.0);
	-moz-transform:scale(1.2, 1.0);
	-ms-transform:scale(1.2, 1.0);
	-o-transform:scale(1.2, 1.0);
	transform:scale(1.2,1.0);
	transform-origin: center;
	cursor:pointer;
	transition:color 0.5s ease;
}

#frame-download-button p:hover {
	color:#ff6418;
}

#frame-download-star {
	position:absolute;
	right:-40px;
	top:-200px;
	width:400px;
	z-index:1;
}

#frame-download-pages {
	position:absolute;
	right:20px;
	top:0px;
	width:300px;
	z-index:1;
}

.inner-frame {
	position:relative;
	display:inline-block;
	border-color:#ffe100;
	border-style:solid;
	border-width:3px;
	border-radius:12px;
	box-sizing: border-box;
	padding:0;
	margin:0;
	box-shadow: 2px 2px 10px #232323;
} 

#top-frame {
	margin-top:60px;
	left:20px;
	width:1160px;
	height:260px;
	background: white; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#c7eaf6, white); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#c7eaf6, white); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#c7eaf6, white); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#c7eaf6, white); /* Standard syntax */
}

#top-frame-text {
	position:relative;
	display:inline-block;	
	width:160px;
}

#top-frame p {
	font-size:2.5rem;
	padding-right:60px;
	color:#ff5a00;
	margin:16px;
	line-height:3rem;
	font-family: PoplarStd;
	text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

#top-frame span {
	display:inline-block;
	transform-origin: left;
}

#top-frame #top-frame-riesen {
	top:20px;
	font-size:3rem;
	-webkit-transform:scale(1.55, 1.0);
	-moz-transform:scale(1.55, 1.0);
	-ms-transform:scale(1.55, 1.0);
	-o-transform:scale(1.55, 1.0);
	transform:scale(1.55,1.0);
}

#top-frame #top-frame-lesespass {
	top:65px;
	text-align:right;
	line-height:2.4rem;
	-webkit-transform:scale(1.2, 1.0);
	-moz-transform:scale(1.2, 1.0);
	-ms-transform:scale(1.2, 1.0);
	-o-transform:scale(1.2, 1.0);
	transform:scale(1.2,1.0);
}

#top-frame #top-frame-drei {
	top:150px;
	margin-left:10px;
	font-size:3rem;
	-webkit-transform:scale(1.55, 1.0);
	-moz-transform:scale(1.55, 1.0);
	-ms-transform:scale(1.55, 1.0);
	-o-transform:scale(1.55, 1.0);
	transform:scale(1.55,1.0);
}

#top-frame #top-frame-tolle {
	top:152px;
	margin-left:16px;
	-webkit-transform:scale(1.2, 1.0);
	-moz-transform:scale(1.2, 1.0);
	-ms-transform:scale(1.2, 1.0);
	-o-transform:scale(1.2, 1.0);
	transform:scale(1.2,1.0);
}

#top-frame #top-frame-serien {
	top:190px;
	margin-left:30px;
	-webkit-transform:scale(1.2, 1.0);
	-moz-transform:scale(1.2, 1.0);
	-ms-transform:scale(1.2, 1.0);
	-o-transform:scale(1.2, 1.0);
	transform:scale(1.2,1.0);
}

#top-frame-robin {
	position:relative;
	display:inline-block;
	width:300px;
}

#top-frame-lll {
	position:relative;
	display:inline-block;
	width:320px;
	margin-left:-50px;
	margin-right:70px;
}

#top-frame-radi {
	position:relative;
	display:inline-block;
	width:200px;
}

#left-frame {
	margin-top:20px;
	margin-bottom:20px;
	left:20px;
	width:480px;
	height:456px;
	background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#c7eaf6, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#c7eaf6, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#c7eaf6, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#c7eaf6, white); /* Standard syntax */
}

#left-frame-title {
	position:absolute;
	color:white;
	width: 250px;
	text-align: right;
	right: 20px;
	top:-30px;
	font-family:PoplarStd;
	font-size: 3rem;
	text-shadow: -1px 0 #0d5392, 0 1px #0d5392, 1px 0 #0d5392, 0 -1px #0d5392;
	line-height:50px;
}

#left-frame-title span {
	display:inline-block;
	transform-origin: right;
}

#left-frame-was {
	-webkit-transform:scale(2, 1.0);
	-moz-transform:scale(2, 1.0);
	-ms-transform:scale(2, 1.0);
	-o-transform:scale(2, 1.0);
	transform:scale(2,1.0);
	margin-right:20px;
}

#left-frame-ist {
	-webkit-transform:scale(1.2, 1.0);
	-moz-transform:scale(1.2, 1.0);
	-ms-transform:scale(1.2, 1.0);
	-o-transform:scale(1.2, 1.0);
	transform:scale(1.2,1.0);
}

#left-frame-konradhof {
	-webkit-transform:scale(1.1, 1.0);
	-moz-transform:scale(1.1, 1.0);
	-ms-transform:scale(1.1, 1.0);
	-o-transform:scale(1.1, 1.0);
	transform:scale(1.1,1.0);
}

#left-frame-text {
	position:absolute;
	color:#0d5392;
	top:100px;
	font-weight:600;
	width: 260px;
	text-align: right;
	right: 20px;
	font-size: 1.3rem;
}

#left-frame-text span {
	margin-bottom: 10px;
	display: inline-block;
}

#frame-konradi-huehner {
	position:absolute;
	left:20px;
	top:80px;
	width:150px;
	z-index:1;
}

#right-frame {
	margin-top:20px;
	margin-bottom:20px;
	left:35px;
	width:660px;
	height:456px;
	background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #c7eaf6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #c7eaf6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #c7eaf6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #c7eaf6); /* Standard syntax */
}

#right-frame-title {
	position:absolute;
	color:#ffe100;
	width: 250px;
	text-align: left;
	left: 100px;
	top:-30px;
	font-family:PoplarStd;
	font-size: 3rem;
	text-shadow: -1px 0 #0d5392, 0 1px #0d5392, 1px 0 #0d5392, 0 -1px #0d5392;
	line-height:50px;
}

#right-frame-title span {
	display:inline-block;
	transform-origin: right;
}

#right-frame-was {
	-webkit-transform:scale(2, 1.0);
	-moz-transform:scale(2, 1.0);
	-ms-transform:scale(2, 1.0);
	-o-transform:scale(2, 1.0);
	transform:scale(2,1.0);
	margin-right:20px;
}

#right-frame-bietet {
	-webkit-transform:scale(1.2, 1.0);
	-moz-transform:scale(1.2, 1.0);
	-ms-transform:scale(1.2, 1.0);
	-o-transform:scale(1.2, 1.0);
	transform:scale(1.2,1.0);
}

#right-frame-der {
	-webkit-transform:scale(1.2, 1.0);
	-moz-transform:scale(1.2, 1.0);
	-ms-transform:scale(1.2, 1.0);
	-o-transform:scale(1.2, 1.0);
	transform:scale(1.2,1.0);
	font-size:2rem;
	vertical-align: top;
}

#right-frame-club {
	-webkit-transform:scale(1.6, 1.0);
	-moz-transform:scale(1.6, 1.0);
	-ms-transform:scale(1.6, 1.0);
	-o-transform:scale(1.6, 1.0);
	transform:scale(1.6,1.0);
	margin-left:68px;
	vertical-align: bottom;
}

#right-frame-text {
	position:absolute;
	color:#0d5392;
	top:100px;
	font-weight:600;
	width: 480px;
	text-align: left;
	left: 20px;
	font-size: 1.5rem;
}

#right-frame-tabbed {
	top:-25px;
	position:relative;
	margin-top:0;
	margin-left:140px;
}

#right-frame-text span:before { 
	content: ' '; 
	display: block;
}

#right-frame-text span:first-child:before { 
	content: ''; 
	display: inline;
}

#frame-ikarus {
	position:absolute;
	left:440px;
	top:20px;
	width:150px;
	z-index:1;
}

#frame-book {
	position:absolute;
	left:-10px;
	top:280px;
	width:150px;
	z-index:1;
}

#frame-robin-kon-heft {
	position:absolute;
	left:400px;
	top:120px;
	width:300px;
	z-index:1;
}

footer {
	position:relative;
	display:block;
	margin:auto;
	left:0;
	right:0;
	top:20px;
	width:1200px;
	height:100px;
}

footer span {
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";
	color:white;
	line-height:44px;
}

#footer-impressum {
	float:left;
	margin-left:50px;
}

#footer-info {
	float:right;
	margin-right:50px;
}

#footer-background {
	position:absolute;
	left:-50px;
	width:1300px;
	z-index:-1;
}

@media(max-width:1300px) {
	#background {
		top:calc((100vw - 700px) / -3);
		padding-top:330px;
	}
	
	#pop-up-parents {
		width:700px;
	}
	
	#pop-up-parents p {
		width:600px;
		padding-top:180px;
	}
	
	#pop-up-parents p img {
		left:250px;
	}
	
	header {
		position:relative;
		width:700px;
		height:1460px;
	}
	
	#header-reporter {
		width:250px;
		left:10px;
		top:10px;
		z-index:2;
	}

	#header-willkommen {
		left:220px;
		font-size:2rem;
		top:20px;
	}

	#header-konradi {
		left:220px;
		width:500px;
		top:60px;
	}

	#header-parents {
		top:330px;
	}
	
	#header-hier {
		top:220px;
		left:240px;
		font-size:2rem;
	}
	
	#header-dann {
		top:270px;
		left:236px;
		width:440px;
	}
	
	#header-freue {
		top:490px;
		left:300px;
	}
	
	#header-signature {
		left:600px;
		top:510px;
	}
	
	#header-form {
		top:640px;
		right:0px;
	}
	
	#header-logo {
		left:-10px;
		right:auto;
		top:390px;
	}
	
	#outer-frame {
		width:700px;
	} 

	#outer-frame-arrow {
		left:0px;
		top:-660px;
	}
	
	#top-frame {
		width:660px;
		height:520px;
	}
	
	#top-frame-text {
		padding-top:10px;
		padding-left:20px;
	}

	#top-frame-robin {
		margin-left:20px;
	}

	#top-frame-lll {
		margin-top:20px;
		margin-left:20px;
	}
	
	#left-frame {
		width:660px;
	}
	
	#right-frame {
		left:20px;
		margin-top:0px;
	}
	
	#left-frame-title {
		top:-10px;
		right:50px;
	}
	
	#left-frame-text {
		top:140px;
		right:50px;
		width: 400px;
	}

	#frame-konradi-huehner {
		left:50px;
		top:40px;
		width:160px;
		z-index:1;
	}
	
	footer {
		width:700px;
	}
	
	#footer-background {
		left:-300px;
	}
}

@media(max-width:800px) {
	#background {
		top:calc((100vw - 360px) / -3);
		padding-top:600px;
	}
	
	#pop-up-parents {
		width:360px;
	}
	
	#pop-up-parents-konradi {
		width:200px;
		margin:0;
		left:40px;
		right:auto;
	}
	
	#pop-up-parents p {
		width:300px;
		padding-top:120px;
		font-size:1.1rem;
	}
	
	#pop-up-parents p img {
		left:100px;
	}
	
	header {
		position:relative;
		width:360px;
		height:1460px;
	}
	
	#header-reporter {
		width:100px;
		left:10px;
		top:10px;
		z-index:2;
	}

	#header-willkommen {
		left:90px;
		font-size:1rem;
		top:-6px;
	}

	#header-konradi {
		left:90px;
		width:260px;
		top:10px;
	}

	#header-parents {
		top:340px;
	}
	
	#header-hier {
		top:100px;
		left:100px;
		font-size:1rem;
		width:200px;
	}
	
	#header-dann {
		top:130px;
		left:20px;
		width:320px;
		font-size:1rem;
		line-height:1.2rem;
	}
	
	#header-freue {
		top:290px;
		left:80px;
		font-size:1.1rem;
		width:220px;
	}
	
	#header-signature {
		left:240px;
		top:320px;
	}
	
	#header-form {
		top:600px;
		right:10px;
		width:340px;
	}
	
	#header-form-check {
		left:60px;
		top:40px;
	}
	
	#header-form-ikarus {
		width:200px;
	}
	
	#header-form-text {
		top:120px;
		font-size:1.3rem;
		width:240px;
	}
	
	#header-form form {
		top:260px;	
	}
	
	#header-logo {
		left:20px;
		right:auto;
		top:400px;
	}
	
	#outer-frame {
		width:360px;
	} 

	#outer-frame-arrow {
		display:block;
		left:56px;
		top:-420px;
	}
	
	#frame-pages {
		top:-320px;
	}
	
	#top-frame {
		left:10px;
		width:330px;
		height:980px;
	}
	
	#top-frame-text {
		padding-top:20px;
		padding-left:50px;
	}

	#top-frame-robin {
		margin-left:10px;
	}

	#top-frame-lll {
		margin-top:40px;
		margin-left:2px;
	}

	#top-frame-radi {
		margin-top:40px;
		margin-left:40px;
	}
	
	#left-frame {
		left:10px;
		width:330px;
		height:820px;
	}
	
	#left-frame-title {
		top:-20px;
		right:20px;
	}
	
	#left-frame-text {
		top:120px;
		right:20px;
		width: 300px;
	}

	#frame-konradi-huehner {
		left:20px;
		top:440px;
		width:160px;
		z-index:1;
	}
	
	#right-frame {
		left:10px;
		width:330px;
		height:880px;
		margin-top:0px;
	}

	#right-frame-title {
		right:40px;
	}

	#right-frame-text {
		width: 290px;
		top:200px;
	}

	#right-frame-text p {
		display:inline;
	}
	
	#right-frame-tabbed {
		top:0px;
		margin-left:0;
	}

	#right-frame-text span:before { 
		content: ' '; 
		display: inline;
	}
	
	#frame-kids {
		display:none;
	}

	#frame-ikarus {
		position:absolute;
		left:200px;
		top:110px;
		width:150px;
		z-index:1;
	}

	#frame-book {
		position:absolute;
		left:-10px;
		top:600px;
		width:150px;
		z-index:1;
	}

	#frame-robin-kon-heft {
		position:absolute;
		left:60px;
		top:540px;
		width:300px;
		z-index:1;
	}
	
	footer {
		width:320px;
	}
	
	footer span {
		font-size:0.8rem;
	}
	
	#footer-impressum {
		margin-left:10px;
	}
	
	#footer-info {
		margin-right:10px;
	}
	
	#footer-background {
		left:-490px;
	}
}

@media(max-width:360px) {
	#background {
		top:0;
		padding-top:600px;
	}
	
	#pop-up-parents {
		width:332px;
		margin-left:-6px;
	}
	
	#pop-up-parents-konradi {
		left:10px;
	}
	
	#header-reporter {
		left:0px;
	}
	
	#header-konradi {
		left:80px;
		top:20px;
		width:220px;
	}
	
	#header-dann {
		left:10px;
		width:300px;
	}

	#header-freue {
		top:300px;	
	}
	
	#header-signature {
		left:220px;
		top:320px;
	}
	
	#header-parents {
		top:344px;
	}
	
	#header-form {
		left:-6px;	
	}
	
	#outer-frame-arrow {
		left:36px;
	}
	
	#outer-frame {
		width:332px;
		margin-left:-6px;
	}
	
	#top-frame {
		left:0px;
		margin-left:-4px;
		width:328px;
	}
	
	#left-frame {
		left:0px;
		margin-left:-4px;
		width:328px;
	}
	
	#right-frame {
		left:0px;
		margin-left:-4px;
		width:328px;
	}

	#frame-book {
		left:6px;
	}
}