@media only screen and (max-width: 1250px) {
  .logo {
    width: 290px;
    top: 10px; }

  .header-socials .socials-global {
    left: 275px;
    top: 5px; }

  .nav li {
    padding-left: 25px; }

  .vertreter .produkt-vertreter {
    width: 120px; } }
@media only screen and (max-width: 1200px) {
  .vertreter .produkt-vertreter {
    width: 100px; } }
@media only screen and (max-width: 1120px) {
  .logo {
    width: 250px;
    top: 15px; }

  .header-socials .socials-global {
    left: 235px;
    top: 10px; }

  .nav li {
    padding-left: 15px; }

  .nav li a {
    font: 700 16px/20px "Heebo", sans-serif; }

  .vorschau-inhalt h3 {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }

  .page-content .category-element h3 {
    font: 500 15px/16px "Heebo", sans-serif;
    padding: 10px 0 0px 0; }

  .sidebar {
    width: 240px; }

  .page-content {
    padding: 35px 30px 0 240px; }

  .subpages li a {
    font: 500 15px/28px "Heebo", sans-serif; }

  .subpages li li a {
    font: 400 13px/16px "Heebo", sans-serif;
    padding: 0 5px; }

  .footer-content.content h3 {
    font-size: 22px; }

  .teaser.content ul li {
    padding: 5px 0 3px 10px;
    line-height: 17px; }

  .vertreter {
    width: 100%; }

  .vertreter .email-icon {
    display: none; }

  .vertreter .email-schrift {
    display: block; }

  .vertreter .produkt-vertreter {
    width: auto; } }
@media only screen and (max-width: 1023px) {
  .search-form {
    float: left;
    width: 100%;
    margin: 20px 0 15px 0; }

  .search-field {
    margin: 0px 0 0 0px;
    font: 400 16px/20px "Heebo", sans-serif;
    width: 200px; }

  .search-field::placeholder {
    font: 400 16px/20px "Heebo", sans-serif; }

  .search-submit {
    background-size: 80% 80%;
    right: inherit;
    top: -2px;
    left: 170px; }

  .secondary {
    float: left;
    width: 100%; }

  .tab-content {
    width: 103%; }

  .wrapper {
    width: 100%; }

  .header, .fix_header .header {
    height: 70px;
    position: fixed;
    top: 0;
    z-index: 500; }

  .logo, .fix_header .logo {
    left: 20px;
    top: -3px;
    margin-left: 0px;
    width: 200px;
    z-index: 900; }

  .main, .fix_header .main {
    padding-top: 60px; }

  .news-listing h3 {
    font: 700 14px/15px "Open Sans", sans-serif;
    padding: 0 0 1px 0; }

  .news-element {
    padding: 10px 10px 10px 18px;
    margin: 0px 0 0 0; }

  .preview-listings {
    width: 100%;
    margin: 5px 0 0 0;
    padding: 20px 3.8% 10px 3.8%; }

  .page-heading h2.section-heading span, .page-heading h1.section-heading span {
    width: 45px;
    height: 25px;
    margin: -1px 7px 0 0px; }

  .single.last-child .page-heading h2.section-heading span {
    width: 45px; }

  .sidebar {
    display: none;
    min-height: 0;
    position: absolute;
    top: 30px;
    left: 0;
    background: #fff;
    -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
    padding-top: 10px;
    z-index: 90; }

  .sidebar-open .sidebar {
    display: block; }

  .spitze {
    width: 30px;
    height: 20px;
    position: absolute;
    left: 72px;
    top: -19px;
    z-index: 91;
    background: url(images/spitze.png) center bottom no-repeat; }

  .toggle-sidebar {
    position: absolute;
    width: 70px;
    height: 15px;
    left: 53px;
    bottom: -15px;
    cursor: pointer;
    background: #aaaaaa url(images/down-solid.svg) center center no-repeat;
    background-size: 11px 10px;
    z-index: 89;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -ms-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px; }

  .page-content {
    padding: 35px 30px 0 30px; }

  .footer-content.content h3 {
    font: 400 20px/23px "Open Sans", sans-serif;
    padding: 0 0 3px 0;
    color: #555; }

  ul.bread_crumb li {
    display: none; }

  ul.bread_crumb li.level-2 {
    display: inline-block; }

  .mobile-nav {
    position: absolute;
    top: -15px;
    right: 30px;
    width: 35px;
    height: 80px;
    z-index: 1000;
    background: url(images/nav.svg) center center no-repeat;
    background-size: 80% auto;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    display: block; }

  .menu-open .mobile-nav {
    background: url(images/close.svg) center center no-repeat;
    background-size: 80% auto; }

  body.menu-open {
    position: fixed; }

  .nav-wrapper {
    display: block;
    position: fixed;
    width: 80%;
    right: -100%;
    -webkit-transition: right 0.3s ease;
    -moz-transition: right 0.3s ease;
    -o-transition: right 0.3s ease;
    transition: right 0.3s ease;
    z-index: 700;
    overflow: auto;
    height: 100%; }

  .menu-open .nav-wrapper {
    display: block !important;
    top: 0;
    right: 0;
    padding: 0;
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.7); }

  .nav-wrapper .rel {
    background: #d9e6b2;
    float: left;
    position: relative;
    padding: 80px 50px 50px 50px;
    width: 100%;
    height: auto;
    min-height: 100vh;
    z-index: 600; }

  .header-socials .socials-global {
    left: inherit;
    top: inherit;
    right: 0px;
    bottom: 70px; }

  nav, .links {
    float: left;
    position: relative;
    left: inherit;
    right: inherit;
    top: inherit;
    bottom: inherit;
    width: 100%;
    height: auto; }

  ul.nav li {
    padding: 10px 0;
    margin: 0;
    float: right;
    width: 100%;
    text-align: right; }

  ul.nav li a {
    padding: 3px 0;
    float: right;
    width: 100%;
    text-align: left;
    color: #000;
    letter-spacing: 0.75px;
    font: 700 18px/18px "Open Sans", sans-serif; }

  ul.nav li a:hover {
    color: #fff; }

  .links {
    margin: 15px 0 0 0;
    padding: 15px 0 0 0;
    border-top: 1px solid #adcb58; }

  .links ul li {
    display: block;
    text-align: center; }

  .links ul li:after {
    content: ''; }

  .links ul li a {
    font: 400 16px/18px "Heebo", sans-serif;
    display: block;
    padding: 5px 0;
    text-align: left; }

  .links ul li a:hover {
    color: #fff; } }
@media only screen and (max-width: 900px) {
  .tab-content {
    width: 104%; }

  .home-slider {
    width: 100%; }

  .home-news {
    width: 100%;
    padding: 0 0 20px 0; }

  .swiper-pagination.lower {
    display: none; }

  .swiper-pagination.upper {
    display: block; }

  .news-element {
    padding: 10px 0px 10px 1px;
    margin: 0px 0 0 0; }

  .preview-listings .col-third {
    display: none;
    width: 100%;
    border: none; }

  .preview-listings .col-third:first-child {
    display: block; }

  .preview-listings .col-third:last-child {
    display: block;
    border-top: 1px solid #000;
    margin-top: 20px;
    padding-top: 20px; }

  .list-element {
    padding: 0;
    width: 50%; }

  .vorschau-bild {
    width: 30%; }

  .news-teaser span {
    display: inline-block;
    padding: 0 0 0 5px; }

  .hero-two-third {
    width: 100%; }

  .hero-one-third {
    width: 100%;
    padding: 0; }

  .hero-one-third h1 {
    font: 700 35px/37px "Heebo", sans-serif;
    padding: 10px 0 0 0; }

  .footer-content h3 {
    font-size: 17px !important;
    letter-spacing: 0 !important;
    color: #000 !important;
    font-weight: 400 !important; } }
@media only screen and (max-width: 767px) {
  .content .alignright, .content .alignleft {
    max-width: 50% !important;
    height: auto; }

  .category-element {
    width: 49.8%;
    padding: 30px 0px;
    border-bottom: 1px solid #555; }

  .cat-listing div:last-child, .cat-listing div:nth-last-child(2)
  , .sub-cat-list div:last-child, .sub-cat-list div:nth-last-child(2) {
    border-bottom: none;
    border-top: none; }

  .pe .sub-cat-list div:nth-last-child(2).list-break {
    border-top: 1px solid #555 !important; }

  .pe div:last-child.list-break {
    border-top: none; }

  .category-element.third .rel {
    border-right: 1px solid #555; }

  .category-element.second .rel {
    border-right: none !important; }

  .list-break {
    display: none; }

  .pe .list-break {
    display: block; }

  .related-products .list-break, .sub-cat.list-break {
    display: block; }

  .smaller700 {
    display: block; }

  .hide700 {
    display: none !important; }

  .col-half {
    width: 100%;
    padding: 0 !important; }

  .produkt-infos h1 {
    padding: 10px 0 0 0; }

  .produkt-infos .swiper-controls {
    margin-bottom: -20px; } }
@media only screen and (max-width: 700px) {
  .produkt-element {
    padding: 20px 0; }

  .produkt-element .rel {
    padding: 0 20px 0 0px; }

  .produkt-element.second .rel {
    padding: 0 0px 0 20px; }

  .produkt-element .vorschau-bild {
    width: 100%; }

  .produkt-element .vorschau-inhalt {
    width: 100%;
    padding: 0; }

  .produkt-element .vorschau-teaser, .category-element .vorschau-teaser {
    font: 400 11px/13px "Open Sans", sans-serif;
    color: #aaa;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

  .produkt-element .vorschau-preis {
    text-align: left; }

  .produkt-element h3, .category-element h3 {
    overflow: visible;
    white-space: normal;
    padding-top: 2px !important;
    text-align: left;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    font: 500 15px/17px "Heebo", sans-serif; }

  .footer-socials {
    padding-top: 30px; }

  .content .vertreter {
    padding-bottom: 20px;
    width: 100%; } }
@media only screen and (max-width: 600px) {
  h1 {
    font: 700 30px/32px "Heebo", sans-serif;
    padding: 10px 0 0 0; }

  .vorschau-bild {
    width: 100%;
    text-align: center; }

  .vorschau-bild img {
    width: 70%;
    float: none;
    display: inline-block; }

  .vorschau-inhalt {
    width: 100%;
    text-align: center; }

  .tab-content .list-element, .list-children .list-element {
    width: 100%; }

  .tab-content .vorschau-bild, .list-children .list-element .vorschau-bild {
    width: 25%; }

  .tab-content .vorschau-bild img, .list-children .list-element .vorschau-bild img {
    width: 100%;
    float: left; }

  .tab-content .vorschau-inhalt, .list-children .list-element .vorschau-inhalt {
    width: 75%;
    text-align: center; }

  .list-element h5 {
    font-weight: 500; }

  .tab-content .list-element h5, .tab-content .vorschau-teaser
  , .list-children .list-element h5, .list-children .list-element .vorschau-teaser {
    text-align: left; }

  .page-content .vorschau-bild img, .products .vorschau-bild img {
    width: 100%; }

  .category-element, .products .category-element {
    padding: 20px 0; }

  .category-element .rel, .products .category-element .rel {
    padding: 0 20px 0 0px  !important; }

  .category-element.second .rel, .products .category-element.second .rel {
    padding: 0 0px 0 20px  !important; }

  .swiper-scroll.prev, .swiper-scroll.next {
    display: none; }

  .one-third, .one-third.first, .one-third.last {
    width: 100% !important;
    padding: 0 0 20px 0 !important; }

  .footer-socials {
    float: left;
    position: relative;
    top: inherit;
    right: inherit;
    width: 100%;
    padding: 0px 0 0 0;
    margin: -30px 0 0 -5px; }

  /*=======================================================
                       FancyBox (3)                 
  ======================================================= */
  .fancybox-container .single-top {
    width: 90%; }

  .fancybox-hidden-content {
    display: none;
    width: 90%; }

  .fancybox-infobar {
    width: 100px;
    left: 50%;
    top: -5px;
    margin-left: -50px; }

  .fancybox-navigation button {
    top: 100%;
    margin-top: -70px; }

  .fancybox-navigation .fancybox-button--arrow_left {
    left: -10px; }

  .fancybox-navigation .fancybox-button--arrow_right {
    right: -10px; } }
@media only screen and (max-width: 400px) {
  .home-slider, .hero-two-third {
    width: 110%;
    margin-left: -15px; }

  .fancybox-stage .hero-two-third {
    width: 100%;
    margin-left: 0; }

  .main {
    overflow: hidden; }

  .produkt-infos .slider {
    width: 110%;
    margin-left: -15px; }

  .padded {
    padding: 0 15px; }

  .heros.padded, .page-content {
    padding: 30px 15px 0 15px; }

  .fancybox-stage .heros.padded {
    padding: 0; }

  .heros .hero-one-third {
    padding-bottom: 20px; }

  .logo, .fix_header .logo {
    left: 10px; }

  .mobile-nav {
    right: 15px; }

  .sub-cat.list-break {
    margin-top: 10px; }

  .page-heading h2.section-heading span, .page-heading h1.section-heading span {
    width: 37px;
    height: 25px;
    margin: -1px 7px 0 0px; }

  .page-heading h2.section-heading, .page-heading h1.section-heading {
    margin: 0 0 -10px 0; }

  .single.last-child .page-heading h2.section-heading span {
    width: 37px; }

  .toggle-sidebar {
    left: 43px;
    bottom: -19px;
    cursor: pointer;
    background: #aaaaaa url(images/down-solid.svg) center center no-repeat;
    background-size: 11px 10px;
    z-index: 89;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -ms-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px; }

  .spitze {
    left: 64px; }

  ul.bread_crumb li {
    padding: 0 0 0 5px; }

  .produkt-subtitle {
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto; }

  .tab-title {
    letter-spacing: -0.5px; }

  .tab-title:before {
    margin-right: 4px; }

  .content .alignright, .content .alignleft {
    max-width: inherit !important;
    width: 100% !important;
    margin-bottom: 20px; } }
@media only screen and (max-width: 360px) {
  .header-socials .socials-global {
    right: 20px;
    bottom: 20px;
    width: 127px; }

  .nav-wrapper .rel {
    padding-left: 30px; }

  .tab-title {
    letter-spacing: -1px; } }