html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;vertical-align:baseline}
body{line-height:1;color:#000;background:#fff}
ol,ul{list-style:none}
table{border-collapse:separate;border-spacing:0;vertical-align:middle}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
a img{border:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
html,body{height:100%}
#Wrapper{padding:0 1em;margin:0 auto;zoom:1}
#Wrapper:before,#Wrapper:after{content:"";display:table}
#Wrapper:after{clear:both}
header{margin:0 auto}
h1{position:relative;}
h1 a{position:absolute;top:0;left:0;width:100%;height:100%}
nav li{white-space:nowrap}
main{display:block;margin:0 auto}
footer{float:right;clear:both}
#Buy{text-align:center;}
#Buy p{position:relative;}
#Buy p img{max-width:90%}
#Buy p a{display:inline-block}
#Buy span.alternatives{display:block}
@media screen and (max-width: 600px){h1{padding:4.5em 0;margin-top:1em !important}
nav{zoom:1;margin-bottom:-.5em !important;}
nav:before,nav:after{content:"";display:table}
nav:after{clear:both}
nav li{float:left;width:33%}
footer{float:none}
#Buy{position:absolute;top:4.5em;right:2em;}
#Buy span.alternatives,#Buy img{display:none}
#Buy a.iconBasket{position:static !important}
}@media screen and (max-width: 600px) and (min-width: 480px){nav li{float:left;width:20%}
}@media screen and (min-width: 601px){#Wrapper{padding:0}
header{float:left}
main{float:right}
#Wrapper{width:600px}
header{width:184px}
h1{height:184px}
nav{padding-left:23px}
main,footer{width:370px;padding-right:46px}
}@media screen and (min-width: 800px){#Wrapper{width:800px}
header{width:200px}
h1{height:200px}
nav{padding-left:25px}
main,footer{width:550px;padding-right:50px}
}@media screen and (min-width: 960px){#Wrapper{width:960px}
header{width:224px}
h1{height:224px}
nav{padding-left:28px}
main,footer{width:680px;padding-right:56px}
}@media screen and (min-width: 1024px){#Wrapper{width:1024px}
header{width:256px}
h1{height:256px}
nav{padding-left:32px}
main,footer{width:704px;padding-right:64px}
}body{background:#fff;color:#1f1f1f}
nav li a{color:#444;}
nav li a:hover,nav li a:active,nav li a:focus{color:#000;}
nav li a:hover:before,nav li a:active:before,nav li a:focus:before{opacity:1;-ms-filter:none;filter:none}
nav li.active{position:relative;}
nav li.active a{color:#000;}
nav li.active a:before{opacity:1;-ms-filter:none;filter:none}
main a{border-bottom-width:1px;border-bottom-style:solid;padding:.1em}
#Buy,footer{color:#444;}
#Buy a,footer a{padding:.1em;}
#Buy a:link,footer a:link,#Buy a:visited,footer a:visited{color:#444}
#Buy a:hover,footer a:hover,#Buy a:active,footer a:active{color:#000}
#Buy a:focus,footer a:focus{color:#fff;background:#444}
#Html5 main a:not(.button):link{color:#9f1021;border-bottom-color:#ddd}
#Html5 main a:not(.button):visited{color:#9f1021;border-bottom-color:#ccc}
#Html5 main a:not(.button):hover{color:#191919;border-bottom-color:#191919}
#Html5 main a:not(.button):active{color:#191919;border-bottom-color:#191919}
#Html5 main a:not(.button):focus{color:#fff;background-color:#9f1021;border-bottom-color:transparent !important}
#Html5 nav a:hover:before,#Html5 nav a:active:before,#Html5 nav a:focus:before{color:#a81123}
/*
@media screen and (max-width: 600px){#Html5 nav .active a:before{color:#a81123}
}#Html5 h1 a{background-image:url("html5logo.svg");-webkit-background-size:90%;-moz-background-size:90%;background-size:90%}
#Dvd main a:not(.button):link{color:#638f0b;border-bottom-color:#ddd}
#Dvd main a:not(.button):visited{color:#638f0b;border-bottom-color:#ccc}
#Dvd main a:not(.button):hover{color:#191919;border-bottom-color:#191919}
#Dvd main a:not(.button):active{color:#191919;border-bottom-color:#191919}
#Dvd main a:not(.button):focus{color:#fff;background-color:#69980c;border-bottom-color:transparent !important}
#Dvd nav a:hover:before,#Dvd nav a:active:before,#Dvd nav a:focus:before{color:#70a10d}
*/
@media screen and (max-width: 600px){#Dvd nav .active a:before{color:#70a10d}
}#Dvd h1 a{background-image:url("dvdlogo.svg");-webkit-background-size:90%;-moz-background-size:90%;background-size:90%}
#Css3 main a:not(.button):link{color:#b8520b;border-bottom-color:#ddd}
#Css3 main a:not(.button):visited{color:#b8520b;border-bottom-color:#ccc}
#Css3 main a:not(.button):hover{color:#191919;border-bottom-color:#191919}
#Css3 main a:not(.button):active{color:#191919;border-bottom-color:#191919}
#Css3 main a:not(.button):focus{color:#fff;background-color:#c3580c;border-bottom-color:transparent !important}
#Css3 nav a:hover:before,#Css3 nav a:active:before,#Css3 nav a:focus:before{color:#cf5d0d}
@media screen and (max-width: 600px){#Css3 nav .active a:before{color:#cf5d0d}
}#Css3 h1 a{background-image:url("css3logo.svg");-webkit-background-size:82%;-moz-background-size:82%;background-size:82%}
#Es5 main a:not(.button):link{color:#621c8a;border-bottom-color:#ddd}
#Es5 main a:not(.button):visited{color:#621c8a;border-bottom-color:#ccc}
#Es5 main a:not(.button):hover{color:#191919;border-bottom-color:#191919}
#Es5 main a:not(.button):active{color:#191919;border-bottom-color:#191919}
#Es5 main a:not(.button):focus{color:#fff;background-color:#691e93;border-bottom-color:transparent !important}
#Es5 nav a:hover:before,#Es5 nav a:active:before,#Es5 nav a:focus:before{color:#6f209c}
@media screen and (max-width: 600px){#Es5 nav .active a:before{color:#6f209c}
}#Es5 h1 a{background-image:url("es5logo.svg");-webkit-background-size:85%;-moz-background-size:85%;background-size:85%}
#Html5 h1 a,#Dvd h1 a,#Css3 h1 a,#Es5 h1 a{background-position:center center;background-repeat:no-repeat;}
@media screen and (max-width: 600px){#Html5 h1 a,#Dvd h1 a,#Css3 h1 a,#Es5 h1 a{background-position:left center;-webkit-background-size:contain;-moz-background-size:contain;background-size:contain}
}body{font-family:'adelle-sans',Helvetica,Arial,sans-serif;line-height:1.65;font-size:12px;text-rendering:optimizeLegibility;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;}
@media screen and (min-width: 480px){body{font-size:13px}
}@media screen and (min-width: 600px){body{font-size:14px}
}@media screen and (min-width: 800px){body{font-size:15px}
}@media screen and (min-width: 960px){body{font-size:17px}
}@media screen and (min-width: 1024px){body{font-size:18.5px}
}h2,h3,nav{font-family:'anivers','Trebuchet MS',sans-serif;line-height:1.2;font-weight:bold;clear:both}
h2{font-size:2.25em;margin-top:.75em}
h3,nav{font-size:1.325em;margin-top:1.75em}
a{text-decoration:none !important;font-weight:bold}
b,strong{font-weight:bold}
i,em{font-style:italic}
code{font-family:Monaco,"DejaVu Sans Mono","Bitstream Vera Sans Mono","Lucida Console",Terminal,monospace}
main p,main ul,main ol,main figure,main blockquote{margin:1.25em 0}
main ul,main ol{padding-left:1.5em;}
main ul ul,main ol ul,main ul ol,main ol ol,main ul li,main ol li{margin:.25em 0}
main ul{list-style:square}
main blockquote{padding-left:1.25em;font-style:italic;}
main blockquote + p{font-weight:bold;margin-top:-.75em;margin-bottom:1.5em}
.teaser{margin-bottom:2.5em;}
.teaser p{font-size:1.3em}
.notice{font-size:.8em;background:#efebce;border:1px solid #dedabf;padding:.5em .25em;margin-top:1em;}
.notice a{font-weight:normal}
img.inline,div.image{float:right;max-width:25%;margin:0 0 1em 2em;}
img.inline img.shadow,div.image img.shadow{-webkit-box-shadow:0 0 1em #9b9b9b;box-shadow:0 0 1em #9b9b9b}
img.portrait{-webkit-transform:rotate(3deg);-moz-transform:rotate(3deg);-o-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);-webkit-box-shadow:0 0 1em #b0b0b0;box-shadow:0 0 1em #b0b0b0;border:.3em solid #fff}
div.image{position:relative;text-align:center;}
div.image img{margin-top:1.5em;max-width:100%;}
div.image img + img{position:absolute;top:8%;left:13%}
figure{display:inline-block;background:#e7e7e7;}
main figure a.imagelink /* `main` für die Selektorspezifität */{display:block;border:none;background:none;padding:0}
figure img,figure video{display:block;width:98%;margin:1%}
figcaption{font-size:.9em;font-style:italic;padding:.5em 1em}
.price{color:#579b00;font-weight:bold}
footer{font-size:.85em;text-align:center}
@font-face{font-family:'icons';src:url("icons/font/icons.eot");src:url("icons/font/iconsd41d.eot?#iefix") format('embedded-opentype'),url("icons/font/icons.woff") format('woff'),url("icons/font/icons.ttf") format('truetype'),url("icons/font/icons.svg#icons") format('svg');font-weight:normal;font-style:normal}
nav li a:before,.iconBasket:before,.iconDownload:before{font-family:'icons';font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.5em;text-align:center;opacity:.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80)}
nav li:nth-child(1) a:before{content:'\2302';}
nav li:nth-child(2) a:before{content:'\e727';}
nav li:nth-child(3) a:before{content:'📕';}
nav li:nth-child(4) a:before{content:'👤';}
nav li:nth-child(5) a:before{content:'\2709';}
.iconDownload:before{content:'📥';opacity:1;-ms-filter:none;filter:none;line-height:1}
.iconBasket:before{content:'\e73d';opacity:1;-ms-filter:none;filter:none;line-height:1}
#Wrapper{min-height:100%;background:#fff}
h1{margin-top:2em;}
h1 span{display:block;text-indent:-9001px}
nav{margin:.4em 0 1em 0;padding-top:.5em;padding-bottom:.5em;}
@media screen and (max-width: 600px){nav{border:none}
}nav li{margin:.5em 0;}
nav li:before{margin:0 .5em 0 .25em}
nav li a{-webkit-transition:padding-left 250ms ease-in-out;-moz-transition:padding-left 250ms ease-in-out;-o-transition:padding-left 250ms ease-in-out;-ms-transition:padding-left 250ms ease-in-out;transition:padding-left 250ms ease-in-out}
@media screen and (min-width: 601px){nav li.active a,nav li a:hover,nav li a:focus{padding-left:.85em}
}nav li.active a:hover,nav li.active a:focus{-webkit-animation:wobble 250ms ease;-moz-animation:wobble 250ms ease;-o-animation:wobble 250ms ease;-ms-animation:wobble 250ms ease;animation:wobble 250ms ease}
#Buy a.iconBasket{position:relative;top:-3.5em;font-size:.825em;display:inline-block;-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms;-ms-transition:all 250ms;transition:all 250ms;text-shadow:0 0 .2em #335400;-webkit-box-shadow:0 0 .5em rgba(26,42,0,0.75);box-shadow:0 0 .5em rgba(26,42,0,0.75);-webkit-border-radius:2px;border-radius:2px;font-weight:normal;background-color:#67a900;border:1px solid #436e00;padding:.1em .333em;}
@media screen and (max-width: 800px){#Buy a.iconBasket{font-size:.8em;padding:.1em .25em}
#Buy a.iconBasket:before{display:none}
}@media screen and (max-width: 600px){header #Buy a.iconBasket{font-size:.9em;font-weight:bold;padding:.2em .5em;}
header #Buy a.iconBasket:before{display:inline}
}#Buy a.iconBasket:link,#Buy a.iconBasket:visited{color:#eee;background-image:linear-gradient(#67a900,#5d9800);background-image:linear-gradient(#67a900,#5d9800)}
#Buy a.iconBasket:hover,#Buy a.iconBasket:active{color:#fff;background-image:linear-gradient(#71ba00,#66a700);background-image:linear-gradient(#71ba00,#66a700)}
#Buy a.iconBasket:focus{color:#fff;background:#71ba00}
#Buy .alternatives{font-size:.85em;position:relative;top:-2em}
main div.image{position:relative;}
main div.image a{position:absolute;left:0;bottom:4.25em;width:100%;font-size:.825em;display:inline-block;-webkit-transition:all 250ms;-moz-transition:all 250ms;-o-transition:all 250ms;-ms-transition:all 250ms;transition:all 250ms;text-shadow:0 0 .2em #335400;-webkit-box-shadow:0 0 .5em rgba(26,42,0,0.75);box-shadow:0 0 .5em rgba(26,42,0,0.75);-webkit-border-radius:2px;border-radius:2px;font-weight:normal;background-color:#67a900;border:1px solid #436e00;padding:.1em .333em;}
@media screen and (max-width: 800px){main div.image a{font-size:.8em;padding:.1em .25em}
main div.image a:before{display:none}
}@media screen and (max-width: 600px){header main div.image a{font-size:.9em;font-weight:bold;padding:.2em .5em;}
header main div.image a:before{display:inline}
}main div.image a:link,main div.image a:visited{color:#eee;background-image:linear-gradient(#67a900,#5d9800);background-image:linear-gradient(#67a900,#5d9800)}
main div.image a:hover,main div.image a:active{color:#fff;background-image:linear-gradient(#71ba00,#66a700);background-image:linear-gradient(#71ba00,#66a700)}
main div.image a:focus{color:#fff;background:#71ba00}
@media screen and (max-width: 800px){main div.image a{bottom:3.75em}
}main div.image a:last-child{bottom:2em;}
@media screen and (max-width: 800px){main div.image a:last-child{bottom:1.5em}
}footer p{margin:2em 0;}
footer p:first-child{border-top:1px solid #cfcfcf;padding-top:2.5em}
footer p:nth-child(2){font-size:.9em;}
footer p:nth-child(2) a{font-weight:normal}
@-moz-keyframes wobble{0%{padding-left:.85em}
50%{padding-left:1em}
100%{padding-left:.85em}
}@-webkit-keyframes wobble{0%{padding-left:.85em}
50%{padding-left:1em}
100%{padding-left:.85em}
}@-o-keyframes wobble{0%{padding-left:.85em}
50%{padding-left:1em}
100%{padding-left:.85em}
}@-ms-keyframes wobble{0%{padding-left:.85em}
50%{padding-left:1em}
100%{padding-left:.85em}
}@keyframes wobble{0%{padding-left:.85em}
50%{padding-left:1em}
100%{padding-left:.85em}
}