@charset "UTF-8";
/******************************/
/******************************/
body {
  margin: 0; }

.row {
  margin: -1em;
  /* The micro clearfix http://nicolasgallagher.com/micro-clearfix-hack/ */ }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.columns {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1em;
  float: left; }
  .columns:nth-child(n) {
    clear: none; }
  .columns.centered {
    float: none;
    margin-left: auto;
    margin-right: auto; }

.span-1 {
  width: 8.33%; }

.span-2 {
  width: 16.67%; }

.span-3 {
  width: 25%; }

.span-4 {
  width: 33.33%; }

.span-5 {
  width: 41.67%; }

.span-6 {
  width: 50%; }

.span-7 {
  width: 58.33%; }

.span-8 {
  width: 66.67%; }

.span-9 {
  width: 75%; }

.span-10 {
  width: 83.33%; }

.span-11 {
  width: 91.67%; }

.span-12 {
  width: 100%;
  float: none; }

@media (min-width: 641px) {
  body {
    min-width: 1024px; } }

@media (max-width: 640px) {
  .row {
    margin: 0; }
    .row:before, .row:after {
      display: none; }
  .span-1 {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 2em; }
  .span-2 {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 2em; }
  .span-3 {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 2em; }
  .span-4 {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 2em; }
  .span-5 {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 2em; }
  .span-6 {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 2em; }
  .span-7 {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 2em; }
  .span-8 {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 2em; }
  .span-9 {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 2em; }
  .span-10 {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 2em; }
  .span-11 {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 2em; }
  .span-12 {
    width: 100%;
    float: none;
    padding: 0;
    margin-bottom: 2em; } }

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url("/fonts/source-sans-pro-regular.eot");
  src: local(""), url("/fonts/source-sans-pro-regular.eot?#iefix") format("embedded-opentype"), url("/fonts/source-sans-pro-regular.woff2") format("woff2"), url("/fonts/source-sans-pro-regular.woff") format("woff"), url("/fonts/source-sans-pro-regular.ttf") format("truetype"), url("/fonts/source-sans-pro-regular.svg#SourceSansPro") format("svg"); }

@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url("/fonts/source-sans-pro-italic.eot");
  src: local(""), url("/fonts/source-sans-pro-italic.eot?#iefix") format("embedded-opentype"), url("/fonts/source-sans-pro-italic.woff2") format("woff2"), url("/fonts/source-sans-pro-italic.woff") format("woff"), url("/fonts/source-sans-pro-italic.ttf") format("truetype"), url("/fonts/source-sans-pro-italic.svg#SourceSansPro") format("svg"); }

@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url("/fonts/source-sans-pro-600.eot");
  src: local(""), url("/fonts/source-sans-pro-600.eot?#iefix") format("embedded-opentype"), url("/fonts/source-sans-pro-600.woff2") format("woff2"), url("/fonts/source-sans-pro-600.woff") format("woff"), url("/fonts/source-sans-pro-600.ttf") format("truetype"), url("/fonts/source-sans-pro-600.svg#SourceSansPro") format("svg"); }

