#logo{position:absolute;display:block;width:178px;height:39px;top:1.8em;left:3em;background-image:url(../../images/icons/main/logo.svg);background-repeat:no-repeat;background-size:contain;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;}
#logo:hover{opacity:0.6;-webkit-transition:opacity.3s ease;-moz-transition:opacity .3s ease;-o-transition:opacity .3s ease;transition:opacity .3s ease;}
#demnaechst{display:block;width:100px;height:100px;margin:5em auto;background-image:url(../../images/icons/main/2018.svg);background-repeat:no-repeat;background-position:center;}
#forward{display:block;width:100px;height:100px;margin:5em auto;background-image:url(../../images/icons/main/nav-arrow.svg);background-repeat:no-repeat;background-position:center;}
#forward:hover{background-image:url(../../images/icons/main/nav-arrow-hover.svg);-webkit-transition:background-image.3s ease;-moz-transition:background-image .3s ease;-o-transition:background-image .3s ease;transition:background-image .3s ease;}
#ruler-ver, #ruler-hor,#kant-hor, #kant-hor, #ruler-ver-left{background-position:center;background-size:contain;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;}
#ruler-ver{width:20px;height:100%;position:absolute;background-image:url(../../images/icons/main/ruler-ver.svg);background-repeat:repeat-y;background-position:top;}
#ruler-hor{width:100%;height:20px;border-top:solid 1px rgba(0,102,153,1);background-image:url(../../images/icons/main/ruler-hor.svg);background-repeat:repeat-x;}
#kant-ver{width:20px;height:100%;position:absolute;right:0px;background-image:url(../../images/icons/main/kant-ver.svg);background-repeat:repeat-y;background-position:top;}
#kant-hor{width:100%;height:20px;border-top:solid 1px rgba(0,102,153,1);background-image:url(../../images/icons/main/kant-hor.svg);background-repeat:repeat-x;}
#ruler-ver-left{width:20px;height:100%;position:relative;right:0px;z-index:100;background-image:url(../../images/icons/main/ruler-ver-left.svg);background-repeat:repeat-y;background-position:top;}
#contact-devices{width:370px;height:268px;margin:0 auto;padding-bottom:5em;background-image:url(../../images/icons/main/contact-devices.svg);background-repeat:no-repeat;background-position:top;background-size:contain;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;}
@media only screen and (min-width:0em) and (max-width:60em){#logo{background-image:url(../../images/icons/main/logo-mobil.svg);width:61px;top:30.333%;left:1.8em;}
#ruler-ver, #kant-ver{display:none;}
#forward{background-image:url(../../images/icons/main/nav-arrow-mobil.svg);margin:2em auto;}
#forward:hover{background-image:url(../../images/icons/main/nav-arrow-hover-mobil.svg)}
#contact-devices{width:250px;height:100px;padding-bottom:8em;}
}