/* RESPONSIVE
-------------------------------------------------- */
/* Colors
-------------------------------------------------- */
/* Components
-------------------------------------------------- */
/* Mixins 
-------------------------------------------------- */
/* Font
-------------------------------------------------- */
/* Grid
-------------------------------------------------- */
/* Responsive
-------------------------------------------------- */
@media screen and (min-width: 1700px) {
  section.cover-image .cover-content.description,
  section.cover-image .cover-content.description.with-bg {
    padding-top: 15%;
  }
  section.cover-image .cover-content.description .col-1-3,
  section.cover-image .cover-content.description.with-bg .col-1-3 {
    width: 40%;
  }
}
@media screen and (min-width: 1600px) {
  section.cover-image {
    min-height: 100vh;
  }
}
@media screen and (max-width: 1430px) {
  section.subpage-teaser .text-full,
  section.subpage-teasers article .text-full {
    padding-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media screen and (max-height: 900px) {
  section.cover-image {
    height: 100vh;
  }
  section.cover-image.cover-image--product {
    min-height: 940px;
  }
}
@media screen and (max-width: 1380px) {
  header .header-nav .grid.grid--wide {
    max-width: 1300px;
    padding-left: 30px;
    padding-right: 30px;
  }
  section.cover-image .cover-content.description .text {
    padding-right: 60px !important;
  }
  section.cover-image .cover-content.description .col-1-3 {
    width: 45%;
  }
  section.intro + section.feature-product {
    margin-top: -40vh;
  }
}
@media screen and (max-width: 1135px) {
  section.text-columns .text .label, section.text-columns .text h5, section.text-columns .text h6, section.text-columns .text label {
    min-width: 50px;
  }
  section.intro + section.feature-product {
    margin-top: -45vh;
  }
}
@media screen and (max-width: 1165px) {
  .nav--main {
    display: none;
  }
  header .header-nav.scrolled {
    background: transparent;
  }
  .nav--sidebar #SidebarButtonMobileMenu {
    display: block;
  }
  section.cover-image .cover-content.description .col-1-3 {
    width: 75%;
  }
}
@media screen and (max-width: 950px) { /* 950px */
  body {
    font-size: 95%;
  }
  header .header-nav .logo img,
  header .header-nav.scrolled .logo img {
    max-width: 120px;
  }
  footer.footer {
    height: 400px;
  }
  /* FORMS */
  .form__group.col-2-3 {
    width: 100%;
  }
  .selectdiv:after {
    top: 5px;
  }
  /* SECTIONS */
  section.accordion .accordion-tab:after {
    right: 10px;
  }
  section.cover-image .cover-content.description {
    padding-right: 60px;
  }
  section.intro + section.cover-image.feature-product {
    padding-top: 0;
    margin-top: -5vh;
    height: 60vh;
    min-height: 1px;
    max-height: 100vh;
    background-size: cover;
    background-position: 30% center;
  }
  section.intro + section.cover-image.feature-product .description {
    width: 100%;
    margin-left: 0;
  }
  section.accordion .accordion-tab:after {
    bottom: 0.75em;
  }
}
@media screen and (min-width: 750px) and (max-width: 950px) {
  section.gallery .image-wrapper {
    height: 190px !important;
  }
}
@media screen and (max-width: 850px) {
  section.intro + section.feature-product .description {
    width: 100%;
  }
  section.cover-image.cover-image--noText {
    height: auto;
    min-height: 1px;
  }
  section.cover-image.cover-image--noText picture, section.cover-image.cover-image--noText figure, section.cover-image.cover-image--noText .photo-filled {
    position: relative;
  }
  section.cover-image.cover-image--noText picture img, section.cover-image.cover-image--noText figure img, section.cover-image.cover-image--noText .photo-filled img {
    height: auto;
  }
}
@media screen and (max-width: 750px) { /* 750px */
  body {
    font-size: 90%;
  }
  .p-large, section.intro .text p {
    font-size: 1.25em;
  }
  main.main-padding-top section:first-child {
    padding-top: 160px;
  }
  .grid.grid--full {
    padding: 0;
  }
  .photo-filled {
    margin-top: 0 !important;
  }
  .contact-form {
    width: 100%;
    margin-left: 0;
    margin-top: 4em;
  }
  /* SECTIONS */
  section {
    padding-top: 2em;
  }
  section.teasers .teaser-box {
    border: none;
  }
  section.subpage-teaser,
  article.subpage-teaser,
  section.subpage-teasers article {
    height: calc(350px * 2 + 2em) !important;
  }
  section.subpage-teaser .text-full,
  section.subpage-teaser .image-full,
  article.subpage-teaser .text-full,
  article.subpage-teaser .image-full,
  section.subpage-teasers article .text-full,
  section.subpage-teasers article .image-full {
    height: 350px !important;
    float: left !important;
    padding: 2em 30px 2em 30px;
    width: 100%;
    max-width: 100%;
  }
  section.text-columns .text {
    margin-bottom: 2em;
  }
  section.text-image .column-text {
    padding-left: 0;
  }
  section.text-image .column-image {
    float: none;
  }
  section.text-image .column-image > div {
    height: 350px !important;
  }
  section.gallery .image-wrapper {
    height: 140px !important;
  }
  section.cover-image .cover-content.description {
    padding-right: 0;
  }
  section.cover-image .cover-content.description .col-1-3 {
    background-image: url("../images/texture-light.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  section.cover-image .cover-content.description.with-bg {
    padding-top: 10em;
    margin-left: 0;
  }
  section.cover-image.cover-video {
    max-height: 50vh;
    min-height: 1px;
  }
  section.cover-image.cover-video #player {
    height: 50vh;
  }
  section.media-full-width {
    height: 350px !important;
  }
  section.media-full-width .media.media--image {
    height: 350px !important;
  }
  section.accordion button.accordion-tab span {
    display: inline-block;
    max-width: 90%;
  }
  section.accordion button.accordion-tab:after {
    right: 0;
  }
  section.history {
    display: none;
  }
  section.history .history-wrapper .history-content-item {
    margin-right: 0;
  }
  section.history .history-wrapper .history-content-item .history-content-item-reveal {
    margin-top: 0;
  }
  section.history .history-wrapper .history-content-item .history-content-item-reveal .history-content-text img {
    max-width: 10000px;
    width: 75px;
    height: 75px;
    z-index: 8;
    position: relative;
    left: 50%;
    top: 10px;
    -webkit-transform: translate(-50%, -105px);
        -ms-transform: translate(-50%, -105px);
            transform: translate(-50%, -105px);
  }
  section.history .history-wrapper .history-content-item.active > span::before {
    background-color: #c5b358;
  }
  section.history .history-wrapper .history-content-item-reveal-fulltext {
    margin-top: -260px;
  }
  footer .logo, footer .social-links, footer .menu--meta, footer .footer-bottom {
    width: 100%;
    padding-right: 0;
    float: left;
  }
  .footer-bottom .copyright, .footer-bottom .cookie-settings {
    width: 50%;
    float: left;
  }
  /* SIDEBAR MENU */
  .nav--sidebar {
    top: 10vh;
    width: 70px;
  }
  .nav--sidebar .button-container {
    height: 44px;
    min-width: 52px;
  }
  .nav--sidebar .button-container i {
    font-size: 18px;
    line-height: 44px;
  }
  .nav--sidebar .button-container .icon-bg {
    width: 52px;
  }
  .nav--sidebar .button-container:hover .button-icon + .button-text {
    width: 170px;
  }
  .nav--sidebar #SidebarButtonMobileMenu {
    top: -48px;
  }
  .nav--sidebar #SidebarButtonDistribution {
    top: 48px;
  }
  .nav--sidebar #SidebarButtonLanguage {
    top: 96px;
  }
  .nav--sidebar #SidebarButtonBack {
    top: 144px;
  }
  .nav--sidebar #SidebarButtonBack.move-up {
    top: 96px;
  }
  .nav--sidebar .custom-select .select-selected:after {
    right: 20px;
  }
  .nav--sidebar .ham-menu {
    top: 10vh;
  }
}
@media screen and (max-width: 650px) and (max-height: 720px) {
  section.intro + section.cover-image.feature-product {
    height: 70vh;
  }
}
@media screen and (max-width: 600px) {
  section.cover-image .cover-content.description .col-1-3 {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  header .header-nav .logo img,
  header .header-nav.scrolled .logo img {
    max-width: 80px;
  }
  main.main-padding-top section:first-child {
    padding-top: 120px;
  }
  section.cover-image {
    height: auto;
    min-height: 100vh;
  }
  section.slider .award-slider .slide img,
  section.slider .block-slider .slide img {
    max-height: 110px;
  }
}
@media screen and (max-width: 375px) {
  section.intro + section.cover-image.feature-product {
    height: 120vh;
    max-height: 120vh;
  }
  section.subpage-teaser,
  article.subpage-teaser,
  section.subpage-teasers article {
    height: calc(480px * 2 + 2em) !important;
  }
  section.subpage-teaser .image-full,
  article.subpage-teaser .image-full,
  section.subpage-teasers article .image-full {
    height: 480px !important;
  }
  section.subpage-teaser .text-full,
  article.subpage-teaser .text-full,
  section.subpage-teasers article .text-full {
    height: auto;
  }
  section.subpage-teaser#bembelbomber {
    height: calc(480px + 480px + 480px / 2 + 2em) !important;
  }
  section.subpage-teaser#bembelbomber .text-full {
    height: calc(480px + 480px / 2) !important;
  }
}
/* DISTRIBUTORS */
@media screen and (min-width: 1000px) {
  #distributors #distributors-map {
    min-height: 520px;
  }
}
@media screen and (min-width: 1250px) {
  #distributors #distributors-map {
    min-height: 640px;
  }
}
@media screen and (min-width: 1000px) {
  #bwc_karte_overlay {
    position: absolute;
    bottom: 0;
    z-index: 2;
    background: rgba(10, 10, 10, 0.9);
    height: 100%;
    padding: 2em;
    width: 30%;
    margin: 0;
  }
}
@media screen and (min-width: 1400px) {
  #bwc_karte_overlay {
    padding: 2em;
  }
}
@media screen and (max-width: 950px) { /* 950px */
  #bwc_karte_overlay {
    margin-bottom: 2em;
  }
}