/* robbi5.de ~ 2014 */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
       url('/fonts/open-sans-v34-latin-300.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v34-latin-300.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
       url('/fonts/open-sans-v34-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/fonts/open-sans-v34-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/*! normalize.css v1.1.2 | MIT License | git.io/normalize - without forms */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}
dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html, button, input, select, textarea {
    color: #222;
}
body {
    font-size: 1em;
    line-height: 1.4;
}
::-moz-selection {
    background: #686a80;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #686a80;
    color: #fff;
    text-shadow: none;
}

img {
    vertical-align: middle;
}

body {
    font: 16px/26px 'Open Sans', Helvetica, Helvetica Neue, Arial;
    font-weight: 400;
    background: #F9F9F9;
}

.flip body {
    background-color: #686a80;
    background: #67697e; /* Old browsers */
    background-image: -moz-linear-gradient(-45deg, #67697e 0%, #686b7f 100%); /* FF3.6+ */
    background-image: -webkit-linear-gradient(-45deg, #67697e 0%,#686b7f 100%); /* Chrome10+,Safari5.1+ */
    background-image: -o-linear-gradient(-45deg, #67697e 0%,#686b7f 100%); /* Opera 11.10+ */
    background-image: -ms-linear-gradient(-45deg, #67697e 0%,#686b7f 100%); /* IE10+ */
    background-image: linear-gradient(135deg, #67697e 0%,#686b7f 100%); /* W3C */
}

header {
    text-align: center;
    padding: 15px 0;
}

header img {
    width: 128px;
    border-radius: 64px;
    border: 1px solid #54556b;
}

.js header img {
    cursor: pointer;
}

header h1 {
    color: #54556b;
    font-weight: normal;
}

header h1 span {
    color: #b0b1e1;
    font-weight: 200;
}

.flip header h1 {
    color: #b0b1e1;
}
.flip header h1 span {
    color: #54556b;
}

header p {
    margin: 0;
}

main p {
    line-height: 1.8;
}

main a, main a:visited {
    color: #67678a;
    text-decoration: none;
    border-bottom: 1px solid #b0b1e1;
}

.flip main a, .flip main a:visited {
    color: #b0b1e1;
    border-bottom: 1px solid #67678a;
}

.container {
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
}

h2 {
    background-color: #686a80;
    color: #c1c2d6;

    font-weight: normal;
    font-size: 1.1em;
    padding: 0.3em 0.5em 0.2em;
    margin: 4em 0 0.5em;
}

.flip h2 {
    background-color: #F9F9F9;
    color: #686a80;
}

footer {
    color: #8F8F8F;
    text-align: center;
    font-size: 0.8em;
}

footer a {
    color: #8F8F8F;
}

.imprint-header,
.legal-header,
.contact-header {
    margin-top: 1em;
}
address {
    font-style: normal;
}
.h { display:none; }


/* /404 */
.huh {
    text-align: center;
    font-size: 1.8em;
    margin-top: 0;
    padding: 0.6em 0.5em 0.4em;
}