html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

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

@font-face {
  font-family: 'FiraSans';
  src: local("FiraSans"), local("FiraSans-Regular");
  src: url("FiraSans-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal; }
* {
  box-sizing: border-box; }

body {
  margin: 0;
  padding: 0;
  color: #666;
  font-family: 'FiraSans', HelveticaNeue, Arial, sans-serif;
  font-size: 100%;
  line-height: 1.5; }
  body .container {
    max-width: 60rem;
    margin: 0 auto;
    padding: 0 0.75rem; }
  body .kopf_zeile .logo_symbol {
    display: block;
    float: left;
    width: 4rem;
    margin: 0.5rem 0.5rem 0.75rem 0; }
  body .kopf_zeile .logo_beschreibung {
    margin: 0 0 0.75rem;
    padding-top: 0.8rem;
    color: #9b0;
    font-size: 0.55rem;
    line-height: 1.3; }
    body .kopf_zeile .logo_beschreibung .fragment.wichtig {
      font-weight: bold; }
  body .kopf_zeile .menu_hamburger {
    float: right;
    width: 3rem;
    margin: 0.5rem 0 0 0.5rem; }
  body .kopf_zeile .menu_zeile {
    display: none;
    margin-top: 0.5rem; }
    body .kopf_zeile .menu_zeile a {
      display: block;
      margin: 0.1rem 0;
      padding: 0.25rem 1rem;
      color: #666;
      background-color: #dedfe1;
      font-weight: bold;
      text-align: right;
      text-decoration: none;
      text-transform: uppercase; }
      body .kopf_zeile .menu_zeile a.sub {
        background-color: #f0f1f2;
        font-weight: normal; }
  body .block {
    clear: both;
    display: block;
    padding: 1em;
    margin: 0.3em 0;
    text-align: center; }
    body .block.bild {
      padding: 0;
      *zoom: 1; }
      body .block.bild:before, body .block.bild:after {
        content: " ";
        display: table; }
      body .block.bild:after {
        clear: both; }
      body .block.bild img {
        display: block;
        width: 100%;
        border-bottom: 1px solid white; }
      body .block.bild h1,
      body .block.bild p {
        padding: 0 1rem; }
      body .block.bild p:last-child {
        padding-bottom: 1rem; }
      body .block.bild.wechsler {
        position: relative; }
        body .block.bild.wechsler img {
          position: absolute;
          top: 0;
          left: 0;
          opacity: 0;
          transition: opacity 2s linear; }
          body .block.bild.wechsler img:first-child {
            position: relative;
            opacity: 0; }
          body .block.bild.wechsler img.sichtbar {
            opacity: 1; }
    body .block.gross_schrift {
      color: white;
      font-size: 1.19rem;
      line-height: 1.2;
      text-align: left;
      text-transform: uppercase; }
      body .block.gross_schrift em {
        font-style: normal; }
      body .block.gross_schrift .autor {
        margin-top: 0.5rem;
        color: #666;
        font-size: 1rem; }
    body .block .block_bild {
      width: 100%; }
    body .block .block_bild + h1 {
      margin-top: 1rem; }
    body .block h1 {
      margin-bottom: 0.79em;
      font-size: 1.26em;
      font-weight: normal;
      text-transform: uppercase; }
      body .block h1:last-child {
        margin-bottom: 0; }
    body .block h2 {
      margin-top: 1rem; }
    body .block img + p {
      margin-top: 1rem; }
    body .block p + p {
      margin-top: 1rem; }
    body .block a {
      color: #666;
      text-decoration: underline; }
    body .block.symbol h1 {
      margin-bottom: 1rem;
      padding-bottom: 1rem;
      border-bottom: 1px solid #666; }
    body .block.symbol a {
      color: #9b0;
      font-weight: bold;
      text-decoration: none; }
    body .block.symbol .link_bleu {
      color: #88CFE8; }
  body .zeile_block {
    margin: 0.3em 0; }
  body .akzent {
    background-color: #9b0; }
  body .grau {
    background-color: #EBECED; }
  body .bleu {
    background-color: #88CFE8; }
  body .bleu_dunkel {
    background-color: #84abb9; }
  body .invers {
    color: white; }
    body .invers a.mail {
      color: white;
      font-weight: normal;
      text-decoration: underline; }
    body .invers a.taste {
      display: inline-block;
      padding: 0.5rem 3rem;
      border: 2px solid white;
      color: white;
      font-weight: normal;
      font-size: 1.4161rem;
      text-transform: uppercase;
      text-decoration: none; }
  body .sand {
    background-color: #F4F2DC; }
  body .icon_symbol {
    width: 5rem;
    height: 5rem;
    margin: 0 auto 1rem;
    padding: 1.25rem;
    border-radius: 5rem; }
  body footer {
    color: white;
    font-size: 0.84rem; }
    body footer.block {
      text-align: left; }
      body footer.block a {
        color: white;
        font-weight: normal;
        text-decoration: none;
        text-transform: none; }
    body footer .icon_link {
      display: block;
      float: right;
      width: 2rem;
      margin: 0.25rem 0 0.5rem; }
      body footer .icon_link img {
        width: 100%; }

@media only screen and (min-width: 660px) {
  body .kopf_zeile .logo_symbol {
    width: 8rem;
    margin-right: 1.5rem;
    margin-bottom: 1rem; }
  body .kopf_zeile .logo_beschreibung {
    padding-top: 1.25rem;
    font-size: 1rem; }
    body .kopf_zeile .logo_beschreibung .fragment {
      display: inline; }
    body .kopf_zeile .logo_beschreibung .fragment + .fragment {
      margin-left: 1rem; }
  body .kopf_zeile .menu_hamburger {
    display: none; }
  body .kopf_zeile .menu_zeile {
    display: block;
    margin-top: 1.5rem; }
    body .kopf_zeile .menu_zeile .menu_block {
      position: relative;
      display: block;
      float: left;
      width: auto;
      margin: -0.5rem 0.5rem -0.5rem -0.5rem;
      padding: 0.5rem 0.5rem;
      background-color: none;
      z-index: 1; }
      body .kopf_zeile .menu_zeile .menu_block a {
        display: block;
        float: none;
        margin: 0;
        padding: 0;
        background-color: transparent;
        text-align: left; }
        body .kopf_zeile .menu_zeile .menu_block a.sub {
          display: none;
          width: auto;
          min-width: 11rem;
          position: absolute;
          top: 2.5rem;
          margin: -0.5rem -1rem;
          padding: 0.5rem 1rem;
          background-color: white;
          white-space: nowrap; }
          body .kopf_zeile .menu_zeile .menu_block a.sub:last-child {
            top: 4.5rem; }
      body .kopf_zeile .menu_zeile .menu_block:hover .sub {
        display: block; }
  body .zeile_block {
    clear: both;
    display: flex;
    flex-direction: row; }
    body .zeile_block .block {
      margin: 0; }
      body .zeile_block .block.bild {
        flex: 2;
        margin-right: 0.25rem; }
        body .zeile_block .block.bild img {
          float: none;
          width: 100%;
          margin: 0;
          padding: 0;
          border: none; }
      body .zeile_block .block.gross_schrift {
        flex: 1;
        padding: 2rem; }
      body .zeile_block .block.symbol {
        flex: 1; }
  body .block.bild img {
    float: left;
    width: 45%;
    margin: 1.5rem;
    border: 1px solid white; } }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


 */