@charset "UTF-8";
@font-face {
  font-family: "DiaBold";
  src: url("../fonts/Dia Bold.eot");
  src: url("../fonts/Dia Bold.woff") format("woff"); }

@font-face {
  font-family: "SaolDisplay";
  src: url("../fonts/SaolDisplay-Regular.eot");
  src: url("../fonts/SaolDisplay-Regular.woff") format("woff");
  src: url("../fonts/SaolDisplay-Regular.woff2") format("woff2"); }

/**
 * Firefox specific rule
 */
html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; }

@-moz-document url-prefix() {
  body {
    font-weight: normal; } }

body {
  margin: 0px;
  font-family: 'DiaBold', sans-serif;
  font-size: 16px;
  line-height: 1.25em;
  overflow-x: hidden;
  background-color: white; }
  body .wrapper {
    max-width: 1400px;
    -webkit-box-shadow: -4px 15px 26px 6px rgba(158, 158, 158, 0.6);
    -moz-box-shadow: -4px 15px 26px 6px rgba(158, 158, 158, 0.6);
    box-shadow: -4px 15px 26px 6px rgba(158, 158, 158, 0.6);
    margin: 0 auto; }
  body .anchor_links {
    position: absolute;
    width: 20px;
    height: 20px;
    margin-top: -100px; }
  body a {
    color: black;
    text-decoration: underline; }
    body a:hover {
      cursor: pointer;
      color: black;
      text-decoration: underline; }
  body .mobile {
    display: none; }
  body #space {
    content: "";
    background: white;
    height: 30vh;
    transition: all 0.2s ease; }
  body #header-banner {
    -webkit-transition: top 1s ease-in-out;
    -moz-transition: top 1s ease-in-out;
    -o-transition: top 1s ease-in-out;
    transition: top 1s ease-in-out;
    -webkit-box-shadow: -4px 15px 26px 6px rgba(158, 158, 158, 0.6);
    -moz-box-shadow: -4px 15px 26px 6px rgba(158, 158, 158, 0.6);
    box-shadow: -4px 15px 26px 6px rgba(158, 158, 158, 0.6);
    position: absolute;
    overflow: hidden;
    top: 0px;
    background: white;
    z-index: 200;
    height: 100vh;
    width: 100%;
    overflow: hidden;
    font-size: 1em;
    line-height: 1.25em; }
    body #header-banner .right_gluck {
      position: relative;
      width: 100%;
      height: 50vh;
      display: flex;
      align-items: center;
      text-align: right;
      font-size: 1.2em; }
      body #header-banner .right_gluck .logo-banner {
        width: 100%;
        text-align: right;
        display: block; }
        body #header-banner .right_gluck .logo-banner img {
          height: 25vh;
          width: auto;
          background-color: white; }
        body #header-banner .right_gluck .logo-banner .title {
          position: absolute;
          left: 50%;
          transform: translateX(-100%);
          bottom: 1vh;
          max-width: 160px;
          text-align: left;
          z-index: 200; }
      body #header-banner .right_gluck .opening, body #header-banner .right_gluck .closing {
        position: absolute;
        height: 220px;
        width: 220px;
        z-index: 200;
        background-color: #C8ECE0;
        border-radius: 50%;
        text-align: center;
        line-height: 1.2em; }
      body #header-banner .right_gluck .closing p, body #header-banner .right_gluck .opening p {
        margin: 0;
        font-size: 1em;
        line-height: 1.2em;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%; }
      body #header-banner .right_gluck .opening {
        left: 65%;
        top: 18vh;
        transform: translateY(50%); }
      body #header-banner .right_gluck .closing {
        left: 50%;
        bottom: -30vh;
        transform: translateY(50%); }
    body #header-banner .left_gluck {
      font-size: 1.2em;
      position: relative;
      width: 100%;
      height: 50vh;
      display: flex;
      justify-content: center;
      align-items: center; }
      body #header-banner .left_gluck .logo-banner-left {
        width: 100%;
        text-align: left;
        display: block; }
      body #header-banner .left_gluck img {
        height: 25vh;
        width: auto;
        margin-right: -200px; }
      body #header-banner .left_gluck .address {
        position: absolute;
        bottom: 5vh;
        right: 10%; }
  @media only screen and (min-width: 1920px) {
    body #header-banner .right_gluck {
      font-size: 1.5em; }
      body #header-banner .right_gluck .logo-banner img {
        height: 30vh; }
      body #header-banner .right_gluck .logo-banner .title {
        max-width: 200px; }
      body #header-banner .right_gluck .opening, body #header-banner .right_gluck .closing {
        width: 300px;
        height: 300px; }
    body #header-banner .left_gluck {
      font-size: 1.5em; }
      body #header-banner .left_gluck img {
        height: 30vh; } }
  body .header_menu {
    display: none;
    position: relative;
    height: 50px;
    width: 100%; }
    body .header_menu .header_menu_left {
      float: left;
      width: auto;
      padding-left: 20px; }
      body .header_menu .header_menu_left img {
        height: 30px;
        width: auto; }
  body .menu_upper {
    background: white;
    position: fixed;
    top: 75px;
    right: 20px;
    z-index: 20;
    border: solid 1px black;
    display: none; }
    body .menu_upper ul {
      margin: 0;
      padding-left: 10px;
      padding-right: 10px; }
      body .menu_upper ul a {
        text-decoration: none;
        display: block;
        height: auto; }
        body .menu_upper ul a li {
          list-style: none;
          font-size: 20px;
          color: black;
          padding: 5px; }
        body .menu_upper ul a li:hover {
          background: #C8ECE0; }
  body .visible {
    display: block; }
  body #site-wrapper {
    margin: 0 auto;
    position: relative; }
  body h1 {
    font-size: 1em;
    font-family: 'SaolDisplay', sans-serif; }
  body img, body picture {
    width: 100%;
    height: auto; }
  body .only_image {
    position: relative; }
  body p {
    font-size: 16px;
    max-width: 500px; }
  body header {
    max-width: 1380px;
    font-size: 0.8em;
    left: 50%;
    transform: translateX(-50%);
    position: fixed;
    top: 0;
    height: 60px;
    z-index: 15;
    width: 100%;
    padding: 10px;
    background: white;
    vertical-align: middle;
    list-style-type: none; }
    body header .nav_mobile {
      display: none; }
    body header a {
      display: inline-block;
      position: relative;
      height: 60px;
      vertical-align: middle; }
      body header a img, body header a picture {
        width: 100%;
        height: 40px;
        padding-top: 10px;
        padding-left: 5px; }
    body header #section_title_up {
      display: none;
      position: fixed;
      top: 33px;
      left: 25%; }
    body header h2 {
      display: inline-block;
      margin-left: 40px;
      font-weight: normal;
      vertical-align: middle;
      font-family: 'Diabold', sans-serif; }
    body header .top_right {
      float: right;
      vertical-align: middle; }
      body header .top_right .menu {
        vertical-align: middle;
        display: inline-block;
        width: 30px;
        padding: 10px 0;
        background-image: url("/static/images/menu.png");
        background-size: contain;
        background-repeat: no-repeat;
        margin-top: 30px;
        margin-right: 20px;
        transform: translateY(-50%);
        cursor: pointer; }
      body header .top_right .menu.close_menu {
        background-image: url("/static/images/close.png"); }
  body footer {
    font-size: 20px; }
    body footer .footer_nave {
      margin-left: 50%;
      padding: 30px 0; }
      body footer .footer_nave a {
        color: black;
        padding: 0 30px;
        text-decoration: none; }
      body footer .footer_nave a:hover {
        cursor: pointer;
        color: black; }
  body .section {
    max-width: 1400px;
    margin: 0 auto;
    margin-bottom: 50px;
    position: relative; }
    body .section h2 {
      position: absolute;
      left: 25%;
      top: 0;
      font-weight: normal;
      font-family: 'SaolDisplay', sans-serif; }
      body .section h2 p {
        font-size: 2.1em;
        line-height: 1.3em;
        margin: 0px;
        font-weight: lighter; }
    body .section h2.fixed {
      background: transparent;
      position: fixed;
      top: 0px;
      left: 25%;
      z-index: 15;
      margin-top: 28px; }
    body .section .section_content {
      position: relative;
      overflow: visible;
      padding-top: 80px; }
      body .section .section_content .section_image_texts {
        margin: 0 auto;
        padding: 50px 0 0px 0; }
        body .section .section_content .section_image_texts img, body .section .section_content .section_image_texts picture {
          transform-origin: 50% 50%; }
    body .section .block {
      content: "";
      clear: both;
      display: table; }
  body #section_uber-uns h2 {
    position: absolute;
    top: 380px;
    z-index: 10;
    right: 30%;
    width: auto;
    left: unset; }
  body #section_uber-uns .only_image {
    width: 59%;
    display: inline-block; }
    body #section_uber-uns .only_image img {
      width: 80%; }
  body #section_uber-uns .image_text {
    width: 35%;
    display: inline-block;
    padding-left: 5%; }
  body #section_aktuelles h2 {
    top: -40px; }
  body #section_aktuelles .mobile_only {
    display: none; }
  body #section_aktuelles .section_content .section_image_texts_container {
    background-color: #C8ECE0; }
    body #section_aktuelles .section_content .section_image_texts_container .section_image_texts {
      padding-top: 0; }
    body #section_aktuelles .section_content .section_image_texts_container .image_text {
      display: inline-block;
      width: 49%;
      vertical-align: top;
      padding-top: 10%; }
      body #section_aktuelles .section_content .section_image_texts_container .image_text img.vertical {
        padding-top: 20px;
        width: 40%;
        padding-left: 15%;
        margin-bottom: -6px; }
      body #section_aktuelles .section_content .section_image_texts_container .image_text img.horizontal {
        padding-top: 20px;
        width: 80%;
        padding-left: 15%;
        margin: 0 auto;
        margin-bottom: -6px; }
      body #section_aktuelles .section_content .section_image_texts_container .image_text p {
        padding-left: 15%; }
    body #section_aktuelles .section_content .section_image_texts_container .only_image {
      float: right;
      vertical-align: top;
      display: inline-block;
      width: 50%;
      text-align: right; }
      body #section_aktuelles .section_content .section_image_texts_container .only_image img {
        width: 80%;
        right: 0;
        top: 300px;
        position: absolute; }
    body #section_aktuelles .section_content .section_image_texts_container .next_event {
      position: relative;
      padding-top: 40px;
      width: 80%;
      margin: 0 0 0 auto;
      text-align: left; }
      body #section_aktuelles .section_content .section_image_texts_container .next_event .next_event_title {
        margin: 0;
        padding-left: 5px;
        padding-bottom: 20px; }
      body #section_aktuelles .section_content .section_image_texts_container .next_event .event_container {
        padding: 20px 5px;
        margin: 0;
        margin-bottom: 20px;
        background-color: white; }
        body #section_aktuelles .section_content .section_image_texts_container .next_event .event_container p {
          margin: 0; }
    body #section_aktuelles .section_content .section_image_texts_container .left .next_event {
      margin-left: 200px; }
  body #section_sortiment .image_text, body #section_sortiment .only_image {
    width: 49%;
    padding: 0;
    float: left;
    padding-top: 40px; }
  body #section_sortiment .only_image {
    width: 50%; }
  body #section_sortiment h2 {
    left: 25%; }
  body #section_sortiment .order_1 img {
    width: 75%; }
  body #section_sortiment .order_2 {
    padding-top: 220px;
    float: right; }
    body #section_sortiment .order_2 img {
      width: 65%;
      padding-left: 20%; }
  body #section_sortiment .order_3 {
    padding-top: 0px; }
    body #section_sortiment .order_3 p {
      padding-left: 25%;
      width: 60%;
      max-width: unset; }
  body #section_sortiment .order_4 {
    float: right; }
    body #section_sortiment .order_4 p {
      width: 80%;
      padding-left: 18.5%; }
  body #section_sortiment .order_5, body #section_sortiment .order_6 {
    float: left;
    display: inline-block;
    vertical-align: top; }
  body #section_sortiment .order_5 {
    width: 60%; }
    body #section_sortiment .order_5 p {
      width: 45%;
      padding-right: 5%;
      padding-left: 50%; }
  body #section_sortiment .order_6 {
    width: 37%; }
    body #section_sortiment .order_6 img {
      width: 60%; }
  body #section_sortiment .order_7 {
    display: inline-block;
    float: none; }
  body #section_sortiment .order_8 {
    width: 20%;
    padding-left: 10%;
    vertical-align: bottom;
    display: inline-block;
    float: none; }
  body #section_veranstaltungen .titles {
    position: relative; }
  body #section_veranstaltungen .section_content {
    max-width: 1400px;
    padding-top: 0px;
    margin: 0 auto; }
    body #section_veranstaltungen .section_content .section_image_texts {
      padding-top: 0; }
    body #section_veranstaltungen .section_content .events_container {
      background-color: #C8ECE0;
      padding: 20px 40px;
      min-height: 40vh; }
      body #section_veranstaltungen .section_content .events_container .year_container {
        vertical-align: top;
        display: inline-block;
        width: 49%; }
        body #section_veranstaltungen .section_content .events_container .year_container .event {
          padding: 20px 0; }
          body #section_veranstaltungen .section_content .events_container .year_container .event p {
            margin: 0; }
      body #section_veranstaltungen .section_content .events_container span.date {
        text-decoration: underline; }
    body #section_veranstaltungen .section_content .order_1 {
      width: auto;
      position: absolute;
      right: 0;
      top: 40px; }
      body #section_veranstaltungen .section_content .order_1 img {
        width: auto;
        height: 35vh; }
    body #section_veranstaltungen .section_content .order_3 {
      margin-top: 0px;
      position: relative;
      width: 50%;
      position: absolute;
      bottom: 0; }
      body #section_veranstaltungen .section_content .order_3 p {
        display: none; }
      body #section_veranstaltungen .section_content .order_3 img {
        width: 50%;
        margin: 0 30% 0 20%; }
    body #section_veranstaltungen .section_content .order_2 {
      margin-top: 0px;
      width: 50%;
      margin-left: 50%;
      display: inline-block; }
  body #section_kontakt {
    padding-top: 60px; }
    body #section_kontakt .section_content {
      padding-top: 0; }
    body #section_kontakt h2 {
      position: absolute;
      margin: 0; }
      body #section_kontakt h2 p {
        margin: 0; }
    body #section_kontakt .section_image_texts {
      padding: 0; }
    body #section_kontakt .order_1 {
      width: 64%;
      display: inline-block;
      vertical-align: top;
      padding-top: 25vh; }
      body #section_kontakt .order_1 p {
        padding-left: 20%; }
    body #section_kontakt .order_2 {
      width: 35%;
      height: 40vh;
      vertical-align: top;
      display: inline-block;
      position: relative; }
      body #section_kontakt .order_2 p {
        margin: 0;
        position: absolute;
        bottom: 0; }
    body #section_kontakt .order_3 {
      padding-left: 30%;
      padding-top: 40px; }
    body #section_kontakt .order_4 {
      position: absolute;
      top: 0;
      left: 45%; }
      body #section_kontakt .order_4 img {
        height: 40vh;
        width: auto; }
  body #section_Impressum {
    position: relative;
    padding-top: 140px; }
    body #section_Impressum .section_content {
      padding-top: 0;
      padding: 0 40px; }
    body #section_Impressum .section_image_texts {
      padding: 0; }
    body #section_Impressum h2 {
      position: absolute;
      top: 0px;
      left: 25%;
      padding-left: 22px;
      margin-top: 0; }
      body #section_Impressum h2 p {
        font-family: Diabold;
        font-size: 0.8em;
        line-height: 1.1em;
        margin: 0; }
    body #section_Impressum .only_image {
      width: 20%;
      display: inline-block;
      vertical-align: top;
      margin-right: 5%;
      padding-bottom: 17px; }
    body #section_Impressum .image_text {
      width: 60%;
      display: inline-block;
      vertical-align: top;
      padding-top: 25px; }
      body #section_Impressum .image_text img {
        display: inline-block; }
  body #section_Datenschutzerklärung {
    margin-top: 40px; }
    body #section_Datenschutzerklärung h2 {
      position: relative;
      padding-left: 25%;
      left: unset; }
      body #section_Datenschutzerklärung h2 p {
        font-family: Diabold;
        font-size: 0.8em;
        line-height: 1.1em;
        margin: 0;
        padding-left: 20px; }
    body #section_Datenschutzerklärung .section_content {
      margin-left: 25%;
      padding-top: 0px;
      width: 60%; }
      body #section_Datenschutzerklärung .section_content p {
        padding-left: 20px; }
    body #section_Datenschutzerklärung .section_image_texts {
      padding: 0; }

@media only screen and (max-width: 1300px) {
  body #section_uber-uns h2 {
    top: 300px; } }

@media only screen and (max-width: 1200px) {
  #header-banner .right_gluck .closing {
    left: 40%; }
  #header-banner .left_gluck .address {
    right: 5%; }
  body #section_uber-uns h2 {
    top: 100px; }
  body #section_kontakt .order_4 {
    left: 40%; } }

@media only screen and (max-width: 950px) {
  body #section_uber-uns h2 {
    top: 50px;
    right: 20%; }
  body #section_kontakt .order_1 {
    width: 74%; }
  body #section_kontakt .order_2 {
    width: 25%; }
  body #section_kontakt .order_4 {
    left: 45%; } }

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