@import "css/base.css";@import "css/layout.css";.container{position:relative;margin:0 auto;padding:0}.container .column,.container .columns{float:left;display:inline;margin-left:4px;margin-right:4px}.row{margin-bottom:20px}.column.alpha,.columns.alpha{margin-left:0}.column.omega,.columns.omega{margin-right:0}.tile.blank{background:0 0}.tile{background:#ff8504;margin-bottom:8px;position:relative;overflow:hidden;transition:width .25s;-moz-transition:width .25s;-webkit-transition:width .25s;-o-transition:width .25s;transition:height .25s;-moz-transition:height .25s;-webkit-transition:height .25s;-o-transition:height .25s}.tile .caption{position:absolute;bottom:9%;right:4%}.tile .title{background:none repeat scroll 0 0 #000;bottom:0;color:#fff;opacity:.9;padding:2%;position:absolute;width:100%;font-size:.8em;height:0;padding:0;min-height:0;max-height:50%;-webkit-transition:height .25s;-moz-transition:height .25s;-o-transition:height .25s;transition:height .25s}.tile a:hover .title{height:20px;padding:2%}.tile a span.icon{display:block;width:100%;height:100%}#main .tile a:hover,#main .tile a:focus{background-position:left top!important}.tile#agentur a{background:#ff8201 url(images/grad-agentur.gif) repeat-x left bottom}.tile#agentur a span.icon{background:url(images/ico-heart.png) no-repeat 22% 45%;background-size:41%}.tile#videos a{background:#209dff url(images/grad-videos.gif) repeat-x left bottom}.tile#videos a span.icon{background:url(images/ico-videos.png) no-repeat 20% 45%;background-size:46%}.tile#apps a{background:#eedb10 url(images/grad-apps.gif) repeat-x left bottom}.tile#apps a span.icon{background:url(images/ico-mobile.png) no-repeat 20% 45%;background-size:26%}.tile#print a{background:#eedb10 url(images/grad-print.gif) repeat-x left bottom}.tile#print a span.icon{background:url(images/ico-print.png) no-repeat 20% 45%;background-size:43%}.tile#weather{background:#b9dde6 url(images/wetterwidget.gif) no-repeat left top}.tile#weather.apocalypse{background:url(images/wetter-apocalypse.gif) no-repeat left top}.tile#jobs a{background:#5ec62b url(images/grad-jobs.gif) repeat-x left bottom}.tile#jobs a span.icon{background:url(images/ico-jobs.png) no-repeat 50% 38%;background-size:70%}.tile#press a{background:#ff81d5 url(images/grad-presse.gif) repeat-x left bottom}.tile#press a span.icon{background:url(images/ico-presse.png) no-repeat 50% 38%;background-size:67%}.tile#contact a{background:#97008c url(images/grad-kontakt.gif) repeat-x left bottom}.tile#contact a span.icon{background:url(images/ico-kontakt.png) no-repeat 25% 45%;background-size:35%}.tile#awards a{background:#3042c9 url(images/grad-awards.gif) repeat-x left bottom}.tile#awards a span.icon{background:url(images/ico-awards.png) no-repeat 50% 40%;background-size:83%}.tile#imprint a{background:#7d7d7d url(images/grad-impressum.gif) repeat-x left bottom}.tile#imprint a span.icon{background:url(images/ico-imprint.png) no-repeat 47% 37%;background-size:30%}.tile#login a{background:#8f7942 url(images/grad-login.gif) repeat-x left bottom}.tile#login a span.icon{background:url(images/ico-lock.png) no-repeat 50% 33%;background-size:42%}