html {
  font-size: 1.0625em;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.6;
  color: #475054; }

@media (max-width: 640px) {
  html {
    font-size: 0.8125em; } }

p, ul, ol, dl, table, form, fieldset, blockquote, figure {
  font-size: 1em;
  margin: 0 auto 0.8em; }

h1 {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 2.82em;
  line-height: 1em;
  margin: 0 auto 0.28em; }
  h1 a {
    font-weight: normal; }
  h1 a {
    text-decoration: none; }
    h1 a:hover {
      text-decoration: underline; }

h2 {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 2.12em;
  line-height: 1.25em;
  margin: 0 auto 0.38em; }
  h2 a {
    font-weight: normal; }
  h2 a {
    text-decoration: none; }
    h2 a:hover {
      text-decoration: underline; }

h3 {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 1.41em;
  line-height: 1.3em;
  margin: 0 auto 0.57em; }
  h3 a {
    font-weight: normal; }
  h3 a {
    text-decoration: none; }
    h3 a:hover {
      text-decoration: underline; }

h4 {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.18em;
  line-height: 1.4em;
  margin: 0 auto 0.68em; }
  h4 a {
    text-decoration: none; }
    h4 a:hover {
      text-decoration: underline; }

h5 {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  line-height: 1.4em;
  margin: 0 auto 0.8em; }
  h5 a {
    text-decoration: none; }
    h5 a:hover {
      text-decoration: underline; }

h6 {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.85em;
  line-height: 1.4em;
  margin: 0 auto 0.94em; }
  h6 a {
    text-decoration: none; }
    h6 a:hover {
      text-decoration: underline; }

h1 {
  margin-top: 0.57em; }
  h1:first-child {
    margin-top: 0; }

h2 {
  margin-top: 0.75em; }
  h2:first-child {
    margin-top: 0; }

h1 + h2 {
  margin-top: 0; }

h3 {
  margin-top: 1.13em; }
  h3:first-child {
    margin-top: 0; }

h2 + h3 {
  margin-top: 0; }

h4 {
  margin-top: 1.36em; }
  h4:first-child {
    margin-top: 0; }

h3 + h4 {
  margin-top: 0; }

h5 {
  margin-bottom: 0; }

@media (max-width: 640px) {
  h3 {
    font-size: 1.33em;
    font-weight: bold;
    margin-bottom: 0.6em; } }

hgroup {
  margin-bottom: 0.8em; }
  hgroup > * {
    margin-top: 0;
    margin-bottom: 0; }

caption {
  font-size: 1em; }

a {
  text-decoration: none;
  color: #009ee3;
  font-weight: bold;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -moz-transition: .2s;
  transition: .2s; }
  a:hover {
    color: white;
    background-color: #009ee3;
    -webkit-box-shadow: 0.2em 0 0 #009ee3, -0.2em 0 0 #009ee3;
            box-shadow: 0.2em 0 0 #009ee3, -0.2em 0 0 #009ee3;
    -webkit-transition: .1s;
    -o-transition: .1s;
    -moz-transition: .1s;
    transition: .1s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  a:active {
    background-color: #a3a8aa;
    -webkit-box-shadow: 0.2em 0 0 #a3a8aa, -0.2em 0 0 #a3a8aa;
            box-shadow: 0.2em 0 0 #a3a8aa, -0.2em 0 0 #a3a8aa; }

a[href^=http]:after {
  content: " →";
  position: relative;
  left: 0;
  -webkit-transition: left .3s;
  -o-transition: left .3s;
  -moz-transition: left .3s;
  transition: left .3s; }

a[href^=http]:hover:after {
  -webkit-transition: left .1s;
  -o-transition: left .1s;
  -moz-transition: left .1s;
  transition: left .1s;
  left: .15em; }

h1 a, h1 a:link, h1 a:visited, h1 a:hover, h1 a:focus, h1 a:active, h2 a, h2 a:link, h2 a:visited, h2 a:hover, h2 a:focus, h2 a:active, h3 a, h3 a:link, h3 a:visited, h3 a:hover, h3 a:focus, h3 a:active, h4 a, h4 a:link, h4 a:visited, h4 a:hover, h4 a:focus, h4 a:active, h5 a, h5 a:link, h5 a:visited, h5 a:hover, h5 a:focus, h5 a:active, h6 a, h6 a:link, h6 a:visited, h6 a:hover, h6 a:focus, h6 a:active {
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: auto;
  font-weight: normal;
  text-decoration: none;
  background-color: transparent;
  color: #475054;
  -webkit-box-shadow: none;
          box-shadow: none; }

a.inline:before {
  display: none; }

a.block-level {
  font-weight: normal;
  text-decoration: none;
  background-color: transparent;
  color: #475054;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
  margin-bottom: 0.8em; }
  a.block-level > *:last-child {
    margin-bottom: 0; }
  a.block-level:hover {
    color: white;
    background-color: #009ee3;
    -webkit-box-shadow: 0.2em 0 0 #009ee3, -0.2em 0 0 #009ee3;
            box-shadow: 0.2em 0 0 #009ee3, -0.2em 0 0 #009ee3; }
  a.block-level:active {
    background-color: #a3a8aa;
    -webkit-box-shadow: 0.2em 0 0 #a3a8aa, -0.2em 0 0 #a3a8aa;
            box-shadow: 0.2em 0 0 #a3a8aa, -0.2em 0 0 #a3a8aa; }

a.read-on {
  font-weight: normal;
  text-decoration: none;
  background-color: transparent;
  color: #475054;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: auto; }
  a.read-on:after {
    content: "/ Weiterlesen";
    display: inline-block;
    color: #009ee3;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  a.read-on:hover:after {
    color: white;
    background-color: #009ee3;
    -webkit-box-shadow: 0.2em 0 0 #009ee3, -0.2em 0 0 #009ee3;
            box-shadow: 0.2em 0 0 #009ee3, -0.2em 0 0 #009ee3; }
  a.read-on:active:after {
    background-color: #a3a8aa;
    -webkit-box-shadow: 0.2em 0 0 #a3a8aa, -0.2em 0 0 #a3a8aa;
            box-shadow: 0.2em 0 0 #a3a8aa, -0.2em 0 0 #a3a8aa; }

a.stand-alone {
  display: inline-block;
  margin: 0 auto 0.8em; }
  a.stand-alone:before {
    content: "/ "; }

ul {
  list-style: none;
  padding-left: 0; }
  ul li {
    padding-left: 1em;
    position: relative; }
    ul li:before {
      content: "•";
      position: absolute;
      left: 0; }

address {
  font-style: normal; }
  address br {
    content: " | "; }
    address br:after {
      content: " | "; }

small, .small {
  color: #a3a8aa; }

.nowrap {
  white-space: nowrap; }

.preface p {
  font-size: 1.1764705882em;
  margin-bottom: 0.85em; }

.span-5 .boxed h2 {
  font-size: 1.41em;
  margin-bottom: 0.57em; }

.span-5 .boxed .preface h2 {
  font-size: 1.41em;
  margin-bottom: 0.57em; }

.span-5 .boxed .preface p {
  font-size: 1em;
  margin-bottom: 0.8em; }

html {
  height: 100%;
  overflow-y: scroll; }

body {
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #e3e5e5; }

.container {
  max-width: 1200px;
  margin: 0 auto;
  background-color: #f0f1f1;
  -webkit-box-shadow: 0 0 20px rgba(71, 80, 84, 0.2);
          box-shadow: 0 0 20px rgba(71, 80, 84, 0.2); }

img {
  display: block;
  max-width: 100%;
  height: auto; }

figure {
  position: relative; }
  figure img {
    display: block; }

/******************************/
input,
button,
a.button,
span.button,
select,
textarea {
  display: inline-block;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  max-width: 366px;
  padding: .2em .4em;
  border: 1px solid #a3a8aa; }
  input:focus,
  button:focus,
  a.button:focus,
  span.button:focus,
  select:focus,
  textarea:focus {
    outline: none;
    -webkit-box-shadow: 0 0 10px rgba(0, 158, 227, 0.5);
            box-shadow: 0 0 10px rgba(0, 158, 227, 0.5);
    border: 1px solid #009ee3; }

input,
select,
textarea {
  background-color: white; }

textarea {
  max-width: 100%;
  min-height: 6.88em; }

input {
  line-height: 1.6; }

input[type="radio"],
input[type="checkbox"] {
  width: auto;
  max-width: none;
  margin-right: .4em; }

button,
a.button,
span.button {
  padding-left: .8em;
  padding-right: .8em;
  margin: 0.4em 0.4em 0 0;
  backgroud-image: linear-gradient(to top, #009ee3, #17b8ff);
  border-color: #009ee3;
  color: white;
  -webkit-border-radius: 4px;
          border-radius: 4px;
  text-align: center; }
  button:last-child,
  a.button:last-child,
  span.button:last-child {
    margin-right: 0; }
  button:hover,
  a.button:hover,
  span.button:hover {
    background-image: -webkit-gradient(linear, left bottom, left top, from(#00b0fd), to(#31c0ff));
    background-image: -webkit-linear-gradient(bottom, #00b0fd, #31c0ff);
    background-image: -moz-linear-gradient(bottom, #00b0fd, #31c0ff);
    background-image: -o-linear-gradient(bottom, #00b0fd, #31c0ff);
    background-image: linear-gradient(to top, #00b0fd, #31c0ff);
    -webkit-box-shadow: 0 0 10px rgba(0, 158, 227, 0.5);
            box-shadow: 0 0 10px rgba(0, 158, 227, 0.5); }
  button:focus,
  a.button:focus,
  span.button:focus {
    outline: none;
    -webkit-box-shadow: 0 0 10px rgba(0, 158, 227, 0.5);
            box-shadow: 0 0 10px rgba(0, 158, 227, 0.5); }
  button:active,
  a.button:active,
  span.button:active {
    outline: none;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#00b0fd), to(#31c0ff));
    background-image: -webkit-linear-gradient(top, #00b0fd, #31c0ff);
    background-image: -moz-linear-gradient(top, #00b0fd, #31c0ff);
    background-image: -o-linear-gradient(top, #00b0fd, #31c0ff);
    background-image: linear-gradient(to bottom, #00b0fd, #31c0ff);
    -webkit-box-shadow: 0 0 5px rgba(0, 158, 227, 0.5);
            box-shadow: 0 0 5px rgba(0, 158, 227, 0.5);
    position: relative;
    top: 1px; }

a.button {
  font-weight: normal;
  text-decoration: none;
  background-color: transparent;
  color: #475054;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: white;
  -webkit-transition: none;
  -o-transition: none;
  -moz-transition: none;
  transition: none; }

button[disabled],
button.disabled,
a.button.disabled,
span.button.disabled {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#a3a8aa), to(#bec1c2));
  background-image: -webkit-linear-gradient(bottom, #a3a8aa, #bec1c2);
  background-image: -moz-linear-gradient(bottom, #a3a8aa, #bec1c2);
  background-image: -o-linear-gradient(bottom, #a3a8aa, #bec1c2);
  background-image: linear-gradient(to top, #a3a8aa, #bec1c2);
  border-color: #a3a8aa;
  -webkit-box-shadow: none;
          box-shadow: none; }

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  outline: 0;
  -webkit-border-radius: 0;
          border-radius: 0;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1em;
  cursor: pointer;
  /* Mozilla Hack */
  text-indent: .01px;
  -o-text-overflow: "";
     text-overflow: "";
  /* IE10 Hack */ }
  select::-ms-expand {
    display: none; }
  select:focus {
    outline-width: 0; }

.styled-select {
  display: block;
  width: 100%;
  max-width: 366px;
  position: relative;
  background-color: white; }
  .styled-select select {
    background-color: transparent; }
  .styled-select:before {
    content: "";
    position: absolute;
    top: 0;
    right: 1px;
    pointer-events: none;
    display: block;
    height: 100%;
    width: 2em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0;
    background: url(/images/select-symbol.svg) 0 50% no-repeat;
    -webkit-background-size: auto 100%;
         -o-background-size: auto 100%;
            background-size: auto 100%;
    border-left: 1px solid #a3a8aa; }
  .styled-select:hover:before {
    background-position: -2em 50%; }

label {
  display: block;
  margin-bottom: 0.2em;
  font-weight: bold; }

.boxed {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.2em 1.5em;
  background-color: white; }
  .boxed > h1:first-child, .boxed > h2:first-child, .boxed > h3:first-child, .boxed > h4:first-child {
    margin-top: -.2em; }
  .boxed > *:last-child, .boxed > *:last-child > *:last-child {
    margin-bottom: 0; }

.boxed header:before, .boxed header:after,
.box-heading:before,
.box-heading:after {
  content: "";
  font-size: 1rem;
  display: block;
  margin: 0 -1.5em;
  border-bottom: 2px solid #e3e5e5; }

.boxed header:before,
.box-heading:before {
  margin-top: -1.2em;
  margin-bottom: 0.8em; }

.boxed header:after,
.box-heading:after {
  margin-top: 0.8em;
  margin-bottom: 0.8em; }

.boxed header:first-child:before,
.box-heading:first-child:before {
  border-bottom: none; }

.boxed footer, .boxed footer:last-child {
  margin-bottom: -0.4em; }

.boxed footer > *:last-child {
  margin-bottom: 0; }

.boxed footer:before {
  content: "";
  font-size: 1rem;
  display: block;
  margin: 0 -1.5em 0.8em;
  border-bottom: 2px solid #e3e5e5; }

.page-header {
  padding: 48px 4em 75px;
  background-color: white; }
  .page-header hgroup {
    width: 200px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    position: relative; }
    .page-header hgroup h1 {
      width: 100%;
      height: 0;
      padding-bottom: 30%;
      margin: 0;
      background: url(/images/logo.png) 50% 50% no-repeat;
      -webkit-background-size: contain;
           -o-background-size: contain;
              background-size: contain; }

nav {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  nav li {
    padding-left: 0;
    position: static; }
    nav li:before {
      display: none; }

.main-nav {
  padding-bottom: 32px;
  position: relative;
  z-index: 100;
  margin-bottom: -32px; }
  .main-nav:after {
    content: "";
    display: block;
    height: 32px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: url(/images/diagonalen/weiss-transparent.svg) 0 0 no-repeat;
    -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%; }
  .main-nav ul {
    padding: 0 3em;
    margin: 0 0 -6px;
    position: relative;
    top: -6px;
    z-index: 2;
    background-color: white;
    list-style: none;
    /* The micro clearfix http://nicolasgallagher.com/micro-clearfix-hack/ */ }
    .main-nav ul:before, .main-nav ul:after {
      content: " ";
      display: table; }
    .main-nav ul:after {
      clear: both; }
  .main-nav li {
    display: inline-block;
    padding: 0 1em;
    font-weight: bold;
    position: relative;
    top: 6px; }
    .main-nav li ul {
      display: none; }
  .main-nav a {
    color: #475054;
    padding: 0 .2em;
    margin: 0 -.2em;
    -webkit-box-shadow: none;
            box-shadow: none; }
    .main-nav a:hover, .main-nav a:active {
      color: white; }
  .main-nav .current > a,
  .main-nav .current-ancestor > a {
    border-bottom: 1px solid #a3a8aa; }
    .main-nav .current > a:hover,
    .main-nav .current-ancestor > a:hover {
      border-bottom-color: transparent; }

.page-footer {
  margin: 5.5em 0 0;
  padding: 0 0 5.5em;
  background-color: #475054;
  color: white; }
  .page-footer:before {
    content: "";
    display: block;
    height: 54px;
    background: url(/images/streifen.svg) 0 0 no-repeat;
    -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%;
    margin-bottom: 1em; }
  .page-footer nav {
    padding: 0 4em; }
  .page-footer ul {
    list-style: none;
    padding-left: 0; }
  .page-footer nav > ul {
    margin-left: -1em;
    margin-right: -1em;
    /* The micro clearfix http://nicolasgallagher.com/micro-clearfix-hack/ */ }
    .page-footer nav > ul:before, .page-footer nav > ul:after {
      content: " ";
      display: table; }
    .page-footer nav > ul:after {
      clear: both; }
    .page-footer nav > ul > li {
      float: left;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
      width: 16.6666666667%;
      padding-left: 1em;
      padding-right: 1em; }
  .page-footer li li {
    padding-left: .7em;
    position: relative; }
    .page-footer li li:before {
      display: inline;
      font-size: .8em;
      line-height: 2;
      content: "/";
      position: absolute;
      left: 0; }
    .page-footer li li a {
      font-weight: normal; }
  .page-footer a {
    font-size: 0.8235294118em;
    color: white;
    padding: 0 .2em;
    margin: 0 -.2em;
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: auto; }
  .page-footer .current > a,
  .page-footer .current-ancestor > a {
    border-bottom: 1px solid #c8cccc; }
    .page-footer .current > a:hover,
    .page-footer .current-ancestor > a:hover {
      border-bottom-color: transparent; }

.srzsd-slider-slides {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.srzsd-slider-slide {
  position: absolute;
  top: 0;
  left: 100%;
  display: block;
  width: 100%;
  height: 100%; }

.top-teaser {
  position: relative;
  margin-bottom: -4em; }
  .top-teaser:after {
    content: "";
    display: block;
    height: 32px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(/images/diagonalen/transparent-grau-neg.svg) 0 0 no-repeat;
    -webkit-background-size: 100% 100%;
         -o-background-size: 100% 100%;
            background-size: 100% 100%; }
  .top-teaser .image {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: cover;
         -o-background-size: cover;
            background-size: cover; }
  .top-teaser .boxed {
    width: 33.3333333333%;
    margin-top: 5em;
    position: relative;
    z-index: 0;
    background-color: transparent;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
    .top-teaser .boxed:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      display: block;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.8); }
    .top-teaser .boxed *[style^="background-color"] {
      position: absolute;
      top: 0;
      left: 0;
      z-index: -2;
      display: block;
      width: 100%;
      height: 100%;
      opacity: .5; }
    .top-teaser .boxed h3 {
      margin-top: -.2em; }

.top-teaser-slider {
  position: relative;
  height: 0;
  padding-bottom: 45%;
  background-color: #e3e5e5; }
  .top-teaser-slider ul {
    padding: 0;
    list-style: none; }
  .top-teaser-slider ul > li {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 4em; }
    .top-teaser-slider ul > li:first-child {
      left: 0; }
    .top-teaser-slider ul > li:before {
      display: none; }
  .top-teaser-slider nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 4em;
    font-weight: bold; }
    .top-teaser-slider nav ol {
      margin: 0;
      padding: 0;
      list-style: none;
      display: block;
      width: 100%;
      height: 100%;
      position: relative; }
    .top-teaser-slider nav li {
      position: absolute;
      top: 0;
      display: inline-block;
      height: 100%;
      padding: 0;
      margin: 0;
      overflow: hidden;
      text-indent: 100%;
      cursor: pointer;
      opacity: .5;
      -webkit-transition: opacity 0.3s, margin 0.3s;
      -o-transition: opacity 0.3s, margin 0.3s;
      -moz-transition: opacity 0.3s, margin 0.3s;
      transition: opacity 0.3s, margin 0.3s; }
      .top-teaser-slider nav li:before {
        content: "";
        position: absolute;
        top: 50%;
        display: block;
        width: 26px;
        height: 96px;
        margin-top: -48px;
        background: url(/images/slider/pfeile.png) 0 0 no-repeat; }
      .top-teaser-slider nav li.prev {
        width: 4em;
        left: -4em;
        margin-left: 0; }
        .top-teaser-slider nav li.prev:hover {
          margin-left: -8.6666666667px; }
        .top-teaser-slider nav li.prev:before {
          left: 2em;
          margin-left: -13px; }
      .top-teaser-slider nav li.next {
        width: 66.6666666667%;
        right: -4em;
        padding-left: 4em;
        margin-right: 0; }
        .top-teaser-slider nav li.next:hover {
          margin-right: -8.6666666667px; }
        .top-teaser-slider nav li.next:before {
          right: 2em;
          margin-right: -13px;
          background-position: 0 -96px; }
      .top-teaser-slider nav li:hover {
        opacity: 1;
        -webkit-transition: opacity 0.1s, margin 0.1s;
        -o-transition: opacity 0.1s, margin 0.1s;
        -moz-transition: opacity 0.1s, margin 0.1s;
        transition: opacity 0.1s, margin 0.1s; }
      .top-teaser-slider nav li.goto {
        display: none; }

.main-content {
  margin-top: 5.5em;
  padding: 0 4em; }

.main-impressum h4 {
  margin-bottom: 0; }

.main-impressum hgroup h1 {
  margin-bottom: 0.07em; }

.main-impressum hgroup h5 {
  font-weight: normal; }

.map-container {
  width: 100%;
  padding-bottom: 66.67%;
  position: relative;
  margin-bottom: 1.2em;
  position: relative;
  top: 0.4em; }
  .map-container iframe {
    position: absolute;
    width: 100%;
    height: 100%; }

.person {
  margin-top: 2em;
  /* The micro clearfix http://nicolasgallagher.com/micro-clearfix-hack/ */ }
  .person:before, .person:after {
    content: " ";
    display: table; }
  .person:after {
    clear: both; }
  .person:first-child {
    margin-top: 0; }
  .person figure {
    float: left;
    width: 33.3%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 0.75em;
    position: relative;
    top: .2em; }
  .person .text-container {
    float: right;
    width: 66.7%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 0.75em; }

ul.references {
  margin-top: 2em; }
  ul.references:first-child {
    margin-top: 0; }
  ul.references li {
    padding-left: 0;
    margin-top: 2em; }
    ul.references li:first-child {
      margin-top: 0; }
    ul.references li:before {
      display: none; }
/*# sourceMappingURL=all.css.map */