@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:url(/fonts/open-sans-v15-latin-regular.eot);src:local(Open Sans Regular),local(OpenSans-Regular),url(/fonts/open-sans-v15-latin-regular.eot?#iefix)format("embedded-opentype"),url(/fonts/open-sans-v15-latin-regular.woff2)format("woff2"),url(/fonts/open-sans-v15-latin-regular.woff)format("woff"),url(/fonts/open-sans-v15-latin-regular.ttf)format("truetype"),url(/fonts/open-sans-v15-latin-regular.svg#OpenSans)format("svg")}@font-face{font-family:Open Sans;font-style:normal;font-weight:700;src:url(/fonts/open-sans-v15-latin-700.eot);src:local(Open Sans Bold),local(OpenSans-Bold),url(/fonts/open-sans-v15-latin-700.eot?#iefix)format("embedded-opentype"),url(/fonts/open-sans-v15-latin-700.woff2)format("woff2"),url(/fonts/open-sans-v15-latin-700.woff)format("woff"),url(/fonts/open-sans-v15-latin-700.ttf)format("truetype"),url(/fonts/open-sans-v15-latin-700.svg#OpenSans)format("svg")}html{overflow-y:scroll}body{color:#585858;margin:0;padding:0;font-family:Open Sans,sans-serif;font-size:15px}img{border:0}a,a:hover,a:visited,a:active{color:#585858;-o-transition:all .3s;border:none;outline:none;text-decoration:none;transition:all .3s}a:hover{color:orange}ul{padding-left:15px;line-height:18px}ul li{padding-bottom:10px}.small{font-size:11px}#app{width:787px;margin:20px auto;position:relative}.lang.en{display:none}a#head{z-index:100;background:url(/img/rothauer-it.com.jpg) no-repeat;width:285px;height:81px;position:absolute;top:-16px;left:448px}a.header-link{float:left;clear:both;margin-top:15px}.orange{color:orange}div#about{display:block}div#about p,div#privacy p,div#imprint p,div#contact p{width:661px;margin:0;padding:0 0 10px;line-height:22px}div#about img{float:right;border-radius:10px;margin-left:22px}div#contact a.img{float:left;padding-right:5px}div#contact,div#about,div#privacy,div#imprint{width:661px;margin-left:63px;margin-right:63px}@media only screen and (device-width<=768px){.desc p,.desc span,.desc li{text-align:left;font-size:25px;line-height:32px!important}.desc li{float:left;margin-left:25px}div#about span,div#about b{font-size:25px!important}}#lang-box{z-index:100;position:absolute;top:38px;right:14px}#lang-box a{float:left;margin-left:5px}div.squares{float:left}div.squares .square{float:left;border:1px solid orange;border-top:none;border-left:none;width:130px;height:130px;display:block;position:relative}div.squares .square.last-column{border-right:none;width:65px}div.squares .square.first-column{width:65px}#square-1{text-align:center}#square-1 .fb-like{margin-top:21px}div.squares .square.last-row{border-bottom:none;height:65px}div.squares .square.first-row{height:65px}div.squares .square.description{border-top:1px solid orange;border-bottom:none;border-right:none;width:787px;height:auto;min-height:130px;margin-top:30px;margin-bottom:10px;line-height:18px}div.squares .square.hasImage img{border-radius:10px;width:130px;height:130px;display:none;position:absolute;top:0;left:0}div.squares .square.hasImage.mpgat img{height:65px}div.squares div.square.description div.desc{float:left;width:787px;padding:25px 0 20px;display:none}div.squares div.square.description div.project{float:left;border-bottom:1px solid orange;margin-bottom:20px;padding-bottom:15px}div.squares div.square.description div.desc div.left{float:left;text-align:left;width:277px;line-height:24px}div.squares div.square.description div.desc div.left a{font-weight:700}div.squares div.square.description div.desc div.left b{margin-bottom:5px;font-size:18px;line-height:24px}div.squares div.square.description div.right{float:right;width:500px;margin-left:10px}div.squares div.square.description div.right a.external:hover img{border-color:#b9babc}div.squares div.square.description div.right img{border:1px solid orange;border-radius:10px;width:500px}div.squares div.square.description div.right a.project-link{float:right;margin-top:5px}div.squares a.square.hasImage:hover div.info,div.squares a.square.hasImage.selected div.info,div.squares a.square.hasImage:hover .heading,div.squares a.square.hasImage.selected .heading{display:none}div.squares a.square.hasNoImage:hover,div.squares a.square.hasNoImage.selected{color:#fff;background:orange}div.squares .square .heading{text-align:center;margin-top:53px}div.squares .square .heading.heading-with-break{margin-top:45px}div.squares .square div.info{font-size:10px;position:absolute;bottom:5px;right:5px}@media only screen and (device-width<=768px){div.squares div.square.description div.right,div.squares div.square.description div.right img{width:490px}div.squares div.square.description div.right{margin-right:10px}div.squares div.square.description div.desc div.left b{float:left;margin-bottom:10px;margin-left:15px;font-size:25px}div.squares .square .heading{margin-top:49px;font-size:20px}div.squares .square .heading.heading-with-break{margin-top:37px}}