/* Less Framework 4
 * http://lessframework.com
 * by Joni Korpi
 * License: http://creativecommons.org/licenses/MIT/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, a.teaser p, .lists li, ol li, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p,
a.teaser p, a.teaser
p,
.lists li, .lists
li,
ol li, ol
li, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
  display: block;
}

a img {
  border: 0;
}

.less-1 {
  width: 68px;
  margin-right: 24px;
}

.less-2 {
  width: 160px;
  margin-right: 24px;
}

.less-3 {
  width: 252px;
  margin-right: 24px;
}

.less-4 {
  width: 344px;
  margin-right: 24px;
}

.less-5 {
  width: 436px;
  margin-right: 24px;
}

.less-6 {
  width: 528px;
  margin-right: 24px;
}

.less-7 {
  width: 620px;
  margin-right: 24px;
}

.less-8 {
  width: 712px;
  margin-right: 24px;
}

.less-9 {
  width: 804px;
  margin-right: 24px;
}

.less-3-and-3 {
  width: 276px;
}

.less-3-and-4 {
  width: 276px;
}

.less-1-last {
  width: 68px;
}

.less-2-last {
  width: 160px;
}

.less-3-last {
  width: 252px;
}

.less-4-last {
  width: 344px;
}

.less-5-last {
  width: 436px;
}

.less-6-last {
  width: 528px;
}

.less-7-last {
  width: 620px;
}

.less-8-last {
  width: 712px;
}

.less-9-last {
  width: 804px;
}

.less-shift-1 {
  margin-left: 92px;
}

.less-shift-2 {
  margin-left: 184px;
}

.less-shift-3 {
  margin-left: 276px;
}

.less-shift-4 {
  margin-left: 368px;
}

.less-shift-5 {
  margin-left: 460px;
}

.less-shift-6 {
  margin-left: 552px;
}

.less-shift-7 {
  margin-left: 644px;
}

.less-shift-8 {
  margin-left: 736px;
}

.less-shift-9 {
  margin-left: 828px;
}

.project-big-10-sprite, .project-big-10-planio, .project-big-10-scharfe-type, .project-big-10-software-ag {
  background: url('../images/project-big-10-sfa8133adeb.png') no-repeat;
}

.project-big-10-planio {
  background-position: 0 0;
}

.project-big-10-scharfe-type {
  background-position: 0 -160px;
}

.project-big-10-software-ag {
  background-position: 0 -320px;
}

.redbutton-sprite, .redbutton-red-button-10, #send-button {
  background: url('../images/redbutton-s960552a07f.png') no-repeat;
}

.redbutton-red-button-10, #send-button {
  background-position: 0 0;
}
.redbutton-red-button-10:active, #send-button:active, .redbutton-red-button-10.red-button-10_active, .red-button-10_active#send-button, .redbutton-red-button-10.red-button-10-active, .red-button-10-active#send-button {
  background-position: 0 -60px;
}

.project-10-railshoster,
.project-10-kautionsfrei,
.project-10-beamagpie,
.project-10-spielerkabine,
.project-10-dmig {
  background-repeat: no-repeat;
  background-position: center center;
}

.project-10-railshoster {
  background-image: url("/images/project-10/railshoster.png");
}

.project-10-kautionsfrei {
  background-image: url("/images/project-10/kautionsfrei.png");
}

.project-10-beamagpie {
  background-image: url("/images/project-10/beamagpie.png");
}

.project-10-spielerkabine {
  background-image: url("/images/project-10/spielerkabine.png");
}

.project-10-dmig {
  background-image: url("/images/project-10/dmig.png");
}

.ProximaNovaT-Thin, h1, ul li a {
  font-family: ProximaNovaT-Thin;
  font-weight: normal;
}

.ProximaNova-Light, body, h4 em, h5 em, p, a.teaser p, .lists li, ol li, footer a {
  font-family: ProximaNova-Light;
  font-weight: normal;
}

.ProximaNova-Regular, ol li ol li, #main_nav a, footer nav a, input, #input-name, #input-email, textarea {
  font-family: ProximaNova-Regular;
  font-weight: normal;
}

.ProximaNova-Semibold, h1 strong, h2, h2 a, a, strong {
  font-family: ProximaNova-Semibold;
  font-weight: normal;
}

.ProximaNova-Bold, h3, h4, h5, .large_num, .big_number, .logo strong, ol li, .redbutton a {
  font-family: ProximaNova-Bold;
  font-weight: normal;
}

.ProximaNova-Extrabld {
  font-family: ProximaNova-Extrabld;
  font-weight: normal;
}

.ProximaNova-Black {
  font-family: ProximaNova-Black;
  font-weight: normal;
}

body {
  font-size: 62.5%;
}

h1 {
  font-size: 4.4em;
  line-height: 1.1em;
  letter-spacing: -1px;
}

h1 + p, h1 + a.teaser p, a.teaser h1 + p, h1 + .lists li, .lists h1 + li, h1 + ol li, ol h1 + li {
  margin-top: 1em;
}

h2, h2 a {
  font-size: 2.2em;
  color: white;
}
h2 a, h2 a a {
  font-size: inherit;
  line-height: inherit;
}

h3 {
  font-size: 1.6em;
  color: white;
  font-weight: normal;
}

h4, h5 {
  font-size: 1.4em;
  line-height: 1.5em;
  font-weight: normal;
}

sup, sub {
  font-size: 50% !important;
  line-height: 50% !important;
}

sup {
  vertical-align: super;
}

p, a.teaser p, .lists li, ol li, a {
  font-size: 1.5em;
  line-height: 1.5em;
}

a.teaser {
  font-size: 1em;
  font-width: normal;
}

p *, a.teaser p *, .lists li *, ol li * {
  font-size: 1em;
}

.small {
  font-size: 1em;
}

small {
  font-size: 0.8em;
}

.large_num {
  font-size: 6.0em;
  text-align: right;
  width: 1.2em;
}

.big_number {
  font-size: 3.0em;
  text-align: left;
}

body {
  background: #003345;
  color: #3c3c3c;
  -webkit-text-size-adjust: 100%;
}

section.section {
  padding: 0;
}

::selection {
  background: #8facb6;
}

::-moz-selection {
  background: #8facb6;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

body {
  -webkit-tap-highlight-color: #8facb6;
}

ul {
  list-style-type: none;
}

h5 {
  margin-top: 24px;
}

p, a.teaser p, .lists li, ol li {
  padding-bottom: 24px;
}

.tweet p, .tweet a.teaser p, a.teaser .tweet p, .tweet .lists li, .lists .tweet li, .tweet ol li, ol .tweet li {
  padding-bottom: 0;
  overflow: hidden;
}

h5 + p, h5 + a.teaser p, a.teaser h5 + p, h5 + .lists li, .lists h5 + li, h5 + ol li, ol h5 + li {
  padding-top: 0;
}

.less > p, .less > a.teaser p, a.teaser .less > p, .less > .lists li, .lists .less > li, .less > ol li, ol .less > li {
  padding-top: 0;
  padding-bottom: 0;
}

aside.large_num + p, aside.large_num + a.teaser p, a.teaser aside.large_num + p, aside.large_num + .lists li, .lists aside.large_num + li, aside.large_num + ol li, ol aside.large_num + li {
  margin-top: 0;
}

p img, a.teaser p img, .lists li img, ol li img {
  padding: 0 24px 24px 0;
}

#distance-holder {
  height: 24px;
}

#nav-container {
  padding-top: 0;
  padding-bottom: 24px;
  z-index: 200;
  background: transparent;
  width: 100%;
}
#nav-container #main_nav {
  background: #024358;
}
#nav-container li {
  padding-top: 8px;
  padding-bottom: 8px;
}

.main_header {
  background: #003345;
}

div.less.small-teaser {
  padding-top: 24px;
  padding-bottom: 8px;
}

.small-teaser-text {
  min-height: 68px;
  height: 100%;
  width: 100%;
  color: #cadce2;
  background-color: #003345;
}
.small-teaser-text * {
  text-align: center;
}
.small-teaser-text .inline_lists {
  padding-top: 14px;
  padding-bottom: 0;
  height: 40px;
}
.small-teaser-text .inline_lists p, .small-teaser-text .inline_lists a.teaser p, a.teaser .small-teaser-text .inline_lists p, .small-teaser-text .inline_lists .lists li, .lists .small-teaser-text .inline_lists li, .small-teaser-text .inline_lists ol li, ol .small-teaser-text .inline_lists li {
  padding-top: 9px;
  padding-bottom: 10px;
}

.inline_lists p, .inline_lists a.teaser p, a.teaser .inline_lists p, .inline_lists .lists li, .lists .inline_lists li, .inline_lists ol li, ol .inline_lists li {
  padding-bottom: 0;
}
.inline_lists p br, .inline_lists a.teaser p br, a.teaser .inline_lists p br, .inline_lists .lists li br, .lists .inline_lists li br, .inline_lists ol li br, ol .inline_lists li br {
  display: none;
}

div.less {
  margin: auto;
  padding-top: 48px;
}

body {
  color: white;
  background-color: #024358;
}

.teaser {
  color: #005878;
  background-color: white;
}

.border {
  border-bottom: 1px solid #003345;
}

.underline {
  border-top: 1px solid #005878;
  margin-top: 10px;
  clear: both;
}

.underlined h2 {
  border-bottom: 1px solid #005878;
  padding-bottom: 10px;
  margin-bottom: 24px;
}

.underlined-block {
  border-bottom: 1px solid #005878;
  padding-bottom: 10px;
}

.lists li {
  list-style-type: disc;
  margin-left: 24px;
}

/* trick to continue numbering in second column */
ol[start="6"] {
  counter-reset: item 5;
}

