body {
    font-family: 'Poppins', inherit;
    background-color: #eeeeee;
  
  }
  
  @media (min-device-width: 1024px) {
    body {
      background: url('/static/blog/img/background.jpg'); 
      background-position: right;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: cover;
    }
  }
  
  a:hover {
    text-decoration: none;
  }
  
  h1 {
     font-family: 'Staatliches', sans-serif;
     font-weight: bold;
     font-size: 5rem;
  }
  
  h3 {
    font-family: 'Patrick Hand', cursive;
    font-size: 1.4rem;
  }
  
  
  /* modifizierte Bootstrap Klassen */
  .dunkelgrau {
    background-color: #222222;
  }
  
  footer {
    font-size: 0.8rem;
    background-color: #222222;
    color: #7b7b7b;
  }
  
  footer a, a:visited {
    color: #888888;
  }
  
  footer a:hover {
    color: #aaaaaa;
    text-decoration: none;
  }
  
  figcaption {
    text-align: center;
    font-size: 0.7rem;
  }
  
  /* Eigene Klassen */
  
  .beitragsnavigation {
    margin-top: 2.0rem;
    font-size: 0.9rem;
  }
  
  .zitat {
    font-family: 'Mansalva';
    font-size: 2rem;
    margin-top: 2.5rem;
    margin-bottom: 2rem;
  }
  
  hr.zitat {
    border: 0.06rem solid #aaaaaa;
    border-radius: 5px;
    width: 45%;
    margin: 0 auto;
  }
  
  .seitenleiste {
    font-size: 0.9rem;
  }
  
  li.seitenleiste {
    list-style-type: none;
  }
  
  .ssl {
    font-size: 0.8rem;
    color: #199d33;
  }
  
  .taglist {
    /*display: none;*/
    font-size: 1.5rem;
    border: 1px solid #aaaaaa;
    border-radius: 10px;
    padding: 1.5rem;
  }
  
  .tags-small {
    font-size: 0.7rem;
  }
  
  .tags-middle {
    font-size: 1.3rem;
  }
  
  .tags-big {
    font-size: 1.8rem;
  }
  
  
  .map-responsive {
      overflow:hidden;
      padding-bottom:50%;
      position:relative;
      height:0;
  }

  .map-responsive iframe {
      left:0;
      top:0;
      height:100%;
      width:100%;
      position:absolute;
  }
  
  
  /* Schriftarten */
  @font-face {
    font-family: 'Staatliches';
    font-style: sans-serif;
    font-weight: 400;
    src: local('Staatliches Regular'), local('Staatliches-Regular'), url('/static/blog/font/Staatliches-Regular.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: local('Poppins Redgular'), local('PoppinsRegular'), url('/static/blog/font/Poppins-Regular.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  @font-face {
    font-family: 'Patrick Hand';
    font-style: normal;
    font-weight: 400;
    src: local('Patrick Hand Regular'), local('PatrickHand-Regular'), url('/static/blog/font/PatrickHand-Regular.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  @font-face {
    font-family: 'Mansalva';
    font-style: normal;
    font-weight: 400;
    src: local('Mansalva Regular'), local('MansalvaRegular'), url('/static/blog/font/Mansalva-Regular.ttf') format('truetype');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }