/* ALLGEMEIN */
#opc {display:block;}
img.left {float:left; padding:0 1.5rem 1.5rem 0;}
img.right {float:right; padding:0 0 1.5rem 1.5rem;}
iframe {max-width:100%;}
.breadcrumb-wrapper {border:0; margin-bottom:1rem;}
.breadcrumb {padding:0;}
.breadcrumb a {color:#777;}
.breadcrumb-item+.breadcrumb-item:before {color:#777;}
h1, h2, h3, .h2 {font-family:"Open Sans",sans-serif; letter-spacing:.2rem; text-align:center; margin:0; overflow:hidden; word-wrap:break-word;}
h1, h2 {padding:1.5rem 0; overflow:hidden;; margin:0 1rem;}
h2, h3 {letter-spacing:.1rem;}
h1 {font-size:1.8rem; font-size:clamp(1em, calc(1em + 1vw), 2em); text-transform:uppercase;}
h2, .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; font-weight:bold;}
h1::before, h1::after, h2::before, h2::after {background:#b4bb16; content:""; display:inline-block; height:1px; position:relative; vertical-align:middle; width:50%;}
h1::before, h2::before {right:1rem; margin-left:-50%;}
h1::after, h2::after {left:1rem; margin-right:-50%;}
.hr-sect a {font-weight:300;}
.hr-sect::before, .hr-sect::after {background:#b4bb16;}
.text-success {color:#8D9111 !important;}


/* TABELLEN */
table {width:100%;}
table tr:nth-child(2n) {background:#f9f9f9;} /* "2nd" = alle ungeraden Zeilen & "2nd+1" = alle gerade Zeilen  ... jeder erste oder zweite */
table tr:first-child {border-top:1px solid #ccc;}
table th, table td {padding:1rem 0.5rem; border-bottom:1px solid #ccc;}
table th {color:#000; background:#eee;}
table td p {margin-bottom:0.1rem;}
table .splinks {font-weight:bold;}
.box_info {background-color:#FFF5D1; padding:0.5rem 1rem; margin:0 0 2rem;}
#tablekontakt {width:100%; margin:2rem 0 4rem;}
#tablekontakt td {width:33.333333%; border:1px solid #B4BB16; background:#fafafa; padding:1.5rem;}
.table-bordered-outline tr:first-child {border-top:0;}


/* TEXT-BOX */
#tb {display:flex; flex-wrap:wrap;}
#tb div p {text-align:justify; font-size:0.95rem;}
#tb img {max-width:100%;}
#tb div.tb-30 {flex:0 0 30%; max-width:30%;}
#tb div.tb-50 {flex:0 0 50%; max-width:50%;}
#tb div.tb-70 {flex:0 0 70%; max-width:70%;}
#tb div.tb-100 {flex:0 0 100%; max-width:100%;}
#tb div.tb-dark {background:#666; color:#eee;}
#tb div.tb-light {background:#ccc; color:#333;}
#tb div.tb-white {background:#fff; color:#333;}
#tb div.tb-dark h2 {color:#f5f5f5;}
#tb div.tb-bg-bild {background-size:cover; background-position:center center;}
#tb div.tb-text {padding:0 2rem 1rem;}
#tb div.blog {background-image: url(/bilder/fts/home/tigerauge-ohr-plugs.jpg?width=500&height=500&quality=90);}
#tb div.dehnen {background-image: url(/bilder/fts/home/tunnel-selber-dehnen.jpg?width=500&height=500&quality=90);}
#tb div.szene {background-image: url(/bilder/fts/home/hufeisen-piercing-silber.jpg?width=500&height=500&quality=90);}
#tb div.tunnel {background-image: url(/bilder/fts/home/edelstahl-ohr-tunnel.jpg?width=500&height=500&quality=90);}
#tb div.dehnen a {width:100%; height:100%; display:block;}
#tb div.tb-dark p a {color:#eee; text-decoration:underline;}
#tb div.tb-bild p {color:#888; font-size:.8em; text-align:center;}
#tb div.tb-dotted {border:6px dashed #888; padding: 1rem 2rem;}
#tb div.tb-dotted div {background:transparent; text-align:justify; font-size:0.95rem;}
#tb div.tb-left {float:left; margin:0 2rem 0 0;}
#tb div.tb-right {float:right; margin:0 0 0 2rem;}
#tb div .svg-icon {color:#A70000; position:relative; bottom:1px; margin:0 4px 0 0; fill:#A70000; width:1rem;}
#tb div ul {margin:0 0 1rem 3rem; list-style:square;}


/* BUTTONS */
.btn-primary {color:#fff;}
#button a {background:#b4bb16; display:inline-block; text-decoration:none !important; padding:0.5rem 1.5rem; color:#fff !important; text-align:center; font-size:1rem; font-weight:700;}
#button.gray a {background:#ccc; color:#333;}
#button a:hover {background-color:#000; color:#fff;}
#button a svg {position:relative; bottom:2px; fill:#fff; width:1rem;}
#button a .svg1 {margin-right:-9px;}
#button a .svg2 {margin-right:10px;}
#button a:hover svg {fill:#b4bb16;}


/* HEADER */
#header-top-bar {background:#f5f5f5; z-index: 1022; border-bottom: 1px solid #eee;}
#header-top-bar.header-top-bar2 {background:#fff; z-index: 1021; border:0;}
#header-top-bar .serv-top {display:flex; flex-wrap:wrap; width:100%;}
#header-top-bar .serv {flex:0 0 19%; max-width:19%; position:relative; text-align:center; line-height:2rem; font-size:.7rem; text-transform:uppercase; color:#777;}
#header-top-bar .service {flex:0 0 24%; max-width:24%;}
#header-top-bar .serv .menu {display:none; position:absolute; left:0; padding:.5rem 1rem .7rem; min-width:19rem; background:#f5f5f5; text-align:justify; line-height:1.2rem; text-transform:none; box-shadow:0 1rem 1.5rem -.75rem rgba(0, 0, 0, .25); border:1px solid #eee; border-top:0;}
#header-top-bar .serv:hover {color:#000;}
#header-top-bar .serv:hover .menu {display:block;}
#header-top-bar .container-fluid {padding:0;}
/*
#header-top-bar .serv.lang {width:5%;}
#header-top-bar .serv.lang:hover {background:transparent;}
#header-top-bar .serv.lang p {text-align:center; margin:0;}
#header-top-bar .serv.lang a {background:transparent url("img/sprite.png") no-repeat scroll -189px -31px; width:23px; height:14px; display:inline-block; position:relative; top:2px;}
*/
#header-top-bar .service {background:#e5e5e5; color:#333;}
#header-top-bar .service span {font-size:.8rem;}
#header-top-bar .service .menu {background:#e5e5e5; left:auto; right:0; padding:0; min-width:30rem; font-size:0.9rem;}
#header-top-bar .service ul {display:inline-block; padding:0.5rem 1rem; margin:0;}
#header-top-bar .service li {float:left; width:50%; list-style-type:none;}
#header-top-bar .service li a {border-bottom:1px solid #ccc; margin:0 0.5rem;}
/*#header-top-bar .service li a:hover {border-color:#b4bb16;}*/
#header-top-bar .service p {background:#ccc; color:#666; padding:0.5rem 1rem; margin:0;}
#header-top-bar .service p span {display:block;}
#header-top-bar .service i {color:#000; padding:0 0.3rem;}
#header-top-bar .service p .hot {font-size:1.3rem; padding:0.7rem 0 0;}
#header-top-bar .service p .hot2 {font-size:0.9rem;}
#header-top-bar .service:hover div {display:block;}
.trust p {text-align:center; margin:0;}
.trust a {background:transparent url("img/sprite.png") no-repeat scroll 0 -31px; width:30px; height:30px; display:block;}
.cart-dropdown .cart-dropdown-empty {padding:1rem;}


/* CONTENT */
#content-wrapper:not(.has-fluid) {padding-top:1rem;}
#result-wrapper hr.productlist-page-nav-bottom, #result-wrapper hr.productlist-page-nav-top {border:0;}
#result-wrapper h1 {padding:0;}


/* LEFT CONTAINER */
#sidepanel_left .box-categories {padding:0 1rem; border:1px solid #eee;}
#sidepanel_left .box-categories .productlist-filter-headline {display:none !important;}


/* MEGA & MOBILE MENU */
header .nav-mobile-header {background:#ccc;}
header .nav-mobile-header .nav-mobile-header-hr {display:none;}
header .navbar-toggler {color:#000;}
header .submenu-headline-image {margin-bottom:0;}
.navbar-toggler .navbar-toggler-icon {height:0.2rem; width:1.5rem;}
.submenu {margin:0 !important; padding:1rem 0.5rem 0;}
.submenu .submenu2 {background:#eee; width:100%; padding:0 0.5rem; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.submenu .submenu2 p {border-bottom:1px solid #888; color: #444; margin:0 0.3rem 0.5rem 0; padding:0 0 0.2rem .3rem;}
.submenu .submenu2 a {background:#fefefe; color:#666; font-size:0.8rem; line-height:1.8rem; padding:0 0.6rem; margin:0 0.1rem 0.2rem 0; border:1px solid #fefefe; width:auto; display:inline-block;}
.submenu .submenu2 a:hover {border-color:#555;}
.submenu .submenu2 div {float:left; width:22%; padding:0.5rem; white-space:normal;}
.submenu3 {width:100%; display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; padding:0 1rem 1rem;}
.submenu3 div {padding:0 0.5rem; white-space:normal;}
.submenu3 p {margin:1rem 0 0; padding:0;}
.submenu3 p a {font-weight:700; font-size:0.9rem; padding-left:0.5rem; background:#eee; border-color:#eee; border-top:1px solid #ddd; color:#333 !important;}
.submenu3 a {display:block; background:#fff; color:#666; font-size:0.85rem; line-height:1.3rem; padding:0.25rem 0.2rem 0.25rem 1rem; margin:0; border:1px solid #fff;}
.submenu3 a:hover {border-color:#555;}
.submenu3 .main {max-width:100%; flex:0 0 100%; text-align:right; padding-right:1rem;}
.submenu3 .main a {background:transparent; border:0; text-transform:uppercase; padding:0.5rem 0 0; display:inline-block;}
.submenu3 .main a img {max-width:25px; margin-right:0.3rem;}
.submenu3 .subimg {padding:0.3rem;}
.submenu3 .subimg a {padding:.3rem 0 .3rem .3rem; font-size:1rem;}
.submenu3 .subimg .img {padding:0;}
.submenu3 .subimg .img img {max-width:100%;}
.submenu3 .subimg .img50 img {width:50px !important;}
.submenu4 .main a {padding:0.5rem 0;}

/* MOBILE NAVI */
.navbar-toggler .navbar-toggler-icon {width:1.7rem; height:0.2rem;}
.navbar-toggler[aria-expanded="false"] .navbar-toggler-icon:before {transform: translateX(-50%) translateY(-0.475rem);}
.navbar-toggler[aria-expanded=false] .navbar-toggler-icon:after {transform: translateX(-50%) translateY(.475rem);}


/* STARTSEITE */
#y ul {list-style-type:none; padding:0; margin:0;}
.ygrey {background:#f0f0f0; padding:1rem 1% 2rem;}
.startp {margin:0 0 1.5rem; text-transform:uppercase; letter-spacing:0.25rem;}
.ygrey .headline span {background:#f0f0f0;}
#y .yall {display:table; margin:2rem 0; width:100%;}
#y img {max-width:100%; aspect-ratio: attr(width) / attr(height);}
#y #tb {margin:2rem 0; width:100%;}
#y #tb .tb50 img {width:100%; max-width:684px;}
#y .y0 {text-align:center; display:block; padding-bottom:0 !important; padding-top:0 !important;}

#y .y9 .y91 {display:flex; flex-wrap:wrap;}
#y .y9 .y92 {flex:0 0 25%; max-width:25%; padding:0.1rem;}
#y .y9 .y92 div {height:100%;}
#y .y9 a {background:#eaeaea; border:0; padding:0; height:100%; width:100%;}
#y .y9 a:hover {background:#eee;}
#y .y9 span {display:flex;}
#y .y9 .y99a b {background:#555; padding:0.4rem 0; color:#fff; font-size:1rem; width:100%;}
#y .y9 a:hover .y99a b {background:#333; padding:0.4rem 1rem; color:#b4bb16;}

#y .y3 ul {display:flex; flex-wrap:wrap;}
#y .y3 li {width:calc(100% / 6); min-width:calc(100% / 6); padding:0 2px 4px; font-size:1rem; line-height:1rem;}
#y .y3 a {display:block; background:#f6f6f6; text-decoration:none; text-align:center; height:100%; padding:0.5rem 0; color:#333; border:1px solid #fff; border-bottom:1px solid #ccc; max-height:34px;}
#y .y3 a:hover {background:#eee; color:#333 !important; border-color:#888;}


#y .y50 {display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#y .y50 div {width:calc(100%/3); min-width:calc(100%/3); padding:.8rem 0 .8rem 4%; text-align:left; border:1px solid #ddd; border-width:0 1px 1px 0;} 
#y .y50 div i {font-size:1.5rem; margin:0 .8rem 0 0; color:#6F720D;}

#y2 {margin:0 auto; max-width:1400px;}
#y2 #tb {margin:3rem 0;}


/* ARTIKELÜBERSICHT */
#product-list .product-wrapper {border:1px solid #eee; border-width:0 1px 1px 0; padding:1rem 1rem 0rem 1rem;}
#product-list .product-wrapper:not(:last-child) {margin-bottom:0;}
#product-list .product-wrapper(:last-child) {border-right:0;}
.fts-desc {padding:1.3rem 1.3rem 0.1rem; background:#eee; margin-top:3rem;}
.fts-desc div {padding:1.3rem; margin-bottom:1.3rem; background:#fff; display:table; width:100%;}
.fts-desc div div {padding:0;}
.fts-desc p {text-align:justify; color:#666;}
.fts-desc h3 {color:#444; border-top:1px solid #ddd; margin: 1.5rem 0 0; padding:1.5rem 0 0.5rem 0;}
.fts-desc img {max-width:100%;}
/*
.fts-desc img.left {float:left;}
.fts-desc img.right {float:right;}
*/
.page-item a {border:1px solid #ccc !important; background:#fcfcfc !important;}
.page-item .page-link i {font-size:1rem;}
.page-item a:hover {border-color:#666 !important;}
#result-wrapper .kat-top-button {text-align:center;}
#result-wrapper .kat-top-button a {max-width:30%; margin:0 0 2rem; display:inline-block;}
.kat-top-text {color:#888; text-align:justify;}


/* KATEGORIEÜBERSICHT - umbauen, wenn Shop umgezogen */
.content-cats-small {margin-bottom:0; margin-top:1rem;}
.content-cats-small > div {margin-bottom:1rem;}
.content-cats-small .sub-categories .subcategories-image {margin-bottom:0; background:#f6f6f6; padding:0 1.5rem;}
.content-cats-small .sub-categories:hover a .subcategories-image {background:#eee;}
.content-cats-small .caption {margin:0;}
.content-cats-small .caption a {display:block; padding:0.3rem 0; color:#fff; background:#555; text-decoration:none; text-align:center;}
.content-cats-small .sub-categories:hover a {background:#333;}
.content-cats-small .col {padding:0 .25rem;}

.xtrabutton {margin:2rem 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: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:#fff; background:#555; border:1px solid #555; text-transform:uppercase; padding:1.2rem 0.3rem; text-align:center; text-decoration:none; line-height:1rem; font-size:0.95rem;}
.xtrabutton a:hover {color:#000; border-color:#888; background:#b4bb16;}
.xtrabutton-w-img a {padding:0 !important;}
.xtrabutton-w-img a span {display:block; padding:1.2rem 0.3rem;}
.xtrabutton-w-img img {max-width:100%;}

.content-cats-small .sub-categories .d-md-flex {display:flex !important;}

/* NEUE KATEGORIE-BESCHREIBUNGEN */
.fts-cat-bottom {font-size:clamp(14px, 2.5vw, 16px);}
.fts-cat-bottom h2 {font-size:clamp(23px, 2.5vw, 32px); font-weight:700;}
.fts-cat-bottom h3 {font-size:clamp(17px, 2vw, 24px);}
.fts-cat-bottom h2:before,.fts-cat-bottom h2:after {display:none;}
.fts-content-grid {display:grid; grid-template-columns:1fr 1fr; gap:40px; margin:0 0 50px;}
.fts-img {text-align:center;}
.fts-img img {max-width:100%;}
.fts-faq {margin-top:60px; max-width:950px; margin-left:auto; margin-right:auto;}
.fts-faq-item {border:1px solid #ddd; border-radius:8px; margin-bottom:15px; overflow:hidden;}
.fts-faq-item:hover {border-color:#333;}
.fts-faq-question {width:100%; text-align:left; padding:20px; background:#fff; border:none; font-family: "Inter", sans-serif; font-size:clamp(15px, 2.5vw, 18px); font-weight:600; color:#333;}
.fts-faq-answer {padding:0 20px;}
.fts-faq [data-toggle=collapse]:after {content: '+' !important; font-size:1.75rem;}
.fts-faq [data-toggle=collapse][aria-expanded=true]:after {transform: rotate(135deg);}
.fts-faq-item:hover [data-toggle=collapse]:after {color:#b4bb16;}


/* ARTIKEL */
h1.product-title {text-align:left; letter-spacing:.1rem;}
h1.product-title:before, h1.product-title:after {height:0;}
.underh1 {font-size:0.875em; margin-top:1rem; text-transform:none; letter-spacing:.075rem;}
#product-offer .product-info ul.info-essential {margin:1rem 0;}
#product-offer .product-info .variations dt {font-weight:bold;}
#product-offer .product-info .stock-information.stock-information-p .estimated-delivery {display:none;}
#product-offer .delivery-status {color:#777;}
#product-offer .delivery-status a {color:#777;}
#product-offer .delivery-status .fa {width:20px; margin-right:2px;}
/*.product-han {display:none;}*/
#tab-description .card-body {padding:0;}
#tab-description table img {max-width:400px;}
#tab-description .gpsr {font-size:0.7rem; text-align:right; list-style:none; display:block;}
#tab-description .gpsr img {max-width:35px;}
.product-attributes .fts-attr-beschreibung {border:1px solid #ebebeb; border-top:0; text-align:justify;}
.product-attributes .fts-attr-beschreibung h2, .fts-attr-beschreibung h3 {background:#f6f6f6; padding:1rem; margin:0; border:1px solid #ebebeb; border-width:1px 0; font-size:1.1em; text-align:left;}
.product-attributes .fts-attr-beschreibung h3 {font-size:1.05em;}
.product-attributes .fts-attr-beschreibung h2:before, .product-attributes .fts-attr-beschreibung h2:after {height:0;}
.product-attributes .fts-attr-beschreibung p {padding:1rem 1rem 1.5rem; margin:0;}
.table-striped tbody tr:nth-of-type(2n) {background:#f6f6f6;}
.card-header {background:#f6f6f6;}

/* UMBAU MATZE ARTIKELANSICHT */
#product-offer .variation-wrapper {background:#f6f6f6; padding:1rem 1rem 0.5rem; border-radius:5px;}
/*
#product-offer .variation-wrapper:not(:first-child) {border-radius:0 0 5px 5px; padding-top:0;}
#product-offer .variation-wrapper:not(:last-child) {border-radius:5px 5px 0 0;}
*/
#product-offer .variation-wrapper:last-child {border-radius:0 0 5px 5px; padding:0 1rem 0.5rem;}
#product-offer .variation-wrapper:first-child {border-radius:5px 5px 0 0; padding:1rem 1rem 0.5rem;}
.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; background:#fff;}
.variations .swatches-text.active {background:#b4bb16; border-color:#777; color:#fff;}
.variations .swatches-text .variation-badge {position:absolute; bottom:-2px; 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}
#product-offer #add-to-cart {margin-top:0;}
#product-offer #add-to-cart .basket-form-inline {background:#f6f6f6; padding:2rem 1rem; margin:0; border-radius:5px;}
#product-offer #add-to-cart .form-counter {background:#fff;}
#product-offer .product-info .product-offer>.row {margin-bottom:.5rem;}
#product-offer .alert-info {background:#f6f6f6; border-color:#f6f6f6;}

#product-offer .rating-wrapper {background:#f9f9f9; padding:1rem; margin:0 0 .5rem 0; border-radius:5px;}
#product-offer .rating-wrapper .rating {margin:0 .5rem 0 0;}
#product-offer .rating-wrapper .rating i {color:#ffc107;}
#product-offer .price_wrapper {margin:0 0 1.5rem; border:2px solid #b4bb16; border-radius:10px; padding:1rem; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);}
#product-offer .rating-text {display:inline !important; margin:0 .5rem 0 0}
#product-offer .product-info .estimated-delivery {display:none;}
#product-offer .basket-form-inline .col:first-child {margin-bottom:.5rem;}
#product-offer .basket-form-inline .col-sm-6 {flex:0 0 100%; max-width:100%;}
#product-offer .basket-form-inline .btn-primary {font-size:1rem;}
#product-offer #add-to-cart .btn .btn-basket-check span {margin-right:.5rem; display:inline-block;}
#product-offer .artikelnr {text-align:right; font-size:90%; margin-top:.5rem;}
#product-offer .trust-signals {background:#f0f8f0; color:#00b894; font-weight:600; padding:1rem; margin:.5rem 0; border-radius:5px; display:flex; flex-wrap:wrap;}
#product-offer .trust-item {flex:0 0 50%; max-width:50%; padding:.5rem 0;}

#tab_neu {font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height:1.6; color:#2d3436;}
#tab_neu h3 {font-size:1.3em; padding:0; margin:15px 0; letter-spacing:normal; color:#2d3436;}
#tab_neu p {display:block; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px;}
#tab_neu .feature-list {list-style:none; margin:20px 0; padding-inline-start:5px;}
#tab_neu .feature-list li {padding:8px 0; padding-left:25px; position:relative; font-size:1rem;}
#tab_neu .feature-list li::before {content: "✓"; position:absolute; left:0; color:#00b894; font-weight:bold;}
#tab_neu .content-section {margin-bottom:30px;}
#tab_neu .content-section h3 {font-size:1.5em; font-weight:600; margin-bottom:15px;}
#tab_neu .content-section p {margin-bottom:15px; line-height:1.7; font-size:1rem;}

#tabAccordion>.card .card-header {font-size:1rem; font-weight:700; border-bottom:2px solid #b4bb16;}

/* nach dem 11.2025 löschen */
#description {font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; line-height:1.6; color:#2d3436;}
#description h3 {font-size:1.3em; padding:0; margin:15px 0; letter-spacing:normal; color:#2d3436;}
#description p {display:block; margin-block-start:1em; margin-block-end:1em; margin-inline-start:0px; margin-inline-end:0px;}
#description .feature-list {list-style:none; margin:20px 0; padding-inline-start:5px;}
#description .feature-list li {padding:8px 0; padding-left:25px; position:relative; font-size:1rem;}
#description .feature-list li::before {content: "✓"; position:absolute; left:0; color:#00b894; font-weight:bold;}
#description .content-section {margin-bottom:30px;}
#description .content-section h3 {font-size:1.5em; font-weight:600; margin-bottom:15px;}
#description .content-section p {margin-bottom:15px; line-height:1.7; font-size:1rem;}
/* nach dem 11.2025 löschen - END */


/*  MODAL FENSTER */
.modal-content .index-heading-wrapper {display:none;}


/* BLOG */
.newsbox {background:#f6f6f6;}
.newsbox-body {padding:1rem;}
.newsbox-footer {padding:0 1rem;}
.author-meta {text-align:left;}
.blognews {margin:4rem 0; padding:0 1rem 1rem; background:#efe6de; border:1px solid #ccc3bb;}
.blognews h3 {margin:3.5rem 0 1rem; padding:3.5rem 0 0 !important; border-top:1px solid #ccc3bb; padding:6px 0 6px 12px; color:#444; display:table; width:100%;}
.blognews p {line-height:1.5rem; margin-bottom:0.8rem;}
.blognews a {color:#8a8e08; font-weight:bold;}
.blognews a:hover {color:#000;}
.blognews .innerblog div {margin:1rem 0 0; padding:2rem; display:inline-block; width:100%; background:#fff; border:1px solid #ccc3bb;}
.blognews .innerblog div.verzeichnis a {text-decoration:none;}
.blognews img {max-width:100%;}
.blognews .fazit img {display:block;}
.blog-details-content img {max-width:100%;}
.button {text-align:center; text-transform:uppercase;}
.button a {background:#b4bb16; border:1px solid #b4bb16; line-height:2rem; padding:0 2rem; color:#fff; display:inline-block; font-size:1.1rem; text-decoration:none; font-weight:normal;}
.button a:hover {border-color:#888; color:#000;}
.button i {font-size:1.3rem; letter-spacing:-0.2rem;}
.button span {margin:0 0 0 1.5rem;}
.orange-button a {background:#FF6A00;}
.orange-button a:hover {background:#DB5700;}

div.blognews .innerblog .n-item {float:left; width:18%; margin:2rem 1% 3rem; border:1px solid #ccc;}
div.blognews .innerblog .n-item:hover {border-color:#777;}
div.blognews .innerblog .n-item-name {display:block; background:#eee; padding:0.5rem; text-align:left; min-height:5rem;}

.blogtable {border:collapse; border-spacing:0; width:100%; font-size:1rem;}
.blogtable tr:nth-child(2n) {background:#f3f3f3;}
.blogtable tr:nth-child(2n+1) {background:#fff;}
.blogtable th {background:#34A853; color:#fff;}
.blogtable th.dont {background:#FE0000;}
.blogtable td, .blogtable th {padding:0.5rem 1rem; display:table-cell;}

/* 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;}
/*body[data-page="41"] .blog-details h1.headline {display:none;}*/ /* macht das obere h1 weg */
/* Schriftart */ #blog, #blog h2 {font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;}
#blog {max-width:1000px; margin:0 auto; color:#2d3436;}
#blog .blog-head {padding:15px; background:linear-gradient(135deg, #f8f9fa 0%, #fff 100%); border-bottom:1px solid #ddd; border-width:1px 0; text-align:center;}
#blog h2, #blog h3, #blog h4 {color:#2d3436; letter-spacing:normal;}
#blog h2:before, #blog h2:after {display:none;}
#blog h2 {font-size:29px; line-height:38px; margin:40px 0 25px; padding:0 0 10px; border-bottom:3px solid #b4bb16; text-align:left; font-weight:500; clear:both;}
#blog h3, #blog h4 {clear:both; font-size:25px; line-height:35px; margin-top:20px; color:#2d3436;}
#blog h3 {margin:25px 0 15px 0; padding:0; /*padding:0 0 0 10px; border-left:4px solid #B4BB16;*/}
#blog h4 {font-size:21px; line-height:31px;}
#blog table {font-size:16px;}
#blog table th,#blog table td {padding:1rem;}
#blog .comparison-table, #blog .table-container {overflow-x:auto;}
#blog .article-meta {color:#636e72; font-size:20x; margin-bottom:20px;}
#blog .article-description {font-size:20px; color:#636e72; max-width:800px; margin:0 auto;}
#blog .blog-content {margin:40px 0 0;}
#blog p {margin-bottom:20px; font-size:18px; line-height:1.7;}
#blog a {color:#000;}
#blog ul, #blog ol {margin:20px 0; padding-left:30px;}
#blog li {margin-bottom:10px; font-size:18px; line-height:1.6;}
#blog img.right, #blog img.left {float:right; margin:0 0 20px 30px; padding:0; max-width:300px; width:100%; height:auto; border-radius:10px; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); transition:all 0.3s ease;}
#blog img.left {float:left; margin:0 30px 20px 0;}
#blog iframe {width:100%; max-width:560px; height:315px; border-radius:10px; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); margin:20px 0;}
#blog .iframe {text-align:center;}
#blog .verzeichnis, #blog .outer-card {background:#f8f9fa; border-radius:10px; padding:30px; border:1px solid #e0e0e0; width:100%; margin-bottom:20px !important;}
#blog .verzeichnis h2, #blog .outer-card h2 {margin:0 0 30px; border-bottom: 2px solid #B4BB16;}
#blog .verzeichnis ul {list-style:none; margin:0; padding:0;}
#blog .verzeichnis p {margin-bottom:10px;}
#blog .verzeichnis p strong {font-size:20px;}
#blog .verzeichnis a {color:#2d3436; text-decoration:none; font-weight:600; transition:all 0.3s ease; display:block; padding:10px 15px; margin:0 0 5px; border-radius:5px; background-color:#fff; border-left:4px solid #B4BB16;}
#blog .verzeichnis a:hover {background-color:#b4bb16; color:#fff; padding-left:10px; text-decoration:underline;}
#blog .checklist {background:#F8F9FA; border-left:5px solid #B4BB16; padding:0 20px 20px; margin:0 0 30px; border-radius:10px; display:inline-block; width:100%;}
#blog #produkte .product-listing {border:2px solid #B4BB16; border-radius:10px; padding:0; margin:30px 0; display:block; background-color:#F8F9FA; text-decoration:none; color:#333; transition:all 0.3s 
ease; overflow:hidden; clear:both;}
#blog #produkte .product-listing img {max-width:150px; height:auto; margin-right:20px; border-radius:5px;}
#blog #produkte .product-content {display:flex; align-items:center; padding:20px;}
#blog #produkte h3 {margin:0; padding:0 0 10px; font-size:20px;}
#blog #produkte p {font-size:16px;}
#blog #produkte #button {margin:0; text-align:right;}
#blog #produkte #button a {background:#b4bb16; font-size:16px; border-radius:0; padding:5px 30px;}
#blog .fazit, #blog .highlight-box {width:100%; background:#f8f9fa; border-left:5px solid #b4bb16; padding:20px; margin:25px 0; border-radius:0 10px 10px 0; display:inline-block; /*font-weight:500;*/}
#blog .fazit img, #blog .highlight-box img {width:50px; height:50px; float:right;}
#blog .fazit h3, #blog .highlight-box h3 {margin:0; padding:0 0 10px; font-size:22px; color:#B4BB16;}
#blog .fazit p, #blog .highlight-box p {margin-bottom:10px;}
#blog .fazit .icon {font-size:32px;}
#blog .fazit .badge {display:inline-block; background-color:#B4BB16; color:#fff; padding:8px 17px; border-radius:20px; font-size:15px; margin-bottom:15px; font-weight:600;}
#blog .fazit .badge-green {background-color:#c8e6c9; color:#2e7d32;}
#blog .fazit .badge-yellow {background-color:#fff9c4; color:#f57f17;}
#blog .fazit .badge-red {background-color:#ffccbc; color:#d84315;}
#blog .bg-green {background-color:#f0f4e8;}
#blog .n-item {display:inline-block; margin:10px; padding:15px; border:2px solid #ddd; border-radius:10px; text-align:center; background:#fff; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1); width:176px; vertical-align:top;}
#blog .n-item-name {display:block; font-weight:600; margin-bottom:10px; color:#2d3436; font-size:0.9em;}
#blog .n-item a {text-decoration:none;}
#blog .n-item:hover {border-color:#b4bb16;}
#blog .n-item:hover a {text-decoration:underline;}
#blog #button {text-align:center;}
#blog #button a {background:linear-gradient(135deg, #b4bb16 0%, #9ca518 100%); font-size:20px; font-weight:500; border-radius:10px; padding:10px 30px;}
#blog #button a:hover svg {fill:#000;}
#blog #button .button-dark {background:#333; color:fff;}
#blog #button .button-dark:hover svg {fill:#B4BB16;}
#blog button:after {font-size:20px; color:#b4bb16;}
#blog .pain-level-low {background-color:#d4edda;}
#blog .pain-level-medium {background-color:#fff3cd;}
#blog .pain-level-high {background-color:#f8d7da;}
#blog .pro {color:#28a745; font-weight:700;}
#blog .con {color:#dc3545; font-weight:700;}
#blog .trend-number {display:inline-block; background:#B4BB16; color:#fff; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; font-weight:bold; margin-right:10px; font-size:30px;}
#blog .xtrabutton ul {padding:0; margin:0;}
#blog .xtrabutton li {flex:0 0 20%; max-width:20%; margin:0; padding:12px;}
#blog .xtrabutton a {background:#f5f5f5; border:2px solid #e0e0e0; color:#222; padding:0; border-radius:10px; text-transform:none;}
#blog .xtrabutton a .img {display:block;padding:10% 15% 0;}
#blog .xtrabutton .img img {margin:0 !important;}
#blog .xtrabutton a .name {display:block; word-wrap:break-word; padding:12% 0;}
#blog .xtrabutton a:hover {background:#b4bb16; border-color:#666; transform:translateY(-2px);}
#blog .xtrabutton a:hover .name {color:#fff;}
#blog .block {border-radius:10px; font-size:16px;}
#blog .block .block-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:15px; margin-top:20px;}
#blog .block .block-item {background:#b4bb16; padding:20px; border-radius:10px; color:#fff;}
#blog .block .block-item strong {display:block; font-size:22px; margin-bottom:10px;}
#blog .block h3 {margin:0; padding:10px 0 0; font-size:20px;}
#blog .block-soft .block-grid {grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));}
#blog .block-soft .block-item {background:#f8f9fa; border-top:4px solid #B4BB16;}
#blog .timeline-item {display:flex; gap:20px; margin-bottom:25px; align-items:flex-start;}
#blog .timeline-date {background-color:#B4BB16; color:#fff; padding:10px 15px; border-radius:5px; font-weight:bold; min-width:140px; text-align:center; flex-shrink:0;}
#blog .timeline-content {flex:1;}
#blog .timeline h4 {margin-top:0;}
#blog .warning-box {background-color:#fff3cd; border-left:5px solid #ffc107; padding:20px; margin:30px 0;}
#blog .warning-box h3 {color:#F57C00; margin-top:0; padding-top:20px;}
#blog .danger-box {background-color:#ffebee; border-left:5px solid #d32f2f;}
#blog .danger-box h3 {color:#c62828;}
#blog .bg-blue {background-color:#e3f2fd; border-left:5px solid #2196f3;}
#blog .bg-blue h3 {color:#2196F3;}
#blog .pro-con-container {display:grid; grid-template-columns:1fr 1fr; gap:20px; margin:25px 0;}
#blog .pro-box, #blog .con-box {padding:20px; border-radius:10px;}
#blog .pro-box {background-color:#e8f5e9; border-left:5px solid #4caf50;}
#blog .con-box {background-color: #ffebee; border-left:5px solid #f44336;}
#blog .pro-box li:before {content: "✓ "; color:#4caf50; font-weight:bold; margin-right:5px;}
#blog .con-box li:before {content: "✗ "; color: #f44336; font-weight:bold; margin-right:5px;}
#blog .pro-box h3 {color:#2e7d32; padding-top:0;}
#blog .con-box h3 {color:#c62828; padding-top:0;}
#blog .stats-box {background:linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); border:2px solid #B4BB16; border-radius:10px; padding:25px; margin:30px 0; box-shadow:0 4px 12px rgba(0, 0, 0, 0.1); clear:both;}
#blog .stat-item {display:flex; align-items:center; margin:15px 0; padding:15px; background-color:#fff; border-radius:10px;}
#blog .stat-number {font-size:36px; font-weight:bold; color:#B4BB16; margin-right:15px; min-width:80px;}
#blog .stat-text {flex:1; font-size:18px;}
#blog .stats-box h3 {padding-left:0; color:#B4BB16; margin-top:0;}
#blog .pro-section {background-color:#e8f5e9; border-left:5px solid #4caf50; padding:25px; margin:30px 0; border-radius:10px;}
#blog .pro-section h2 {color:#2e7d32; border-bottom:3px solid #4caf50;}
#blog .con-section {background-color:#ffebee; border-left:5px solid #f44336; padding:25px; margin:30px 0; border-radius:10px;}
#blog .con-section h2 {color:#c62828; border-bottom:3px solid #f44336;}
#blog .neutral-section {background-color:#fff3e0; border-left:5px solid #ff9800; padding:25px; margin:30px 0; border-radius:10px;}
#blog .neutral-section h2 {color:#e65100; border-bottom:3px solid #ff9800;}
.timeline {position:relative; padding:20px 0; margin:30px 0;}      
.timeline:before {content: ''; position:absolute; left:50px; top:0; bottom:0; width:4px; background:linear-gradient(180deg, #B4BB16 0%, #9ca614 100%);}
.timeline .timeline:before {content: ''; position:absolute; left:50px; top:0; bottom:0; width:4px; background:linear-gradient(180deg, #B4BB16 0%, #9ca614 100%);}
.timeline .timeline-item {position:relative; padding-left:100px; margin-bottom:30px;}
.timeline .timeline-marker {position:absolute; left:32px; width:40px; height:40px; border-radius:50%; background-color:#B4BB16; border:4px solid white; box-shadow:0 2px 8px rgba(0,0,0,0.2); display:flex; align-items:center; justify-content:center; color:white; font-weight:bold; font-size:14px;}        
.timeline .timeline-content {background-color:#f8f9fa; padding: 20px; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.1);}        
.timeline .timeline-content h3 {padding:10px 0 15px 0 !important; margin:0 !important; color:#B4BB16 !important;}
.step-guide {background-color:#f8f9fa; padding:25px; border-radius:10px; margin:25px 0;}
.step-item {display:flex; align-items: flex-start; margin:20px 0; padding:15px; background-color:white; border-radius:5px; box-shadow:0 2px 6px rgba(0,0,0,0.05); transition:all 0.3s ease;}
/*.step-item:hover {transform:translateX(5px); box-shadow:0 4px 12px rgba(0,0,0,0.1);}*/
.step-number {background-color: #B4BB16; color:#fff; width:35px; height:35px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:bold; font-size:18px; margin-right:15px; flex-shrink:0;}
.step-content {flex:1;}
.step-content strong {color:#B4BB16;}
#blog .do {background-color:#4CAF50; color:#fff;}
#blog .dont {background-color:#f44336; color:#fff;}
#blog .img {text-align:center; padding:20px 0;}
#blog .img div {font-size:0.9rem; color:#777;}

#faq .faq-item {border:1px solid #ddd; border-radius:10px; margin-bottom:10px; overflow:hidden; background:#fff; box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);}
#faq .faq-question {width:100%; background:#f8f9fa; border:none; padding:20px; text-align:left; font-weight:600; cursor:pointer; transition:all 0.3s ease; display:flex; 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;}


/* STUDIO - KARTE */
#karte {position:relative;}
#karte .buchstabe {display:none; font-weight:bold; padding:10px 0 0 4%; margin:0 0 3px; font-size:1.2em;}
#karte div a {position:absolute; background:#b4bb16; border-radius 5px; color:#fff; display:block; font:20px/1.1 arial; padding:0 20px; text-align:center; text-decoration:none;}
#karte div.berlin a {left:570px; top:265px;}
#karte div.bochum a {left:220px; top:355px;}
#karte div.chemnitz a {left:550px; top:490px;}
#karte div.dresden a {left:640px; top:440px;}
#karte div.duesseldorf a {left:110px; top:400px;}
#karte div.essen a {left:120px; top:360px;}
#karte div.frankfurt a {left:225px; top:585px;}
#karte div.freiburg a {left:170px; top:805px;}
#karte div.halle a {left:490px; top:385px;}
#karte div.hamburg a {left:335px; top:150px;}
#karte div.hannover a {left:325px; top:270px;}
#karte div.karlsruhe a {left:215px; top:700px;}
#karte div.koeln a {left:130px; top:425px;}
#karte div.leipzig a {left:510px; top:410px;}
#karte div.magdeburg a {left:460px; top:310px;}
#karte div.mannheim a {left:220px; top:645px;}
#karte div.muenchen a {left:460px; top:785px;}
#karte div.schweinfurt a {left:360px; top:605px;}
#karte div.stuttgart a {left:260px; top:730px;}
#karte div.wien a {left:830px; top:770px;}
#karte div.zuerich a {left:230px; top:885px;}
#karte div a span {position:absolute; top:14px; left:0; font-family:cursive;}
#ukattext div {border-top:1px solid #ccc; padding:20px 0;}
#ukattext .center {text-align:center;}
#ukattext img {max-width:100%;}
#ukattext img.right {padding:0; float:none;}



/* SPEZIELLE SEITEN */
.ps-main a {text-decoration:none;}
.ps-main .ps-in {display:inline-block; width:100%; border:2px solid #eee; margin:0 0 3rem; padding:0 0 0.5rem;}
.ps-main .ps-in ul {padding:0; margin:0; width:100%;}
.ps-main h2 {display:inline-block; width:100%; text-align:left; font-size:1.6em; font-weight:400; padding-top:0;}
.ps-main h2:before, .ps-main h2:after {height:0;}
.ps-main .headline {padding:1rem 0;}
.ps-main .headline::before {right:5%;}
.ps-main .headline span {padding:0.2rem 1.5rem; background:#eee;}

.ps-main div ul {display:-webkit-flex; display:-ms-flex; display:flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.ps-main div li a span.pfbild {height:100px; width:100px; margin:0 auto; display:block;}
.ps-main div li a span.pftext {display:block; text-align:center; color:#777; line-height:1rem; font-size:0.9rem;}
.ps-main div li:hover a span.pftext {color:#B4BB16;}
.ps-main div li.p00 {float:left; display:block; width:16.6666666666%; padding:0.5rem;}
.ps-main div li.p00 a {border:1px solid #fff; display:block; height:100%;}
.ps-main div li.p00 a:hover {border-color:#ccc;}
.ps-main div li.p00 a span.pfbild {background:url(img/menu/piercings-100.jpg) no-repeat scroll 0 0 transparent;}
.ps-main div li.pf02 a span.pfbild {background-position:-100px 0;}
.ps-main div li.pf03 a span.pfbild {background-position:-200px 0;}
.ps-main div li.pf04 a span.pfbild {background-position:-300px 0;}
.ps-main div li.pf05 a span.pfbild {background-position:-400px 0;}
.ps-main div li.pf06 a span.pfbild {background-position:-600px 0;}
.ps-main div li.pf07 a span.pfbild {background-position:-500px 0;}
.ps-main div li.pf08 a span.pfbild {background-position:-700px 0;}
.ps-main div li.pf09 a span.pfbild {background-position:-200px -100px;}
.ps-main div li.pf10 a span.pfbild {background-position:-400px -100px;}
.ps-main div li.pf11 a span.pfbild {background-position:-300px -100px;}
.ps-main div li.pf12 a span.pfbild {background-position:-500px -100px;}

.ps-main .ps-in2 li {width:25%; padding:0.7rem 1.5rem; list-style-type:none;}
.ps-main .ps-in2 li .ps-p1 {border:1px solid #999; background:#f5f5f5; color:#000; text-transform:uppercase; text-align:center; text-decoration:none; color:#333;}
.ps-main .ps-in2 li .ps-p1 a {display:block; color:#333; line-height:1.8rem; position:relative;}
.ps-main .ps-in2 li .ps-p1:hover a {font-weight:bold; border-color:#000;}
.ps-main .ps-in2 li .ps-p1 a::before {content:""; width:30px; height:30px; position:relative; float:left; top:0; left:1px; background:transparent url("img/sprite.png") no-repeat scroll 0 0;}
.ps-main .ps-in2 li .ps-p1.ps1b a::before {background-position:-31px 0;}
.ps-main .ps-in2 li .ps-p1.ps1c a::before {background-position:-62px 0;}
.ps-main .ps-in2 li .ps-p1.ps1d a::before {background-position:-93px 0;}
.ps-main .ps-in2 li .ps-p1.ps1e a::before {background-position:-124px 0;}
.ps-main .ps-in2 li .ps-p1.ps1f a::before {background-position:-155px 0;}
.ps-main .ps-in2 li .ps-p1.ps1g a::before {background-position:-186px 0;}
.ps-main .ps-in2 li .ps-p1.ps1h a::before {background-position:-217px 0;}
.ps-main .ps-in2 li .ps-p1.ps1i a::before {background-position:-248px 0;}
.ps-main .ps-in2 li .ps-p2 a {display:inline-block; border:1px solid #f5f5f5; background:#f5f5f5; color:#666; text-decoration:none; padding:1px 3px; margin:0 1px 4px 0;}
.ps-main .ps-in2 li .ps-p2 a:hover {color:#000; border-color:#555;}
.ps-main .ps-in3 li {width:45.4% !important;}


/* BESTELLVORGANG */
#bank_transfer table {max-width:100%; border-collapse:collapse;}
#bank_transfer table td {border-bottom:1px solid #ccc; padding:0.5rem 1rem;}
#bank_transfer table th {border-bottom:1px solid #ccc; border-top:1px solid #ccc; padding:0.5rem 1rem;}
#bank_transfer table tr:nth-child(odd) {background:#f6f6f6;} /* "odd" = alle ungeraden Zeilen & "even" = alle gerade Zeilen */
.checkout-payment-method {background:#f6f6f6; padding:0.5rem 1rem; margin-bottom:0.5rem; border:1px solid #bbb;}
.fts-za-img {min-width:100px; display:inline-block;}
#checkout .col-lg-9 {flex:0 0 100%; max-width:100%;}
#checkout .checkout-payment-options {display:block; margin:0;}
#checkout .checkout-shipping-form-options .radio-w-100 .custom-control-inline {padding:1rem 1rem 0 2rem; border:1px solid #bbb;}
#checkout .checkout-shipping-form-options .versandkosten {background:#eee; border:1px solid #ddd; padding:0.1rem 0.5rem;}
#checkout div.h2 {padding:0 0 1rem; text-align:left;}
#checkout #fieldset-payment .custom-control-inline {width:100%;}
#checkout #fieldset-payment label.custom-control-label {width:100%;}
.is-checkout .snippets-checkbox-wrapper span.optional {display:none;}


/* BERWERTUNGEN */
#bewertung {padding:2rem 0;}
#bewertung div {padding:1.5rem;}
#bewertung div:nth-child(2n+1) {background:#f9f9f9;} /* "2nd" = alle ungeraden Zeilen & "2nd+1" = alle gerade Zeilen  ... jeder erste oder zweite */
#bewertung .b1 {font-weight:bold; float:left; width:50%;}
#bewertung .rating {text-align:right;}
#bewertung .rating span {width:110px; height:21px; background:url("img/sprite.png") no-repeat scroll -31px -31px transparent; display:inline-block;}
#bewertung .b2 {width:100%; display:table;}


/* FOOTER */
#footer {background:#efefef;}
#footer-boxes img {margin:0.2rem 0.15rem;}
.footerlinks {text-align:center; background-color:#e8e8e8; color:#525252; min-height:50px; padding:0.5rem;}
.footerlinks a {text-decoration:none; color:#525252; padding:0.3rem; margin:0.1rem 0.3rem; display:inline-block;}
.footerlinks a:hover {color:#000; text-decoration:underline;}
#footer .newsletter-footer-heading {text-align:left; padding:0 0 .8rem; font-weight:900;}



/* NEUE KATEGORIEN */
#fts-hero h1 {margin:0 0 15px; padding:0; text-align:left; font-size: clamp(16px, 6vw, 40px);; line-height:1.2; text-transform:uppercase; letter-spacing:1px;}
#fts-hero h1:before, #fts-hero h1:after {display:none;}
#fts-hero p {margin:0;}
.fts-hero-out {height:550px; padding:0; position:relative; width:100%; overflow:hidden;}
.fts-hero-out img {object-position:50% 27%;}
.fts-hero-img {width:100%; height:100%; object-fit:cover; position:absolute; top:0; left:0;}
.fts-hero-text {position:absolute; bottom:40px; left:40px; background:rgba(255, 255, 255, 0.95); padding:30px; max-width:500px; border-left:6px solid #b4bb16; border-radius:0 8px 8px 0;}






/* GRÖßEN - kleiner werdend */
@media (max-width: 1700px) {
}
@media (max-width: 1450px) {
}
@media (max-width: 1300px) {
  header .container-fluid {padding-left:0.1rem; padding-right:0.1rem;}
  #mainNavigation .dropdown-toggle::after {margin-left:0.3rem;}
/*
  header #mainNavigation {margin-right:0.5rem;}
  .container {max-width:1200px}
*/
  .xtrabutton li {flex:0 0 33%; max-width:33%;}

}
@media (max-width: 1150px) {
  .ps-main div li.p00 {width:20%;}
}
@media (max-width: 991px) {
  #y .y3 li {width: calc(100% / 4); min-width: calc(100% / 4);}
  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;}
  header .navbar-brand {padding:.1rem 0;}
  header .navbar-brand img {height:2.6rem;}
  header .container-fluid {padding-left:1rem; padding-right:1rem;}
  .submenu {padding:0; margin:0;}
  .submenu .submenu2 {padding:0; margin:0; background:#fff;}
  .submenu .submenu2 div {float:unset; width:auto; margin:0 -1rem; padding:1rem; white-space:normal; border-bottom:1px solid #ccc;}
  .submenu .submenu2 p {width:max-content; margin:0 0 0.7rem .2rem; padding:0;}
  .submenu .submenu2 a {background:#eee; font-size:0.9rem; margin:0 .5rem .5rem 0; line-height:2rem;}
  .submenu3 div {flex:0 0 100%; max-width:100%;}
  .submenu3 a {background:#f8f8f8; padding:.35rem 0 .35rem 1rem;}
  .submenu3 .subimg {padding:0; border-top:1px solid #ccc;}
  .submenu3 .subimg:last-child {border-bottom:1px solid #ccc;}
  .submenu3 .subimg .img img {width:50px;}
  .submenu3 .subimg .name {font-size:1rem; padding-left:0.7rem;}
  .xtrabutton li {flex:0 0 25%; max-width:25%;}
  #blog .xtrabutton li {flex:0 0 25%; max-width:25%; padding:0.5rem;}
  .ps-main div li.p00 {width:16.6666666666%;}
  #checkout .checkout-shipping-form-options .radio-w-100 .custom-control-inline {padding:1rem 1rem 1rem 2rem;}
  .fts-content-grid {grid-template-columns:1fr; gap:10px;}
}
@media (max-width: 800px) {
  #y .y50 div {flex:0 0 50%; max-width:50%;}
  .xtrabutton a {padding:1.2rem 0rem;}
  .xtrabutton li {flex:0 0 33%; max-width:33%;}
}
@media (max-width: 767px) {
  #y .y2 .right {text-align:center; margin:0 0 2rem; float:none;}
  #y .y3 li {width: calc(100% / 3); min-width: calc(100% / 3); font-size:.9rem;}
  #tb div.tb-dotted {padding:1rem;}
  #tb div.tb-text {padding:0 1rem 1rem;}
  #tb div.tb-right, #tb div.tb-left {float:none; text-align:center !important; margin:0;}
  #blog .xtrabutton li {flex:0 0 33.333333%; max-width:33.333333%;}
  .ps-main .ps-in2 li {width:33.333333%;}
  .ps-main div li.p00 {width:20%;}
  .trust {padding:0 0.5rem;}
  .trust a {background:transparent url("img/sprite.png") no-repeat scroll -144px -31px; width:20px; height:20px;}
  img.left, img.right {float:none; padding:0 0 1rem;}
  .kat-top-text {font-size:.8rem;}
}
@media (max-width: 700px) {
  #blog .blog-head {padding:10px;}
  #blog h1 {font-size:32px;}
  #blog h2 {font-size:26px;}
  #blog h3 {font-size:22px;}
  #blog img, #blog img.right, #blog img.left {float:none; margin:20px auto; display:block; max-width:100%;}
  #blog .n-item {width:150px; margin:5px; padding:10px;}
}
@media (max-width: 650px) {
  #y .y9 .y92 {flex:0 0 50%; max-width:50%;}
  .xtrabutton li {padding:0.5rem;}
  .ps-main div li.p00 {width:25%;}
}
@media (max-width: 600px) {
  #y .y50 div {flex:0 0 100%; max-width:100%; border-right:0; padding-left:25%;}
  #y .y50 div:last-child {border-bottom:0;}
  .xtrabutton li {flex:0 0 50%; max-width:50%;}
  #blog .xtrabutton li {flex:0 0 50%; max-width:50%;}
  #blog #produkte .product-content {flex-direction:column; text-align:center;}
  #blog #produkte .product-listing img {margin:0;}
}
@media (max-width: 575px) {
  #product-list .product-wrapper:nth-child(2n) {border-right:0;}
  #tb div {flex:100% !important; max-width:100% !important;}
  #tb div.tb-bg-bild {height:15rem;}
  #button a {width:100%;}
  .ps-main div li.p00 {width:33.3333333333%;}
  .ps-main .ps-in2 li {width:50%;}
}
@media (max-width: 500px) {
  #y .y3 li {width: calc(100% / 2); min-width: calc(100% / 2);}
  .content-cats-small .col-md-4 {flex:0 0 50%; max-width:50%;}
  .startp {font-size:.7rem;}
  #tablekontakt td {width:100%; margin:-1px 0  0; display:block;}
  #blog .long-table th {writing-mode: sideways-lr; font-size:20px; vertical-align: top;}
}
@media (max-width: 450px) {
  #product-offer .js-slider-wrapper .js-slider-items .js-slider-item {width:calc(100%/4); min-width:calc(100%/4);}
  #product-offer .trust-item {font-size:.8rem;}
  #blog table.pros-cons-table th, #blog table.pros-cons-table td {font-size:12px; padding:.5rem;}
}
@media (max-width: 430px) {

}
@media (max-width: 400px) {
  .ps-main div li.p00 {width:50%;}
  #y .y50 div {padding-left:10%;}
  .variations .swatches-text {font-size:.9rem;}
  .variations .swatches-text .variation-badge {font-size:.6rem;}
  #product-offer .trust-item {flex:0 0 100%; max-width:100%;}
}
@media (max-width: 360px) {
  .trust {display:none;}
  header #shop-nav-wish {display:none;}
  .variations .swatches-text {font-size:.75rem;}
  .variations .swatches-text .variation-badge {font-size:.5rem;}
}


/* GRÖßEN - größer werdend */
@media (min-width: 501px) {
  .content-cats-small .col-md-4 {flex:0 0 calc(100%/3); max-width:calc(100%/3);}
}
@media (min-width: 576px) {
  #content-wrapper .container {max-width:100%;}
  #product-list .product-wrapper {flex:0 0 33.33333333%; max-width:33.33333333%;}
  #product-list .product-wrapper:nth-child(3n) {border-right:0;}
  #checkout .checkout-shipping-form-options .form-row .price-col {text-align:right;}
}
@media (min-width: 601px) {
  #y .y50 div:nth-child(2n) {border-right-color:transparent;}
  #y .y50 div:nth-child(5n) {border-bottom:0;}
  #y .y50 div:nth-child(6n) {border-bottom:0;}
}
@media (min-width: 651px) {
  .content-cats-small .col-md-4 {flex:0 0 25%; max-width:25%;}
}
@media (min-width: 768px) {
  #content-wrapper .container {max-width:100%;}
  #product-list .product-wrapper {flex: 0 0 25%; max-width:25%;}
  #product-list .product-wrapper:nth-child(3n) {border-right:1px solid #eee;}
  #product-list .product-wrapper:nth-child(4n) {border-right:0;}
  .displayoptions, #improve_search .filter-collapsible-control {flex: 0 0 50%; max-width:50%;}
}
@media (min-width: 801px) {
  #y .y50 div:nth-child(2n) {border-right-color:#ddd;}
  #y .y50 div:nth-child(3n) {border-right:0;}
  #y .y50 div:nth-child(4n) {border-bottom:0;}
}
@media (min-width: 992px) {
  #shop-logo {height:68px;}
  header {background:#555; border:1px solid #000;}
  header .toggler-logo-wrapper {display:none;}
  header #shop-nav {display:none;}
  header nav.navbar {height:auto;}
  header #mainNavigation {height:auto;}
  header .nav-scrollbar-inner {justify-content:center; padding:0;}
  header .navbar-nav>.nav-item>.nav-link {color:#fff; font-size:.8rem; height:44px; line-height:44px; padding:0 .5rem;}
  header .submenu-headline-toplevel {background:#fff; margin-bottom:.5rem; border:1px solid transparent; font-size:.9rem; font-family:"Open Sans",sans-serif; padding:0 .5rem;}
  header .submenu-headline-toplevel span {padding:0 0 0 .5rem;}
  header .submenu-headline-toplevel:hover {border-color:#666;}
  #header-top-bar #shop-nav .nav-item .fas {font-size:1.1rem;}
  #content-wrapper.has-left-sidebar .col-lg-8 {flex: 0 0 75%; max-width:75%;} /* beeinfluss u.a. Kontaktforumular */
  #sidepanel_left {margin-top:2rem;}
  #sidepanel_left.col-lg-4 {flex: 0 0 25%; max-width:25%; margin-top: 2rem;}
  #sidepanel_left .nav-item {font-size:1rem;}
  #sidepanel_left .nav-item .nav-item {font-size:.9rem;}
  #sidepanel_left .nav-item .nav-item .nav-item {font-size:.8rem;}
  #mainNavigation .dropdown-menu {background:#f6f6f6;}
  #mainNavigation .lg-row-lg {margin:0;}
  #mainNavigation .lg-row-lg > .col,#mainNavigation  .lg-row-lg > [class*="col-"] {padding-right:0.5rem; padding-left:0.5rem;}
  #mainNavigation .col-lg-4 {flex:0 0 20%; max-width:20%;}
  #mainNavigation .plugs .col-lg-4, #mainNavigation .piercings .col-lg-4, #mainNavigation .schmuck .col-lg-4, #mainNavigation .fake-plugs .col-lg-4 {flex:0 0 calc(100%/6); max-width:calc(100%/6);}
  #mainNavigation .nav-item-lg-m {margin-bottom:0/*.3rem*/; margin-top:0/*.3rem*/;}
  .nav-scrollbar-item .dropdown-body {padding:.7rem 0; max-width:1400px; margin:0 auto;}
  .submenu .submenu2 div.w33 {width:33.3333333333%;}
  .submenu .submenu2 div.w34 {width:34%;}
  .submenu .submenu2 div.w44 {width:44%;}
  .submenu .submenu2 div.w100 {width:100%;}
  .submenu3 {max-width:1500px; margin:0 auto; padding:0;}
  .submenu3 div {flex:0 0 16.6%; max-width:16.6%;}
  .submenu3 div.subimg {flex:0 0 20%; max-width:20%;}
  .ringe .submenu3 div.subimg {flex:0 0 calc(100% / 6); max-width:calc(100% / 6);}
  .submenu3 .subimg .img img {width:70px;}
  .submenu3 p.empty {margin-top:2.5rem;}
  .submenu3 .subimg .name {font-size:0.9rem; padding-left:0.4rem;}
  .tunnel .submenu2 a {line-height:1.3rem; padding:0 0.2rem; margin:0 0.05rem 0.1rem 0; min-width:3.2rem;}
  .dropdown-body .container.subcategory-wrapper {max-width:100%;}
  #product-offer .variation-wrapper .dropdown.show {z-index:1022;}
  .is-checkout #header-top-bar .navbar {padding-top:2.5rem;}
  .is-checkout header, .is-checkout .navbar {height:2px;}
  .s-checkout {display:none !important;}
}
@media (min-width: 1050px) {
  .submenu3 {padding:0 1rem 1rem;}
  .content-cats-small .col-md-4 {flex:0 0 20%; max-width:20%;}
}
@media (min-width: 1100px) {
  .submenu3 .subimg .name {font-size:1rem; padding-left:0.7rem;}
  header .navbar-nav>.nav-item>.nav-link {font-size:.9rem; padding:0 .9rem;}
}
@media (min-width: 1200px) {
  .submenu3 p a {text-transform:uppercase;}
  #mainNavigation .plugs .col-lg-4, #mainNavigation .fake-plugs .col-lg-4 {flex:0 0 calc(100%/7); max-width:calc(100%/7);}
  header .navbar-nav>.nav-item>.nav-link {padding:0 1rem;}
}
@media (min-width: 1300px) {
  #product-list .product-wrapper {flex: 0 0 20%; max-width:20%;}
  #product-list .product-wrapper:nth-child(4n) {border-right:1px solid #eee;}
  #product-list .product-wrapper:nth-child(5n) {border-right:0;}
  #sidepanel_left.col-xl-3 {flex: 0 0 25%; max-width:25%;}
  .is-checkout #content-wrapper .container, .is-checkout #mainNavigation .container {max-width:1250px;}
  #mainNavigation .col-xl-3 {flex: 0 0 calc(100%/6); max-width:calc(100%/6)}
  header .navbar-nav>.nav-item>.nav-link {font-size:.95rem; padding:0 1.2rem;}
}
@media (min-width: 1400px) {
  #sidepanel_left.col-xl-3 {flex: 0 0 23%; max-width:23%;}
  #content-wrapper.has-left-sidebar .col-lg-8 {flex: 0 0 77%; max-width:77%;}
}
@media (min-width: 1450px) {
  #content-wrapper .container, #mainNavigation .container {max-width:1400px;}
}