ol {
  list-style: decimal;
  counter-reset: item;
}
ol li {
  display: block;
  padding-bottom: 0;
}
ol li ol li {
  padding-top: 12px;
}
ol li ol li:last-child {
  padding-bottom: 24px;
}
ol li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
}

.space {
  margin-bottom: 100px;
}

#main_nav {
  margin: 0 auto;
}
#main_nav a {
  font-size: 1.6em;
}

.inline, nav#social ul {
  width: 100%;
}
.inline li, nav#social ul li {
  display: inline;
  float: left;
  padding-right: 4.5em;
}
.inline li:last-child, nav#social ul li:last-child {
  padding-right: 0;
}
.inline li a, nav#social ul li a {
  height: 100%;
  padding: 0 0.25em 0 0.25em;
}

a {
  color: #8facb6;
  text-decoration: none;
}
a.active, a:hover.active, a.active.active_project, a.highlight, a.highlight:hover, a.highlight.active_project {
  color: #024358;
  background-color: #cadce2;
}
a:hover, a.active_project {
  color: #d2e0e3;
  background-color: transparent;
}

.block {
  display: block;
  width: 100%;
  position: relative;
  background-color: #003345;
  padding: 20px 0 20px 0;
  margin: 0 auto 0 auto;
}
.block div.max {
  margin: auto;
  height: 100%;
  width: 100%;
  position: relative;
}
.block h3 {
  padding: 0 20px;
  color: #8facb6;
}
.block > div {
  margin: 0 auto;
}
.block div.stats {
  padding: 0 20px;
  position: relative;
  height: 100px;
  width: 212px;
}
.block div.stats aside {
  float: left;
  margin-right: 10px;
}
.block div.stats p, .block div.stats a.teaser p, a.teaser .block div.stats p, .block div.stats .lists li, .lists .block div.stats li, .block div.stats ol li, ol .block div.stats li {
  padding-top: 10px;
  width: 120px;
  float: right;
}

section {
  padding-bottom: 48px;
}
section section {
  padding: 0;
}

h3 {
  margin-bottom: 10px;
}

