/**handles:styles-grid**/
/*

Desktop:
@media (max-width: 1620px) {
@media (max-width: 1439px) {
Tablet:
@media (max-width: 1180px) {
@media (max-width: 1080px) {
Mobile:
@media (max-width: 999px) {
@media (max-width: 640px) {

*/
/* grid definitions ---------------------------------------------------------------------------------------------------- */
.grid-width {
  width: 100%;
  max-width: 1400px;
  position: relative;
  margin: 100px auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media (max-width: 1439px) {
  .grid-width {
    max-width: 1160px;
  }
}
@media (max-width: 1180px) {
  .grid-width {
    max-width: 1100px;
  }
}
@media (max-width: 1080px) {
  .grid-width {
    max-width: 999px;
  }
}
@media (max-width: 999px) {
  .grid-width {
    margin: 33.3333333333px auto;
    max-width: 640px;
  }
}
@media (max-width: 640px) {
  .grid-width {
    max-width: 540px;
  }
}
@media (max-width: 540px) {
  .grid-width {
    max-width: 420px;
  }
}
@media (max-width: 420px) {
  .grid-width {
    max-width: 375px;
  }
}
@media (max-width: 375px) {
  .grid-width {
    max-width: 320px;
  }
}
.grid-width--small {
  max-width: 770px;
}
@media (max-width: 640px) {
  .grid-width--small {
    max-width: 540px;
  }
}
@media (max-width: 540px) {
  .grid-width--small {
    max-width: 420px;
  }
}
@media (max-width: 420px) {
  .grid-width--small {
    max-width: 375px;
  }
}
@media (max-width: 375px) {
  .grid-width--small {
    max-width: 320px;
  }
}
.grid-width--fullwidth {
  max-width: 100%;
}
.grid-width--no-margin {
  margin: 0 auto;
}
.grid-width--margin-top {
  margin: 100px auto 0 auto;
}
@media (max-width: 999px) {
  .grid-width--margin-top {
    margin: 33.3333333333px auto 0 auto;
  }
}
.grid-width--margin-bottom {
  margin: 0 auto 100px auto;
}
@media (max-width: 999px) {
  .grid-width--margin-bottom {
    margin: 0 auto 33.3333333333px auto;
  }
}
.grid-width--padding {
  padding: 100px 10px;
}
@media (max-width: 999px) {
  .grid-width--padding {
    padding: 33.3333333333px 10px;
  }
}
.grid-width--padding-top {
  padding: 100px 10px 0 10px;
}
@media (max-width: 999px) {
  .grid-width--padding-top {
    padding: 33.3333333333px 10px 0 10px;
  }
}
.grid-width--padding-bottom {
  padding: 0 10px 100px 10px;
}
@media (max-width: 999px) {
  .grid-width--padding-bottom {
    padding: 0 10px 33.3333333333px 10px;
  }
}

.spezial-page {
  margin: 150px auto 100px auto;
  max-width: 1400px;
}
@media (max-width: 1439px) {
  .spezial-page {
    max-width: 1160px;
  }
}
@media (max-width: 1180px) {
  .spezial-page {
    max-width: 1100px;
  }
}
@media (max-width: 1080px) {
  .spezial-page {
    max-width: 999px;
  }
}
@media (max-width: 999px) {
  .spezial-page {
    margin: 0 auto 33.3333333333px auto;
    max-width: 640px;
  }
}
@media (max-width: 640px) {
  .spezial-page {
    max-width: 540px;
  }
}
@media (max-width: 540px) {
  .spezial-page {
    max-width: 420px;
  }
}
@media (max-width: 420px) {
  .spezial-page {
    max-width: 375px;
  }
}
@media (max-width: 375px) {
  .spezial-page {
    max-width: 320px;
  }
}
.spezial-page .grid-width {
  margin: 0 auto 50px auto;
}
.spezial-page .grid-width--padding {
  padding: 50px 0;
}
@media (max-width: 999px) {
  .spezial-page .grid-width {
    margin: 0 auto 33.3333333333px auto;
  }
}
.spezial-page--image {
  width: 420px;
}
@media (max-width: 999px) {
  .spezial-page--image {
    position: relative;
    top: unset;
    width: 100%;
    margin-bottom: 40px;
  }
}
.spezial-page--content {
  max-width: 768px;
  margin-left: 100px;
}
@media (max-width: 1439px) {
  .spezial-page--content {
    margin-left: 50px;
  }
}
@media (max-width: 1180px) {
  .spezial-page--content {
    margin-left: 25px;
  }
}
@media (max-width: 999px) {
  .spezial-page--content {
    max-width: 100%;
    width: 100%;
    margin-left: 0;
  }
}
.spezial-page--nav {
  width: 420px;
  position: sticky;
  top: 100px;
  margin-top: 100px;
  padding-left: 20px;
  z-index: 9;
}
@media (max-width: 999px) {
  .spezial-page--nav {
    display: none;
  }
}
.spezial-page--menu {
  margin-top: 0;
}
.spezial-page--menu .stickymenu-section {
  padding-top: 100px;
}
@media (max-width: 999px) {
  .spezial-page--menu .stickymenu-section {
    padding-top: 0;
  }
}
.spezial-page .btn--box {
  width: 100%;
}
.spezial-page .btn--box:first-child {
  margin-right: 16px;
}
@media (max-width: 999px) {
  .spezial-page .btn--box:first-child {
    margin-right: 0;
  }
}

.spezial-page--margin .grid-width {
  margin-bottom: 0;
}

.spezial-page--detail.spezial-page--menu .stickymenu-section {
  padding-top: 50px;
}
@media (max-width: 999px) {
  .spezial-page--detail.spezial-page--menu .stickymenu-section {
    padding-top: 0;
  }
}/*# sourceMappingURL=grid.css.map */