/** Shopify CDN: Minification failed
Line 1049:6 Unexpected "("
**/
/*-----------------------------------------------------------------------------/
/ Custom Theme CSS
/-----------------------------------------------------------------------------*/
/*---------------- Global Custom CSS -------------------*/
/*---------------- Custom CSS for only desktop -------------------*/
/* @media (min-width: 1025px) {
} */
/*---------------- Custom CSS for tablet, mobile -------------------*/
/* @media (max-width: 1024px) {
}
*/
/*---------------- Custom CSS for only tablet -------------------*/
/* @media (min-width: 768px) and (max-width: 1024px) {
} */
/*---------------- Custom CSS for only mobile -------------------*/
/* @media (max-width: 767px){
} */
/* custom css */
.itg_page_collection_list h3.itg_page_heading {
display: inline-block;
width: 100%;
text-align: center;
font-size: 24px;
font-weight: 600;
color: #222;
position: relative;
padding-bottom: 10px;
margin-bottom: 30px;
padding-top: 30px;
}
.itg_page_collection_list h3.itg_page_heading:after {
content: " ";
position: absolute;
top: 100%;
left: 50%;
margin-left: -20px;
width: 40px;
height: 2px;
background-color: #222;
}
.itg_page_collection_list .t4s-coll-style-1 .t4s-cate-wrapper {
display: none;
}
/* .boost-pfs-filter-collection-description.rte h1 , .boost-pfs-filter-collection-description.rte h2{
display: none;
} */
.t4s-desc-collection h2 {
text-align: center;
margin-bottom: 10px;
}
.t4s-container img.ShadowPic {
border-radius: 25px;
box-shadow: 0 4px 8px #00000015, 0 6px 20px #00000015;
}
.t4s-collection-item .t4s-cat-title:hover {
color: unset !important;
background-color: unset !important;
}
.template-page .t4s-section-title>span {
padding-bottom: 8px;
}
.template-page .t4s-section-title.t4s-title span:after {
content: " ";
position: absolute;
top: 100%;
left: 50%;
margin-left: -20px;
width: 40px;
height: 2px;
background-color: #222;
}
.t4s-text-start{
text-align: center !important;
}
.t4s-slideshow-item .t4s_ratio img {
object-fit: cover;
}
.t4s-shipping-list .t4s-shipping .t4s-shipping-content .t4s-shipping-des {
text-align: left;
}
.t4s-shipping-list .t4s-shipping .t4s-shipping-title {
text-align: left;
}
/*collection list */
.cstm-mannual-list.t4s-coll-layout-2{
flex-wrap: inherit !important;
}
.cstm-mannual-list.t4s-coll-layout-2 .t4s-col-6 {
flex: inherit !important;
display: flex !important;
}
.cstm-mannual-list.t4s-coll-layout-2 .t4s-row {
flex-wrap: inherit !important;
}
.cstm-mannual-list.t4s-coll-layout-2 .t4s_ratio::before {
content: "";
}
.cstm-mannual-list .t4s-coll-style-2 .t4s-cate-wrapper{
position: inherit !important;
}
.cstm-mannual-list.t4s-coll-layout-2 .t4s-col-item {
padding-right: 0 !important;
padding-left: 0 !important;
}
.cstm-mannual-list.t4s-coll-layout-2 .t4s_ratio.t4s-bg-11.t4s-child-lazyloaded {
--aspect-ratioapt: 570/505 !important;
--aspect-ratioapttb: 570/505;
--aspect-ratioaptmb: 570/505;
}
.cstm-mannual-list.t4s-coll-layout-2 .t4s-coll-style-2 .t4s-cat-title {
position: absolute;
bottom: 109px;
left: 46%;
transform: translate(-50%,-50%);
}
/* */
.button_block {
display: inline-block;
}
.button_box_download_aussen {
width: 180px;
overflow: auto;
/* 27.08. (Andrea): gleicher Grauton wie Text-, Lieferumfangs- und Technikkasten (#f7f7f7),
vorher #f6f6f8 - der Unterschied war auf der Produktseite sichtbar. */
background: #f7f7f7;
border-radius: 8px;
padding: 2px;
position: relative;
margin: 17px;
box-shadow: 0 1px 6px -1px rgb(0 0 0 / 0.1), 0 1px 4px -2px rgb(0 0 0 / 0.1);
float:left;
}
.clear {
clear: left;
}
.Zeile2 {
color:#0000009c;
font-size: 10px;
margin: 2px 11px 10px 85px;
}
.Zeile3 {
color:#0000009c;
font-size: 16px;
margin: -13px 7px 1px 58px;
}
.button_box_download_innen_links {
width:40px;
position: absolute;
margin-left: 11px;
margin-top: 6px;
}
.button_block{
clear: left;
}
/*---------------- /*----------------
.t4s-featured-collection span.t4s-section-des.t4s-subtitle {
font-family: 'serif'!important;
}
.t4s-featured-collection .t4s-title {
font-family: sans-serif !important;
} -------------------*/
.nt_bg_lz.item__position.lazyloadt4sed {
padding-top: 50%;
}
.mt__60 {
margin-bottom: 60px;
}
/* login page*/
.cstm-login-page {
display: flex;
justify-content: space-between;
align-items: center;
}
.cstm-login-image {
width: 50%;
}
.cstm-login-page.t4s-customer.is--login.t4s-text-start {
width: 50%;
}
.t4s-type-accordion>.t4s-tab-wrapper {
text-align: left;
}
.t4s-footer-menu ul li {
text-align: left;
}
.t4s-footer-raw-html.t4s-hidden-mobile-false p {
text-align: left;
}
.t4s-site-nav__account ul {
top: 100%;
z-index: 380;
background-color: #fff;
box-shadow: 0 0 3px rgb(0 0 0 / 15%);
list-style: none;
width: 165px;
padding: 20px 10px;
line-height: 2;
margin-top: 5px;
right: -5px;
border-radius: 3px;
-webkit-transform: translateY(15px) translateZ(0);
transform: translateY(15px) translateZ(0);
visibility: hidden;
transition: opacity .2s,visibility .2s,transform .2s,-webkit-transform .2s;
position: absolute;
}
.t4s-site-nav__account{
position: relative;
}
.t4s-site-nav__account:hover ul{
pointer-events: auto;
visibility: visible;
opacity: 1;
-webkit-transform: none;
transform: none;
}
.t4s-site-nav__account a:hover {
color:#000;
}
.t4s-top-bar__wrap {
padding: 0px !important;
}
.customer-false a.custombtn:hover {
color:unset !important;
}
.template-product .t4s-product-price td.Wpd_Discount_Price {
border: none;
}
.template-product .t4s-table-res-df table {
width: auto;
margin-bottom: 0;
}
.template-product .t4s-table-res-df table, .template-product .t4s-table-res-df td, .template-product .t4s-table-res-df th {
border: none;
}
.template-product .t4s-table-res-df td {
padding: 5px;
}
.template-product .t4s-table-res-df th {
padding: 5px 10px 5px 5px;
font-weight: 400;
}
.template-product .t4s-table-res-df {
color: #000;
}
span.t4s_lb_nav.t4s_lb_menu_hot {
background-color: #b9d6cd!important;
}
@media (max-width: 1024px){
.cstm-mannual-list.t4s-coll-layout-2 .t4s-row {
flex-wrap: wrap!important;
}
.cstm-mannual-list.t4s-coll-layout-2 .t4s-col-6 {
display: block !important;
}
}
@media (max-width: 480px){
.cstm-mannual-list.t4s-coll-layout-2 .t4s-coll-style-2 .t4s-cat-title {
bottom: 63px;
}
}
/*itg custom css start*/
.zoom.itg_img_zoom.img_ptw {
background-image: none !important;
padding-top: 0;
}
.t4s-navigation .t4s-product-wrapper td.Wpd_Discount_Price span.money.tired:before {
padding-right: 2px;
}
html[lang="en"] .t4s-navigation .t4s-product-wrapper td.Wpd_Discount_Price span.money.tired:before {
content: 'from';
}
html[lang="it"] .t4s-navigation .t4s-product-wrapper td.Wpd_Discount_Price span.money.tired:before {
content: "da";
}
html[lang="es"] .t4s-navigation .t4s-product-wrapper td.Wpd_Discount_Price span.money.tired:before {
content: "desde";
}
html[lang="fr"] .t4s-navigation .t4s-product-wrapper td.Wpd_Discount_Price span.money.tired:before {
content: "à partir de";
}
html[lang="de"] .nt_pr .product-info .price span.money span.money:before {
content: "ab";
}
.nt_pr .product-info .price span.money.tired td.Wpd_Discount_Price {
border: none;
padding: 0;
}
/* .related .itg_collection_grid span.money.tired:before {
display: none;
} */
html.itg_de .sp-single {
display: none;
}
.itg_page_collection_list .cat_grid_item .cat_grid_item__overlay img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.justify-center {
justify-content: center;
}
.t4s-navigation .t4s-product-wrapper td.Wpd_Discount_Price span.money.tired:before {
content: "ab ";
}
.template-customers-login .login_img.login_content {
width: 50%;
float: left;
margin: 0 auto 60px;
padding: 0 10px;
}
.template-customers-login .t4s-customer.t4s-text-start {
width: 100%;
max-width: 100%;
display: inherit;
}
.template-collection .t4s_ratio img {
object-fit: cover;
object-position: center center;
}
.desgin__2 .product-image {
border-radius: 5px;
-webkit-box-shadow: 0 0 12px rgb(0 0 0 / 12%);
box-shadow: 0 0 12px rgb(0 0 0 / 12%);
}
.template-collection .t4s_ratio::before {
padding-top: 100%;
}
.template-collection .t4s_ratio:not(.t4s_bg)>:not(.t4s-not-style) {
/*height: auto; */
}
.template-collection .t4s-product-inner.t4s-pr.t4s-oh {
border-radius: 5px;
-webkit-box-shadow: 0 0 12px rgb(0 0 0 / 12%);
box-shadow: 0 0 12px rgb(0 0 0 / 12%);
}
.template-customers-account .t4s-customer .form__message {
align-items: center;
display: flex;
font-size: 14px;
line-height: 1;
margin-top: 1rem;
font-weight: 400;
color: #3c763d;
border-color: #459647;
background-color: transparent;
border: 2px solid;
border-radius: 0;
overflow: hidden;
margin: 20px 0 0;
padding: 14px 25px 14px 25px;
line-height: 1.4;
position: relative;
}
.template-customers-account a.t4s_mr_10.t4s_mb_10 {
color: #3c763d;
text-decoration: underline;
font-weight: 600;
margin: 0;
margin-right: 8px;
}
.template-customers-account .t4s_mb_10 {
margin-bottom: 0;
}
td.Wpd_Discount_Price {
border: none;
}
.template-cart .t4s-cart__totalPrice {
display: none;
}
.template-cart .t4s-cart__ttprice {
display: flex;
flex-direction: row-reverse;
}
.template-cart .t4s-cart-total{
justify-content: flex-end !important;
width: 100%;
}
.template-cart .t4s-page_cart__item .t4s-cart_price del, .template-cart .t4s-page_cart__item span.t4s-cart-item-price dl {
display: inline-block;
}
/* .template-cart .t4s-page_cart__item .t4s-cart_price.itg-t4s__price del, .template-cart .t4s-page_cart__item span.t4s-cart-item-price.itg-t4s__price dl {
display: none;
} */
.template-cart .t4s-page_cart__item .t4s-cart_price span.money {
color: #5f5f5f;
}
.template-cart .t4s-page_cart__item .t4s-cart-item-price dl {
margin-right: 10px;
}
.t4s-main-cart form.t4s-cartPage__form .t4s-cartPage__header .t4s-col-item {
color: #5f5f5f;
text-transform: capitalize;
font-weight: 400;
}
header.shopify-section-header-hidden {
transform: translateY(0);
}
body{
overflow: visible !important;
}
.template-cart .t4s-cart-total .t4s-col-auto:not(.t4s-cart__ttprice) {
display: none;
}
.t4s-product-badge span.t4s-badge-item {
min-width: 100px;
min-height: 26px;
font-size: 15px;
border-radius: 5px;
}
html[lang=en] .t4s-product-info .t4s-product-price span.money span.money::before {
content: "from";
padding-right: 2px;
}
html[lang=de] .t4s-product-info .t4s-product-price span.money span.money::before {
content: "ab";
padding-right: 2px;
}
html[lang=es] .t4s-product-info .t4s-product-price span.money span.money::before {
content: "desde";
padding-right: 2px;
}
html[lang=fr] .t4s-product-info .t4s-product-price span.money span.money::before {
content: "\e0 partir de";
padding-right: 2px;
}
html[lang=it] .t4s-product-info .t4s-product-price span.money span.money::before {
content: "da";
padding-right: 2px;
}
.t4s_se_main-wishlist .t4s-products-wishlist .t4s-product-wrapper .t4s-product-price .money {
display: none;
}
#t4s-search-hidden .t4s-mini-search__frm .t4s-mini-search__cat {
display: none;
}
.template-collection .t4s-collection-page .t4s-product-price {
display: flex;
flex-direction: row-reverse;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.t4s-collection-page .t4s-product-price ins{
margin-right: 6px;
margin-left: 0;
color: #e9ad9b;
}
.t4s-product.t4s-pr-grid.itg_collection_grid .t4s-product-price ins{
color: #e9ad9b;
}
.template-collection .t4s-collection-page .t4s-row.t4s-prs-footer {
width: 100%;
margin-left: 0;
}
.customer-false .template-customers-login .t4s-menu-item a.custombtn, .customer-false .template-page .t4s-menu-item a.custombtn {
display: inline;
background: #202020;
color: #fff!important;
padding: 10px 20px;
margin-right: 15px;
text-transform: uppercase;
font-weight: 600;
line-height: 1;
}
.customer-false .template-customers-login .t4s-customer a.t4s-d-block.t4s_mb_30 {
text-decoration: none;
color: #222;
text-align: left;
margin-bottom: 1.3em;
}
.customer-false .template-customers-login .t4s-customer .t4s_field.t4s_mb_20 {
display: inline-block;
}
.customer-false .template-customers-login .t4s-customer .t4s_btn_submmit {
width: auto;
padding: 14px 25px;
text-transform: capitalize;
text-decoration: none;
}
.customer-false .template-customers-login .t4s-customer #customer_login{
text-align: left;
}
/* .template-customers-login .page-head::before, .template-customers-account .page-head::before {
background: #ededed;
} */
.template-customers-login .page-head h1.title-head, .template-customers-account .page-head h1.title-head, .template-customers-addresses .page-head h1.title-head{
text-transform: uppercase;
}
.template-customers-account .t4s-customer-account {
color: #5f5f5f;
}
.template-customers-addresses .is--addresses form>div {
text-align: center;
}
.template-customers-addresses .is--addresses form>div button {
display: block;
margin-inline: auto;
}
.template-customers-addresses .is--addresses form #address_checkbox_default {
display: flex;
align-items: center;
margin-top: 2rem;
justify-content: center;
}
.template-customers-addresses .is--addresses form #address_checkbox_default input[type=checkbox]{
margin-top: 0;
margin-right: 5px;
}
.template-customers-addresses .is--addresses .select select {
border-radius: 0;
}
/* .template-customers-addresses .is--addresses .t4s-btn-style-outline + .t4s-btn-style-outline {
margin-left: 0;
} */
.template-customers-addresses .is--addresses [aria-controls='AddAddress'], .template-customers-addresses .is--addresses .t4s-account-content h2 {
text-transform: uppercase;
font-weight: 600;
}
#t4s-login-sidebar a.t4s-d-inline-block {
margin: 0 0 10px;
}
#t4s-login-sidebar .t4s_field.t4s-pr.t4s_mb_10 {
margin: 0 0 1.3em;
}
#t4s-login-sidebar.t4s-drawer a {
text-decoration: none;
display: inline-block !important;
}
#t4s-login-sidebar.t4s-drawer p {
text-align: left;
margin: 0;
}
#t4s-login-sidebar #create_login-sidebar a.t4s_btn_submmit, #t4s-login-sidebar #create_login-sidebar a.t4s_btn_submmit:hover {
color: #fff;
display: flex !important;
}
.customer-false .template-customers-login .t4s-customer #recover .t4s_field.t4s_mb_20 {
display: block;
}
.customer-false .template-customers-login .t4s-customer #recover{
text-align: left;
}
#t4s-login-sidebar .t4s_field .t4s_btn_submmit {
text-transform: uppercase;
}
.template-collection .header-banner .desc-head {
max-width: 100%;
}
.t4s-dropdown__sortby .t4s-dropdown__content button{
border-radius: 0;
}
.t4s-account-content h2 {
color: #5f5f5f;
}
.t4s-account-content .t4s_mb_60 {
margin-bottom: 40px;
}
.t4s-customer.t4s-customer-account.is--addresses .t4s-account-content .t4s-btn {
margin-left: 0;
margin-right: 0;
}
.template-customers-addresses .is--addresses .t4s-account-content h2 {
color: #000;
}
.t4s-product__info-wrapper .t4s-pr-wishlist.t4s-tooltip-actived.is--added {
color: #e81e63;
}
.template-page .t4s-featured-collections .t4s-list-collections {
justify-content: left !important;
}
.t4s-mini_cart__items .t4s-mini_cart__actions .t4s-quantity-cart-item {
display: inline-block;
margin-right: 10px;
}
.template-cart .t4s-cart__ttprice {
display: block;
/* flex-direction: row-reverse; */
}
.template-cart .t4s-cart__ttprice .wcp-discounts-wrapper .btn {
margin-top: 10px;
}
@media screen and (min-width: 1025px){
/* .default_collection.boost-pfs-enable-app .t4s-row .t4s-main-area.t4s-main-collection-page{
flex: 0 0 75%;
max-width: 75%;
}
.default_collection.boost-pfs-enable-app .header-banner .page-head {
padding-bottom: 40px;
padding-top: 40px;
} */
}
@media screen and (min-width: 768px){
.t4s-dropdown.t4s-dropdown__sortby .t4s-dropdown__wrapper {
min-width: 190px;
width: auto;
}
}
@media screen and (max-width: 1024px){
.customer-false #t4s-menu-drawer .t4s-drawer__header [data-id='#shopify-mb_cat'] {
display: none !important;
}
.customer-false #t4s-menu-drawer .t4s-drawer__header .t4s-mb-tab__title {
display: none !important;
}
}
@media screen and (max-width: 767px){
.template-customers-login .login_img.login_content {
width: 100%;
padding: 0;
}
.page-head h1 {
font-size: 18px;
}
}
@media screen and (max-width: 479px){
.t4s-drawer__wrap .t4s-mini_cart__items .t4s-mini_cart__img {
width: 100px;
margin-right: 15px;
}
#t4s-mini_cart.t4s-drawer {
width: calc(100vw - 50px);
}
.t4s-mini_cart__items .t4s-mini_cart__actions .t4s-quantity-cart-item {
min-width: 110px;
width: 110px;
}
}
.t4s-drawer__content .t4s-widget__pr-price {
display: none !important;
}
.t4s-drawer__content .t4s-widget__pr-price {
display: none !important;
}
/* .t4s-drawer__scroll .t4s-widget__pr-price {
display: none;
} */
/* .wcp-discounts-wrapper
{
display: none;
} */
/*-----------(18/03) Login Seite grauer Kasten begrenzt --------------*/
#shopify-section-template--17843506118924__main .t4s-customer {
display: flow-root;
min-height: 100%;
}
.template-customers-login .login_img.login_content {
margin: 0 auto 0px;
}
/*----------------(24/03) gleiche Aussehene der Buttons ----------------*/
.t4s-container li.t4s-type__simple.t4s-menu-item a {
padding: 10px 20px;
border-radius: 40px;
}
.customer-false .template-customers-login .t4s-customer .t4s_btn_submmit {
background: #202020;
color: #fff;
font-weight: 600;
text-transform: uppercase;
margin-right: 15px;
}
/* ITG Css */
button.t4s-lang-item.flagst4-de,
button.t4s-lang-item.flagst4-en,
button.t4s-lang-item.flagst4-fr,
button.t4s-lang-item.flagst4-it,
button.t4s-lang-item.flagst4-es{
display: block !important;
}
button.t4s-lang-item {
display: none !important;
}
.wcp_apply_vd .money:before{
content: "ab";
display: inline;
margin-right: 5px;
}
/*----------------(20/12/2023) top-padding fix drop-shadow "Featured Collection" + hide reCaptcha badge --------*/
div.t4s-product.t4s-pr-grid.t4s-pr-style1 {
padding-top: 10px;
}
.grecaptcha-badge { visibility: hidden; }
/*-----------------(20/12/2023) login button style + login input style rounded ----------------------------------*/
@media (min-width: 481px){
a.custombtn {
display: inline;
background: #202020;
color: #fff!important;
padding: 6px 14px;
margin-right: 10px;
text-transform: uppercase !important;
font-weight: 600 !important;
line-height: 1;
font-size: 0.85em;
}
}
/* Header-Buttons: BEIDE schwarz (Wunsch Andrea 20.08., vorher Fiverr-Stil mit Accedi als Textlink);
margin-left schafft Abstand zwischen Menue (Sale) und den Buttons. */
#t4s-nav-ul a.custombtn--ghost {
background: #202020;
color: #fff !important;
border-radius: 8px;
padding: 9px 18px;
text-transform: none !important;
font-size: 1em;
margin-left: 28px;
margin-right: 10px;
}
#t4s-nav-ul a.custombtn--ghost:hover { color: #fff !important; background: #000; }
#t4s-nav-ul a.custombtn--solid {
border-radius: 8px;
text-transform: none !important;
font-size: 1em;
padding: 9px 18px;
margin-right: 0;
}
/* Header-Zeile einzeilig halten: Nav rechtsbündig, kein Umbruch */
@media (min-width: 1200px) {
#t4s-nav-ul {
flex-wrap: nowrap !important;
justify-content: center;
width: 100%;
}
#t4s-nav-ul > li > a { white-space: nowrap; }
#t4s-nav-ul > li.t4s-type__simple:not(:has(.custombtn)) > a { padding-left: 10px; padding-right: 10px; }
#t4s-nav-ul .t4s-lang-menu-item { margin-left: auto !important; padding-left: 22px; }
}
@media (max-width: 480px){
a.custombtn {
display: inline;
background: #202020;
color: #fff!important;
padding: 7px 14px;
margin-right: 10px;
text-transform: uppercase !important;
line-height: 1;
font-weight: 500 !important;
font-size: 0.75em;
}
}
/*-----------------(21/12/2023) hide tabs in main product view ---------------------------------------------------*/
.t4s-flicky-slider.t4s-slider-btn-style-simple {
display: none;
}
.t4s-product-form__variants.is-btn-full-width__false .t4s-product-form__submit {
min-width: 250px !important;
}
/*-----------------(3/1/2024) style product variant name (color etc.) ---------------------------------------------*/
.t4s-swatch__title .t4s-swatch__current {
font-size: 14px;
font-weight: 400;
color: var(--text-color);
}
/*-----------------(3/1/2024) hide search header text in side-drawer -----------------------------------------------*/
.t4s-drawer__header > span.is--login {
visibility: hidden;
}
/*-----------------(17/1/2024) shopping cart Anpassungen -----------------------------------------------*/
.t4s-cartPage__footer .wcp-discounts-wrapper {
margin-top: 10px;
}
.wcp-original-cart-total {
opacity: 0.6 !important;
}
.custom-box {
padding: 20px;
border-radius: 16px;
background-color: #f6f6f8;
}
.template-cart .t4s-cart-total {
justify-content: center!important;
width: 100%;
margin: 0;
}
.t4s-cartPage__footer .t4s-cart-total > div:nth-child(1) {
visibility: hidden;
}
.t4s-cart-total .btn {
color: black;
background-color: #f6f6f8;
border: 1px solid black;
}
/*-----------------(24/1/2024) language switcher Anpassungen -----------------------------------------------*/
#dropdown_languagestop-bar button.t4s-lang-item,
.t4s-top-bar__languages.t4s-d-inline-block > button > span.t4s-d-inline-block,
.t4s-mb__menu .t4s-sub-menu li>a { text-transform: capitalize; }
/*-----------------(24/1/2024) Link- und Newsletter-Button Farbe angepasst -----------------------------------------------*/
a:active, a:hover { color: #5f5f5f !important; }
.t4s-product:not(.t4s-pr-packery) {
--product-title-color-hover: #5f5f5f !important;
--product-vendors-color-hover: #5f5f5f !important;
}
.t4s-product {
--pr-countdown-bg-color: #878787 !important;
}
.t4s-newsletter__inner .t4s-newsletter__submit {
--btn-hover-bg-cl: #878787 !important;
}
/*-----------------(24/1/2024) main-customers-activate.account Anpassungen -----------------------------------------------*/
main#MainContent:has(.t4s-customer.is--activate) .header-banner {display: none;}
.customshadow { box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); }
.customshadowmd { box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); }
.custom-box-account-activate {
padding: 50px;
border-radius: 16px;
background-color: #f6f6f8;
}
@media (max-width: 480px){
.custom-box-account-activate {
padding: 50px 32px;
}
}
.t4s-customer.is--activate h3.t4s-title {
padding-bottom: 1.2em;
}
input.t4s_frm_input {
background-color: white !important;
border-radius: 8px !important;
}
/*-----------------(24/1/2024) footer heading Großschreibung -----------------------------------------------*/
.t4s-footer-heading { text-transform: lowercase; }
/*-----------------(24/1/2024) Startseite Video mit runden Ecken -----------------------------------------------*/
.t4s-hero-inner .t4s_ratio:has(video) video {
border-radius: 16px;
}
/*-----------------(24/1/2024) Popover in Main Nav gefixt -----------------------------------------------*/
.t4s-site-nav__account ul {
margin-top: 0px !important;
box-shadow: 0 1px 6px -1px rgb(0 0 0 / 0.1), 0 1px 4px -2px rgb(0 0 0 / 0.1);
border-radius: 8px;
padding-left: 20px;
padding-right: 20px;
}
/*-----------------(24/1/2024) Special Button Effekt -----------------------------------------------*/
.t4s_btn_special:after {
content: "jo";
position: absolute;
pointer-events: none;
top: 0;
left: 150%;
width: 200%;
height: 100%;
transform: skew(-20deg);
background-image: linear-gradient(90deg,transparent,hsla(0,0%,100%,.25),transparent);
}
.t4s_btn_special {
width: 100%;
padding: 14px;
text-transform: uppercase;
font-weight: 500;
transition: color .25s,background-color .25s,border-color .25s,box-shadow .25s,opacity .25s;
}
/*-----------------(25/1/2024) Hide Wishlist Buttons -----------------------------------------------*/
.t4s-site-nav__icon.t4s-site-nav__heart {
visibility: hidden !important;
display: none !important;
}
/*-----------------(25/1/2024) Langify Language Switcher Tweaks -----------------------------------------------*/
@keyframes appearGlobe {
0% {
opacity: 0;
}
75% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.t4s-top-bar__cur > div:has(svg) {
animation: 1s ease-out 0s 1 appearGlobe;
}
.t4s-collection-page .t4s-product-price ins,
.t4s-mini_cart__meta .t4s-cart_price ins {
color: var(--product-price-color) !important;
}
.t4s-product.t4s-pr-grid.itg_collection_grid .t4s-product-price ins{
color: var(--product-price-color);
}
.t4s-product__info-container .t4s-product-price ins {
--price-sale-color: var(--product-price-color)
}
/*-----------------(25/1/2024) Product Cards -----------------------------------------------*/
.shadow_round_img_true .t4s-product .t4s-product-inner,
.template-collection .t4s-product-inner.t4s-pr.t4s-oh {
box-shadow: unset !important;
-webkit-box-shadow: unset !important;
border-radius: unset !important;
}
.t4s-product.t4s-pr-grid.t4s-pr-style1 {
padding-bottom: 10px;
}
.t4s-product-img.t4s_ratio {
background-color: #f9f9f9;
}
.t4s-product-img.t4s_ratio img {
mix-blend-mode: multiply;
filter: brightness(1.02);
}
.t4s-product-inner:hover .t4s-product-img:has(.t4s-product-hover-img) .t4s-product-main-img {
opacity: 0 !important;
}
.t4s-product-wrapper {
background-color: #ffffff;
height: 100%;
border-radius: 8px;
box-shadow: 0 1px 6px -1px rgb(0 0 0 / 0.1), 0 1px 4px -2px rgb(0 0 0 / 0.1);
overflow: hidden;
padding-bottom: 10px;
}
.t4s-product-info {
min-height: 100px;
padding-left: 0.7em;
padding-right: 0.7em;
}
.t4s-product-img.t4s_ratio {
border: 1px solid transparent;
-webkit-transform: translateZ(0px) !important;
transform: translateZ(0px) !important;
}
.pr_img_effect_2 .t4s-product-inner .t4s-product-hover-img {
object-fit: cover;
}
/*-----------------(01/02/2024) Fix Color Icon "add to cart" -----------------------------------------------*/
@media (min-width: 1025px) {
.t4s-svg-pr-icon {
color: #ffffff;
}
}
media (max-width: 1024px) {
.t4s-product-btns:hover a .t4s-svg-pr-icon {
color: #ffffff !important;
}
}
/*-----------------(01/02/2024) Newsletter Header Image und alle weiteren Bilder -----------------------------------------------*/
.t4s-banner-holder .t4s-banner-wrap .t4s-banner-item {
border-radius: 16px;
box-shadow: 0 1px 6px -1px rgb(0 0 0 / 0.1), 0 1px 4px -2px rgb(0 0 0 / 0.1);
overflow: hidden;
}
/*-----------------(05/02/2024) Align product card text left in search and category views -----------------------------------------------*/
.t4s-product-info .t4s-product-info__inner .t4s-product-vendor, .t4s-product-info .t4s-product-info__inner .t4s-product-title {
text-align: left !important;
}
.t4s-product-info__inner .t4s-product-colors {
text-align: right;
}
.template-collection .t4s-collection-page .t4s-product-price {
flex-direction: row;
justify-content: flex-start;
}
.template-collection .t4s-collection-page .t4s-product-price del {
margin-left: none;
}
.template-collection .t4s-collection-page .t4s-product-price ins {
margin-left: 6px;
}
/*-----------------(05/02/2024) Breadcrumb Home Icon -----------------------------------------------*/
nav.t4s-pr-breadcrumb:before {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZT0iY3VycmVudENvbG9yIj4KICA8cGF0aCBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGQ9Im0yLjI1IDEyIDguOTU0LTguOTU1Yy40NC0uNDM5IDEuMTUyLS40MzkgMS41OTEgMEwyMS43NSAxMk00LjUgOS43NXYxMC4xMjVjMCAuNjIxLjUwNCAxLjEyNSAxLjEyNSAxLjEyNUg5Ljc1di00Ljg3NWMwLS42MjEuNTA0LTEuMTI1IDEuMTI1LTEuMTI1aDIuMjVjLjYyMSAwIDEuMTI1LjUwNCAxLjEyNSAxLjEyNVYyMWg0LjEyNWMuNjIxIDAgMS4xMjUtLjUwNCAxLjEyNS0xLjEyNVY5Ljc1TTguMjUgMjFoOC4yNSIgLz4KPC9zdmc+Cg==");
height: 16px;
width: 16px;
display: inline-block;
vertical-align: middle;
position: relative;
top: -1px;
}
.t4s-customer #RowOrder > a {
text-decoration: none;
}
/*-----------------(05/02/2024) Breadcrumb Home Icon -------------------------------------------------*/
/* 07.09.2026 (Andrea): Trennstriche auf Produktseiten waren fuer Gaeste ausgeblendet — Regel abgeschaltet, Striche gelten jetzt fuer alle.
html.customer-false body.template-product .t4s-section-inner .t4s-container .t4s-custom-line {
display: none;
}
*/
/*-----------------(20/03/2024) Vimeo Video Embedding rounded corners -------------------------------------------------*/
.t4s-section-inner .t4s-bg-video.t4s-video .t4s-hero-inner iframe.lazyloadt4sed[data-src*="vimeo"] {
width: fit-content;
margin: auto;
aspect-ratio: 16 / 9;
left: 50%;
transform: translateX(-50%);
border-radius: 16px;
box-shadow: 0 1px 6px -1px rgb(0 0 0 / 0.1), 0 1px 4px -2px rgb(0 0 0 / 0.1);
}
/*-----------------(20/03/2024) Main Login Page -------------------------------------------------*/
.t4s-customer.is--activate, .t4s-customer.is--login, .t4s-customer.is--register, .t4s-customer.is--reset-password {
min-height: 400px;
}
.rh_login_frame {
background-color: #fbfbfb;
border-radius: 10px;
padding: 0px;
margin-top: 20px;
box-shadow: 1px 1px 1px 1px #eee;
overflow: auto;
min-height: 25vh;
min-width: 25vh;
display: flex;
flex-direction: row;
}
.rh_login_frame > .login_img.login_content:not(.rh_login_side_img) {
padding: 40px 25px;
}
.template-customers-login .login_img.login_content.rh_login_side_img {
width: unset;
float: unset;
margin: 0;
padding: 0;
display: inline-flex;
justify-content: end;
}
.rh_login_side_img {
max-width: 50%;
}
.rh_login_side_img > img {
object-fit: contain;
}
@media (max-width: 767px) {
.rh_login_frame {
flex-direction: column;
}
.rh_login_side_img {
max-width: 100%;
}
}
.t4s_frm_input {
background-color: white;
}
.shopify-section.t4s-section.t4s-section-customers.t4s-container .t4s-customer:has(.rh_login_frame) {
background-color: unset !important;
border-radius: none !important;
padding: unset !important;
box-shadow: none !important;
}
/*-----------------(20/03/2024) Main Login Page: Nicer Errors -------------------------------------------------*/
.rh_login_frame h2.form__message {
float: left;
}
.rh_login_frame .errors ul li {
list-style: none;
}
/*-----------------(12/09/2024) Fix blend-mode of vendor logos on product page -------------------------------------------------*/
.t4s-product__info-container > .t4s-pr__html > a > img {
mix-blend-mode: multiply;
}
/*-----------------(09/09/2025) Fix heading size on product page -------------------------------------------------*/
.t4s-product-tabs-wrapper .t4s-container .t4s-tab-wrapper h3 {
font-size: 14px;
font-weight: 500;
}
/* Warenkorb: Buttons im einheitlichen S/W-Stil mit Icons, Textfelder leicht abgerundet */
input[type="text"], input[type="email"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea {
border-radius: 6px;
}
#apply-wcp-discount, .apply-wcp-discount, #wpdNetDiscountCodeBtn {
background: #ececec !important;
color: #555 !important;
border: 0 !important;
border-radius: 8px !important;
padding: 0 14px !important;
font-weight: 500;
font-size: 0.8em !important;
text-transform: none !important;
height: 42px;
}
#apply-wcp-discount::before, #wpdNetDiscountCodeBtn::before {
content: "";
display: inline-block;
width: 14px; height: 14px;
margin-right: 8px;
vertical-align: -2px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23555555' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9.568 3H5.25A2.25 2.25 0 0 0 3 5.25v4.318c0 .597.237 1.17.659 1.591l9.581 9.581c.699.699 1.78.872 2.607.33a18.095 18.095 0 0 0 5.223-5.223c.542-.827.369-1.908-.33-2.607L11.16 3.66A2.25 2.25 0 0 0 9.568 3Z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 6h.008v.008H6V6Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.wcp_checkout_btn, #wpdNetPlaceOrder, .t4s-btn__checkout {
border-radius: 8px !important;
}
/* Checkout-Theme-Button hat jetzt sein natives SVG-Icon (btn_icon) — ::before nur noch für App-Buttons */
.wcp_checkout_btn::before, #wpdNetPlaceOrder::before {
content: "";
display: inline-block;
width: 15px; height: 15px;
margin-right: 8px;
vertical-align: -2px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* === Globale Button-Regeln: nie Uppercase, jeder CTA ein Icon === */
button, .t4s-btn, .btn, a.custombtn, input[type="submit"], input[type="button"] {
text-transform: none !important;
}
/* Pfeil-Fallback für CTA-Buttons ohne eigenes Icon (weiß auf dunklen Buttons) */
.t4s-btn:not(:has(svg)):not(:has(img))::before,
.t4s_btn_black:not(:has(svg))::before {
content: "";
display: inline-block;
width: 14px; height: 14px;
margin-right: 8px;
vertical-align: -2px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* helle/Outline-Buttons: dunkles Icon */
.t4s-btn-style-outline:not(:has(svg))::before,
.t4s-btn-color-light:not(:has(svg))::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23222222' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3'/%3E%3C/svg%3E");
}
/* Checkout als kann kein ::before — Icon via background */
input[name="checkout"], input.wcp_checkout_btn {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007Z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: 16px center !important;
background-size: 15px !important;
padding-left: 40px !important;
}
/* === Warenkorb: Gutschein-Zeile dezent unter dem Kassen-Button === */
.custom-box { display: flex; flex-direction: column; }
.custom-box > * { width: 100%; }
.custom-box .wcp-messages { order: 10; margin-top: 16px; }
.custom-box .wcp-discounts-wrapper { display: flex; gap: 8px; align-items: stretch; justify-content: center; }
#wcp-discount-code, .wcp-discount-code {
flex: 1 1 auto;
min-width: 0;
margin: 0 !important;
border-radius: 6px !important;
border: 1px solid #ddd !important;
}
#apply-wcp-discount, #wpdNetDiscountCodeBtn {
flex: none;
font-size: 0.85em !important;
font-weight: 500;
padding: 9px 14px !important;
white-space: nowrap;
}
/* === Warenkorb-Tabelle aufhübschen === */
.t4s-cartPage__header {
font-weight: 600;
color: #555;
letter-spacing: .02em;
border-bottom: 1px solid #e8e8e8;
padding-bottom: 12px;
}
.t4s-cartPage__items [data-cart-item],
.t4s-cartPage__items .t4s-cartPage__item {
border-bottom: 1px solid #efefef;
padding: 18px 0;
}
.t4s-cartPage__items img { border-radius: 8px; }
.t4s-cart__totalPrice { font-weight: 600; }
/* === Textseiten (Datenschutz, AGB, ...): grauer Kasten wie Produktbeschreibung === */
.template-page .t4s-main-page:has(h1, h2, h3, p, ul, table) {
background-color: #fbfbfb;
border-radius: 10px;
padding: 26px 30px;
}
/* Schwarzer Footer: aktiver Link nutzt die dunkle Akzentfarbe -> weiß erzwingen */
#t4s-footer .t4s-footer-link-active { color: #ffffff !important; }
/* Footer-Menü-Links: kleine Icons (semantisch per Handle, sonst Chevron) */
#t4s-footer .t4s-footer-linklist .t4s-footer-link { display: inline-flex; align-items: center; }
#t4s-footer .t4s-footer-linklist .t4s-footer-link::before {
content: "";
flex: none;
width: 13px; height: 13px;
margin-right: 7px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23b3b3b3' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m8.25 4.5 7.5 7.5-7.5 7.5'/%3E%3C/svg%3E") center / contain no-repeat;
}
#t4s-footer .t4s-footer-link[href*="agb"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23b3b3b3' stroke-width='1.6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z'/%3E%3C/svg%3E");
}
#t4s-footer .t4s-footer-link[href*="datenschutz"]::before,
#t4s-footer .t4s-footer-link[href*="privacy"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23b3b3b3' stroke-width='1.6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z'/%3E%3C/svg%3E");
}
#t4s-footer .t4s-footer-link[href*="impressum"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23b3b3b3' stroke-width='1.6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z'/%3E%3C/svg%3E");
}
#t4s-footer .t4s-footer-link[href*="media"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23b3b3b3' stroke-width='1.6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909m-18 3.75h16.5a1.5 1.5 0 0 0 1.5-1.5V6a1.5 1.5 0 0 0-1.5-1.5H3.75A1.5 1.5 0 0 0 2.25 6v12a1.5 1.5 0 0 0 1.5 1.5Z'/%3E%3C/svg%3E");
}
#t4s-footer .t4s-footer-link[href*="grosshandel"]::before,
#t4s-footer .t4s-footer-link[href*="wholesale"]::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23b3b3b3' stroke-width='1.6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M13.5 21v-7.5a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75V21m-4.5 0H2.36m11.14 0H18m0 0h3.64m-1.39 0V9.349M3.75 21V9.349m0 0a3.001 3.001 0 0 0 3.75-.615A2.993 2.993 0 0 0 9.75 9.75c.896 0 1.7-.393 2.25-1.016a2.993 2.993 0 0 0 2.25 1.016c.896 0 1.7-.393 2.25-1.016a3.001 3.001 0 0 0 3.75.614m-16.5 0a3.004 3.004 0 0 1-.621-4.72l1.189-1.19A1.5 1.5 0 0 1 5.378 3h13.243a1.5 1.5 0 0 1 1.06.44l1.19 1.189a3 3 0 0 1-.621 4.72'/%3E%3C/svg%3E");
}
/* Gutschein-Gruppe: Feld und Button auf einer Höhe; Checkout normal mit kleinem Icon */
#wcp-discount-code, .wcp-discount-code { height: 42px; padding: 0 14px !important; }
.custom-box .wcp-messages { margin-top: 14px; }
.custom-box input[type="submit"], .custom-box input[type="button"], input#wpdNetPlaceOrder {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M15.75 10.5V6a3.75 3.75 0 1 0-7.5 0v4.5m11.356-1.993 1.263 12c.07.665-.45 1.243-1.119 1.243H4.25a1.125 1.125 0 0 1-1.12-1.243l1.264-12A1.125 1.125 0 0 1 5.513 7.5h12.974c.576 0 1.059.435 1.119 1.007Z'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: calc(50% - 62px) center !important;
background-size: 14px !important;
}
/* Warenkorb: beide Kästen im selben Grau */
.custom-box, .additional-notes { background: #f6f6f8 !important; }
/* Suchseite: Titel im Logo-Stil + leicht abgerundetes Feld */
.rh-search-title {
font-size: 36px;
font-weight: 800;
color: #222;
text-align: center;
text-transform: lowercase;
margin: 8px 0 26px;
}
.t4s-search-page-form .t4s-search-form__input { border-radius: 6px 0 0 6px !important; }
.t4s-search-page-form button[type="submit"], .t4s-search-page-form .t4s-search-form__submit { border-radius: 0 6px 6px 0 !important; }
/* Seitenkopf-Titel (Collections, Pages, Blog, Suche-Ergebnis) im Logo-Stil —
wie .rh-search-title, aber Originalschreibweise (kein lowercase) und ohne Punkt */
.page-head .title-head {
font-family: 'Really Sans', 'Open Sans', sans-serif !important;
font-size: 36px !important;
font-weight: 800 !important;
color: #222 !important;
text-transform: none !important;
letter-spacing: 0 !important;
}
@media (max-width: 767px) {
.page-head .title-head { font-size: 28px !important; }
}
/* Warenkorb: Artikel als graue Karten (Ozon-Vorlage), Grau wie die übrigen Kästen */
.t4s-cartPage__items { display: flex; flex-direction: column; gap: 18px; }
.t4s-page_cart__item {
background: #f6f6f8;
border-radius: 24px;
padding: 26px 34px !important; /* !important: Theme setzt sonst eigenes Padding durch */
border-bottom: 0 !important;
border: 0 !important;
transition: background .2s ease;
}
.t4s-page_cart__item:hover { background: #f2f2f5; }
/* Bild größer, weiter eingerückt, auf weißer Fläche */
.t4s-page_cart__item .t4s-page_cart__img {
width: 132px !important; min-width: 132px;
margin-left: 16px;
border-radius: 16px;
background: #fff !important;
padding: 12px;
box-shadow: none;
}
.t4s-page_cart__item .t4s-page_cart__img img { border-radius: 10px; }
.t4s-page_cart__item .t4s-page_cart__info { margin-left: 20px; }
/* Hersteller-Logo klein überm Produktnamen — Logo-Pages liefern //![]()
mit festen width/height-Attributen */
.rh-cart-brand { margin-bottom: 2px; line-height: 0; }
.rh-cart-brand p { margin: 0; line-height: 0; }
.rh-cart-brand a { display: inline-block; line-height: 0; }
.rh-cart-brand img { width: auto !important; height: auto !important; max-height: 13px; max-width: 80px; object-fit: contain; }
/* Produktseite: Marken-Logo viel kleiner und näher am Titel, SKU direkt unterm Namen (alte Meta-Zeile aus) */
.t4s-product__info-container > .t4s-pr__html:first-child { margin-bottom: 0 !important; line-height: 0; }
.t4s-product__info-container > .t4s-pr__html:first-child img { width: auto !important; height: auto !important; max-height: 26px; filter: grayscale(1); } /* 24.08. (Andrea): einheitlich, doppelt so gross, Graustufen */
.t4s-product__info-container .t4s-product__title { margin-top: 2px; }
.rh-pdp-sku { font-size: 12px; color: #9a9a9a; margin: 2px 0 10px; }
.t4s-product_meta .t4s-sku-wrapper { display: none !important; }
/* Artikelname in Preisgröße, SKU + Einzelpreis dezent darunter */
.t4s-main-cart .t4s-page_cart__item .t4s-page_cart__title { font-weight: 700; font-size: 20px !important; color: #1a1a1a; line-height: 1.3; }
.t4s-main-cart .t4s-page_cart__item .t4s-page_cart__title:hover { color: #000; }
.rh-cart-sku { font-size: 12px; color: #9a9a9a; margin-top: 4px; }
.t4s-page_cart__item .t4s-page_cart__meta { margin-top: 2px; }
.t4s-page_cart__item .t4s-page_cart__tools { margin-top: 6px; }
.t4s-page_cart__item .t4s-page_cart__info .t4s-cart_meta_prices { margin: 4px 0 0 !important; padding: 0 !important; }
.t4s-page_cart__item .t4s-cart_price { font-size: 13px; color: #777; padding: 0 !important; margin: 0 !important; text-indent: 0; }
.t4s-page_cart__item .t4s-cart_price del { margin-right: 6px; }
/* wcp-App wickelt Preise in — Theme gibt dem einen linken Versatz */
.t4s-page_cart__item .t4s-cart_price ins { margin: 0 !important; padding: 0 !important; text-decoration: none; }
.t4s-page_cart__item .t4s-cart_meta_prices, .t4s-page_cart__item .t4s-cart_price { border: 0 !important; }
/* Gesamtpreis kräftig, mit Abstand zur Kante */
.t4s-page_cart__item .t4s-cart-item-price { font-size: 15px; font-weight: 700; color: #222; }
/* Ozon-Vorlage: rechts gestapelt Stepper -> Preis (groß) -> Mülltonne unten */
@media (min-width: 1025px) {
.t4s-page_cart__item .t4s-row {
display: grid !important;
grid-template-columns: minmax(0, 1fr) auto auto;
grid-template-rows: auto 1fr;
gap: 10px 20px;
align-items: start;
margin: 0 !important; /* Theme-Row zieht sonst mit -15px in das Karten-Padding — alles klebte rechts */
}
/* Alte t4s-col-Breiten (41% etc.) wirken im Grid weiter und quetschen den Titel */
.t4s-page_cart__item .t4s-row > [class*="t4s-col"] { padding-left: 0 !important; padding-right: 0 !important; width: auto !important; max-width: none !important; flex: none !important; }
/* Info-Block links über beide Zeilen */
.t4s-page_cart__item .t4s-row > .t4s-col-item:nth-child(1) { grid-column: 1; grid-row: 1 / 3; }
/* Einzelpreis-Spalte weg — steht jetzt links unter der SKU */
.t4s-page_cart__item .t4s-row > .t4s-col-item:nth-child(2) { display: none; }
/* Stepper links NEBEN dem Gesamtpreis, auf einer Linie, etwas tiefer gesetzt */
.t4s-page_cart__item .t4s-row > .t4s-col-item:nth-child(3) { grid-column: 2; grid-row: 1; justify-self: end; align-self: start; margin-top: 30px; }
/* Preis rechts daneben, Tonne ans untere Ende gedrückt; Block etwas in die Mitte gerückt */
.t4s-page_cart__item .rh-cart-endcol {
grid-column: 3; grid-row: 1 / 3;
justify-self: end;
margin-right: 28px;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: space-between;
height: 100%;
gap: 14px;
}
/* Preiszeile optisch auf Stepper-Höhe zentriert, gleich tief wie der Stepper */
.t4s-page_cart__item .rh-cart-endcol .t4s-cart-item-price,
.t4s-page_cart__item .rh-cart-endcol .rh-price-login { line-height: 28px; margin-top: 30px; }
}
.t4s-page_cart__item .t4s-page_cart__actions { display: flex; align-items: center; justify-content: flex-end; }
/* Neuer Stepper (Warenkorb + Produktseite): EIN zusammenhängendes 3-Zellen-Feld weiß|grau|weiß,
nur außen abgerundet, kein Rahmen. Hohe Spezifität + !important, weil main-cart.css /
main-product.css NACH custom.css laden (absolute Buttons, min-height 40, Pill-Border). */
.t4s-main-cart .t4s-page_cart__item .t4s-quantity-wrapper,
.t4s-product-form__buttons .t4s-quantity-wrapper {
min-width: 0 !important;
width: auto !important;
height: 32px !important;
border: 0 !important;
border-radius: 0 !important;
background: transparent !important;
box-shadow: none !important;
display: inline-flex !important;
align-items: stretch !important;
gap: 0 !important;
position: relative !important;
text-align: center !important;
flex: none !important;
}
.t4s-main-cart .t4s-page_cart__item .t4s-quantity-selector,
.t4s-product-form__buttons .t4s-quantity-wrapper button.t4s-quantity-selector {
position: static !important;
width: 30px !important;
height: 32px !important;
min-height: 0 !important;
max-height: 32px !important;
line-height: 32px !important;
background: #ffffff !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
outline: 0 !important;
margin: 0 !important;
padding: 0 !important;
color: #666 !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
opacity: 1 !important;
}
.t4s-main-cart .t4s-page_cart__item .t4s-quantity-selector.is--minus,
.t4s-product-form__buttons .t4s-quantity-wrapper button.t4s-quantity-selector.is--minus { border-radius: 6px 0 0 6px !important; }
.t4s-main-cart .t4s-page_cart__item .t4s-quantity-selector.is--plus,
.t4s-product-form__buttons .t4s-quantity-wrapper button.t4s-quantity-selector.is--plus { border-radius: 0 6px 6px 0 !important; }
.t4s-main-cart .t4s-page_cart__item .t4s-quantity-selector svg,
.t4s-product-form__buttons .t4s-quantity-wrapper button.t4s-quantity-selector svg { width: 9px !important; height: 9px !important; }
.t4s-main-cart .t4s-page_cart__item .t4s-quantity-selector:hover,
.t4s-product-form__buttons .t4s-quantity-wrapper button.t4s-quantity-selector:hover { color: #000 !important; }
.t4s-main-cart .t4s-page_cart__item .t4s-quantity-input,
.t4s-product-form__buttons .t4s-quantity-wrapper input.t4s-quantity-input[type="number"] {
background: #e7e7e9 !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
width: 36px !important;
height: 32px !important;
min-height: 0 !important;
max-height: 32px !important;
font-weight: 600 !important;
font-size: 14px !important;
color: #222 !important;
text-align: center !important;
display: inline-block !important;
-moz-appearance: textfield;
}
/* Produktseite: Stepper immer NEBEN dem Kaufen-Button — Button schrumpft dynamisch statt umzubrechen */
.t4s-product-form__buttons { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; }
.t4s-product-form__buttons .t4s-product-form__submit { flex: 1 1 auto !important; min-width: 0 !important; }
/* Gesamtpreis groß und fett wie in der Vorlage */
.t4s-page_cart__item .rh-cart-endcol .t4s-cart-item-price { font-size: 20px; font-weight: 700; color: #1a1a1a; white-space: nowrap; }
/* Ausgeloggt: Hinweis statt Preis */
.t4s-page_cart__item .rh-price-login { font-size: 13px; color: #9a9a9a; white-space: nowrap; }
/* Mülltonne unten rechts, schlicht grau */
.t4s-page_cart__item .t4s-page_cart__remove { color: #8a8a8a; display: inline-flex; align-items: center; }
.t4s-page_cart__item .t4s-page_cart__remove svg { width: 18px; height: 18px; }
.t4s-page_cart__item .t4s-page_cart__remove:hover { color: #b00020; }
/* Tabellen-Kopfzeile (Produkt/Preis/Anzahl/Gesamt) kann raus — Karten erklären sich selbst */
.t4s-cartPage__header { display: none !important; }
@media (max-width: 1024px) {
.t4s-page_cart__item { padding: 18px 22px; }
.t4s-page_cart__item .t4s-page_cart__img { width: 104px !important; min-width: 104px; margin-left: 0; }
.t4s-page_cart__item .t4s-row { position: relative; }
/* Mobil: keine gestrichelten Trennlinien, Stepper links, Preis fett links + Tonne rechts */
.t4s-page_cart__item .t4s-col-item { border: 0 !important; }
.t4s-main-cart .t4s-page_cart__item .t4s-page_cart__title { font-size: 17px !important; }
.t4s-page_cart__item .t4s-row > .t4s-col-item:nth-child(2) { display: none; }
.t4s-page_cart__item .t4s-page_cart__actions { display: flex; justify-content: flex-start; margin-top: 10px; }
.t4s-page_cart__item .rh-cart-endcol { display: flex; align-items: center; justify-content: space-between; margin-top: 8px; }
.t4s-page_cart__item .rh-cart-endcol .t4s-cart-item-price { font-size: 18px; }
}
/* Checkout-Kasten: leere Subtotal-Zeile raus, Button nach oben */
.custom-box .t4s-cart-total { display: none !important; }
.custom-box > .t4s-text-md-end { display: none !important; }
.custom-box .t4s-btn__checkout { margin-top: 0 !important; }
/* Footer-Newsletter-Erfolgsmeldung: neutral statt grün, schlicht darunter, blendet nach 10s aus */
#t4s-footer .t4s-newsletter__success {
color: #b3b3b3 !important;
background: transparent !important;
border: 0 !important;
padding: 8px 2px 0 !important;
font-size: .95em;
animation: rhMsgFade .5s ease 10s forwards;
}
#t4s-footer .t4s-newsletter__success svg { fill: #b3b3b3 !important; width: 14px; margin-right: 6px; }
@keyframes rhMsgFade { to { opacity: 0; visibility: hidden; } }
/* Rabattcode ungültig: App liefert discount_item_html:null (leere Box) -> deklarative Fehlermeldung,
überlebt den Re-Render-Loop der App. Nur wenn Box leer UND als invalid markiert. */
.wcp-discount-item.DiscointCodeInvalid:empty::after {
content: "Dein Rabattcode ist leider ungültig oder abgelaufen.";
display: block;
color: #b00020;
font-size: .9em;
margin-top: 8px;
}
html[lang="en"] .wcp-discount-item.DiscointCodeInvalid:empty::after { content: "The discount code is invalid or expired."; }
html[lang="es"] .wcp-discount-item.DiscointCodeInvalid:empty::after { content: "El código de descuento no es válido o ha caducado."; }
html[lang="fr"] .wcp-discount-item.DiscointCodeInvalid:empty::after { content: "Le code de réduction est invalide ou expiré."; }
html[lang="it"] .wcp-discount-item.DiscointCodeInvalid:empty::after { content: "Il codice sconto non è valido o è scaduto."; }
html[lang="pl"] .wcp-discount-item.DiscointCodeInvalid:empty::after { content: "Kod rabatowy jest nieprawidłowy lub wygasł."; }
/* Checkout-Button: Icon neben dem Text zentrieren (schwebte oben links) */
.t4s-btn__checkout { display: inline-flex !important; align-items: center; justify-content: center; }
.t4s-btn__checkout::before { flex: none; }
/* Kassen-Button höher; Seitentitel im Logo-Stil */
.t4s-btn__checkout { padding-top: 17px !important; padding-bottom: 17px !important; }
.rh-cart-title {
font-size: 36px;
font-weight: 800;
color: #222;
text-transform: lowercase;
margin: 6px 0 24px;
text-align: center;
}
/* === Really Sans (Lettermatic, Firmenlizenz) für alle Überschriften === */
@font-face {
font-family: 'Really Sans';
src: url('//reinh.art/cdn/shop/t/255/assets/rh-font-really-sans-400.woff2?v=111258634579103502471789981008') format('woff2');
font-weight: 100 599;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Really Sans';
src: url('//reinh.art/cdn/shop/t/255/assets/rh-font-really-sans-700.woff2?v=107639228541733477451789981009') format('woff2');
font-weight: 600 799;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Really Sans';
src: url('//reinh.art/cdn/shop/t/255/assets/rh-font-really-sans-900.woff2?v=166416413741679678711789981010') format('woff2');
font-weight: 800 900;
font-style: normal;
font-display: swap;
}
h1, h2,
.t4s-product__title,
.t4s-section-title,
.rh-cart-title,
.rh-search-title,
.rh-promo__title {
font-family: 'Really Sans', 'Open Sans', sans-serif !important;
}
/* Fließtext bleibt bei der Theme-Schrift (Open Sans) — Really Sans nur für große Überschriften */
body { font-size: 15px !important; }
/* Register-Button (Custom-HTML-Block Startseite): exakt wie der Header-Registrieren-Button (custombtn--solid).
Optik per CSS statt HTML-Edit, damit die code-Setting-Übersetzungen unangetastet bleiben.
lowercase + first-letter macht aus REGISTRIEREN/INSCRIPTION -> Registrieren/Inscription. */
button[onclick*="register-language"] {
border-radius: 8px !important;
padding: 9px 18px !important;
font-size: 1em !important;
font-weight: 600 !important;
line-height: 1 !important;
text-transform: none !important;
display: inline-block;
}
button[onclick*="register-language"]::before {
content: "";
display: inline-block;
width: 13px; height: 13px;
margin-right: 6px;
vertical-align: -2px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='1.8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M18 7.5v3m0 0v3m0-3h3m-3 0h-3m-2.25-4.125a3.375 3.375 0 1 1-6.75 0 3.375 3.375 0 0 1 6.75 0ZM3 19.235v-.11a6.375 6.375 0 0 1 12.75 0v.109A12.318 12.318 0 0 1 9.374 21c-2.331 0-4.512-.645-6.374-1.766Z'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* ----------------- Kundenkonto im reinhart-Stil (Titel wie Suche, Menü als graue Karte, dunkle Buttons) ----------------- */
.rh-account-title {
font-size: 36px;
font-weight: 800;
color: #222;
text-align: center;
text-transform: lowercase;
margin: 8px 0 34px;
}
@media (max-width: 767px) {
.rh-account-title { font-size: 28px; }
}
/* Zwischenüberschriften (bestellverlauf., kontodetails., adressen-Formulare, Bestell-Detail) */
.t4s-customer h2 {
font-size: 22px !important;
font-weight: 800 !important;
color: #222;
margin-bottom: 14px;
}
/* Begrüßungszeile dezent */
.t4s-account-hello { color: #696969; }
.t4s-account-hello a { color: #222; text-decoration: underline; }
/* Seitenmenü als graue Karte, aktiver Punkt dunkel — überschreibt customer.min.css (lädt nach dieser Datei) */
.t4s-account-nav ul {
border: 0 !important;
background: #f6f6f8;
border-radius: 16px;
padding: 8px !important;
overflow: hidden;
}
.t4s-account-nav a {
border-bottom: 0 !important;
border-radius: 10px;
padding: 12px 14px !important;
font-weight: 600;
color: #222;
}
.t4s-account-nav svg { width: 18px !important; height: 18px !important; margin-right: 10px !important; }
.t4s-account-nav a:hover { background: #ececef !important; color: #222 !important; }
.t4s-account-nav .is--active a { background: #222 !important; color: #fff !important; }
/* Buttons im Konto-Bereich: dunkel, abgerundet wie der Suche-Button; Abbrechen/Reset als graue Variante */
.t4s-customer button.t4s-btn,
.t4s-customer button.t4s_btn_black {
background: #222 !important;
color: #fff !important;
border: 0 !important;
border-radius: 6px !important;
padding: 10px 22px;
font-weight: 600;
}
.t4s-customer button.t4s-btn:hover,
.t4s-customer button.t4s_btn_black:hover { background: #000 !important; }
.t4s-customer button[type="reset"],
.t4s-customer button.t4s_btn_white {
background: #f6f6f8 !important;
color: #222 !important;
}
.t4s-customer button[type="reset"]:hover,
.t4s-customer button.t4s_btn_white:hover { background: #ececef !important; }
/* E8 – nativer Sprachumschalter (rh-languages.liquid), Optik wie zuvor langify */
.rh-lang-wrap { position: relative; display: inline-flex; align-items: center; }
.rh-lang-wrap .rh-lang-current { background: transparent; border: 0; padding: 0; color: #222; font: inherit; display: inline-flex; align-items: center; cursor: pointer; line-height: 1.4; text-transform: capitalize; }
.rh-lang-current .t4s-ion-select-arrow { width: 9px; margin-left: 6px; flex: none; }
.rh-lang-wrap .t4s-dropdown__wrapper { box-sizing: border-box; padding: 6px 0; border-radius: 10px; }
/* Mobil: KEIN Bottom-Sheet (Wunsch Andrea 20.08.) — Panel oeffnet am Umschalter wie Desktop.
base_drop.min.css macht unter 768px jedes Dropdown zum position:fixed-Sheet am Viewport-Boden
(inkl. [style]-!important-Regeln gegen Inline-Styles des Floating-UI-JS) — daher hier
hoehere Spezifitaet (.rh-lang-wrap …[style]) + !important noetig. */
@media (max-width: 767.98px) {
.rh-lang-wrap .t4s-dropdown__wrapper,
.rh-lang-wrap .t4s-dropdown__wrapper[style],
.rh-lang-wrap .t4s-dropdown__wrapper[style].is--opened {
position: absolute !important;
top: calc(100% + 6px) !important;
bottom: auto !important;
left: 0 !important;
right: auto !important;
width: max-content !important;
min-width: 0;
max-width: min(80vw, 270px);
max-height: 60vh;
overflow: auto;
border-radius: 10px;
transform: none !important;
transition: opacity .2s ease-in-out, visibility .2s ease-in-out;
box-shadow: 0 2px 20px rgb(0 0 0 / 20%);
}
.rh-lang-wrap .t4s-drop-arrow { display: none; }
/* Kein Seiten-Dimming beim Sprachmenü (Overlay stammt vom Bottom-Sheet-Muster;
Klick auf die unsichtbare Flaeche schliesst weiterhin). Nur Sprach-Dropdowns,
andere Sheets (z.B. Warenkorb) behalten ihr Overlay. */
body:has([id^="dropdown_languages"].is--opened) .t4s-close-overlay { opacity: 0 !important; pointer-events: none !important; }
/* KRITISCH: Das Overlay liegt bei gleichem z-index (468) UEBER dem Panel und frisst
sonst jeden echten Klick auf die Sprachpunkte (Menü schliesst, nichts passiert).
Desktop loest das via .is--pindop{pointer-events:none} — mobil fehlt die Regel. */
}
@media (min-width: 768px) {
.rh-lang-wrap .t4s-dropdown__wrapper { min-width: 0; width: max-content; max-width: 270px; border-radius: 10px; padding: 8px 0; } /* Desktop: rundum rund, Panel so schmal wie der Inhalt */
.rh-lang-item { padding: 4px 12px; } /* engere Zeilen, weniger Rand rechts (Wunsch Lukas 20.08.) */
/* 23.08. (Andrea, nach Svenska = 7 Sprachen): Sprachliste zweispaltig, spaltenweise gefüllt (4 + 3).
Nur im geöffneten Zustand (base_drop setzt .is--opened auf display:block); der Pfeil ist absolut positioniert
und belegt keine Zelle. Ab 9 Sprachen die Zeilenzahl (repeat(4, …)) auf ceil(n/2) anheben. */
/* 24.08. (Andrea): Spalten gleich verteilen – 9 Sprachen = 3 Spalten x 3 Zeilen (vorher 4+4+1). Zeilenzahl = ceil(Sprachen/3). */
.rh-lang-wrap .t4s-dropdown__wrapper.is--opened { display: grid; grid-auto-flow: column; grid-template-rows: repeat(3, auto); column-gap: 6px; max-width: 620px; }
.rh-lang-wrap .t4s-dropdown__wrapper .rh-lang-item { padding-right: 16px; }
}
.rh-lang-item { display: flex; align-items: center; width: 100%; padding: 7px 14px; padding-right: 24px; background: transparent; border: 0; cursor: pointer; line-height: 1.4; white-space: nowrap; text-align: left; font: inherit; color: #222; text-transform: capitalize; }
.rh-lang-item::before { content: ""; flex: none; width: 21px; height: 14px; margin-right: 9px; border-radius: 2px; background-size: cover; background-position: center; }
.rh-lang-item[data-iso="de"]::before { background-image: url('//reinh.art/cdn/shop/t/255/assets/rh-flag-de.png?v=132660821744206766241789980990'); }
.rh-lang-item[data-iso="en"]::before { background-image: url('//reinh.art/cdn/shop/t/255/assets/rh-flag-en.png?v=118200057753505022761789980992'); }
.rh-lang-item[data-iso="es"]::before { background-image: url('//reinh.art/cdn/shop/t/255/assets/rh-flag-es.png?v=83026320882403110781789980993'); }
.rh-lang-item[data-iso="fr"]::before { background-image: url('//reinh.art/cdn/shop/t/255/assets/rh-flag-fr.png?v=42492682447531330001789980994'); }
.rh-lang-item[data-iso="it"]::before { background-image: url('//reinh.art/cdn/shop/t/255/assets/rh-flag-it.png?v=42791572975687968051789980996'); }
.rh-lang-item[data-iso="pl"]::before { background-image: url('//reinh.art/cdn/shop/t/255/assets/rh-flag-pl.png?v=70708738676581990961789980998'); }
.rh-lang-item[data-iso="sv"]::before { background-image: url('//reinh.art/cdn/shop/t/255/assets/rh-flag-sv.png?v=131718811256350042581789981000'); }
.rh-lang-item[data-iso="nl"]::before { background-image: url('//reinh.art/cdn/shop/t/255/assets/rh-flag-nl.png?v=142898061120770100171789980997'); }
.rh-lang-item[data-iso="cs"]::before { background-image: url('//reinh.art/cdn/shop/t/255/assets/rh-flag-cs.png?v=147847690937376577521789980989'); }
.rh-lang-item[data-iso="ro"]::before { background-image: url('//reinh.art/cdn/shop/t/255/assets/rh-flag-ro.png?v=52375548724889626051789980999'); }
.rh-lang-item[data-iso="el"]::before { background-image: url('//reinh.art/cdn/shop/t/255/assets/rh-flag-el.png?v=18096758376442498771789980991'); }
.rh-lang-item[data-iso="hu"]::before { background-image: url('//reinh.art/cdn/shop/t/255/assets/rh-flag-hu.png?v=41866530736769762711789980995'); }
/* 23.08. (Andrea): inaktive Flaggen ausgegraut, nur die aktive Sprache und die Hover-/Fokus-Zeile in Farbe */
.rh-lang-item::before { filter: grayscale(1); opacity: .55; transition: filter .15s ease, opacity .15s ease; }
.rh-lang-item.is--selected::before, .rh-lang-item:hover::before, .rh-lang-item:focus-visible::before { filter: none; opacity: 1; }
.rh-lang-item:hover, .rh-lang-item:focus-visible { background: transparent; color: #222; } /* 23.08. (Andrea): color explizit - pre_theme.min.css faerbt jeden button:hover weiss (#fff auf #56cfe1), Text war im Dropdown unsichtbar */
.rh-lang-item.is--selected { font-weight: 600; }
.rh-lang-item, .rh-lang-current { text-transform: capitalize !important; } /* Theme-Button-Reset übersteuern (français → Français) */
/* Login-Seite: Feinschliff (Andrea 20.08.) — Titel-Stil kommt von .rh-search-title.
!important: customer-CSS zwingt h2 sonst auf uppercase. */
.rh-search-title { text-transform: lowercase !important; }
/* Beide Login-Buttons identisch (Wunsch Andrea): das Theme gibt -Buttons 60px-Pill-Radius,
34px Hoehe und leicht anderes Grau als dem