.gradient {
  background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #024358), color-stop(50%, #02526e), color-stop(100%, #024358));
  background-image: -webkit-linear-gradient(left, #024358, #02526e, #024358);
  background-image: -moz-linear-gradient(left, #024358, #02526e, #024358);
  background-image: -o-linear-gradient(left, #024358, #02526e, #024358);
  background-image: -ms-linear-gradient(left, #024358, #02526e, #024358);
  background-image: linear-gradient(left, #024358, #02526e, #024358);
}

/* incase an inverted custom gradient isn't specified */
.fancy-button-reset-base-class, .redbutton {
  font-family: "Lucida Grande", Lucida, Arial, sans-serif;
  background: url('../images/button_bg.png?1315500806') repeat-x bottom left;
  margin: 0;
  width: auto;
  overflow: visible;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  border-style: solid;
  font-weight: bold;
}
.fancy-button-reset-base-class::-moz-focus-inner, .redbutton::-moz-focus-inner {
  border: none;
  padding: 0;
}
.fancy-button-reset-base-class:focus, .redbutton:focus {
  outline: none;
}

.redbutton {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  font-size: 1em;
  line-height: 1.2em;
  padding: 0.3em 1em;
  border-width: 1px;
  background-color: #d40017;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d84858), color-stop(100%, #96202c));
  background-image: -webkit-linear-gradient(#d84858, #96202c);
  background-image: -moz-linear-gradient(#d84858, #96202c);
  background-image: -o-linear-gradient(#d84858, #96202c);
  background-image: -ms-linear-gradient(#d84858, #96202c);
  background-image: linear-gradient(#d84858, #96202c);
  border-color: #701821;
  text-shadow: #550009 0px 1px 1px;
  -moz-box-shadow: rgba(255, 255, 255, 0.416) 0 0 0.1em 1px inset;
  -webkit-box-shadow: rgba(255, 255, 255, 0.416) 0 0 0.1em 1px inset;
  -o-box-shadow: rgba(255, 255, 255, 0.416) 0 0 0.1em 1px inset;
  box-shadow: rgba(255, 255, 255, 0.416) 0 0 0.1em 1px inset;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  -o-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -khtml-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0 0 4px 0;
  height: 30px;
  line-height: 1.6em;
  margin: 0 auto;
  text-align: center;
}
.redbutton, .redbutton:visited {
  color: white;
}
.redbutton:hover, .redbutton:focus {
  background-color: #c50015;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #d63c4c), color-stop(100%, #891d29));
  background-image: -webkit-linear-gradient(#d63c4c, #891d29);
  background-image: -moz-linear-gradient(#d63c4c, #891d29);
  background-image: -o-linear-gradient(#d63c4c, #891d29);
  background-image: -ms-linear-gradient(#d63c4c, #891d29);
  background-image: linear-gradient(#d63c4c, #891d29);
  border-color: #63151d;
  text-shadow: #450008 0px 1px 1px;
}
.redbutton:hover, .redbutton:hover:visited, .redbutton:focus, .redbutton:focus:visited {
  color: white;
}
.redbutton:active {
  background-color: #b50014;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #921f2b), color-stop(40%, #9e212f), color-stop(85%, #9e212f), color-stop(100%, #bc2838));
  background-image: -webkit-linear-gradient(#921f2b, #9e212f 40%, #9e212f 85%, #bc2838);
  background-image: -moz-linear-gradient(#921f2b, #9e212f 40%, #9e212f 85%, #bc2838);
  background-image: -o-linear-gradient(#921f2b, #9e212f 40%, #9e212f 85%, #bc2838);
  background-image: -ms-linear-gradient(#921f2b, #9e212f 40%, #9e212f 85%, #bc2838);
  background-image: linear-gradient(#921f2b, #9e212f 40%, #9e212f 85%, #bc2838);
  border-color: #57121a;
  text-shadow: #360006 0px -1px -1px;
  -moz-box-shadow: #701821 0 0.08em 0.2em 1px inset;
  -webkit-box-shadow: #701821 0 0.08em 0.2em 1px inset;
  -o-box-shadow: #701821 0 0.08em 0.2em 1px inset;
  box-shadow: #701821 0 0.08em 0.2em 1px inset;
}
.redbutton:active, .redbutton:active:visited {
  color: white;
}
.redbutton a {
  line-height: inherit;
  display: block;
  padding: 10px;
  margin-bottom: 4px;
  color: white;
  text-align: center;
}
.redbutton a:hover, .redbutton a.active_project {
  background: none;
  color: white;
}

#what-we-do {
  overflow: hidden;
  *zoom: 1;
}

#updates img {
  float: left;
  height: 50px;
  width: 50px;
  margin: 18px 18px 18px 0;
}
#updates p, #updates a.teaser p, a.teaser #updates p, #updates .lists li, .lists #updates li, #updates ol li, ol #updates li {
  font-size: 1.4em;
  padding-top: 15px;
}
#updates a:hover, #updates a.active_project {
  background-color: #024358;
  color: #cadce2;
}
#updates .meta {
  margin: 5px 0 15px 0;
}
#updates .meta ul.details {
  margin-left: 120px;
}
#updates .meta ul.details ul.changes {
  font-size: 1.4em;
  margin-left: 10px;
}

.done a, .done p, .done a.teaser p, a.teaser .done p, .done .lists li, .lists .done li, .done ol li, ol .done li {
  text-decoration: line-through;
}

footer .less {
  padding-bottom: 0;
}
footer nav ul {
  padding: 10px 0 10px 0;
}
footer nav h4 a {
  line-height: inherit;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
}
footer nav a {
  font-size: 1.4em;
}
footer #earth {
  position: absolute;
  width: 120px;
  height: 120px;
  background-repeat: no-repeat;
  background-image: url("/images/footer-earth-10.png");
}
footer p, footer a.teaser p, a.teaser footer p, footer .lists li, .lists footer li, footer ol li, ol footer li {
  font-size: 1.3em;
  line-height: 1.5em;
}
footer .graytext p, footer .graytext a.teaser p, a.teaser footer .graytext p, footer .graytext .lists li, .lists footer .graytext li, footer .graytext ol li, ol footer .graytext li {
  color: #cadce2;
}

.h127 {
  height: 127px;
}

.h2x {
  height: 160px;
}

.bglight {
  background-color: #a8c1c9;
}

a.small {
  font-size: 1em;
  letter-spacing: 0.1em;
}

.bluebox {
  margin-top: 24px;
  background-color: #003345;
}
.bluebox ul {
  margin: 12px 24px;
}
.bluebox p, .bluebox a.teaser p, a.teaser .bluebox p, .bluebox .lists li, .lists .bluebox li, .bluebox ol li, ol .bluebox li {
  font-size: 1.4em;
  color: #cadce2;
}
.bluebox li {
  list-style-position: outside;
  list-style-image: url(/images/Twitter.png);
}
.bluebox .last_tweet:before {
  left: -20px;
  width: 22px;
  height: 15px;
  position: relative;
  content: url("/images/Twitter.png");
  background-image: url(/images/Twitter.png);
}

.event h5 {
  color: #8facb6;
}

.display-block {
  display: block;
}

a.display-block {
  display: block;
}
a.display-block:hover, a.display-block.active_project {
  display: block;
}

.project {
  position: relative;
}
.project img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.pager {
  position: absolute;
  bottom: 36px;
  right: 0;
  left: 0;
  height: 10px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.pager a {
  width: 10px;
  height: 10px;
  z-index: 10;
  background: url("/images/gallery/inactive.png") no-repeat;
  margin: 0 0 0 10px;
}
.pager a:first-child {
  margin-left: 0;
}
.pager a:hover, .pager a.active_project {
  text-decoration: none !important;
}
.pager a.activeSlide {
  background: url("/images/gallery/active.png") no-repeat;
}

.on-dark-bg .pager a {
  background: url("/images/gallery/active.png") no-repeat;
}
.on-dark-bg .pager a.activeSlide {
  background: url("/images/gallery/inactive.png") no-repeat;
}

.intext10.gallery, .intext5.gallery {
  width: 436px;
  height: 344px;
}
.intext10.gallery .gallery_nav, .intext5.gallery .gallery_nav {
  display: none;
}
.intext10.gallery:hover .gallery_nav, .intext5.gallery:hover .gallery_nav {
  display: block;
}
.intext10.gallery .prev, .intext5.gallery .prev {
  background: url("/images/gallery/pfeil_links.png") no-repeat;
  background-position: 12px center;
  z-index: 100;
  position: absolute;
  height: 289px;
  width: 68px;
}
.intext10.gallery .next, .intext5.gallery .next {
  background: url("/images/gallery/pfeil_rechts.png") no-repeat;
  background-position: 372px center;
  z-index: 99;
  position: absolute;
  height: 289px;
  width: 436px;
}
.intext10.gallery img, .intext5.gallery img {
  width: 436px;
  height: 289px;
}

.intext8.gallery {
  width: 334px;
  height: 296px;
}
.intext8.gallery .gallery_nav {
  display: none;
}
.intext8.gallery:hover .gallery_nav {
  display: block;
}
.intext8.gallery .prev {
  background: url("/images/gallery/pfeil_links.png") no-repeat;
  background-position: 12px center;
  z-index: 100;
  position: absolute;
  height: 228px;
  width: 68px;
}
.intext8.gallery .next {
  background: url("/images/gallery/pfeil_rechts.png") no-repeat;
  background-position: 270px center;
  z-index: 99;
  position: absolute;
  height: 228px;
  width: 334px;
}

.intext3.gallery {
  width: 252px;
  height: 235px;
}
.intext3.gallery .gallery_nav {
  display: none;
}
.intext3.gallery:hover .gallery_nav {
  display: block;
}
.intext3.gallery .prev {
  background: url("/images/gallery/pfeil_links.png") no-repeat;
  background-position: 12px center;
  z-index: 100;
  position: absolute;
  height: 167px;
  width: 68px;
}
.intext3.gallery .next {
  background: url("/images/gallery/pfeil_rechts.png") no-repeat;
  background-position: 188px center;
  z-index: 99;
  position: absolute;
  height: 167px;
  width: 252px;
}
.intext3.gallery img {
  width: 252px;
  height: 167px;
}

.intext5.gallery {
  margin-left: 0;
}

.CLONE .gallery {
  width: 410px;
  height: 392px;
}
.CLONE .gallery .gallery_nav {
  display: none;
}
.CLONE .gallery:hover .gallery_nav {
  display: block;
}
.CLONE .gallery .prev {
  background: url("/images/gallery/pfeil_links.png") no-repeat;
  background-position: 12px center;
  z-index: 100;
  position: absolute;
  height: 335px;
  width: 68px;
}
.CLONE .gallery .next {
  background: url("/images/gallery/pfeil_rechts.png") no-repeat;
  background-position: 346px center;
  z-index: 99;
  position: absolute;
  height: 335px;
  width: 410px;
}

.encode {
  background: url("/images/method-10/encode_5.png");
  background-repeat: no-repeat;
  height: 200px;
  width: 100%;
}

.encode-detail {
  background: url("/images/method-10/encode_howwedothings_5.png");
  background-repeat: no-repeat;
  height: 300px;
  width: 100%;
}

.idea-to-product {
  background: url("/images/method-10/howwedothings_10.png");
  background-repeat: no-repeat;
  width: 100%;
  height: 344px;
}

.work-with-us {
  background: url("/images/about/workwithus_starterkit_10.png");
  background-repeat: no-repeat;
  height: 344px;
}

#space-canvas {
  position: fixed;
}

.member-name {
  margin-bottom: 0;
}

.col2 {
  -moz-column-count: 2;
  -moz-column-gap: 24px;
  -webkit-column-count: 2;
  -webkit-column-gap: 24px;
  column-count: 2;
  column-gap: 24px;
}
.col2 p, .col2 a.teaser p, a.teaser .col2 p, .col2 .lists li, .lists .col2 li, .col2 ol li, ol .col2 li {
  display: block;
  padding: 0;
  margin-bottom: 1em;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}

.pr {
  position: relative;
}

.autowidth p, .autowidth a.teaser p, a.teaser .autowidth p, .autowidth .lists li, .lists .autowidth li, .autowidth ol li, ol .autowidth li {
  width: auto !important;
}

.p0 {
  padding: 0 !important;
}

.p24 {
  padding: 24px !important;
}

.pt0 {
  padding-top: 0 !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pt24 {
  padding-top: 24px !important;
}

.pt88 {
  padding-top: 88px !important;
}

.pt92 {
  padding-top: 88px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.m10 {
  margin: 10px;
}

.m24 {
  margin: 10px;
}

.mt0 {
  margin-top: 0 !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mt48 {
  margin-top: 48px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb1em {
  margin-bottom: 1em !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mb48 {
  margin-bottom: 48px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb68 {
  margin-bottom: 68px !important;
}

.ml12 {
  margin-left: 12px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.ml48 {
  margin-left: 48px !important;
}

.mr68 {
  margin-right: 68px !important;
}

.h40 {
  height: 40px;
}

.h60 {
  height: 60px;
}

.h100 {
  height: 100px;
}

.h166 {
  height: 166px;
}

.h200 {
  height: 200px;
}

.h300 {
  height: 300px;
}

.w44 {
  width: 44px;
}

.mr24 {
  margin-right: 24px;
}

div.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.fr {
  float: right;
}

.fl, footer #address p, footer #address a.teaser p, a.teaser footer #address p, footer #address .lists li, .lists footer #address li, footer #address ol li, ol footer #address li, input, #input-name, #input-email, textarea {
  float: left;
}

.fn {
  float: none;
}

.clear {
  clear: both;
}

.hidden {
  display: none;
}

.fix-teaser {
  float: left;
  width: 100%;
}

.holder {
  height: 0 !important;
  position: relative;
  top: -40px;
}

#form-thanks {
@extends .fl;
  padding-top: 68px;
}

#teaser {
  position: relative;
  background-image: url("/images/coworking_berlin_friedrichshain.png");
  background-repeat: no-repeat;
  background-position: top center;
  color: white;
  overflow: visible;
  float: left;
  width: 135px;
  height: 135px;
  padding-top: 27px;
  text-align: center;
  font-size: 0.8em;
  transform: rotate(10deg);
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
}
#teaser p, #teaser a.teaser p, a.teaser #teaser p, #teaser .lists li, .lists #teaser li, #teaser ol li, ol #teaser li {
  width: 135px !important;
  font-size: 1.5em !important;
}
#teaser strong {
  font-family: ProximaNova-Semibold;
  font-weight: normal;
  font-size: 1.5em;
  text-transform: uppercase;
}
#teaser a {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
#teaser a.underline {
  border-top: 0;
  margin-top: 0;
  text-decoration: underline;
}

.elastic-video {
  position: relative;
  padding-bottom: 55%;
  padding-top: 15px;
  height: 0;
  overflow: hidden;
}
.elastic-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Default Layout: 992px.
 * Gutters: 24px.
 * Outer margins: 48px.
 * Leftover space for scrollbars @1024px: 32px.  */
@media only screen and (min-width: 992px) {
  .less-show-in-10 {
    display: block;
  }

  .less-hide-in-10 {
    display: none !important;
  }

  .less-1-of-10 {
    width: 68px;
    margin-right: 24px;
  }

  .less-2-of-10 {
    width: 160px;
    margin-right: 24px;
  }

  .less-3-of-10 {
    width: 252px;
    margin-right: 24px;
  }

  .less-4-of-10 {
    width: 344px;
    margin-right: 24px;
  }

  .less-5-of-10 {
    width: 436px;
    margin-right: 24px;
  }

  .less-6-of-10 {
    width: 528px;
    margin-right: 24px;
  }

  .less-7-of-10 {
    width: 620px;
    margin-right: 24px;
  }

  .less-8-of-10 {
    width: 712px;
    margin-right: 24px;
  }

  .less-9-of-10 {
    width: 804px;
    margin-right: 24px;
  }

  .less-10-of-10 {
    width: 896px;
  }

  .less-1-of-10-last {
    width: 68px;
  }

  .less-2-of-10-last {
    width: 160px;
  }

  .less-3-of-10-last {
    width: 252px;
  }

  .less-4-of-10-last {
    width: 344px;
  }

  .less-5-of-10-last {
    width: 436px;
  }

  .less-6-of-10-last {
    width: 528px;
  }

  .less-7-of-10-last {
    width: 620px;
  }

  .less-8-of-10-last {
    width: 712px;
  }

  .less-9-of-10-last {
    width: 804px;
  }

  .less-10-of-10-last {
    width: 896px;
  }

  .less-shift-1-of-10 {
    margin-left: 92px;
  }

  .less-shift-2-of-10 {
    margin-left: 184px;
  }

  .less-shift-3-of-10 {
    margin-left: 276px;
  }

  .less-shift-4-of-10 {
    margin-left: 368px;
  }

  .less-shift-5-of-10 {
    margin-left: 460px;
  }

  .less-shift-6-of-10 {
    margin-left: 552px;
  }

  .less-shift-7-of-10 {
    margin-left: 644px;
  }

  .less-shift-8-of-10 {
    margin-left: 736px;
  }

  .less-shift-9-of-10 {
    margin-left: 828px;
  }

  .less-3-3-in-10 {
    width: 276px;
  }

  .less-3-4-in-10 {
    width: 276px;
  }

  .less-4-2-in-10 {
    width: 320px;
  }

  .less-4-3-in-10 {
    width: 344px;
  }

  .less-4-4-in-10 {
    width: 368px;
  }

  .less-6-7-in-10 {
    width: 576px;
  }

  .mt24-in-10 {
    margin-top: 24px;
  }

  .h68-in-10 {
    height: 68px;
  }

  .mh178-in-10 {
    min-height: 178px;
  }

  .pl24-in-10 {
    padding-left: 24px;
  }

  a.active_project .bglight {
    margin-bottom: 12px;
    position: relative;
  }
  a.active_project .bglight:before {
    content: "\00a0";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 127px;
    left: 106px;
    bottom: auto;
    border-width: 20px;
    border-style: solid;
    border-color: #d2e0e3 transparent transparent transparent;
  }
  a.active_project .bglight:after {
    content: "\00a0";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 127px;
    left: 106px;
    bottom: auto;
    border-width: 20px;
    border-style: solid;
    border-color: #d2e0e3 transparent transparent transparent;
  }

  .images {
    text-align: center;
  }
  .images img {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .mobile_detail_pane, .mobile_detail_pane_hidden {
    display: none;
  }

  .project-holder {
    position: relative;
    top: -68px;
  }

  .less {
    width: 896px;
    padding: 72px 48px 84px;
  }

  #main_nav ul li {
    padding-right: 5em;
  }
  #main_nav ul li .dropdown-indicator {
    padding: 0;
  }

  #back-to-top a {
    background: transparent url("/images/to-top.png") no-repeat top left;
    width: 98px;
    height: 98px;
    top: 52px;
    right: 52px;
    display: block;
    position: fixed;
    z-index: 999;
  }

  .teaser > div {
    height: 290px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .teaser > div .text-left {
    width: 552px;
    float: left;
    margin-top: 32px;
    padding-right: 0;
  }
  .teaser > div .text-right {
    width: 508px;
    margin-left: 368px;
    margin-top: 32px;
    float: right;
  }

  #we-do-business {
    position: relative;
  }

  #teaser {
    left: 550px;
    top: 115px;
    margin-bottom: -175px;
  }

  #rakete {
    width: 300px;
    height: 350px;
    background-image: url("/images/rakete-10.png");
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    left: -20px;
  }

  #sonnensystem {
    width: 360px;
    height: 300px;
    background-image: url("/images/sonnensystem-10.png");
    background-repeat: no-repeat;
    background-position: top center;
    position: absolute;
    top: 0;
  }

  #screens {
    width: 355px;
    height: 300px;
    background-image: url("/images/screens-10.png");
    background-repeat: no-repeat;
    background-position: top left;
    position: absolute;
    top: -10px;
  }

  #zeichentisch {
    width: 330px;
    height: 300px;
    background-image: url("/images/zeichentisch-10.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    position: absolute;
    right: 20px;
  }

  #satellite {
    width: 340px;
    height: 315px;
    background-image: url("/images/satellite-10.png");
    background-repeat: no-repeat;
    background-position: bottom center;
    position: absolute;
    top: -25px;
    right: 100px;
  }

  div.pic {
    width: 344px;
    width: 300px;
    margin: 0 auto 0 auto;
  }

  div.less.small-teaser {
    float: none;
    text-align: center;
  }
  div.less.small-teaser > * {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
  }
  div.less.small-teaser ul li {
    display: inline;
  }

  section#updates {
    width: 344px;
    float: left;
  }

  div.block {
    padding-bottom: 0;
  }
  div.block div.stats {
    width: 252px;
    margin-right: 24px;
    margin-right: 0;
  }
  div.block div.stats aside {
    width: 68px;
    margin-right: 24px;
  }
  div.block div.stats p, div.block div.stats a.teaser p, a.teaser div.block div.stats p, div.block div.stats .lists li, .lists div.block div.stats li, div.block div.stats ol li, ol div.block div.stats li {
    width: 160px;
    margin-right: 24px;
    margin-right: 0;
  }

  #partners img {
    padding: 0;
  }

  footer .space_1 {
    background: url("/images/footer-stars1-10.png");
  }
  footer .space_2 {
    background: url("/images/footer-stars2-10.png");
  }
  footer .space_3 {
    background: url("/images/footer-stars3-10.png");
  }
  footer .space-bg {
    background: url("/images/footer-moon-10.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 666px;
  }

  #canvas {
    width: 100%;
    height: 600px;
  }
}
@media only screen and (min-width: 768px) {
  #nav-container.fixed {
    position: fixed;
    padding-bottom: 0;
  }

  #distance-holder.fixed {
    height: 88px;
  }

  .can-be-fixed {
    z-index: 200;
  }

  .fixed-small-teaser {
    position: fixed;
    top: 40px;
    height: 40px;
    background-color: #003345;
    z-index: 200;
    width: 100%;
  }
  .fixed-small-teaser div.inline_lists {
    padding-top: 0;
  }

  div.inline_lists > div {
    margin-left: 160px;
  }
  div.inline_lists p, div.inline_lists a.teaser p, a.teaser div.inline_lists p, div.inline_lists .lists li, .lists div.inline_lists li, div.inline_lists ol li, ol div.inline_lists li {
    text-align: justify;
  }
  div.inline_lists p a, div.inline_lists a.teaser p a, a.teaser div.inline_lists p a, div.inline_lists .lists li a, .lists div.inline_lists li a, div.inline_lists ol li a, ol div.inline_lists li a {
    white-space: nowrap;
    display: inline-block;
  }

  .justify {
    display: inline-block !important;
    position: relative;
    width: 100%;
    height: 0;
  }

  li ul {
    font-size: inherit;
  }

  .shadow:after, .fixed-small-teaser:after {
    padding: 0;
    margin: 0;
    clear: both;
    float: left;
    content: "";
    height: 6px;
    width: 100%;
    z-index: 99;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.375)), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.375), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.375), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.375), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.375), rgba(0, 0, 0, 0));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0.375), rgba(0, 0, 0, 0));
  }

  .fixed-small-teaser:after {
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.375)), color-stop(100%, rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.375), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.375), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.375), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.375), rgba(0, 0, 0, 0));
    background-image: linear-gradient(top, rgba(0, 0, 0, 0.375), rgba(0, 0, 0, 0));
  }

  nav#main_nav ul li {
    text-align: justify;
    padding-bottom: 0;
  }
  nav#main_nav ul li:first-child {
    width: 160px;
    padding-right: 0;
  }
  nav#main_nav ul li li:first-child {
    width: auto;
  }

  .inline_lists a {
    padding: 0 0.25em 0 0.25em;
  }

  #nav-container div.justify-this {
    padding-bottom: 0;
    margin-bottom: 0;
    height: 20px;
  }
  #nav-container div.justify-this a {
    white-space: nowrap;
    display: inline-block !important;
    line-height: inherit;
  }
  #nav-container div.justify-this * {
    text-align: justify;
    display: inline;
  }
  #nav-container div.justify-this ul {
    display: inline;
  }
  #nav-container div.justify-this ul li {
    padding: 0;
  }

  .less-pt2-on-screen {
    padding-top: 2px !important;
  }
}
/* Tablet Layout: 768px.
 * Gutters: 24px.
 * Outer margins: 28px.
 * Inherits styles from: Default Layout.  */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .less-show-in-8 {
    display: block;
  }

  .less-hide-in-8 {
    display: none !important;
  }

  .less-1-of-8 {
    width: 68px;
    margin-right: 24px;
  }

  .less-2-of-8 {
    width: 160px;
    margin-right: 24px;
  }

  .less-3-of-8, footer #address p, footer #address a.teaser p, a.teaser footer #address p, footer #address .lists li, .lists footer #address li, footer #address ol li, ol footer #address li {
    width: 252px;
    margin-right: 24px;
  }

  .less-4-of-8 {
    width: 344px;
    margin-right: 24px;
  }

  .less-5-of-8 {
    width: 436px;
    margin-right: 24px;
  }

  .less-6-of-8, footer #address {
    width: 528px;
    margin-right: 24px;
  }

  .less-7-of-8 {
    width: 620px;
    margin-right: 24px;
  }

  .less-8-of-8 {
    width: 712px;
  }

  .less-1-of-8-last {
    width: 68px;
  }

  .less-2-of-8-last {
    width: 160px;
  }

  .less-3-of-8-last {
    width: 252px;
  }

  .less-4-of-8-last {
    width: 344px;
  }

  .less-5-of-8-last {
    width: 436px;
  }

  .less-6-of-8-last {
    width: 528px;
  }

  .less-7-of-8-last {
    width: 620px;
  }

  .less-8-of-8-last {
    width: 712px;
  }

  .less-shift-1-of-8 {
    margin-left: 92px;
  }

  .less-shift-2-of-8 {
    margin-left: 184px;
  }

  .less-shift-3-of-8 {
    margin-left: 276px;
  }

  .less-shift-4-of-8 {
    margin-left: 368px;
  }

  .less-shift-5-of-8 {
    margin-left: 460px;
  }

  .less-shift-6-of-8 {
    margin-left: 552px;
  }

  .less-shift-7-of-8 {
    margin-left: 644px;
  }

  .less-3-1-in-8 {
    width: 228px;
  }

  .less-3-2-in-8 {
    width: 252px;
  }

  .less-3-3-in-8 {
    width: 276px;
  }

  .less-4-5-in-8 {
    width: 392px;
  }

  .less-7-7-in-8 {
    width: 644px;
  }

  .mt24-in-8 {
    margin-top: 24px;
  }

  .h2x-in-8 {
    height: 160px;
  }

  .less-2-5-of-8 {
    width: 208px;
    margin-right: 44px;
  }

  .less-2-5-of-8-last {
    width: 208px;
    margin-right: 0;
  }

  a.active_project .bglight {
    margin-bottom: 12px;
    position: relative;
  }
  a.active_project .bglight:before {
    content: "\00a0";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 127px;
    left: 84px;
    bottom: auto;
    border-width: 20px;
    border-style: solid;
    border-color: #d2e0e3 transparent transparent transparent;
  }
  a.active_project .bglight:after {
    content: "\00a0";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 127px;
    left: 84px;
    bottom: auto;
    border-width: 20px;
    border-style: solid;
    border-color: #d2e0e3 transparent transparent transparent;
  }

  .mobile_detail_pane, .mobile_detail_pane_hidden {
    display: none;
  }

  .project-holder {
    position: relative;
    top: -68px;
  }

  .project {
    position: relative;
  }
  .project img {
    position: relative;
    top: 0;
    left: -22px;
    margin: auto;
  }

  .less {
    width: 712px;
    padding: 48px 28px 60px;
  }

  #main_nav ul li {
    padding-right: 3.5em;
  }
  #main_nav ul li:last-child {
    padding-right: 0;
  }
  #main_nav ul li .dropdown-indicator {
    padding: 0;
  }

  #back-to-top a {
    background: transparent url("/images/to-top.png") no-repeat top left;
    width: 98px;
    height: 98px;
    top: 52px;
    right: 52px;
    display: block;
    position: fixed;
    z-index: 999;
  }

  #we-do-business {
    height: 285px;
    padding-bottom: 0;
  }
  #we-do-business .text-left {
    width: 436px;
    margin-right: 24px;
  }

  #teaser {
    left: 400px;
    top: 50px;
    margin-bottom: -175px;
  }

  #rakete {
    width: 255px;
    height: 300px;
    background-image: url("/images/rakete-8.png");
    background-repeat: no-repeat;
    background-position: right;
  }

  #sonnensystem {
    width: 300px;
    height: 300px;
    background-image: url("/images/sonnensystem-8.png");
    background-repeat: no-repeat;
    background-position: left;
  }

  #screens {
    width: 300px;
    height: 350px;
    background-image: url("/images/screens-8.png");
    background-repeat: no-repeat;
    background-position: top left;
    position: relative;
  }

  #zeichentisch {
    width: 300px;
    height: 260px;
    background-image: url("/images/zeichentisch-8.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    position: relative;
    bottom: 0;
  }

  #satellite {
    width: 300px;
    height: 240px;
    background-image: url("/images/satellite-8.png");
    background-repeat: no-repeat;
    background-position: right top;
    position: relative;
    top: -13px;
  }

  section#updates {
    width: 712px;
    float: left;
  }

  div.block {
    width: 712px;
  }
  div.block div.stats {
    width: 300px;
    margin-right: 20px;
    margin-left: 20px;
    padding: 0;
  }
  div.block div.stats p, div.block div.stats a.teaser p, a.teaser div.block div.stats p, div.block div.stats .lists li, .lists div.block div.stats li, div.block div.stats ol li, ol div.block div.stats li {
    width: 208px;
  }

  section section {
    padding-top: 0;
  }
  section section:first-element {
    padding-top: 24px;
  }

  footer .space_1 {
    background: url("/images/footer-stars1-10.png");
  }
  footer .space_2 {
    background: url("/images/footer-stars2-10.png");
  }
  footer .space_3 {
    background: url("/images/footer-stars3-10.png");
  }
  footer .space-bg {
    background: url("/images/footer-moon-8.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 930px;
  }
  footer #address p + p, footer #address a.teaser p + p, a.teaser footer #address p + p, footer #address .lists li + p, .lists footer #address li + p, footer #address ol li + p, ol footer #address li + p, footer #address p + a.teaser p, a.teaser footer #address p + p, footer #address a.teaser p + p, a.teaser footer #address p + p, footer #address .lists li + a.teaser p, a.teaser footer #address .lists li + p, .lists footer #address li + a.teaser p, a.teaser .lists footer #address li + p, footer #address ol li + a.teaser p, a.teaser footer #address ol li + p, ol footer #address li + a.teaser p, a.teaser ol footer #address li + p, footer #address p + .lists li, .lists footer #address p + li, footer #address a.teaser p + .lists li, .lists footer #address a.teaser p + li, a.teaser footer #address p + .lists li, .lists a.teaser footer #address p + li, footer #address .lists li + li, .lists footer #address li + li, footer #address ol li + .lists li, .lists footer #address ol li + li, ol footer #address li + .lists li, .lists ol footer #address li + li, footer #address p + ol li, ol footer #address p + li, footer #address a.teaser p + ol li, ol footer #address a.teaser p + li, a.teaser footer #address p + ol li, ol a.teaser footer #address p + li, footer #address .lists li + ol li, ol footer #address .lists li + li, .lists footer #address li + ol li, ol .lists footer #address li + li, footer #address ol li + li, ol footer #address li + li {
    margin-right: 0;
  }

  .idea-to-product {
    background: url("/images/method-8/howwedothings_8.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 252px;
  }
}
/* Mobile Layout: 320px.
 * Gutters: 24px.
 * Outer margins: 34px.
 * Inherits styles from: Default Layout.  */
