/************************************************************************************
SECTION normal    1800 breit
*************************************************************************************/
section {width:100%; max-width:1920px; min-width:320px; height:860px; position:relative; margin:0 auto; background:white;
-webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s;  transition:0.5s;
}
article {width:33.3%; height:500px; margin:0 1%; position:absolute; border: 0px #ff0000 solid;
-webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; transition:0.5s;
}
article img {display:block; margin:0px auto;  border: 0px solid #ff0000;
}
article img.pfeil {display:block; float: left; margin:0px auto; padding-right: 15px; border:0px solid #ff0000;
}
article:nth-of-type(1) { height:250px; left:0; top:20px;
-webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s;  -o-transition-delay: 0.5s;  transition-delay: 0.5s;
}
article:nth-of-type(2) {height:250px; left:33.3%; top:20px;
-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s;
}
article:nth-of-type(3) {height:250px; left:66.6%; top:20px;
-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s;transition-delay:0.3s;
}
article:nth-of-type(4) { height:500px; left:0; top:250px;
-webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s;  -o-transition-delay: 0.5s;  transition-delay: 0.5s;
}
article:nth-of-type(5) {height:500px; left:33.3%; top:250px;
-webkit-transition-delay:0.4s; -moz-transition-delay:0.4s; -o-transition-delay:0.4s; transition-delay:0.4s;
}
article:nth-of-type(6) {height:250px; left:66.6%; top:250px;
-webkit-transition-delay:0.3s; -moz-transition-delay:0.3s; -o-transition-delay:0.3s;transition-delay:0.3s;
}

/************************************************************************************
Section 1210 hoch   1024 breit
*************************************************************************************/
@media only screen and (max-width:1024px) {
header h1 {font:normal 60px/60px 'Shadows Into Light Two', arial, sans-serif; padding-top:15px;}
header h1 span:nth-of-type(2) {display:block;}
section {height:1210px;}

article {width:48%;}
article:nth-of-type(1) {left:0; top:0px;}
article:nth-of-type(2) {left:50%; top:0px;}

article:nth-of-type(3) {left:50%; top:580px;}
article:nth-of-type(4) {left:0%; top:250px;}

article:nth-of-type(5) {left:50%; top:200px;}
article:nth-of-type(6) {left:50%; top:760px; border: 0px solid #0000ff;}
/************************************************************************************
Section 1210 hoch   1024 breit
*************************************************************************************/
@media only screen and (max-width:600px) and (orientation:portrait) {
header h1 {font:normal 40px/40px 'Shadows Into Light Two', arial, sans-serif; padding-top:10px;}
header h1 span {display:block;}

section {height:1800px;}

article {width:98%;}
article:nth-of-type(1) {left:0%; top:0px;}
article:nth-of-type(2) {left:0%; top:50px;}

article:nth-of-type(3) {left:0%; top:670px;}
article:nth-of-type(4) {left:0%; top:850px;  border: 0px solid #ff0000;}

article:nth-of-type(5) {left:0%; top:250px;}
article:nth-of-type(6) {left:0%; top:1450px; }
/************************************************************************************
Section 18000 hoch   480 breit
*************************************************************************************/
@media only screen and (max-width:480px) {
header h1 {font:normal 40px/40px 'Shadows Into Light Two', arial, sans-serif; padding-top:10px;}
header h1 span {display:block;}

section {height:1800px;}

article {width:98%;}
article:nth-of-type(1) {left:0%; top:0px;}
article:nth-of-type(2) {left:0%; top:50px;}

article:nth-of-type(3) {left:0%; top:580px;}
article:nth-of-type(4) {left:0%; top:750px; border: 0px solid #00ff00;}

article:nth-of-type(5) {left:0%; top:250px;}
article:nth-of-type(6) {left:0%; top:1550px;}
/************************************************************************************
Reihenfolge 1-2-5-3-4-6
*************************************************************************************/