/*!
 * Dr. Kennzeichen Shop - Responsive Design (Dr. Zulassung)
 * Copyright 2025 Violution GbR, Dortmund
 * Autor: Daniela Brigula
 */
/*!
 * Dr. Kennzeichen Shop - Corporate Design Variablen (Dr. Zulassung)
 * Copyright 2025 Violution GbR, Dortmund
 * Autor: Daniela Brigula
 */
/* Color Set Dr. Zulassung */
/* Gradients */
/* Font-Weights */
/* Font Awesome */
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("../../global_theme/css/fontawesome-free-6.7.2-web/webfonts/fa-solid-900.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../global_theme/css/fontawesome-free-6.7.2-web/webfonts/fa-regular-400.woff2") format("woff2");
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("../../global_theme/css/fontawesome-free-6.7.2-web/webfonts/fa-brands-400.woff2") format("woff2");
}
.fa:before {
  font-family: "Font Awesome 6 Free", sans-serif;
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/* Fonts */
@font-face {
  font-family: "Red Hat Text";
  src: url("fonts/RedHatText-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url("fonts/RedHatText-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url("fonts/RedHatText-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url("fonts/RedHatText-Regular.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url("fonts/RedHatText-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url("fonts/RedHatText-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url("fonts/RedHatText-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url("fonts/RedHatText-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url("fonts/RedHatText-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Red Hat Text";
  src: url("fonts/RedHatText-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
/* Reset & Basics */
* {
  box-sizing: border-box;
}

body, html {
  font-family: "Red Hat Text", sans-serif;
  color: #24282c;
  font-weight: 400;
  font-size: 19px;
  line-height: 1.7;
  margin: 0;
  padding: 0;
  position: relative;
  background-color: #f8f9fc;
}

@media only screen and (max-width: 1660px) {
  body {
    border: 3px solid #0000ff;
  }
  .binding, #header .inside, #footer .inside .row {
    max-width: calc(100% - 60px);
    min-width: calc(100% - 60px);
  }
  .binding.small-binding, .binding .small-binding, .binding.small_binding, .binding .small_binding, #header .inside.small-binding, #header .inside .small-binding, #header .inside.small_binding, #header .inside .small_binding, #footer .inside .row.small-binding, #footer .inside .row .small-binding, #footer .inside .row.small_binding, #footer .inside .row .small_binding {
    max-width: calc(100% - 100px);
    min-width: calc(100% - 100px);
  }
  #bestseller-slider {
    width: 95%;
  }
  #bestseller-slider .swiper-slide .text h3 {
    font-size: 18px;
    display: block;
    margin-bottom: 12px;
    margin-top: 10px;
  }
  .topicslider-swiper-navigation .topicslider-button-prev {
    left: -30px;
  }
  .topicslider-swiper-navigation .topicslider-button-next {
    right: -30px;
  }
}
@media only screen and (max-width: 1480px) {
  body {
    border: 3px solid #f39;
  }
  #main .icon-benefit-box h2 {
    font-size: 20px;
  }
  #main .icon-benefit-box h2:before {
    top: -3px;
    font-size: 1.6rem;
  }
  #main .icon-benefit-box h2 p {
    max-width: 100%;
    line-height: 1.5;
  }
  #main .mod_iso_productlist .product-card-default .text h3 {
    font-size: 0.95rem;
  }
  #main .mod_iso_productlist .product-card-default .text p.price .price-info {
    font-size: 0.8rem;
  }
  #main .mod_iso_productlist .submit_container {
    width: 83%;
  }
  #main .mod_iso_productlist .submit_container input.submit {
    font-size: 15px;
    padding: 15px 0;
  }
  #main .mod_iso_productlist .submit_container .quantity_container input.text {
    padding: 10px 10px;
  }
  #header #logo {
    flex: 0 0 20%;
    max-width: 20%;
  }
  #header .mod_navigation {
    flex: 0 0 46.666%;
    max-width: 46.666%;
  }
}
@media only screen and (max-width: 1350px) {
  body {
    border: 3px dashed #53cc38;
  }
  #main h2.bigger.set-center {
    max-width: 80% !important;
  }
  #main .mod_login.login, #main .registration-teaser {
    padding: 15px 40px;
    height: 560px;
  }
  #main .mod_login.login p, #main .registration-teaser p {
    max-width: 100%;
  }
  #main .mod_iso_productlist .product-card-default {
    flex: 0 0 calc(33.333% - 30px);
    max-width: calc(33.333% - 30px);
  }
  #main .mod_iso_productlist .product-card-default figure {
    height: 240px;
  }
  #main .mod_iso_productlist .product-card-default .text {
    height: 329px;
  }
  .small-binding .binding, .small_binding .binding {
    max-width: calc(100% - 60px);
    min-width: calc(100% - 60px);
  }
  #main h2.lookslikeh1 {
    font-size: 38px;
  }
  #main .step {
    margin-right: 20px;
    padding: 82px 42px 35px 40px;
  }
  #main .step.col_4 {
    flex: 0 0 calc(33.333% - 14px);
    max-width: calc(33.333% - 14px);
  }
  #main .step h3:before {
    font-size: 58px;
    top: -84px;
  }
  #main #step1:after {
    right: -23px;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 23px solid #54a8dc;
  }
  #main #step2:after {
    right: -23px;
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 23px solid #0f75bc;
  }
  #main #step2:before, #main #step3:before {
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 23px solid #f8f9fc;
  }
}
@media only screen and (max-width: 1280px) {
  body {
    border: 3px solid #887f5c;
  }
}
@media only screen and (max-width: 1150px) {
  body {
    border: 3px double #7b19b4;
  }
  #main .icon-benefit-box {
    padding: 0 40px;
  }
  #main .icon-benefit-box h2 {
    padding-left: 0;
    font-size: 19px;
    line-height: 25px;
    text-align: center;
    white-space: normal;
  }
  #main .icon-benefit-box h2:after {
    margin: 10px auto;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    width: 100px;
  }
  #main .icon-benefit-box h2:before {
    top: -56px;
    font-size: 38px;
    left: calc(50% - 19px);
  }
  #main .icon-benefit-box p {
    text-align: center;
    padding-left: 0;
    max-width: 100% !important;
  }
  #main .mod_article.article_cta {
    padding: 105px 20px 80px 20px;
  }
  #main .category-card.col_4 {
    height: 320px;
    margin-left: 5px;
    margin-right: 5px;
    flex: 0 0 calc(33.333% - 10px);
    max-width: calc(33.333% - 10px);
  }
  #main .category-card.col_4 h2 a {
    font-size: 20px;
    line-height: 27px;
    height: 110px;
  }
  #main .mod_registration, #main .default-form:not(.small-form) {
    padding: 40px 26px 40px 50px;
  }
  #main .registration-teaser .submit {
    margin-top: 4px;
  }
  #bestseller-slider .swiper-slide .text h3 {
    font-size: 17px;
    font-weight: 600;
  }
  .binding.small-binding, .binding .small-binding, .binding.small_binding, .binding .small_binding, #header .inside.small-binding, #header .inside .small-binding, #header .inside.small_binding, #header .inside .small_binding, #footer .inside .row.small-binding, #footer .inside .row .small-binding, #footer .inside .row.small_binding, #footer .inside .row .small_binding {
    max-width: calc(100% - 60px);
    min-width: calc(100% - 60px);
  }
  #footer .footer-claim p {
    font-size: 30px;
    line-height: 1.35;
    margin-bottom: 144px;
  }
  #footer .footer-col1,
  #footer .footer-col2,
  #footer .footer-col3 {
    padding: 40px 15px 0 0;
  }
  #footer #payment-icons ul {
    max-width: 100%;
  }
  #footer #payment-icons ul li {
    flex: 0 0 18%;
    max-width: 18%;
    padding: 0 6px 0 0;
  }
}
@media only screen and (max-width: 1030px) {
  body {
    border: 3px double rgba(170, 111, 199, 0.59);
  }
  #main .mod_faqlist {
    width: 100%;
  }
  #main .mod_iso_productlist .product-card-default {
    margin-left: 6px;
    margin-right: 6px;
    flex: 0 0 calc(33.333% - 12px);
    max-width: calc(33.333% - 12px);
    margin-bottom: 18px;
  }
  #main #login-register-page .col-6, #main #login-register-page .col_6 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
  #main .mod_login.login, #main .registration-teaser {
    padding: 15px 40px 60px 40px;
    height: auto;
  }
  #main .small-form {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 40px 50px 40px 50px;
  }
  #main .registration-teaser p:last-child {
    margin-bottom: 0;
  }
  #footer .footer-claim p {
    font-size: 28px;
    line-height: 1.35;
    margin-bottom: 154px;
  }
}
@media only screen and (max-width: 960px) {
  body {
    border: 3px double #1f1a9a;
  }
  #main .mod_iso_productlist .product-card-default {
    margin-left: 10px;
    margin-right: 10px;
    flex: 0 0 calc(50% - 20px);
    max-width: calc(50% - 20px);
    margin-bottom: 22px;
  }
  #main .mod_iso_productlist .product-card-default .text h3 {
    font-size: 1.1rem;
  }
  #main .category-card.col_4 h2 a {
    font-size: 18px;
    line-height: 25px;
    height: 100px;
  }
  #main h1 {
    font-size: 40px;
  }
  #main h2 {
    font-size: 23px;
    margin-bottom: 0.5em;
  }
  #footer h3 {
    margin-bottom: 25px;
    margin-top: 40px;
    font-size: 19px;
  }
  #footer .mod_customnav ul {
    margin: 0 0 30px 0;
    width: 100%;
  }
  #footer .footer-col1,
  #footer .footer-col2 {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 0;
  }
  #footer .footer-col3 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  #footer .footer-claim p {
    font-size: 30px;
    line-height: 1.35;
    margin-bottom: 40px;
    max-width: 490px;
  }
  #footer #payment-icons ul {
    margin-bottom: 45px;
    max-width: 430px;
  }
  #footer #payment-icons ul li {
    flex: 0 0 16.666%;
    max-width: 16.666%;
  }
}
@media screen and (max-width: 850px) {
  body {
    border: 3px dashed #74bd30;
  }
  #main .icon-benefit-box {
    padding: 0 20px;
  }
  #main .icon-benefit-box h2 {
    font-size: 18px;
  }
  #main .mod_article.article_cta .row.binding {
    max-width: 100%;
    min-width: 100%;
    margin: 0 !important;
  }
  #main .mod_iso_productlist .product-card-default .text h3 {
    font-size: 0.95rem;
  }
  /* Hide Contact-Button */
  #header #top-info.sticky {
    display: none;
  }
  #main .category-card.col_4 {
    height: 350px;
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 100%;
    max-width: 100%;
  }
  #main .category-card.col_4 h2 a {
    font-size: 26px;
    line-height: 27px;
    height: 80px;
  }
  #main .category-card.col_4 figure {
    border-bottom: 0;
  }
  #main .category-card.col_4 figure img {
    border-radius: 10px;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: center -63px;
    width: 100%;
    margin: 0;
  }
  #bestseller-slider .swiper-slide .text h3 {
    font-size: 16px;
  }
  #main .small-form form .widget.widget-submit {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #main .small-form form .widget.widget-submit button {
    width: 100%;
    min-width: 100%;
  }
  /* Umbruch der breiteren Cols*/
  .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5,
  .col_11, .col_10, .col_9, .col_8, .col_7, .col_6, .col_5 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
  .col-11.align-right, .col-10.align-right, .col-9.align-right, .col-8.align-right, .col-7.align-right, .col-6.align-right, .col-5.align-right,
  .col_11.align-right, .col_10.align-right, .col_9.align-right, .col_8.align-right, .col_7.align-right, .col_6.align-right, .col_5.align-right {
    text-align: left;
  }
  .col-11.align-right figure, .col-10.align-right figure, .col-9.align-right figure, .col-8.align-right figure, .col-7.align-right figure, .col-6.align-right figure, .col-5.align-right figure,
  .col_11.align-right figure, .col_10.align-right figure, .col_9.align-right figure, .col_8.align-right figure, .col_7.align-right figure, .col_6.align-right figure, .col_5.align-right figure {
    text-align: left !important;
  }
  .col-6,
  .col_6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-6.align-right,
  .col_6.align-right {
    text-align: left;
  }
  .col-6.align-right figure,
  .col_6.align-right figure {
    text-align: left !important;
  }
  #main .mod_iso_productlist .product-card-default .col_9 {
    flex: 0 0 75%;
    max-width: 75%;
  }
  #main .mod_iso_productlist .product-card-default .text {
    position: relative;
    padding: 10px 25px;
    height: 347px;
    display: block;
    pointer-events: auto;
  }
  #main .mod_iso_productlist .product-card-default .submit_container {
    width: 85%;
    bottom: -32px;
  }
  #header #logo {
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
  #header #logo a {
    top: -14;
    width: 166px;
    height: 133px;
  }
  #header #logo a img {
    height: 63%;
    margin-top: 15%;
  }
  #header .shop-shortcuts {
    flex: 0 0 75% !important;
    max-width: 75% !important;
  }
  #header #top-info #supportWindow span {
    margin-left: 23px;
  }
  #header #top-info #supportWindow span a {
    font-size: 0.8rem;
  }
  #header #top-info #supportWindow span i {
    margin-right: 5px;
    font-size: 0.85rem;
  }
  #header.sticky #logo a {
    transform: scale(0.58) !important;
    top: -29px;
  }
  #main h1 {
    font-size: 34px;
  }
  #main .step {
    padding: 106px 42px 35px 42px;
  }
  #main .step.col_4 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
  }
  #main .step h3 {
    font-size: 28px;
  }
  #main .step p {
    font-size: 19px;
  }
  #main #step1 {
    padding: 90px 42px 35px 42px;
  }
  #main #step1:after {
    top: 99%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #54a8dc;
  }
  #main #step2:after {
    top: 99%;
    left: 50%;
    transform: translateX(-50%);
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #0f75bc;
  }
  #main #step2:before, #main #step3:before {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #f8f9fc;
  }
}
@media screen and (max-width: 660px) {
  body {
    border: 3px dotted #ccc;
  }
  #main .mod_faqlist .ce_accordion .accordion {
    padding: 25px 3px 30px 40px;
  }
  #main .mod_faqlist .ce_accordion .accordion p, #main .mod_faqlist .ce_accordion .accordion ul li {
    max-width: 94%;
  }
  #main .mod_faqlist .ce_accordion h3.toggler {
    font-size: 16px;
    padding: 16px 20px 16px 40px;
    line-height: 20px;
    white-space: normal;
    height: auto;
  }
  #main .mod_faqlist .ce_accordion .ui-accordion-header {
    position: relative;
  }
  #main .mod_faqlist .ce_accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    display: block;
    left: 13px;
    top: 16px;
  }
  #main .mod_faqlist .ce_accordion .ui-accordion-header .ui-accordion-header-icon:before {
    margin-right: 0;
  }
  #main .icon-benefit-box.col_4 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 120px;
  }
  #main .icon-benefit-box.col_4:last-child {
    margin-bottom: 0px;
  }
  #main h2.bigger.set-center {
    max-width: 95% !important;
    font-size: 27px;
  }
  #main h2.bigger.set-center.m-bottom-80 {
    margin-bottom: 50px !important;
  }
  #main .mod_iso_productlist .product-card-default {
    margin-left: 0;
    margin-right: 0;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 30px;
    height: 500px;
  }
  #main .mod_iso_productlist .product-card-default .text {
    height: 245px;
  }
  #main .mod_iso_productlist .product-card-default .text p.price {
    font-size: 24px;
  }
  #main .category-card.col_4 figure img {
    object-fit: contain;
    object-position: top;
  }
  #main .category-card.col_4 h2 a {
    font-size: 22px;
    line-height: 27px;
    height: 94px;
  }
  #header {
    height: 102px;
  }
  #header #top-info {
    text-align: center;
  }
  #header #top-info #default-content {
    width: 100%;
    white-space: nowrap;
  }
  #header #top-info #supportWindow span i {
    margin-right: 4px;
    font-size: 1rem;
  }
  #header #top-info #supportWindow span a {
    font-size: 0;
    width: 20px;
    display: inline-block;
    overflow: hidden;
  }
  #header #logo {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
  }
  #header #logo a {
    left: -30px;
    height: 152px;
    top: -28px;
    transform: scale(0.8);
  }
  #header .shop-shortcuts {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
  #header .shop-shortcuts .shop-shortcuts-inner .col {
    height: 54px;
  }
  #header .shop-shortcuts .shop-shortcuts-inner .col.search-head {
    width: 32%;
  }
  #header .shop-shortcuts .shop-shortcuts-inner .col .mod_search {
    position: relative;
    margin-right: 23px;
  }
  #header .shop-shortcuts .shop-shortcuts-inner .col .mod_search form .widget input {
    width: 100%;
  }
  #header .shop-shortcuts .shop-shortcuts-inner .col .mod_search .widget-submit {
    position: absolute;
    right: -23px;
    top: 0;
  }
  #header .shop-shortcuts .shop-shortcuts-inner .col .mod_search .widget-submit button.submit {
    font-size: 19px;
  }
  #header .shop-shortcuts .shop-shortcuts-inner .col .mod_search input {
    margin-top: 9px;
  }
  #header .shop-shortcuts .shop-shortcuts-inner a {
    width: 45px;
    font-size: 21px;
  }
  #header.sticky #logo a {
    margin-left: -29px !important;
    top: -30px !important;
    transform: scale(0.5) !important;
  }
  #bestseller-slider {
    width: 90%;
  }
  #bestseller-slider .swiper-slide {
    position: relative;
    height: 620px;
  }
  #bestseller-slider .swiper-slide .text {
    height: 265px;
  }
  #bestseller-slider .swiper-slide .text h3 {
    font-size: 20px;
  }
  #bestseller-slider .swiper-slide figure {
    height: 320px;
  }
  #article-13890 .m-bottom-60 {
    margin-bottom: 30px !important;
  }
  #main h2.lookslikeh1 {
    font-size: 35px;
    margin-top: 25px;
  }
  #main .mod_login.login, #main .registration-teaser, #main .mod_registration, #main .default-form {
    padding: 40px 40px 40px 40px;
  }
  #main .mod_login.login h2, #main .registration-teaser h2, #main .mod_registration h2, #main .default-form h2 {
    text-align: center;
  }
  #main form .widget {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #main form .widget input:not([type=checkbox]):not([type=radio]),
  #main form .widget textarea,
  #main form .widget select,
  #main form .widget button {
    width: 100%;
  }
  #main form .widget.widget-submit {
    flex: 0 0 100%;
    max-width: 100%;
  }
  #main form .widget.widget-submit button {
    width: 100%;
    min-width: 100%;
  }
  #footer .footer-col1, #footer .footer-col2 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 590px) {
  #main p, #main ul, #main ol {
    color: #24282c;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.7;
  }
  #main .mod_login.login,
  #main .registration-teaser {
    padding: 5px 25px 60px 25px;
  }
  #main .mod_login.login h2,
  #main .registration-teaser h2 {
    margin-top: 33px;
    font-size: 21px;
  }
  #main .mod_login.login .submit,
  #main .registration-teaser .submit {
    min-width: 100%;
  }
  #main .mod_iso_productlist .product-card-default {
    height: 515px;
  }
  #main .mod_iso_productlist .product-card-default .col_3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
  #header #hamburger-menu-container #main-navigation {
    padding-right: 10px !important;
  }
  #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li a, #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li strong.active {
    font-size: 18px !important;
    letter-spacing: 1px !important;
    padding: 0 0 0 13px !important;
  }
  #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li a:before, #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li strong.active:before {
    left: -7px;
  }
  #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li ul.level_2 a, #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li ul.level_2 strong.active {
    padding: 10px 13px !important;
    font-size: 15px !important;
  }
  #bestseller-slider .swiper-slide figure {
    height: 290px;
  }
  #bestseller-slider .swiper-slide .text {
    height: 295px;
  }
  #bestseller-slider .swiper-slide .text h3 {
    font-size: 19px;
  }
  #main .step h3 {
    font-size: 19px;
  }
  #main h2.lookslikeh1 {
    font-size: 32px;
    margin-top: 20px;
  }
  #main h3.lookslikeh2, #main h4.lookslikeh2, #main h5.lookslikeh2, #main h6.lookslikeh2 {
    font-size: 25px;
  }
  /* Umbruch der letzten Cols */
  .col-4, .col-3, .col-2, .col-1,
  .col_4, .col_3, .col_2, .col_1 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-4.align-right, .col-3.align-right, .col-2.align-right, .col-1.align-right,
  .col_4.align-right, .col_3.align-right, .col_2.align-right, .col_1.align-right {
    text-align: left;
  }
  .col-4.align-right figure, .col-3.align-right figure, .col-2.align-right figure, .col-1.align-right figure,
  .col_4.align-right figure, .col_3.align-right figure, .col_2.align-right figure, .col_1.align-right figure {
    text-align: left !important;
  }
  .mobile-break {
    display: block;
    height: 5px;
    color: transparent;
  }
}
@media screen and (max-width: 478px) {
  body {
    border: 3px solid #000;
  }
  #main .mod_iso_productlist .product-card-default {
    height: 555px;
  }
  #main .mod_iso_productlist .product-card-default .text {
    height: 289px;
  }
  #main .mod_iso_productlist .product-card-default .text p {
    line-height: 1.6;
  }
  #header #logo a {
    left: -39px;
    height: 170px;
    top: -64px;
    transform: scale(0.5);
    box-shadow: none;
    border-radius: 0;
    background-color: transparent;
  }
  #header #logo a img {
    height: 58%;
    margin-top: 21%;
  }
  #header.sticky #logo a {
    margin-left: -5px !important;
    top: -51px !important;
    transform: scale(0.5) !important;
  }
  #main h2.lookslikeh1 {
    font-size: 28px;
    margin-top: 20px;
  }
  #main h3.lookslikeh2, #main h4.lookslikeh2, #main h5.lookslikeh2, #main h6.lookslikeh2 {
    font-size: 22px;
  }
  .topicslider-swiper-navigation .topicslider-button-prev {
    left: -5px;
  }
  .topicslider-swiper-navigation .topicslider-button-next {
    right: -5px;
  }
  #main #bestseller-slider {
    width: 78%;
  }
  #footer #payment-icons ul {
    max-width: 90%;
  }
  #footer #payment-icons ul li {
    flex: 0 0 20%;
    max-width: 20%;
  }
  .binding, #header .inside, #footer .inside .row,
  .small-binding .binding, .small_binding .binding {
    max-width: calc(100% - 25px);
    min-width: calc(100% - 25px);
  }
}
@media screen and (max-width: 400px) {
  #header #hamburger-menu-container #main-navigation {
    padding: 21px 0 21px 20px !important;
  }
  #main h2.lookslikeh1 {
    font-size: 26px;
    margin-top: 20px;
  }
  #main h3.lookslikeh2, #main h4.lookslikeh2, #main h5.lookslikeh2, #main h6.lookslikeh2 {
    font-size: 20px;
  }
  #footer .footer-claim p {
    font-size: 28px;
  }
}
/* Hover none */
@media screen and (max-width: 1300px), screen and (hover: none) {
  #header {
    /* Hamburger aktivieren */
  }
  #header #hamburger-toggler {
    display: block !important;
    visibility: visible !important;
  }
  #header #logo {
    flex: 0 0 50%;
    max-width: 50%;
  }
  #header .shop-shortcuts {
    flex: 0 0 50%;
    max-width: 50%;
  }
  #header .mod_navigation {
    display: none;
  }
  #header #hamburger-menu-container {
    position: fixed;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    z-index: -1000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease;
  }
  #header #hamburger-menu-container #main-navigation {
    position: fixed;
    left: -35.625rem;
    max-width: 90vw;
    width: 100%;
    padding: 35px;
    height: 100vh;
    transition: left 0.4s ease;
    background-color: rgba(3, 3, 3, 0.7);
    overflow-y: auto;
  }
  #header #hamburger-menu-container #main-navigation.mod_navigation {
    display: block;
    position: relative;
    height: 100%;
    width: 100%;
    overflow: scroll;
  }
  #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 {
    margin: 0;
    padding: 0;
    display: block;
  }
  #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li {
    margin: 10px 0 0 0;
    padding: 2px 15px;
    display: block;
    width: 100%;
    height: 100%;
  }
  #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li:last-child {
    border-bottom: 0 none;
  }
  #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li a, #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li strong.active {
    padding: 0 0 0 1.5rem;
    display: block;
    height: auto;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li a:hover, #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li strong.active:hover {
    color: rgb(255, 255, 255);
    background-color: transparent;
  }
  #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li strong.active, #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li a.trail {
    color: #54a8dc;
  }
  #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li:before {
    display: none;
  }
  #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li ul.level_2 {
    position: relative;
    left: auto;
    visibility: visible;
    opacity: 1;
    top: unset;
    transition: none;
    width: 100%;
    background-color: transparent;
    padding-top: 5px;
    padding-bottom: 25px;
  }
  #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li ul.level_2:before {
    display: none;
  }
  #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li ul.level_2 li {
    border: 0;
    padding: 0 12px 0 0;
    margin-top: 0;
  }
  #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li ul.level_2 a, #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li ul.level_2 strong.active {
    background-color: transparent;
    padding: 10px 29px;
    font-size: 18px;
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
  }
  #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li ul.level_2 a:after, #header #hamburger-menu-container #main-navigation.mod_navigation ul.level_1 li ul.level_2 strong.active:after {
    display: none !important;
  }
  #header #hamburger-menu-container.open {
    z-index: 5000;
    visibility: visible;
    opacity: 1;
    -webkit-animation: fadeIn 500ms;
    animation: fadeIn 500ms;
  }
  #header #hamburger-menu-container.open #main-navigation {
    left: 0;
  }
  #header.sticky #logo a {
    margin-left: -56px;
  }
}

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