@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (max-width: 767px) and (min-device-pixel-ratio: 2) {
  .replace-2x {
    font-size: 1px;
  }

  div#nav-container nav#main_nav .dropdown-indicator {
    background-size: 10px 7px;
  }
  div#nav-container nav#main_nav .dropdown-indicator.arrow-down {
    background-image: url("/images/arrow_down@2x.png");
  }
  div#nav-container nav#main_nav .dropdown-indicator.arrow-up {
    background-image: url("/images/arrow_up@2x.png");
  }

  div#teaser {
    background-size: 135px 135px;
    background-image: url("/images/coworking_berlin_friedrichshain@2x.png");
  }

  div#rakete-mobile {
    background-size: 254px 296px;
    background-image: url("/images/rakete-3@2x.png");
  }

  div#sonnensystem-mobile {
    background-size: 250px 204px;
    background-image: url("/images/sonnensystem-3@2x.png");
  }

  div#screens-mobile {
    background-size: 252px 308px;
    background-image: url("/images/screens-3@2x.png");
  }

  div#zeichentisch-mobile {
    background-size: 250px 218px;
    background-image: url("/images/zeichentisch-3@2x.png");
  }

  div#satellite-mobile {
    background-size: 250px 238px;
    background-image: url("/images/satellite-3@2x.png");
  }

  div.encode {
    background-size: 252px 118px;
    background: transparent url("/images/method-3/encode_3@2x.png") no-repeat top left;
  }

  div.encode-detail {
    background-size: 252px 187px;
    background: transparent url("/images/method-retina/encode_howwedothings_3@2x.png") no-repeat top left;
  }

  div.idea-to-product {
    background-size: 248px 1036px;
    background: transparent url("/images/method-3/howwedothings_3@2x.png") no-repeat top left;
  }

  div.work-with-us {
    background-size: 248px 734px;
    background: transparent url("/images/about/workwithus_starterkit_3@2x.png") no-repeat top left;
  }

  footer div#earth {
    background-size: 121px 119px;
    background-image: url("/images/footer-earth-3@2x.png");
  }
  footer div.space-bg {
    background-size: 243px 50px;
    background: url("/images/footer-moon-3@2x.png");
    background-repeat: no-repeat;
    background-position: center bottom;
  }

  .reset-sprite, div.project-big-10-software-ag, div.project-big-10-planio, div.project-big-10-scharfe-type {
    background-position: 0 0;
  }

  div.project-big-10-software-ag {
    background-size: 344px 160px;
    background-image: url("/images/project-big-retina/software-ag@2x.png");
  }

  div.project-big-10-planio {
    background-size: 344px 160px;
    background-image: url("/images/project-big-retina/planio@2x.png");
  }

  div.project-big-10-scharfe-type {
    background-size: 160px 160px;
    background-image: url("/images/project-big-retina/scharfe-type@2x.png");
  }

  .small-icon {
    background-size: 160px 68px;
  }

  .project-10-railshoster {
    background-image: url("/images/project-retina/railshoster@2x.png");
  }

  .project-10-kautionsfrei {
    background-image: url("/images/project-retina/kautionsfrei@2x.png");
  }

  .project-10-beamagpie {
    background-image: url("/images/project-retina/beamagpie@2x.png");
  }

  .project-10-spielerkabine {
    background-image: url("/images/project-retina/spielerkabine@2x.png");
  }

  .project-10-dmig {
    background-image: url("/images/project-retina/dmig@2x.png");
  }
}
/* Mobile Layout: 320px.
 * Gutters: 24px.
 * Outer margins: 34px.
 * Inherits styles from: Default Layout.  */
