/* ALLGEMEIN */ /* CI-Hauptfarbe: #12CC8C */ /*#opc {display:none;}*/ h1, h2, h3 {font-family:"Open Sans",sans-serif; letter-spacing:.2rem; text-align:center;} h2, h3 {letter-spacing:.1rem;} h1 {font-size:1.8rem; font-size:clamp(1em, calc(1em + 1vw), 1.8em); text-transform:uppercase; overflow:hidden;} h2 {font-size:1.5rem; font-size:clamp(0.9em, calc(0.9em + 1vw), 1.5em);} h3 {font-size:1.2rem; font-size:clamp(0.85em, calc(0.85em + 1vw), 1.2em); margin:0; padding:2rem .5rem 1rem 0rem; text-align:left;} h1::before, h1::after {background:#eee; content:""; display:inline-block; height:1px; position:relative; vertical-align:middle; width:50%;} h1::before {right:1rem; margin-left:-50%;} h1::after {left:1rem; margin-right:-50%;} .breadcrumb-wrapper {border-color:#f5f5f5; border:0; margin-bottom:0.5rem;} .breadcrumb-item {font-weight:normal; font-size:0.7rem;} #content-wrapper:not(.has-fluid) {padding-top:0.5rem;} .fa-star:before, .fa-star-half-alt:before {color:#ffc041;} .btn-primary {color:#fff; box-shadow:none;} .btn-primary:hover, .button:hover {background-color:#000; border-color:#ccc; color:#fff;} .btn-outline-primary:hover {background-color:#eee; border-color:#000;} #pushed-success .alert-success {background-color:#cee8d1;} .modal-content .index-heading-wrapper, .modal-title {display:none !important;} .clear {clear:both;} /* um "float" für Bilder o.ä. aufzuheben */ /* BUTTONS */ #th-button a {background:#12cc8c; display:inline-block; text-decoration:none !important; padding:0.5rem 1.5rem; color:#fff; text-align:center; font-size:1rem; line-height:1.5; font-weight:700;} #th-button.gray a {background:#ccc; color:#333;} #th-button a:hover {background-color:#000; color:#fff;} #th-button a .svg-icon {position:relative; bottom:1px; margin:0 4px 0 0; fill:#fff; width:1rem;} #th-button a:hover .svg-icon {color:#fff !important; fill:#12cc8c;} #th-button a i {margin:0 0 0 4px;} /* HEADER */ #header-top-bar {background:#FAFAFA; z-index:1022; border-bottom:1px solid #EFEFEF;} #header-top-bar .container-fluid {padding:0;} #header-top-bar .service {display:flex; flex-wrap:wrap; width:100%;} #header-top-bar .service div {flex:0 0 25%; max-width:25%; text-align:center; line-height:2rem; font-size:0.8rem; color:#888;} #header-top-bar .service i {margin-right:2px;} #header-top-bar .service .fas {color:#aaa;} #header-top-bar.header-top-bar2 {background:#fff; z-index:1021;} /* HEADER ICONS (Warenkorb, Suche, etc.) */ .cart-icon-dropdown .dropdown-cart-items tr td {padding:.5rem; font-size:0.8rem;} .cart-icon-dropdown .dropdown-cart-items tr:last-child td {border-bottom:0;} .cart-icon-dropdown .dropdown-body:last-child, .dropdown-footer:last-child {background:#f5f5f5;} #header-top-bar .search-wrapper .form-control {border-color:transparent; background:#f5f5f5 !important; box-shadow:none;} #header-top-bar .search-wrapper .btn-secondary {border-color:transparent; background:#f5f5f5 !important; color:#525252; box-shadow:none;} #header-top-bar .navbar {padding:0.7rem 1rem;} /*.search-wrapper form:focus {background-color:#f00 !important; border:1px solid #f00;} { border:1px solid #f00;}*/ #search .tt-input:active, #search .tt-input:focus {background-color:#eee !important;/* border:1px solid #12cc8c;*/} .cart-icon-dropdown-icon .fa-sup {color:#fff;} /* WARENKORB */ .basket_wrapper .manufacturer {display:none;} .basket_wrapper .sku {color:#bbb; font-size:.8rem;} .cart-dropdown .cart-dropdown-empty {padding:1.5rem;} /* CONSENT MANAGER (Datenschutz Einwillingungskram) */ #consent-manager p {font-size:0.75rem;} /*MEGAMENU */ #th-mega {display:flex; flex-wrap:wrap; width:100%;} #th-mega div {flex:0 0 calc(100%/6); max-width:calc(100%/6); padding:0 .5rem; margin:.5rem 0; white-space:normal;} #th-mega div a {display:block; background:#fff; color:#666; font-size: .85rem; line-height:1.3rem; padding:.2rem .2rem .2rem .7rem; margin:0; border:1px solid transparent;} #th-mega div p {font-weight:700; padding:.3rem 0 .3rem .7rem; margin:0.5rem 0 0; background:#eee; border:1px solid transparent; border-top:1px solid #ddd; color:#333;} #th-mega div p a {background:transparent; padding:0; font-size:.9rem; color:#000;} #th-mega div p a:hover {border-color:transparent;} #th-mega div p.th-m-main:hover {border-color:#000;} /* MOBILE MENU */ .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon:before {transform: translateX(-50%) translateY(-0.45rem);} .navbar-toggler[aria-expanded="false"] .navbar-toggler-icon:after {transform: translateX(-50%) translateY(0.45rem);} /* ARTIKEL-ANSICHT */ #product-offer h1 {text-transform:none; font-size:1.5rem; font-size:clamp(1em, calc(1em + 1vw), 1.5em);} #product-offer h1::before, .product-detail h1::after {height:0;} #product-offer .price_wrapper {display:flex; flex-wrap:wrap; border-top:1px solid #ebebeb; padding:1rem; margin:0;} #product-offer .price {flex:0 0 43%; max-width:43%; margin:0;} #product-offer .price-note {flex:0 0 52%; max-width:52%; padding:.8rem 0 0 0; text-align:right;} #product-offer .pricestarting {flex:0 0 5%; max-width:5%;} #product-offer .vat_info, .product-detail .price_wrapper .vat_info a {color:#ccc; font-size:0.7rem;} #product-offer .estimated-delivery {display:none;} #product-offer .status-icon {width:10px;} #product-offer span.status-icon {display:none;} #product-offer .delivery-status .status {border:1px solid #eee; border-width:1px 0; padding:.1rem .2rem; width:100%; display:block; text-align:center;} #product-offer .delivery-status .status-1 {color:#f39932;} #product-offer .delivery-status .status-2 {color:#777;} #product-offer .product-info ul.info-essential {margin:1rem 0;} #product-offer .product-info ul.info-essential .product-sku {text-align:right; font-size:0.8rem; color:#999;} #product-offer .product-info .stock-information.stock-information-p {margin-top:0; border:0; padding:0;} #product-offer .product-info .shortdesc {margin:1rem 0 0; padding:1rem; border-top:1px solid #ebebeb;} #product-offer .product-info .product-offer .row {margin-bottom:0;} #product-offer .product-info .product-offer .variation-wrapper:first-Child {border-top:1px solid #ebebeb; padding:1rem 0 0;} #product-offer .variations dt {font-weight:700; margin-bottom:5px;} #product-offer #add-to-cart {margin:2rem 0;} #product-offer .usp-icons {border:1px solid #ebebeb; border-width:1px 0 ; padding:1rem 0; display:flex; flex-wrap:wrap;} #product-offer .usp-icons div {flex:0 0 calc(100%/4); max-width:calc(100%/4); text-align:center; color:#777;} #product-offer .usp-icons img {max-width:34px; opacity:0.45; margin:0 0 5px;} #product-offer .rating-wrapper {text-align:center;} #pushed-success .img-fluid {max-width:150px;} .#{$fa-css-prefix}-truck:before { content: fa-content($fa-var-check); } .abmessung-svg {max-width:450px; min-width:100px; padding:1rem;} #tab-description .desc img {max-width:450px; min-width:150px; padding:1rem;} #tab-description .gpsr {font-size:0.7rem; text-align:right; list-style:none; display:block;} #tab-description .gpsr img {max-width:35px; min-width:35px; padding:0;} #tab-description table tr h3 {padding:1rem .5rem .7rem 0;} /* ARTIKEL-ANSICHT - TAB */ .tab-navigation .tab-content {margin:0 0 1.5rem 0; border:1px solid #ddd; padding:1rem;} .tab-navigation .nav-tabs {border:0;} .tab-navigation .nav-item:not(:last-child) {margin:0 1px 0 0;} .tab-navigation .nav-link {border:1px solid #eee; border-bottom:0; padding:0.5rem 2rem;} .tab-navigation .nav-link.active {background-color:#fff; border-color:#ddd;} .tab-navigation .nav-link::after {border:0;} .tab-navigation .nav-link:hover, .tab-navigation .nav-link:focus {border-color:#ddd;} /* ARTIKEL-ANSICHT - TAB - MOBILE */ #tabAccordion {margin-bottom:2rem;} #tabAccordion .card {border:1px solid #eee;} #tabAccordion .card .card-header {background:#f9f9f9;} /* ARTIKEL-ANSICHT - VARIATION - SWATCHES BILDER */ /*.swatches-image, .swatches-image.active {border-width:2px; border-radius:10px;}*/ .swatches-image img {padding:2px;} .variations .swatches .variation-badge {display:block; /*border-top:1px solid #eee;*/ font-size:0.7rem;} .variations .text-success {color:#000 !important; border:1px solid #12cc8c; border-width:1px 0;} /* KATEGORIE & ARTIKEL-ÜBERSICHT - BUTTONS */ .sub-categories a {text-decoration:none;} .sub-categories a .katbutton {width:100%; display:block; line-height:1rem; font-size:.9rem; padding:0.5rem 0; background:#ddd; border-color:#ddd; font-weight:200; text-align:center;} .sub-categories a:hover .katbutton {background:#12cc8c; border-color:#12cc8c; color:#000;} .content-cats-small .sub-categories .subcategories-image {margin-bottom:0;} .xtrabutton ul {margin:0 -1rem; list-style:none; padding:0; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;} .xtrabutton li {flex:0 0 25%; max-width:25%; padding:0 1rem 1rem; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;} .xtrabutton a {width:100%; color:#525252; background:#ddd; padding:0.3rem 0rem; text-align:center; text-decoration:none;} .xtrabutton a:hover {background:#F8BF00;} #size {border:1px solid #707070; border-radius:2px; margin:1rem 0 0;} #size .opc-Accordion-collapse {padding:0.5rem 1.5rem;} #size button {min-width:13rem;} .button.gray {background:#ccc; color:#333; border-color:#ccc; font-weight:100;} #product-list .productbox-title a {text-decoration:none;} #result-wrapper .th-desc-top {border-bottom:1px solid #eee; color:#888; text-align:justify;} #result-wrapper .th-img-top img {width:100%;} #result-wrapper .productlist-page-nav-bottom, #result-wrapper .productlist-page-nav-top {margin:0 0 1rem; border-color:transparent;} #result-wrapper .pagination .page-link {background:#eee; border:1px solid #fff;} #result-wrapper .pagination .page-link:hover {border-color:#12cc8c;} .page-item.active .page-link::after, .page-item.active .page-text::after {left:0; right:0;} #result-wrapper .price_wrapper .pricestarting {color:#aaa;} /* KATEGORIE & ARTIKEL-ÜBERSICHT - BILD & HOOVER */ .productbox.productbox-hover:hover .productbox-inner::before {left:-1.5rem; right:-1.5rem;} #product-list {padding:0 1rem;} #product-list .productbox-inner .col-12 {padding:0 0.1rem;} #product-list .product-wrapper:not(:last-child) {margin-bottom:2rem;} #product-list .product-wrapper .square-image .inner img {width:100%; filter:brightness(98%);} #product-list .product-wrapper .square-image .inner img.second {filter:brightness(100%);} #product-list .product-wrapper .productbox:hover .inner img {filter:brightness(100%);} #product-list .productbox-show-variations .productbox-variations {padding:0 1rem !important;} /* KATEGORIE - Neues Design */ .hero-section {position:relative; width:100%; height:600px; overflow:hidden;} .hero-background {width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0;} .hero-overlay {position:absolute; top: 0; left: 0; width: 100%; height:100%; background:linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.5) 100%); display:flex; flex-direction: column; justify-content:center; align-items:center; text-align:center; padding:40px;} .hero-main-title {/*font-family: 'Playfair Display', serif; font-size:64px;*/ font-weight:700; font-size:clamp(25px, calc(35px + 1vw), 64px); color:#fff; margin-bottom:20px; line-height:1.2; text-shadow:2px 2px 8px rgba(0,0,0,0.5); letter-spacing:2px;} .hero-subtitle {/*font-family:'Inter', sans-serif;*/ font-size:22px; font-weight:300; color:#fff; margin-bottom:40px; text-shadow:1px 1px 4px rgba(0,0,0,0.5);} .hero-cta-container {display:flex; gap:20px; flex-wrap:wrap; justify-content:center;} .hero-cta {padding:16px 40px; font-size:16px; font-weight:600; border:2px solid #fff; border-radius:4px; cursor:pointer; transition:all 0.3s ease; text-decoration:none; display:inline-block;} .hero-cta-women {background-color:#fff; color:#000;} .hero-cta-women:hover {background-color:transparent; color:#fff;} .hero-cta-men {background-color:#000; color:#fff;} .hero-cta-men:hover {background-color:#fff; color:#000;} #w {font-size:16px;} #w .section-header {text-align:center; margin:20px 0 40px;} #w .section-title {/*font-family:'Playfair Display', serif;*/ font-size:clamp(20px, calc(20px + 1vw), 36px); font-weight:700; color:#000; margin-bottom:15px;} #w h3 {color:#000; font-size:clamp(14px, calc(14px + 1vw), 24px);} #w .section-subtitle {color:#666; margin:0 auto; max-width:700px;} #w .content-section {padding:60px 20px; background-color:#fafafa;} #w .content-grid {display:grid; grid-template-columns:repeat(2, 1fr); gap:40px; margin-bottom:40px;} #w .product-grid {display:grid; grid-template-columns:repeat(4, 1fr); gap:30px; margin:0 auto 30px; max-width:1400px;} #w .product-grid h3 {font-size:18px;} #w .product-card {background:#fff; border:1px solid #e5e5e5; border-radius:8px; overflow:hidden; transition:all 0.3s ease;} #w .product-card:hover {box-shadow:0 8px 24px rgba(0, 0, 0, 0.12); transform:translateY(-4px);} #w .product-image-container {position:relative; width:100%; aspect-ratio:1; background-color:#f8f8f8; overflow:hidden;} #w .product-img {position:relative; width:100%; aspect-ratio:1; background-color:#f8f8f8; overflow:hidden;} #w .product-img img {max-width:100%; filter:brightness(98%);} #w .product-card:hover img {filter:brightness(100%);} #w .product-info {padding:0 20px 20px;} #w .badge {position:absolute; top:10px; right:10px; padding:5px 12px; font-size:11px; font-weight:700; border-radius:4px; text-transform:uppercase; letter-spacing:0.5px; z-index:1;} #w .badge-bestseller {background-color:#d32f2f; color:#fff;} #w .price {font-size:20px; font-weight:700; color:#000; margin-bottom:15px;} #w button {width:100%; padding:12px; background-color:#000; color:#fff; border:none; border-radius:4px; font-size:14px; font-weight:600; cursor:pointer; transition:all 0.3s ease;} #w #faq {max-width:1200px; margin:auto;} #w #m h2, #w #m h3 {border-color:#bbb;} /* HERSTELLER & MARKEN (Max-Palmer Seite) */ .brand {display:flex; flex-wrap:wrap; background:#f7f7f7;} .brand .brand_text {flex:0 0 75%; max-width:75%; padding:2rem; text-align:justify;} .brand .brand_img {flex:0 0 25%; max-width:25%; text-align:right;} .brand img {max-width:100%;} /* TABELLEN */ table {width:100%; max-width:100%;} table tr {border:1px solid #ddd; border-width:0 0 1px;} table th {border-top:1px solid #ddd; background:#eee; color:#000;} table th, table td {border-bottom:0px solid #ddd; padding:0.5rem 0 0.5rem 1rem;} table td:first-child {max-width:300px;} table tr:nth-child(2n) td {background:#f9f9f9;} /* "odd" oder "2n+1" = alle ungeraden Zeilen & "even" oder "2n" = alle gerade Zeilen */ /* TABELLE ARTIKEL-BESCHREIBUNG - wegen alter Farben in der Wawi */ #tab-description table {border:0 solid #fff !important; background-color:transparent !important; margin-bottom:0;} #tab-description table tr {background-color:transparent !important;} #tab-description table tr:first-child {border-top:1px solid #ddd;} #tab-description table td {padding:0.5rem 1%; background:#f9f9f9 !important; color:#707070 !important; border:0;} #tab-description tr:nth-child(2n) td {background:#fff !important;} /* "odd" oder "2n+1" = alle ungeraden Zeilen & "even" oder "2n" = alle gerade Zeilen */ #tab-description table font {color:#707070 !important;} #tab-description table h2 {font-size:1.15rem; margin:0; color:#707070;} #tab-description table table td, #tab-description table table tr {border:0 !important;} #tablekontakt {width:100%; margin:2rem 0 4rem;} #tablekontakt td {width:33.333333%; border:1px solid #666; background:#fafafa; padding:1.5rem;} /* BLOG & NEWS */ .newsbox {background:#f6f6f6;} .newsbox-body {padding:1rem;} .newsbox-footer {padding:0 1rem;} .blog-details {background:#fff; font-size:1.1rem; padding:0;} /*.blog-details div {display:inline-block; width:100%;}*/ /* .blog-details h1 {padding:1rem; color:#000;} */ .blog-details h2 {border-top:1px solid #ccc; margin:3.5rem 0 2rem; padding:2.5rem 0 0; color:#000;} .blog-details h3 {font-size:1.2rem; margin:0; display:inline-block; text-decoration:underline 1px #ccc; color:#000;} .blog-details .author-meta {text-align:left; padding-left:3rem;} .blog-details #blog p {text-align:justify;} .blog-details #blog p.mid {text-align:center;} .blog-details #blog p.pic {float:left; margin:0 2rem 1rem 0;} .blog-details #blog p.pic.right {float:right; margin:0 0 1rem 2rem;} .blog-details #blog p.button a {color:#fff; text-decoration:none;} .blog-details #blog img, iframe {max-width:100%;} .blog-details #blog a {text-decoration:underline; font-weight:bold;} /*.blog-details #blog div {padding:2.5rem 2rem;}*/ /*.blog-details #blog div:nth-child(2n+1) {background:#f9f9f9;}*/ /* "2nd" = alle ungeraden Zeilen & "2nd+1" = alle gerade Zeilen bzw. jeder erste oder zweite */ /* BLOG - NEU */ .blog-details h1 {font-size:37px; font-weight:700; color:#2d3436; text-transform:none; letter-spacing:normal; max-width:1000px; margin:0 auto; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;} .blog-details h1:before, .blog-details h1:after {display:none;} /* Schriftart */ #m {font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;} #m {max-width:1000px; margin:0 auto; color:#333; font-size:18px;} #m .article-meta {font-size:15px; color:#666; margin-bottom:10px;} #m .blog-head {border-bottom:2px solid #E6FAF2; padding-bottom:20px; margin-bottom:20px;} #m .article-description {font-size:20px; font-weight:bold; color:#12CC8C;} #m h2, #m h3, #m h4 {color:#222; letter-spacing:normal;} #m h2:before, #blog h2:after {display:none;} #m h2 {font-size:29px; line-height:38px; margin:40px 0 25px; padding:0 0 10px; border-bottom:3px solid #12CC8C; border-top:0; text-align:left; font-weight:500; clear:both;} #m h3, #m h4 {clear:both; font-size:25px; line-height:35px; margin-top:20px; color:#2d3436; text-decoration:none;} #m h3 {margin:25px 0 15px 0; padding:0 0 0 10px; border-left:4px solid #12CC8C;} #m h4 {font-size:21px; line-height:31px;} #m .box h3 {border-left:0; padding:0;} #m table {margin:20px 0;} #m table th {background-color:#12CC8C; color:#fff;} #m table.t50 td {width:50%; vertical-align:top;} #m .verzeichnis {background:#E6FAF2; padding:1px 30px 30px; border-left:5px solid #12CC8C; width:100%; margin:30px 0;} #m .verzeichnis ul {list-style:none; margin:0; padding:0;} #m .verzeichnis p {margin-bottom:10px;} #m .verzeichnis p strong {font-size:20px;} #m .verzeichnis a {color:#2d3436; text-decoration:none; font-weight:600; transition:all 0.3s ease; display:block; padding:10px 20px; margin:0 0 5px; border:1px solid #fff; background-color:#fff;} #m .verzeichnis a:hover {background-color:#eee; border-color:#12CC8C; padding-left:15px; text-decoration:underline;} #m img {max-width:100%;} #m .pic {text-align:center;} #m .references {font-size:12px; overflow:auto;} #m .box {padding:25px; margin:20px 0; border-left-width:5px; border-left-style:solid;} #m .box-highlight {border-color:#12CC8C; background-color:#E6FAF2;} #m .box-info {border-color:#17a2b8; background-color:#e8f7fa;} #m .box-warning {border-color:#ffc107; background-color:#fff8e1;} #m .box-danger {border-color:#dc3545; background-color:#fbe9eb;} #faq .faq-item {border:1px solid #e5e5e5; margin-bottom:10px; overflow:hidden; background:#fafafa; border-radius:5px;} #faq .faq-question {background:#f8f8f8; width:100%; border:none; padding:15px; font-weight:600; cursor:pointer; color:#000; justify-content:space-between; align-items:center; font-size:20px;} #faq .faq-question:hover {background:#e9ecef;} #faq .faq-answer {padding:10px 20px 0; overflow:hidden; transition:max-height 0.3s ease, padding 0.3s ease; background:#fff;} #faq :not(.navbar-toggler)[data-toggle="collapse"]::after {color:#12CC8C; font-size:1.2rem;} div #faq {margin-bottom:50px;} #m #th-button {text-align:center;} #m #th-button a {font-size:20px;} #m #th-button a .svg-icon {width:19px; bottom:3px;} #m .product-listing {display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:20px; margin:40px 0;} #m .product-item {border:1px solid #ddd; border-radius:10px; padding:15px; text-align:center;} #m .product-item p {margin:0 0 13px;} #m .product-item a {color:#12CC8C; text-decoration:none; font-weight:700; margin:0 0 13px; display:block;} #m .product-item a.product-button {background-color:#12CC8C; color:#fff !important; padding:8px 16px; border-radius:5px; font-weight:700;} #m .product-item:hover {border-color:#666;} /* STARTSEITE */ .ths h1 {margin-top:1rem;} .ths img {max-width:100%; width:100%;} .ths0 p {letter-spacing:0.25rem; text-transform:uppercase; text-align:center; font-size:1.1rem;} .ths1 {display:flex; flex-wrap:wrap; margin:1rem 0 0;} .ths1 div {flex:0 0 25%; max-width:25%; padding:0; border:1px solid #fff; position:relative;} .ths1 div a {padding:0; width:100%; color:#fff; text-transform:uppercase; text-decoration:none; font-size:1rem; line-height:1.5rem;} .ths1 div a .sub-name {position:absolute; bottom:0; left:0; padding:0.5rem 6%; font-weight:300; text-align:left; background-color:rgba(0, 0, 0, 0.4);} .ths1 div a:hover .sub-name {background-color:rgba(255, 255, 255, 0.4); color:#000;} .ths3 img {margin-left:0 !important; width:100% !important;} .ths4 {display:flex; flex-wrap:wrap; margin:3rem 0; text-align:center;} .ths4 div {flex:0 0 20%; max-width:20%; border-right:1px solid #eee; padding:1rem 0;} .ths4 div:nth-of-type(5n) {border:0;} .ths4 div i {margin-right:0.5rem; font-size:1.1rem;} .thsbox {display:flex; flex-wrap:wrap; margin:3rem 0; background:#fbfbfb;} .thsbox div {flex:0 0 50%; max-width:50%;} .thsbox div.thsbox-head {flex:0 0 100%; max-width:100%;} .thsbox a {text-decoration:none;} .thsbox h2 {margin:0; padding:0.5rem 1rem; background:#eee; color:#333;} .thsbox h3 {padding:2rem .5rem 0 2rem;} .thsbox-img img {max-width:100%; width:110%;} .thsbox img {max-width:100%;} .thsbox-txt {position:relative;} .thsbox-txt p {margin:0; padding:1rem 2rem 0; text-align:justify;} .thsbox-txt p.last {padding-bottom:2rem;} .thsbox-txt p:last-child {padding-bottom:2rem;} .thsbox-txt p a {text-decoration:underline;} .thsbox-txt ul, .thsbox-txt ol {padding-left:3.5rem; margin:1rem 2rem 0 1rem; display:flow-root;} .thsbox-txt ul:last-child, .thsbox-txt ol:last-child {margin-bottom:3rem;} .thsbox-txt li {margin-bottom:0.3rem;} .thsbox-txt ul li::marker {color:#999; font-size:120%;} .thsbox-txt ol li::marker {color:#666; font-size:120%;} .thsbox .button {/*padding:0.5rem 1rem; line-height:1.5rem; font-size:1rem; font-weight:700;*/ text-decoration:none;} .thsbox-middle {flex:0 0 100% !important; max-width:100% !important;} /* CHECKOUT */ .card {border:1px solid #eee;} .card-gray {border:0;} .card-gray, .card-products .card-header .btn, .card .card-header {background-color:#FAFAFA;} .checkout-confirmation .card-products {border:1px solid #12CC8C;} .card-products .card-header .btn {background:#eee;; padding:0.7rem 1rem;} .is-checkout h1 {font-size:1.5rem; font-size:clamp(1em, calc(1em + 1vw), 1.5em);} .is-checkout .h2 {font-size:min(8vw, 1.1rem); font-size:clamp(0.9em, calc(0.9em + 1vw), 1.1em);} #complete-order-button {font-size:1rem;} .checkout-steps {margin-bottom:2rem;} #checkout .checkout-shipping-form-options .radio-w-100 .custom-control-inline {padding:.5rem 1rem .5rem 2rem; border:1px solid #ddd;} #checkout #fieldset-payment div[role="group"] {width:100%;} #checkout #fieldset-payment .checkout-payment-options {margin:auto;} #checkout #fieldset-payment .custom-control-inline {width:100%;} #checkout #fieldset-payment label.custom-control-label {width:100%;} #checkout .checkout-payment-method {border:1px solid #ddd; padding:.5rem 1rem; margin-bottom:-1px;} #checkout .checkout-items-item .checkout-items-item-image-wrapper img {max-width:120px;} #checkout .checkout-payment-method .th-za-img img {max-width:60px; margin:0 10px 0 4px;} #checkout .checkout-payment-method .th-za-img #za_ppc_paylater_name {display:none !important;} #checkout .checkout-payment-method .th-za-img #za_ppc_paylater_img {min-width:125px;} #checkout .checkout-items-item-main .manufacturer {display:none;} #checkout .checkout-items-item-main .sku {color:#bbb;} #checkout .title {margin-bottom:0.5rem;} /* FOOTER */ .footerlinks {text-align:center; color:#abacac; background:linear-gradient(135deg,rgba(112,112,112,-0.75) 8.33%,rgba(255,255,255,0) 8.33%,rgba(255,255,255,0) 50%,rgba(112,112,112,.25) 50%,rgba(112,112,112,.25) 58.33%,rgba(255,255,255,0) 58.33%,rgba(255,255,255,0) 100%); background-color:#363636; background-size:5px 5px; padding:0.5rem; min-height:50px;} .footerlinks a {text-decoration:none; color:#abacac; padding:.3rem; margin:0.1rem 0.3rem; display:inline-block;} #footer {color:#abacac; background:linear-gradient(135deg,rgba(112,112,112,-0.75) 8.33%,rgba(255,255,255,0) 8.33%,rgba(255,255,255,0) 50%,rgba(112,112,112,.25) 50%,rgba(112,112,112,.25) 58.33%,rgba(255,255,255,0) 58.33%,rgba(255,255,255,0) 100%); background-color:#363636; background-size:5px 5px;} #footer a {color:#abacac !important;} #footer a .text-truncate {color:#fff !important;} #footer a:not(.btn):not(.readmore-button):hover, #footer .active a:not(.btn):not(.readmore-button) {color:#fff;} #footer .productlist-filter-headline {color:#fff; font-size:1rem;} #footer #copyright {background:#333;} #footer .h2 {color:#fff;} #footer hr {border-color:#aaa;} #footer-boxes .pay-icons img {max-width:66px;} /* HEADER INFO - Weihnachten etc. */ .head_info {background-color:#EEF2A7; padding:0.2rem 0;} .head_info p {text-align:center; font-size:0.8rem; padding:0; margin:0;} .is-checkout .head_info {display:none;} /* UMBAU MATZE ARTIKELANSICHT */ .variations .js-slider-wrapper .js-slider-items {flex-wrap:wrap; overflow:initial;} .variations .swatches-text {padding:1rem 0; position:relative; border:1px solid #ccc; border-radius:5px; font-size:1rem; font-weight:600;} .variations .swatches-text.active {background:#12cc8c; border-color:#777; color:#fff;} .variations .swatches-text .variation-badge {position:absolute; bottom:0; right:0; color:#aaa; padding:0 3px; font-size:0.7rem;} .variations .swatches-text.active .variation-badge {display:none} .variations .js-btn-slider-btns {display:none} /* GRÖßEN - größer werdend */ @media (min-width: 350px) { #result-wrapper .col-lg-3 {flex:0 0 33.333333%; max-width:33.333333%; padding:0 0.2rem; margin:0;} #result-wrapper .col-lg-3 .d-md-flex {display:flex !important;} } @media (min-width: 576px) { #content-wrapper .container {max-width:100%;} #result-wrapper .col-lg-3 {flex:0 0 33.333333%; max-width:33.333333%;} #checkout .checkout-shipping-form-options .form-row .price-col {text-align:right;} #checkout .checkout-shipping-form-options .versandkosten {background:#12CC8C; padding:0.1rem 0.5rem;} } @media (min-width: 620px) { .right {float:right !important; margin:0 0 15px 10px;} .left {float:left !important; margin:15px 10px 0 0;} .thsbox-txt img.right {width:auto; margin-left:1rem;} .thsbox-txt img.left {width:auto; margin-right:1rem;} } @media (min-width: 768px) { #content-wrapper .container {max-width:100%;} .productlist-page-nav .productlist-item-info.productlist-item-border {border:0;} .productbox.productbox-hover:hover .productbox-ribbon.ribbon {left:-1rem;} } @media (min-width: 850px) { #result-wrapper .col-lg-3 {flex:0 0 25%; max-width:25%;} } @media (min-width: 992px) { #header-top-bar #shop-nav .nav-item .fas {font-size:1.1rem;} #header-top-bar .toggler-logo-wrapper {top:3px; position:relative; z-index:1;} header {background:#464646;} header .toggler-logo-wrapper {display:none;} header #shop-nav {display:none;} header nav.navbar {height:auto;} header #mainNavigation {height:auto;} header .navbar-nav>.nav-item>.nav-link {color:#fff; font-size:1rem; height:44px; line-height:44px; padding:0 1.5rem;} header .nav-scrollbar-inner {justify-content:center; padding:0;} #sidepanel_left.col-xl-3 {flex:0 0 25%; max-width:25%;} #content .col-xl-9 {flex:0 0 75%; max-width:75%;} #sidepanel_left .productlist-filter-headline {display:none !important;} #sidepanel_left .box span.nav-link {font-size:1rem;} #sidepanel_left .box span.nav-link.snippets-categories-nav-link-child {font-size:0.875rem;} #checkout .col-lg-9 {flex:0 0 100%; max-width:100%;} .s-checkout {display:none !important;} .is-checkout header, .is-checkout .navbar {height:2px;} .is-checkout #header-top-bar .navbar {padding-top:2rem;} #mainNavigation .dropdown-menu {background:#FAFAFA; margin:0;} #mainNavigation .dropdown-menu .dropdown-body {padding:.5rem 0;} #mainNavigation .dropdown-menu .container {padding:0;} #mainNavigation .dropdown-menu .lg-row-lg {margin:0;} #mainNavigation .dropdown-menu .col-xl-3 {flex:0 0 calc(100%/6); max-width:calc(100%/6); padding:0 .5rem; margin:.5rem 0; white-space:normal;} #mainNavigation .dropdown-menu .submenu-headline {font-weight:700; font-size:.9rem; padding:.3rem 0 .3rem .7rem; margin:0; background:#eee; border:1px solid transparent; border-top:1px solid #ddd; color:#333;} #mainNavigation .dropdown-menu li a {display:block; background:#fff; color:#666; font-size:.85rem; line-height:1.3rem; padding:.2rem .2rem .2rem .7rem; margin:0; border:1px solid transparent;} #mainNavigation .dropdown-menu .submenu-headline:hover, #mainNavigation .dropdown-menu li a:hover {border-color:#333;} .js-slider-wrapper .swatches.js-slider-items .js-slider-item {width:calc(100%/6); min-width:calc(100%/6);} #th-mega div a:hover {border-color:#333;} #product-offer .variation-wrapper .dropdown.show {z-index:1022;} /* beim Artikel-Variations-Dropdown waren die Variationen teilweise verdeckt, wenn viele Variationen zum auswählen da waren */ } @media (min-width: 1250px) { #header-top-bar .toggler-logo-wrapper {left:41%;} .js-slider-wrapper .swatches.js-slider-items .js-slider-item {width:calc(100%/8); min-width:calc(100%/8);} } @media (min-width: 1300px) { #sidepanel_left.col-xl-3 {flex:0 0 20%; max-width:20%;} #content .col-xl-9 {flex:0 0 80%; max-width:80%;} #result-wrapper .col-lg-3 {flex:0 0 20%; max-width:20%;} .is-checkout #content-wrapper .container, .is-checkout #mainNavigation .container {max-width:1250px;} } @media (min-width: 1450px) { #content-wrapper .container, #mainNavigation .container {max-width:1400px;} } /* GRÖßEN - kleiner werdend */ @media (max-width: 1024px) { #w .product-grid {grid-template-columns:repeat(3, 1fr);} #w .content-grid {grid-template-columns:1fr;} } @media (max-width: 991px) { header {border-bottom:1px solid #ddd;} header .nav-mobile-header {background:#464646; color:#fff;} header .nav-mobile-header a {color:#fff !important;} header .navbar-toggler {color:#fff;} header .navbar-toggler.collapsed {color:#333;} header .navbar-nav li hr, header .nav-mobile-header .nav-mobile-header-hr {border-color:transparent;} header .navbar-nav .nav-item {border-bottom:1px solid #ccc;} header .navbar-nav .nav-item .nav-mobile-heading {text-align:center;} .navbar-toggler .navbar-toggler-icon {width:1.7rem; height:0.2rem;} .ths1 div {flex:0 0 50%; max-width:50%;} .product-detail #image_wrapper, .product-detail #image_wrapper #gallery {margin-bottom:1rem;} .xtrabutton ul {margin:0 -0.3rem} .xtrabutton li {padding:0.3rem;} .xtrabutton .s10 li {padding:0.3rem 0.3rem;} #size .opc-Accordion-collapse {padding:0.5rem;} #th-mega div {flex:0 0 100%; max-width:100%; padding:0; margin:-1px 0 0;} #th-mega div a {padding:.5rem 0 .5rem 1.3rem; border-top:1px solid #ddd;} #th-mega div p {margin:0; padding:.5rem 0 .5rem .7rem;} #th-mega div p a {border:0;} } @media (max-width: 767px) { #content-wrapper .container {padding:0 0.5rem;} .ths4 div {flex:0 0 50%; max-width:50%; padding:0 0 1rem; border-bottom:1px solid #eee;} .ths4 div.no {flex:0 0 33.333333%; max-width:33.333333%; border-bottom:0; padding:1rem 0 0;} .ths4 div:nth-of-type(2) {border-right:0;} h1 {letter-spacing:0.15rem;} .ths0 p {font-size:1rem;} .brand .brand_text {flex:0 0 50%; max-width:50%;} .brand .brand_img {flex:0 0 50%; max-width:50%;} .head_info p {font-size:0.7rem;} .blog-details #blog p.pic {float:none !important; text-align:center; margin:1rem 0;} #result-wrapper .th-desc-top {font-size:.8rem;} #w .product-grid {grid-template-columns: repeat(2, 1fr);} } @media (max-width: 679px) { .thsbox div {flex:0 0 100%; max-width:100%;} .thsbox-txt .button {width:100%; text-align:center;} .thsbox-img {order:10;} .thsbox-txt {order:20;} .brand .brand_text {flex:0 0 100%; max-width:100%; padding:1rem 1rem 0;} .brand .brand_img {flex:0 0 100%; max-width:100%; text-align:center;} } @media (max-width: 575px) { #content-wrapper .container {max-width:100%;} h1 {/*font-size:1.5rem;*/ letter-spacing:0.1rem;} /* h2 {font-size:1.3rem;} h3 {font-size:1.1rem;} */ #result-wrapper .title {margin:0;} } @media (max-width: 520px) { #tab-description .card-body {padding:0.5rem;} #tab-description .desc img {max-width:100%;} #tablekontakt td {width:100%; max-width:100% !important; margin:-1px 0 0; display:block;} } @media (max-width: 450px) { .ths1 div a .sub-name {font-size:0.85rem;} .ths4 div,.ths4 div.no {flex:0 0 100%; max-width:100%; border:0; border-bottom:1px solid #eee; padding:1rem 0;} .ths4 div.no1 {border-top:1px solid #eee;} .ths4 div br {display:none;} h1 {/*font-size:1.35rem;*/ letter-spacing:unset;} .ths0 p {font-size:.9rem;} .ths4, .thsbox {margin:2rem 0;} .js-slider-wrapper .swatches.js-slider-items .js-slider-item {width:calc(100%/4); min-width:calc(100%/4);} .variations .swatches-text {font-size:.9rem;} .variations .swatches-text .variation-badge {font-size:.6rem;} } @media (max-width: 400px) { #tab-description table td {display:block; border-width:1px 0 0;} #tab-description .desc img {padding:.3rem;} #tab-description table td:first-child {max-width:unset;} } @media (max-width: 349px) { #result-wrapper .col-lg-3 {flex:0 0 100%; max-width:100%;} }