@charset "UTF-8";
@import url(reset.css);
/* merriweather-300 - latin */
@import url(hamburg.css);
@import url(../formular/formular.css);
@font-face {
  font-family: 'Merriweather';
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  src: local(""), url("merriweather/merriweather-v25-latin-300.woff2") format("woff2"), url("merriweather/merriweather-v25-latin-300.woff") format("woff"); }
/* merriweather-300italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-display: swap;
  font-style: italic;
  font-weight: 300;
  src: local(""), url("merriweather/merriweather-v25-latin-300italic.woff2") format("woff2"), url("merriweather/merriweather-v25-latin-300italic.woff") format("woff"); }
/* merriweather-700 - latin */
@font-face {
  font-family: 'Merriweather';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  src: local(""), url("merriweather/merriweather-v25-latin-700.woff2") format("woff2"), url("merriweather/merriweather-v25-latin-700.woff") format("woff"); }
/* merriweather-700italic - latin */
@font-face {
  font-family: 'Merriweather';
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  src: local(""), url("merriweather/merriweather-v25-latin-700italic.woff2") format("woff2"), url("merriweather/merriweather-v25-latin-700italic.woff") format("woff"); }
/* line 83, typo.scss */
html {
  font-size: 16px; }

/* line 87, typo.scss */
body {
  line-height: 1.6em;
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  color: #850016; }

/* line 94, typo.scss */
h1 {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 300;
  -moz-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  font-size: 1.5rem;
  padding: 15px 1em;
  color: white;
  text-align: center; }

/* line 103, typo.scss */
h2 {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  -moz-hyphens: none;
  -o-hyphens: none;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  padding: 1em 0 0; }

/* line 109, typo.scss */
h3 {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  padding: 1em 0 0; }

/* line 114, typo.scss */
h4 {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  padding: .5em 0 0;
  margin: 0;
  display: inline-block;
  font-size: 1em; }

/* line 122, typo.scss */
h4 + p {
  padding: 0 0 .5em;
  display: inline; }

/* line 127, typo.scss */
p {
  padding: 1em 0; }

/* line 128, typo.scss */
ul {
  padding: 1em 0;
  list-style: disc; }
  /* line 131, typo.scss */
  ul li {
    margin: .3em 0 .3em 1em; }

/* line 134, typo.scss */
strong, b {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700; }

/* line 135, typo.scss */
i, em {
  font-family: 'Merriweather';
  font-style: italic;
  font-weight: 300; }

/* line 137, typo.scss */
a {
  color: #850016;
  text-decoration: none; }
  /* line 140, typo.scss */
  a:link {
    text-decoration: none; }
  /* line 141, typo.scss */
  a:hover {
    color: #cc6600; }

/* line 144, typo.scss */
article a[href] {
  display: block;
  padding: 7px 4px;
  margin: 4px 0;
  border: solid 1px #850016;
  max-width: 400px;
  word-break: break-word; }
  /* line 146, typo.scss */
  article a[href].tel {
    display: inline-block; }
  /* line 152, typo.scss */
  article a[href]:before {
    content: "►►";
    margin-right: .3em; }
  /* line 156, typo.scss */
  article a[href]:hover {
    background-color: #850016;
    color: #f2d397; }

/* line 162, typo.scss */
svg {
  font-family: 'Merriweather';
  font-style: normal;
  font-weight: 700;
  font-size: 10px; }

/* line 169, typo.scss */
aside h2, aside p {
  padding: .5em 0; }
/* line 170, typo.scss */
aside li {
  font-size: .85rem; }

/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  /* line 177, typo.scss */
  html {
    font-size: 17px; }

  /* line 178, typo.scss */
  h1 {
    font-size: 1.5vw; }

  /* line 179, typo.scss */
  h2 {
    padding: 2em 3em 1em 0; }

  /* line 180, typo.scss */
  h3 {
    padding: .2em 3em .2em 0; }

  /* line 181, typo.scss */
  p {
    padding: .2em 3em .8em 0; }

  /* line 182, typo.scss */
  ul {
    padding: .2em 3em .2em 0; }

  /* line 183, typo.scss */
  #credit {
    font-size: .7rem; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/* line 18, dietlstile.scss */
hr {
  width: 80%;
  height: 1px;
  margin: 0 auto;
  color: #850016;
  background: #850016; }

/* line 26, dietlstile.scss */
main {
  background-color: #ffaf00;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding-top: 40px; }
  /* line 33, dietlstile.scss */
  main div#balken {
    display: grid;
    justify-content: center;
    align-content: center;
    width: 100%;
    margin: 30px 0;
    overflow: hidden;
    background-color: #850016; }
  /* line 44, dietlstile.scss */
  main section {
    animation: fadeIn 1s; }
    /* line 47, dietlstile.scss */
    main section figure {
      border: 2px solid #850016;
      margin: 20px auto;
      width: 60%; }
      /* line 52, dietlstile.scss */
      main section figure.vollebreite {
        border: 0;
        width: 100%;
        padding: 1em 0;
        display: flex;
        justify-content: center; }
        /* line 58, dietlstile.scss */
        main section figure.vollebreite img {
          max-width: 400px; }
      /* line 61, dietlstile.scss */
      main section figure img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    /* line 68, dietlstile.scss */
    main section article {
      padding: 2em; }
    /* line 69, dietlstile.scss */
    main section aside {
      display: none; }

/* line 75, dietlstile.scss */
svg line {
  stroke: #850016; }
/* line 76, dietlstile.scss */
svg text {
  fill: #850016; }

/* line 80, dietlstile.scss */
footer {
  color: #850016;
  padding: 5px 20px;
  background-color: #f2d397;
  border: 2px solid #850016;
  text-align: center; }
  /* line 87, dietlstile.scss */
  footer ul {
    margin: 0;
    padding: 0; }
    /* line 90, dietlstile.scss */
    footer ul li {
      display: inline-block;
      padding: 0 .5em; }

/* line 97, dietlstile.scss */
#credit {
  text-align: center; }

/* line 101, dietlstile.scss */
#kartencontainer iframe {
  width: 100%;
  border: #850016 solid 2px !important;
  height: 400px; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* Styles */ }
/* Smartphones (landscape) ----------- */
@media only screen and (min-width: 321px) {
  /* Styles */ }
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  /* Styles */ }
/* tablet (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1224px) {
  /* line 133, dietlstile.scss */
  main section {
    max-width: 700px;
    margin: 0 auto; }
    /* line 136, dietlstile.scss */
    main section figure {
      max-width: 300px;
      max-height: 80vh; }
      /* line 139, dietlstile.scss */
      main section figure.vollebreite {
        max-width: 500px; } }
/* tablet (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1224px) and (orientation: landscape) {
  /* Styles */ }
/* tablet (portrait) ----------- */
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  /* scrollbar */
  /* line 175, dietlstile.scss */
  * {
    scrollbar-color: #850016 #ffaf00; }

  /* line 176, dietlstile.scss */
  *::-webkit-scrollbar {
    width: 24px; }

  /* line 177, dietlstile.scss */
  *::-webkit-scrollbar-track {
    background: #ffaf00; }

  /* line 178, dietlstile.scss */
  *::-webkit-scrollbar-thumb {
    background-color: #850016;
    border-radius: 20px;
    border: 3px solid #ffaf00; }

  /* scrollbar ende*/
  /* line 185, dietlstile.scss */
  html {
    width: 100%;
    height: 100%;
    display: table; }

  /* line 191, dietlstile.scss */
  body {
    display: grid;
    grid-template-rows: 0.2fr minmax(600px, 2.7fr) 0.2fr;
    grid-template-columns: 1fr minmax(1200px, 10fr) 1fr;
    height: 100vh;
    width: 100vw;
    background-color: #ffaf00;
    background-image: linear-gradient(0deg, #ffaf00 50%, #850016 75%, #ffaf00 100%);
    background-size: 4px 4px; }

  /* line 203, dietlstile.scss */
  main {
    grid-row: 2/ 3;
    grid-column: 2 / 3;
    display: grid;
    grid-template-rows: 70px 55px 1fr auto;
    grid-template-areas: "nav " "balken" "sektion" "footer";
    padding-top: 0;
    max-width: none;
    box-shadow: 0px 0px 33px black; }
    /* line 219, dietlstile.scss */
    main div#balken {
      grid-area: balken;
      position: fixed;
      left: 0;
      margin-top: 70px;
      height: 55px; }
    /* line 229, dietlstile.scss */
    main section {
      grid-area: sektion;
      display: grid;
      grid-template-columns: 1fr 1.2fr 280px 24px;
      grid-gap: 2em;
      overflow: hidden; }
      /* line 238, dietlstile.scss */
      main section figure {
        grid-column: 1 / 2;
        width: 100%;
        margin: -2px 0;
        overflow: hidden; }
      /* line 246, dietlstile.scss */
      main section article {
        grid-column: 2 / -1;
        grid-row: 1 / 2;
        padding-right: 328px;
        overflow-y: scroll; }
        /* line 252, dietlstile.scss */
        main section article div {
          display: block;
          padding-bottom: 3em; }
      /* line 258, dietlstile.scss */
      main section aside {
        grid-column: 3 / -2;
        grid-row: 1 / 2;
        display: block;
        z-index: 10;
        padding: 2em 0 0 2em;
        margin-right: -2em; }
        /* line 266, dietlstile.scss */
        main section aside > * {
          border-left: 1px solid #850016;
          padding-left: 1em; }
        /* line 272, dietlstile.scss */
        main section aside ul li {
          padding: .3em 0; }
          /* line 274, dietlstile.scss */
          main section aside ul li a {
            display: block;
            padding: 0 5px; }
            /* line 277, dietlstile.scss */
            main section aside ul li a:hover {
              background-color: #850016;
              color: #ffaf00; }

  /* line 288, dietlstile.scss */
  footer {
    grid-area: footer;
    align-self: end;
    font-size: 0.85em; }

  /* line 294, dietlstile.scss */
  #credit {
    position: fixed;
    bottom: 0;
    right: 0; } }
/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  /* Styles */ }

/*# sourceMappingURL=dietlstile.css.map */