@media only screen and (max-width: 767px) {
  .less-show-in-3 {
    display: block;
  }

  .less-hide-in-3 {
    display: none !important;
  }

  .less-1-of-3 {
    width: 68px;
    margin-right: 24px;
  }

  .less-2-of-3 {
    width: 160px;
    margin-right: 24px;
  }

  .less-3-of-3 {
    width: 252px;
  }

  .less-1-of-3-last {
    width: 68px;
  }

  .less-2-of-3-last {
    width: 160px;
  }

  .less-3-of-3-last {
    width: 252px;
  }

  .less-shift-1-of-3 {
    margin-left: 92px;
  }

  .less-shift-2-of-3 {
    margin-left: 184px;
  }

  .less-2-1-in-3 {
    width: 160px;
  }

  .less-2-2-in-3 {
    width: 184px;
  }

  .h68-in-3 {
    height: 68px;
  }

  .ml-minus46-in-3 {
    margin-left: -46px;
  }

  .detail_pane {
    display: none !important;
  }

  .mobile_detail_pane_hidden {
    display: none !important;
  }

  a.active_project .bglight {
    margin-bottom: 12px;
    position: relative;
  }
  a.active_project .bglight:before {
    content: "\00a0";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 127px;
    left: 106px;
    bottom: auto;
    border-width: 20px;
    border-style: solid;
    border-color: #d2e0e3 transparent transparent transparent;
  }
  a.active_project .bglight:after {
    content: "\00a0";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    top: 127px;
    left: 106px;
    bottom: auto;
    border-width: 20px;
    border-style: solid;
    border-color: #d2e0e3 transparent transparent transparent;
  }

  .mobile_detail_pane {
    position: relative;
    margin-top: 10px;
  }
  .mobile_detail_pane > div {
    margin: 16px;
  }
  .mobile_detail_pane h1, .mobile_detail_pane h2, .mobile_detail_pane h3, .mobile_detail_pane h4, .mobile_detail_pane h5, .mobile_detail_pane p, .mobile_detail_pane a.teaser p, a.teaser .mobile_detail_pane p, .mobile_detail_pane .lists li, .lists .mobile_detail_pane li, .mobile_detail_pane ol li, ol .mobile_detail_pane li {
    color: #024358;
  }
  .mobile_detail_pane h3 {
    margin-bottom: 0;
  }
  .mobile_detail_pane p, .mobile_detail_pane a.teaser p, a.teaser .mobile_detail_pane p, .mobile_detail_pane .lists li, .lists .mobile_detail_pane li, .mobile_detail_pane ol li, ol .mobile_detail_pane li {
    padding-top: 0;
    padding-bottom: 24px;
  }
  .mobile_detail_pane a {
    color: #c14859;
  }
  .mobile_detail_pane a:hover, .mobile_detail_pane a.active_project {
    background-color: inherit;
    text-decoration: underline;
  }

  .gallery {
    width: 220px;
    height: 180px;
  }
  .gallery .project img {
    width: 252px;
    height: 127px;
  }
  .gallery img {
    width: 220px;
    height: 180px;
  }
  .gallery .gallery_nav {
    display: none;
  }
  .gallery:hover .gallery_nav {
    display: block;
  }
  .gallery .prev {
    background: url("/images/gallery/pfeil_links_3.png") no-repeat;
    background-position: center left;
    z-index: 100;
    position: absolute;
    left: 12px;
    height: 100%;
    width: 62px;
  }
  .gallery .next {
    background: url("/images/gallery/pfeil_rechts_3.png") no-repeat;
    background-position: center right;
    z-index: 99;
    position: absolute;
    right: 12px;
    height: 100%;
    width: 100%;
  }
  .gallery .pager {
    position: absolute;
    bottom: -20px;
    right: 0;
    left: 0;
    height: 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .gallery.on-dark-bg .pager {
    bottom: 24px;
  }

  .less {
    width: 252px;
    padding: 48px 34px 60px;
  }

  #main_nav li:first-child {
    padding-top: 0;
  }
  #main_nav li {
    padding-top: 0.3em;
  }
  #main_nav .logo {
    font-size: 2.2em;
  }

  #distance-holder {
    display: none;
  }

  #nav-container {
    overflow: hidden;
    *zoom: 1;
    position: static;
    margin: 24px 0 24px 0;
    padding-bottom: 0;
  }
  #nav-container nav#main_nav {
    display: block;
  }
  #nav-container nav#main_nav ul {
    display: block;
  }
  #nav-container nav#main_nav ul li {
    width: 252px;
    margin-right: 24px;
    display: block;
    clear: both;
    padding: 0;
    line-height: 1.5em;
    background-color: #cadce2;
  }
  #nav-container nav#main_nav ul li.hidden a {
    display: none;
  }
  #nav-container nav#main_nav ul li a.active {
    display: block;
    background-color: #8facb6;
  }
  #nav-container nav#main_nav ul li a, #nav-container nav#main_nav ul li a.active.logo {
    color: #024358;
    background: transparent;
    display: block;
    padding: 5px 19px 5px 24px;
    line-height: 1.5em;
    background-repeat: no-repeat;
    background-position: center right;
    border-bottom: 1px solid #003345;
  }
  #nav-container nav#main_nav ul li .logo {
    float: left;
    width: 160px;
    margin-right: 0 !important;
  }
  #nav-container nav#main_nav ul li a:hover, #nav-container nav#main_nav ul li a.active_project, #nav-container nav#main_nav ul li a.active.logo:hover, #nav-container nav#main_nav ul li a.active.logo.active_project, #nav-container nav#main_nav ul li.active_page {
    background-color: #8facb6;
  }
  #nav-container nav#main_nav .dropdown-indicator {
    float: right;
    width: 48px;
    height: 43px !important;
    line-height: 1.5em;
    margin: 0 !important;
    padding: 0 !important;
    background-repeat: no-repeat;
    background-position: center center;
    border-left: 1px solid #003345;
  }
  #nav-container nav#main_nav .dropdown-indicator.arrow-down {
    background-image: url("/images/arrow_down.png");
  }
  #nav-container nav#main_nav .dropdown-indicator.arrow-up {
    background-image: url("/images/arrow_up.png");
  }

  .small-teaser-text .inline_lists {
    height: 100%;
  }
  .small-teaser-text .inline_lists p a, .small-teaser-text .inline_lists a.teaser p a, a.teaser .small-teaser-text .inline_lists p a, .small-teaser-text .inline_lists .lists li a, .lists .small-teaser-text .inline_lists li a, .small-teaser-text .inline_lists ol li a, ol .small-teaser-text .inline_lists li a {
    display: block;
  }

  h1 {
    padding-bottom: 12px;
    font-size: 3.1em;
    line-height: 1.2em;
  }

  #we-do-business {
    position: relative;
    height: 495px;
  }

  #teaser {
    top: 400px;
    margin-bottom: -625px;
  }

  #rakete-mobile {
    width: 250px;
    height: 300px;
    background-image: url("/images/rakete-3.png");
    background-repeat: no-repeat;
    background-position: top center;
  }

  #sonnensystem-mobile {
    width: 250px;
    height: 200px;
    background-image: url("/images/sonnensystem-3.png");
    background-repeat: no-repeat;
    background-position: top center;
  }

  #we-launch {
    position: relative;
    height: 100%;
  }

  #screens-mobile {
    width: 100%;
    height: 310px;
    background-image: url("/images/screens-3.png");
    background-repeat: no-repeat;
    background-position: center center;
  }

  #how-we-do-it {
    position: relative;
    height: 100%;
  }

  #zeichentisch-mobile {
    width: 250px;
    height: 300px;
    background-image: url("/images/zeichentisch-3.png");
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    top: 20px;
  }

  #satellite-mobile {
    width: 250px;
    height: 250px;
    background-image: url("/images/satellite-3.png");
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    top: 20px;
  }

  nav#social {
    text-align: center;
  }
  nav#social ul {
    width: 260px;
    margin: 0 auto 0 auto;
  }
  nav#social ul li {
    display: block;
    width: 260px;
    margin: 0 auto 0 auto;
    padding: 10px;
  }

  section section {
    padding-top: 0;
  }
  section section:first-element {
    padding-top: 24px;
  }

  footer #earth {
    right: 10%;
  }
  footer .space_1 {
    background: url("/images/footer-stars1-5.png");
  }
  footer .space_2 {
    background: url("/images/footer-stars2-5.png");
  }
  footer .space_3 {
    background: url("/images/footer-stars3-5.png");
  }
  footer .space-bg {
    background: url("/images/footer-moon-3.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 1060px;
  }

  div.col2 {
    -moz-column-count: 1;
    -moz-column-gap: 24px;
    -webkit-column-count: 1;
    -webkit-column-gap: 24px;
    column-count: 1;
    column-gap: 24px;
  }

  .gallery {
    width: 220px;
    height: 180px;
  }

  .encode {
    background: url("/images/method-3/encode_3.png");
    background-repeat: no-repeat;
    height: 150px;
    width: 100%;
  }

  .encode-detail {
    background-repeat: no-repeat;
    width: 100%;
    height: 200px;
    background: url("/images/method-3/encode_howwedothings_3.png");
  }

  .idea-to-product {
    background: url("/images/method-3/howwedothings_3.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 1080px;
  }

  .work-with-us {
    background: url("/images/about/workwithus_starterkit_3.png");
    background-repeat: no-repeat;
    background-position: center top;
    height: 736px;
  }

  .member-name {
    margin-top: 12px;
  }

  .redbutton {
    margin-bottom: 48px;
  }
}
/* Wide Mobile Layout: 480px.
 * Gutters: 24px.
 * Outer margins: 22px.
 * Inherits styles from: Default Layout, Mobile Layout.  */
@media only screen and (min-width: 480px) and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-width: 480px) and (max-width: 767px) and (min-device-pixel-ratio: 2) {
  .retina {
    background-size: 50%;
  }

  div.rakete-bg {
    background-size: 214px 250px;
    background-image: url("/images/rakete-5@2x.png");
  }

  div.sonnensystem-bg {
    background-size: 193px 228px;
    background-image: url("/images/sonnensystem-5@2x.png");
  }

  div#we-launch {
    background-size: 193px 330px;
    background-image: url("/images/screens-5@2x.png");
  }

  div#how-we-do-it {
    background-size: 209px 180px;
    background-image: url("/images/zeichentisch-5@2x.png");
  }

  div.etc-teaser {
    background-size: 193px 228px;
    background-image: url("/images/satellite-5@2x.png");
  }

  div.encode {
    background-size: 430px 196px;
    background: transparent url("/images/method-10/encode_5@2x.png") no-repeat top left !important;
  }

  div.encode-detail {
    background-size: 436px 291px;
    background: transparent url("/images/method-retina/encode_howwedothings_5@2x.png") no-repeat top left !important;
  }

  div.work-with-us {
    background-size: 415px 319px;
    background: transparent url("/images/about/workwithus_starterkit_10@2x.png") no-repeat top left !important;
  }

  footer div.space-bg {
    background-size: 433px 92px;
    background: url("/images/footer-moon-5@2x.png");
    background-repeat: no-repeat;
    background-position: center bottom;
  }
}
/* Wide Mobile Layout: 480px.
 * Gutters: 24px.
 * Outer margins: 22px.
 * Inherits styles from: Default Layout, Mobile Layout.  */
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .less-show-in-5, .less-hide-in-3.less-show-in-5 {
    display: block !important;
  }

  *.less-hide-in-5, .less-show-in-3.less-hide-in-5 {
    display: none !important;
  }

  .less-1-of-5 {
    width: 68px;
    margin-right: 24px;
  }

  .less-2-of-5, footer #address p, footer #address a.teaser p, a.teaser footer #address p, footer #address .lists li, .lists footer #address li, footer #address ol li, ol footer #address li {
    width: 160px;
    margin-right: 24px;
  }

  .less-3-of-5 {
    width: 252px;
    margin-right: 24px;
  }

  .less-4-of-5 {
    width: 344px;
    margin-right: 24px;
  }

  .less-5-of-5 {
    width: 436px;
  }

  .less-1-of-5-last {
    width: 68px;
  }

  .less-2-of-5-last {
    width: 160px;
  }

  .less-3-of-5-last {
    width: 252px;
  }

  .less-4-of-5-last, footer #address {
    width: 344px;
  }

  .less-5-of-5-last {
    width: 436px;
  }

  div.less-shift-1-of-5 {
    margin-left: 92px;
  }

  div.less-shift-2-of-5 {
    margin-left: 184px;
  }

  div.less-shift-3-of-5 {
    margin-left: 276px;
  }

  div.less-shift-4-of-5 {
    margin-left: 368px;
  }

  .less-shift-1-0-of-5 {
    margin-left: 68px;
  }

  .less-2-2-in-5 {
    width: 184px;
  }

  .less-4-3-in-5 {
    width: 344px;
  }

  .less-4-4-in-5 {
    width: 368px;
  }

  .mt24-in-5 {
    margin-top: 24px;
  }

  div.ml-minus46-in-3 {
    margin-left: 0;
  }

  .h2x-in-5 {
    height: 160px;
  }

  .less {
    width: 436px;
    padding: 36px 22px 48px;
  }

  body {
    min-width: 480;
  }

  #nav-container nav#main_nav ul li {
    width: 436px;
  }
  #nav-container nav#main_nav ul li .logo {
    width: 344px;
  }

  .rakete-bg {
    background-image: url("/images/rakete-5.png");
    height: auto !important;
    background-repeat: no-repeat;
  }
  .rakete-bg .pic {
    display: none;
  }

  .sonnensystem-bg {
    background-image: url("/images/sonnensystem-5.png");
    height: auto !important;
    background-repeat: no-repeat;
  }
  .sonnensystem-bg .pic {
    display: none;
  }

  .bg-left {
    background-position: 10% 70px;
  }

  .bg-right {
    background-position: 90% 70px;
  }

  #we-do-business h1 {
    width: 296px;
    font-size: 3.3em;
  }
  #we-do-business p, #we-do-business a.teaser p, a.teaser #we-do-business p, #we-do-business .lists li, .lists #we-do-business li, #we-do-business ol li, ol #we-do-business li {
    width: 202px;
    font-size: 1.3em;
  }

  #teaser {
    left: 200px;
    top: 150px;
    margin-bottom: -275px;
  }

  #clients-are-awesome h1 {
    margin-left: 208px;
    margin-right: 0;
    width: 228px;
    font-size: 3.3em;
  }
  #clients-are-awesome p, #clients-are-awesome a.teaser p, a.teaser #clients-are-awesome p, #clients-are-awesome .lists li, .lists #clients-are-awesome li, #clients-are-awesome ol li, ol #clients-are-awesome li {
    margin-left: 208px;
    margin-right: 0;
    width: 228px;
    font-size: 1.3em;
  }

  #we-launch {
    height: auto;
    background-image: url("/images/screens-5.png");
    background-repeat: no-repeat;
    background-position: 10% center;
  }
  #we-launch .pic {
    display: none;
  }
  #we-launch h1 {
    margin-left: 228px;
    margin-right: 0;
    width: 208px;
    font-size: 3.3em;
  }
  #we-launch p, #we-launch a.teaser p, a.teaser #we-launch p, #we-launch .lists li, .lists #we-launch li, #we-launch ol li, ol #we-launch li {
    margin-left: 228px;
    margin-right: 0;
    width: 208px;
    font-size: 1.3em;
  }

  #how-we-do-it {
    height: auto;
    background-image: url("/images/zeichentisch-5.png");
    background-repeat: no-repeat;
    background-position: 90% 70px;
  }
  #how-we-do-it .pic {
    display: none;
  }
  #how-we-do-it h1 {
    width: 228px;
    font-size: 3.3em;
  }
  #how-we-do-it p, #how-we-do-it a.teaser p, a.teaser #how-we-do-it p, #how-we-do-it .lists li, .lists #how-we-do-it li, #how-we-do-it ol li, ol #how-we-do-it li {
    width: 202px;
    font-size: 1.3em;
  }

  .etc-teaser {
    height: auto;
    background-image: url("/images/satellite-5.png");
    background-repeat: no-repeat;
  }
  .etc-teaser .pic {
    display: none;
  }
  .etc-teaser h1 {
    width: 228px;
    font-size: 3.3em;
  }
  .etc-teaser p, .etc-teaser a.teaser p, a.teaser .etc-teaser p, .etc-teaser .lists li, .lists .etc-teaser li, .etc-teaser ol li, ol .etc-teaser li {
    width: 202px;
    font-size: 1.3em;
  }

  div.less.small-teaser {
    width: 458px !important;
    padding: 22px 0 22px 22px;
  }

  nav#social ul {
    display: inline;
  }
  nav#social ul li {
    display: inline !important;
    float: left !important;
    padding: 0 1.2em 0 0 !important;
    width: auto !important;
  }
  nav#social ul li:last-child {
    padding: 0 0 0 0 !important;
  }

  .small-teaser-text .inline_lists {
    height: 40px;
  }
  .small-teaser-text .inline_lists p a, .small-teaser-text .inline_lists a.teaser p a, a.teaser .small-teaser-text .inline_lists p a, .small-teaser-text .inline_lists .lists li a, .lists .small-teaser-text .inline_lists li a, .small-teaser-text .inline_lists ol li a, ol .small-teaser-text .inline_lists li a {
    margin: 0 0.6em !important;
    display: inline;
  }
  .small-teaser-text .inline_lists p br, .small-teaser-text .inline_lists a.teaser p br, a.teaser .small-teaser-text .inline_lists p br, .small-teaser-text .inline_lists .lists li br, .lists .small-teaser-text .inline_lists li br, .small-teaser-text .inline_lists ol li br, ol .small-teaser-text .inline_lists li br {
    display: none;
  }

  section#updates {
    width: 436px;
    margin-right: 24px;
    margin-right: 0;
    float: left;
  }

  div.block div.stats {
    width: 436px;
    margin-right: 24px;
  }
  div.block div.stats aside {
    width: 68px;
    margin-right: 24px;
  }
  div.block div.stats p, div.block div.stats a.teaser p, a.teaser div.block div.stats p, div.block div.stats .lists li, .lists div.block div.stats li, div.block div.stats ol li, ol div.block div.stats li {
    width: 252px;
    margin-right: 24px;
    float: left;
  }

  footer .space-bg {
    background: url("/images/footer-moon-5.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 770px;
  }
  footer #earth {
    left: 0;
  }
  footer #address p + p, footer #address a.teaser p + p, a.teaser footer #address p + p, footer #address .lists li + p, .lists footer #address li + p, footer #address ol li + p, ol footer #address li + p, footer #address p + a.teaser p, a.teaser footer #address p + p, footer #address a.teaser p + p, a.teaser footer #address p + p, footer #address .lists li + a.teaser p, a.teaser footer #address .lists li + p, .lists footer #address li + a.teaser p, a.teaser .lists footer #address li + p, footer #address ol li + a.teaser p, a.teaser footer #address ol li + p, ol footer #address li + a.teaser p, a.teaser ol footer #address li + p, footer #address p + .lists li, .lists footer #address p + li, footer #address a.teaser p + .lists li, .lists footer #address a.teaser p + li, a.teaser footer #address p + .lists li, .lists a.teaser footer #address p + li, footer #address .lists li + li, .lists footer #address li + li, footer #address ol li + .lists li, .lists footer #address ol li + li, ol footer #address li + .lists li, .lists ol footer #address li + li, footer #address p + ol li, ol footer #address p + li, footer #address a.teaser p + ol li, ol footer #address a.teaser p + li, a.teaser footer #address p + ol li, ol a.teaser footer #address p + li, footer #address .lists li + ol li, ol footer #address .lists li + li, .lists footer #address li + ol li, ol .lists footer #address li + li, footer #address ol li + li, ol footer #address li + li {
    margin-right: 0;
  }

  .encode {
    background: url("/images/method-10/encode_5.png");
    background-repeat: no-repeat;
    height: 200px;
    width: 100%;
  }

  .encode-detail {
    background: url("/images/method-10/encode_howwedothings_5.png");
    background-repeat: no-repeat;
    height: 300px;
    width: 100%;
  }

  .work-with-us {
    background: transparent url("/images/about/workwithus_starterkit_10.png") no-repeat top left;
    width: 415px;
    height: 319px;
  }

  .member-name {
    margin-top: 0;
  }
}
/* Retina media query.
   Overrides styles for devices with a
   device-pixel-ratio of 2+, such as iPhone 4.  */
input, #input-name, #input-email, textarea {
  color: #003345;
  padding: 9px;
  border: solid 1px #E5E5E5;
  outline: 0;
  background: #FFFFFF;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #94b4bd), color-stop(50%, #ffffff), color-stop(100%, #ffffff));
  background-image: -webkit-linear-gradient(top, #94b4bd, #ffffff, #ffffff);
  background-image: -moz-linear-gradient(top, #94b4bd, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #94b4bd, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(top, #94b4bd, #ffffff, #ffffff);
  background-image: linear-gradient(top, #94b4bd, #ffffff, #ffffff);
}

input::-webkit-input-placeholder, #input-name::-webkit-input-placeholder, #input-email::-webkit-input-placeholder {
  color: #024358;
}

textarea::-webkit-input-placeholder {
  color: #024358;
}

input:-moz-placeholder, #input-name:-moz-placeholder, #input-email:-moz-placeholder {
  color: #024358;
}

textarea:-moz-placeholder {
  color: #024358;
}

textarea {
  height: 100px;
}

.rounded-corners, input, #input-name, #input-email, #input-msg {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -o-border-radius: 4px;
  -ms-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}

input, #input-name, #input-email {
  width: 224px;
}

#input-name {
  padding-right: 24px;
  margin: 12px 24px 0 0;
}

#input-email {
  margin: 12px 0 0 0;
}

#input-msg {
  width: 420px;
  height: 60px;
  margin: 12px 12px 0 0;
}

#input-url {
  display: none;
}

#send-button {
  margin: 20px 0 0 8px;
  padding: 0;
  width: 60px;
  height: 60px;
  text-indent: -1000em;
  background-repeat: no-repeat;
  border: none;
}

.very_light_bg, .mobile_detail_pane, a:hover .bglight, a.active_project .bglight, .detail_pane {
  background-color: #d2e0e3;
}

.detail_pane_hide {
  display: none !important;
}

.detail_pane > div {
  padding: 24px;
}

.mobile_detail_pane, .detail_pane {
  position: relative;
  margin-top: 10px;
}
.mobile_detail_pane .close, .detail_pane .close {
  position: relative;
  top: -16px;
  right: -16px;
  background-image: url("/images/close.png");
  background-repeat: no-repeat;
  width: 22px;
  height: 22px;
}
.mobile_detail_pane h1, .mobile_detail_pane h2, .mobile_detail_pane h3, .mobile_detail_pane h4, .mobile_detail_pane h5, .mobile_detail_pane p, .mobile_detail_pane a.teaser p, a.teaser .mobile_detail_pane p, .mobile_detail_pane .lists li, .lists .mobile_detail_pane li, .mobile_detail_pane ol li, ol .mobile_detail_pane li, .detail_pane h1, .detail_pane h2, .detail_pane h3, .detail_pane h4, .detail_pane h5, .detail_pane p, .detail_pane a.teaser p, a.teaser .detail_pane p, .detail_pane .lists li, .lists .detail_pane li, .detail_pane ol li, ol .detail_pane li {
  color: #024358;
}
.mobile_detail_pane h3, .detail_pane h3 {
  margin-bottom: 0;
}
.mobile_detail_pane p, .mobile_detail_pane a.teaser p, a.teaser .mobile_detail_pane p, .mobile_detail_pane .lists li, .lists .mobile_detail_pane li, .mobile_detail_pane ol li, ol .mobile_detail_pane li, .detail_pane p, .detail_pane a.teaser p, a.teaser .detail_pane p, .detail_pane .lists li, .lists .detail_pane li, .detail_pane ol li, ol .detail_pane li {
  padding-top: 0;
  padding-bottom: 24px;
}
.mobile_detail_pane a, .detail_pane a {
  color: #ac1e2e;
}
.mobile_detail_pane a:hover, .mobile_detail_pane a.active_project, .detail_pane a:hover, .detail_pane a.active_project {
  background-color: inherit;
  text-decoration: underline;
}