/* Seitenhintergrund rot */
/*
html body {
    background: #b04445;
    background: #b044459e;
}
*/
/* Neue Artikel */
span.new-label, span.sale-label {
    background: #F2BFB3;
}

/* Warenkorb */
body .shopping_cart > a:first-child {
/*    background: #b04445;*/
    background: #8fc6c9;
    color: #ffffff;
	/* Phenix: 7px 10px 14px 16px — Icon, Schrift und Pfeil 3px tiefer */
	padding: 10px 10px 11px 16px;
}

body .shopping_cart {
	left:120px;
}
/* Rosenknopf 2026-09-17: left:120px gilt fuer Desktop neben der Suche.
   Unter 1200px ist der Warenkorb 100% breit — der Offset schiebt ihn
   aus dem Viewport (Horizontal-Scroll). */
@media (max-width: 1200px) {
	body .shopping_cart {
		/* left: auto; */
		left: auto !important;
	}
}

/* Rosenknopf 2026-09-19: Warenkorb-Popup ueber dem Header (#header z-index 5003).
   Layer lag im Header (position:absolute); nach ajax-cart.js an body. */
body > .layer_cart_overlay {
	z-index: 5100 !important;
}
body > #layer_cart {
	position: fixed !important;
	z-index: 5101 !important;
	/* left: 0; */
	/* right: 0; */
	/* 84% vom Viewport (~1720px). Breite setzt ajax-cart.js auf 84% von #columns/.row. */
	left: auto;
	right: auto;
}
/* Rosenknopf 2026-09-19: Popup-Haken wie Entwickler (FA 3.2.1 icon-check = Kasten \f046).
   Phenix FA6 mappt .icon-check auf \f00c (einfacher Haken, wie Live icon-ok). */
#layer_cart .layer_cart_product .title i.icon-check:before {
	font-family: FontAwesome32 !important;
	font-weight: 400 !important;
	content: "\f046";
}

/* Rosenknopf 2026-09-19: Checkout Schritt 1 „Einkauf fortsetzen“ wie „Zur Kasse“.
   Gewollt vs Liveshop (dort Textlink). Entwickler gleich. Innerer span-Rand ist der weisse Rahmen.
   2026-09-20: auch Checkout Schritt 3, 4 und 5 „Zurück“. */
#order .cart_navigation a.rk-cart-continue {
	float: left;
}
#order .cart_navigation a.rk-cart-continue span {
	border: none !important;
}
#order .cart_navigation a.rk-cart-continue span i.left {
	font-size: 25px;
	line-height: 25px;
	vertical-align: -4px;
	margin-right: 6px;
	margin-left: 0;
}

/* Rosenknopf 2026-09-20: Checkout Schritt 3 — Aktualisieren / Neue Adresse #41687d
   (Phenix .button.button-small ist grau #6f6f6f). */
#order .button.button-small,
#order .button.button-small:hover {
	background: #41687d;
	border-color: #41687d;
}
#order .button.button-small span {
	border-color: #41687d;
}
#order .button.button-small span:hover {
	background: #355566;
	border-color: #355566;
}

/* Rosenknopf 2026-09-20: Checkout Schritt 4 — kein dunkler Rahmen um gewählte Versandart
   (Phenix .delivery_options table tr.selected: 2px #7a7a7a; Live/Dev ohne). */
#order .delivery_options table tr.selected,
#order-opc .delivery_options table tr.selected {
	border: none;
}

/* Rosenknopf 2026-09-20: Checkout erledigte Schritte (1–3) Jade #41687d statt Grau.
   GEWOLLT vs Live (dort grau #727171/#666666). Gradient + order-step-done*.png. */
ul.step li.step_done {
	border-color: #41687d #3a5c70 #2d4a5a #3a5c70;
	background: #4d7388;
	background-image: -webkit-gradient(linear, left 0%, left 100%, from(#4d7388), to(#41687d));
	background-image: -webkit-linear-gradient(top, #4d7388 0, #41687d 100%);
	background-image: -moz-linear-gradient(top, #4d7388 0, #41687d 100%);
	background-image: linear-gradient(to bottom, #4d7388 0, #41687d 100%);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF4D7388', endColorstr='#FF41687D', GradientType=0);
}
/* Innenrand wie Live #8b8a8a belassen (kein hellerer Jade-Rand — sonst Kante unten). */

/* Rosenknopf 2026-09-20: Checkout Schritt 5 — Zahlungsarten Rahmen + Haken.
   Leichter Rahmen immer (#d6d4d4 wie Live); gewaehlt Jade #41687d statt Live-Gruen #55c65e.
   Haken bei beiden Zahlungsarten grau sichtbar; gewaehlt kraeftig Jade. GEWOLLT vs Live. */
a.payment_module_adv {
	border: 1px solid #d6d4d4;
	border-radius: 4px;
}
p.payment_selected > a.payment_module_adv {
	border: 1px solid #41687d;
	border-radius: 4px;
}
.payment_option_selected {
	display: block !important;
	margin-top: 12px;
	opacity: 1 !important;
	visibility: visible !important;
}
.payment_option_selected i.icon-check {
	color: #999 !important;
	font-size: 28px;
	line-height: 1;
}
.payment_option_selected i.icon-check:before {
	font-family: FontAwesome32 !important;
	font-weight: 400 !important;
	content: "\f046";
	color: #999;
}
p.payment_selected .payment_option_selected i.icon-check,
p.payment_selected .payment_option_selected i.icon-check:before {
	color: #41687d !important;
}

/* Rosenknopf 2026-09-20: AGB-Block Hintergrund + Rahmen (tnc_box).
   GEWOLLT vs Live (dort oft ohne Kasten). */
#order .tnc_box,
#order-opc .tnc_box {
	background: #fff;
	border: 1px solid #d6d4d4;
	padding: 14px 18px 13px;
	margin: 0 0 30px 0;
	line-height: 23px;
}
#order .box.checkbox,
#order .tnc_box + .box,
#order h2 + .box {
	background: #fff;
	border: 1px solid #d6d4d4;
}

/* Rosenknopf 2026-09-19: Checkout Schritt 1 Adressblock-Ueberschrift wie Live/Dev.
   Phenix .page-subheading ist #555454, Live/Dev global.css #41687d. */
#order .order_delivery .page-subheading,
#order .order_delivery .page-subheading .address_alias {
	color: #41687d;
}

/* Warenkorb-Icon: Phenix 1.6.2.46 laedt Font Awesome 6 (font-awesome.min.css).
   Der Wagen wirkt groesser/fuelliger als FA3 im Entwicklershop (23px). */
body #header .shopping_cart > a:first-child:before {
	font-size: 18px;
	line-height: 22px;
	padding-right: 10px;
	vertical-align: middle;
}

/* Schrift tiefer, Icon bleibt: Unterkante an den Rollen (wie Live/Dev).
   Pfeil spaeter nachziehen. */
body #header .shopping_cart > a:first-child b,
body #header .shopping_cart > a:first-child > span {
	position: relative;
	top: 3px;
}

/* Warenkorb-Pfeil: festes 18px-Quadrat, Glyph zentriert, kein Padding.
   Phenix-Hover setzt padding 4px 0 2px und wechselt auf caret-up (\f0d8).
   Padding mitzudrehen schiebt das Dreieck nach oben — deshalb Margin
   (liegt ausserhalb der Rotation) statt Padding. */
body #header .shopping_cart > a:first-child::after,
body #header .shopping_cart > a:first-child:hover::after {
	color: #ffffff;
	padding: 0 !important;
	margin-top: 4px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	font-size: 18px;
	text-align: center;
	display: block;
	float: right;
	transform-origin: 50% 50%;
}
body #header .shopping_cart > a:first-child:hover::after {
	content: "\f0d7";
	transform: rotate(180deg);
}

/* Navigation */
body #header .nav {
/*    background: #b04445;*/
    background: #8fc6c9;
    color: #fff;
}

body #header #currencies-block-top div.current strong, 
body #header #languages-block-top div.current strong {
  color: #fff;
}


/* Hintergrundfarben */

body .header-container, 
body .columns-container,
body #header {
/*  background: url(/themes/default-bootstrap/img/bg-theme5.jpg) repeat 50% 0; */
  /* 46er: Kachel JPEG erzeugte Rasterlinien. Flaeche = Kachelfuellfarbe #ffcbbe. */
  background: #ffcbbe !important;
}

/* Footer */ 
@media (min-width: 768px) {
  body .footer-container {
/*    background: url(/themes/default-bootstrap/img/footer-bg5.png) repeat-x; */
    background: #b04445
  }
}

body #footer #newsletter_block_left .form-group .form-control {
    background: transparent;
    border-color: transparent;
    color: #fff;
}

body #cmsinfo_block, 
body #cmsinfo_block > div + div {
    border-color: #cec7bc;
}

body #facebook_block, 
body #cmsinfo_block {
    background: #f2bfb3;
}

body .footer-container #footer a,
body .footer-container #footer #block_contact_infos > div ul li {
    color: #dedcd9;
}

/* Startseite */
#home-page-tabs > li.active a, #home-page-tabs > li a:hover {
	background:#8fc6c9!important;
}

/* Rosenknopf 2026-09-03: Tabs bündig links wie Live/Dev.
   Phenix 1.6.2.46: margin:0 — der erste li hat 9px+9px Einzug.
   Dev global.css: margin: 0 0 0 -18px. */
@media (min-width: 768px) {
	#home-page-tabs {
		padding: 10px 0;
		margin: 0 0 0 -18px;
		background: none;
	}
}

body#index div#center_column {
	margin-top:21px;
}

#header #search_block_top .btn.button-search {
	background:#8fc6c9!important;
}

.block .title_block, .block h4 {
	border-top: 5px solid #8fc6c9;
}

/* Rosenknopf 2026-09-03: Linke Spalte wie Live/Dev.
   Phenix title_block: #555454 auf #f6f6f6, 1px-Bordüre.
   Dev: weisse Schrift auf #8fc6c9, Kategorielinks #41687d. */
#left_column .block .title_block,
#left_column .block h4,
#left_column .block h2.title_block,
#right_column .block .title_block,
#right_column .block h4,
#right_column .block h2.title_block {
	font: 600 18px/22px "Open Sans", sans-serif;
	color: #fff !important;
	background: #8fc6c9;
	border-top: 5px solid #8fc6c9;
	text-transform: uppercase;
}
#left_column .block .title_block a,
#left_column .block h4 a,
#right_column .block .title_block a,
#right_column .block h4 a {
	color: #fff !important;
}
#left_column .block .title_block a:hover,
#left_column .block h4 a:hover,
#right_column .block .title_block a:hover,
#right_column .block h4 a:hover {
	color: #333 !important;
}
#left_column #categories_block_left li a,
#left_column #categories_block_left li li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 30px;
	color: #41687d;
}
#left_column #categories_block_left li a {
	font-weight: bold;
}
#left_column #categories_block_left li li a {
	font-weight: normal;
}
#left_column .block .list-block li {
	border-top: 1px solid #d6d4d4;
}
#left_column .block .list-block li:first-child {
	border-top: none;
}
#left_column .block .list-block li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #41687d;
}
#left_column .block .list-block li a:before {
	color: #41687d;
}
#left_column .block .list-block li a:hover {
	color: #333;
}
#left_column .blockreviews-item-block,
#left_column .blockreviews-item-block a,
#left_column .title-block-review,
#left_column .title-block-review a,
#left_column .review-block-text,
#left_column .rItem,
#left_column .rItem a,
#left_column .rItem small,
#left_column .count_reviews,
#left_column .count_reviews a,
#left_column .count_reviews_left,
#left_column .count_reviews_left b {
	font-family: Arial, Helvetica, sans-serif;
	color: #41687d;
}
/* count_reviews_left Schrift/Farbe weiter unten zusammen mit dem Button-Block */

/* Rosenknopf 2026-09-03: Abmelden-Button wie Dev (schieferblau statt Phenix-grau #6f6f6f). */
#left_column .button.button-small,
#left_column .btn.btn-default.button.button-small {
	background: #41687d;
	border-color: #666 #5f5f5f #292929 #5f5f5f;
}
#left_column .button.button-small span:hover {
	background: #345568;
	border-color: #303030 #303030 #666666 #444444;
}

/* Rosenknopf 2026-09-03: Bewertungen linke Spalte – „Alle Bewertungen" Button
   wie Dev (#8fc6c9 statt #6f6f6f). Schrift „(xx Bewertungen)" 10px Arial #41687d.
   Owl-Abstands-Overrides 2026-09-03 wieder auskommentiert (wie Live/Dev). */
#left_column .button.button-small-blockreviews,
#left_column .blockreviews-articles-block .button.button-small {
	background: #8fc6c9 !important;
	border-color: #8fc6c9 !important;
}
/* Rosenknopf 2026-09-03: Owl-Nav aus (leere Pfeilleiste nahm Platz).
   Hoehe der Slides NICHT auf .active kuerzen – Dots muessen gleiche Position
   behalten, sonst sind andere Bewertungen nach Klick leer. */
#left_column .owl_blockreviews_reviews_type_carousel .owl-nav {
	display: none !important;
	margin: 0 !important;
	min-height: 0 !important;
	height: 0 !important;
	overflow: hidden !important;
}
#left_column .owl_blockreviews_reviews_type_carousel .owl-dots {
	margin-top: 0 !important;
}
#left_column .owl_blockreviews_reviews_type_carousel .owl-dot {
	margin-top: 0 !important;
}
/*
#left_column .owl_blockreviews_reviews_type_carousel ul.owl-carousel {
	margin: 0 !important;
	padding: 0 !important;
}
#left_column .owl_blockreviews_reviews_type_carousel .owl-controls {
	margin: 0 !important;
	padding: 0 !important;
}
#left_column .owl_blockreviews_reviews_type_carousel .owl-nav.disabled + .owl-dots,
#left_column .owl_blockreviews_reviews_type_carousel .owl-dots {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}
#left_column .owl_blockreviews_reviews_type_carousel .owl-dots .owl-dot span {
	margin-top: 2px !important;
	margin-bottom: 2px !important;
}
#left_column .owl_blockreviews_reviews_type_carousel .rItem {
	margin-bottom: 0 !important;
}
#left_column .owl_blockreviews_reviews_type_carousel .owl-item {
	height: 0 !important;
	min-height: 0 !important;
	overflow: hidden !important;
}
#left_column .owl_blockreviews_reviews_type_carousel .owl-item.active {
	height: auto !important;
	overflow: visible !important;
}
#left_column .owl_blockreviews_reviews_type_carousel .owl-stage-outer,
#left_column .owl_blockreviews_reviews_type_carousel .owl-height {
	height: auto !important;
}
#left_column .blockreviews-articles-block .text-align-center.margin-top-15 {
	margin-top: 8px !important;
}
*/
#left_column .blockreviews-articles-block .count_reviews_left,
#left_column .blockreviews-articles-block .count_reviews_left b,
#left_column .block .count_reviews_left,
#left_column .block .count_reviews_left b,
.count_reviews_left,
.count_reviews_left b {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 10px !important;
	line-height: 13px !important;
	color: #41687d !important;
	font-weight: bold !important;
}

/* in den Warenkorb */
.button.ajax_add_to_cart_button span {
    border-color: #8fc6c9!important;
	background: #8fc6c9!important;
}
.button.ajax_add_to_cart_button {
	border-color: #8fc6c9!important;
}

p#add_to_cart > .exclusive:disabled {
cursor: not-allowed;
opacity: .65;
}

/* Rosenknopf 2026-09-16: Artikelseite Preis #603, Mailalert-Link, warning_inline */
.our_price_display,
.our_price_display .price,
#our_price_display {
	color: #603 !important;
}

/* Rosenknopf 2026-09-17: zzgl. Versandkosten im Preisblock wie Live #41687d.
   Der Link sitzt in .content_prices (nicht in .our_price_display).
   global.css a.iframe ist #333, aeuc_front.css faerbt nur das Wrapper-div. */
#product .box-info-product .content_prices .aeuc_shipping_label,
#product .box-info-product .content_prices .aeuc_shipping_label a,
#product .box-info-product .content_prices .aeuc_shipping_label a.iframe {
	color: #41687d !important;
}

#oosHook #mailalert_link,
#mailalert_link {
	color: #41687d;
	background: none;
	border: none;
	box-shadow: none;
	padding: 0;
	font-weight: 400;
}
#oosHook #mailalert_link:hover,
#mailalert_link:hover {
	color: #41687d;
	text-decoration: underline;
	background: none;
}

#availability_statut #availability_value.warning_inline {
	background-color: #8fc6c9;
	border-color: #96afb0;
	text-shadow: 1px 1px #96afb0;
	margin: 0;
}

/*
html body {
    background: #8fc6c9;
}
*/
/* Footer */
.footer-container #footer #block_contact_infos > div ul li i {
    color: #8fc6c9!important;
}
/* Rosenknopf 2026-09-03: Footer Social wie Live/Dev — eine Zeile.
   Phenix: h4 immer display:none, li ohne width:40px + margin-bottom 6px
   → Text und Icons brechen untereinander um. */
.footer-container #footer #social_block {
	float: left;
	width: 50%;
	white-space: nowrap;
}
.footer-container #footer #social_block h4 {
	display: block;
	float: right;
	width: auto;
	margin: 0;
	font-family: 'Old Standard TT', serif !important;
	font-size: 21px;
	line-height: 25px;
	font-weight: 600;
	text-transform: none;
	padding: 0 10px 0 0;
	color: #fff;
	cursor: default;
}
@media (max-width: 767px) {
	.footer-container #footer #social_block h4 {
		display: none;
	}
	.footer-container #footer #social_block {
		width: 100%;
		white-space: normal;
	}
	/* Aus — stand vor .social_block ul { float:right }, verlor die Kaskade:
	.footer-container #footer #social_block ul {
		float: none;
		display: block;
		justify-content: flex-start;
	}
	*/
}
.footer-container #footer #social_block ul {
	float: right;
	margin: 0;
}
/* Live/Dev: ul float:none. Phenix flex + justify-content:center
   und hier float:right schieben die Icons nach rechts. */
@media (max-width: 767px) {
	.footer-container #footer #social_block ul {
		float: none;
		display: block;
		justify-content: flex-start;
	}
}
.footer-container #footer #social_block ul li {
	float: left;
	width: 40px;
	padding-right: 0;
	margin-bottom: 0;
}
/* Phenix p.h4 (Kategorien, Informationen, Kundenbereich): gleiche Größe wie Live-h4 */
/*
.footer-container #footer .h4,
.footer-container #footer h4 {
	font-family: 'Old Standard TT', serif !important;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
}
*/
/* Rosenknopf 2026-09-18: wie oben, plus Farbe #fff (46er-Ueberschriften)
   und Cursor default — nur „Ihr Kundenbereich“ ist ein Link.
   global.css setzt cursor:pointer fuer das Mobile-Akkordeon. GEWOLLT vs Live. */
.footer-container #footer .h4,
.footer-container #footer h4 {
	font-family: 'Old Standard TT', serif !important;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600;
	color: #fff;
}
.footer-container #footer .h4 a,
.footer-container #footer h4 a {
	color: #fff;
}
@media (min-width: 768px) {
	.footer-container #footer .h4,
	.footer-container #footer h4 {
		cursor: default;
	}
	.footer-container #footer .h4 a,
	.footer-container #footer h4 a {
		cursor: pointer;
	}
}
.footer-container #footer #social_block ul li a {
	font-size: 28px;
}
/* Phenix #block_contact_infos { float:right; } beibehalten —
   sonst bricht die Kontaktspalte unter die ersten drei (2+2+4+4 > Zeile). */
.footer-container #footer .bottom-footer {
	display: none;
}
/* Live/Dev: <center> ohne Extra-Padding. Phenix-100px unter #footer bleiben
   (wie Live). 8px/18px hier haben den 46er unter dem UStG-Satz höher gemacht. */
#footer center {
	display: block;
	text-align: center;
	padding: 0;
	clear: both;
}
/* Phenix: padding-bottom 10px + min-height 24px — Live/Dev nur 8px. */
.footer-container #footer ul li {
	padding-bottom: 8px;
	min-height: 0;
}
.footer-container #footer #social_block ul li a:hover, .footer-container #footer #social_block ul li a:hover, .footer-container #footer #social_block ul li a:hover {
    color: #8fc6c9!important;
}
#cmsinfo_block em {
    background: #8fc6c9!important;
}

/* Header */
/* Desktop+Mobil: aktiver Hauptpunkt #41687d auf #7fcacc.
   Aus: Mobil weiss — wie Live/Entwickler jetzt #41687d. */
@media (min-width: 768px) {
#header .sf-menu > li.sfHover > a, #header .sf-menu > li > a:hover, #header .sf-menu > li.sfHoverForce > a, #header .sf-menu > li.sfHover > .oblink,
#header .sf-menu > li.sfHoverForce > .oblink,
#header .sf-menu > li:has(li.sfHoverForce) > a,
#header .sf-menu > li:has(li.sfHoverForce) > .oblink {
/*
background:#8fc6c9!important;
*/
background:#7fcacc!important;
border-bottom-color:#dfd8ca!important;
/* Live theme5: aktiver/Hover-Hauptpunkt #41687d, nicht weiss. */
color:#41687d !important;
/*
border-bottom-color:#96afb0!important;
*/
}
}

/* Menü oben */
.sf-menu > li > a,
.sf-menu > li > div.oblink {
    font: 600 14px/18px "Open Sans", sans-serif!important;
    color: #fff !important;
    padding: 17px 20px !important;
}
/* Phenix hat in superfish-modified.css margin-bottom:-3px und
   border-bottom an > li > a auskommentiert. Live/Dev: der negative
   Margin zieht die umgebrochene zweite Zeile in die 3px-Borders,
   beide Zeilen gleich hoch. Ohne das stapeln sich die Raender der
   ersten Zeile, der zweiten Zeile und von #header .sf-menu — die
   untere Zeile wirkt dann hoeher. */
@media (min-width: 768px) {
	#header .sf-menu > li {
		margin-bottom: -3px;
	}
	#header .sf-menu > li > a,
	#header .sf-menu > li > div.oblink {
		border-bottom: 3px solid #dfd8ca;
	}
}
.sf-menu > li > ul > li {
    float: none!important;
    width: 90%!important;
	margin-top:10px!important;
}
/*
.sf-menu li li ul {
    display: none !important;
}
*/
/* Dropdown: Phenix 1.6.2.46 ist Mega-Menue (ul width 100% der ganzen Leiste,
   Hintergrund weiss, 3. Ebene display:block). Wie Live/Dev: teal, 40% der
   Hauptmenue-Breite (left/top/width setzt superfish-modified.js), nur
   direkte Kindkategorien, ohne „> Verkauftes…“.
   position:relative am li bewusst nicht — sonst waeren die 40% vom Punkt,
   nicht vom Hauptmenue. */
@media (min-width: 768px) {
	#header .sf-menu > li > ul,
	#header .sf-menu > li > ul.submenu-container {
		width: 40%;
		background: #7fcacc !important;
		padding: 26px 15px 31px !important;
		/* Phenix: top 37px (zu 8px-Padding). Live: 59px / JS +55. */
		top: 100%;
	}
	#header .sf-menu > li > ul > li {
		float: none !important;
		width: auto !important;
		white-space: nowrap;
	}
	#header .sf-menu > li > ul > li > a,
	#header .sf-menu > li > ul > li > div.oblink {
		font: 600 13px/17px "Open Sans", sans-serif !important;
		color: #41687d !important;
	}
	#header .sf-menu > li > ul > li > a:hover,
	#header .sf-menu > li > ul > li > div.oblink:hover,
	#header .sf-menu > li > ul > li:hover > div.oblink,
	#header .sf-menu > li > ul > li.sfHoverForce > a,
	#header .sf-menu > li > ul > li.sfHoverForce > div.oblink {
		color: #fff !important;
		background: transparent !important;
	}
	#header .sf-menu li li ul {
		display: none !important;
	}
}

/* Rosenknopf 2026-09-19: mobiles Kopfmenue wie Entwickler.
   Phenix zeigt 3. Ebene (Verkaufte …) und weisses Mega-Untermenue.
   Aktiver Hauptpunkt #41687d; Unterpunkte #41687d, aktiv weiss. */
@media (max-width: 767px) {
	#header .sf-menu,
	#block_top_menu {
		max-width: 100%;
		overflow-x: hidden;
	}
	#header .sf-menu > li > a,
	#header .sf-menu > li > div.oblink {
		background: #8fc6c9 !important;
		color: #fff !important;
		white-space: normal !important;
		overflow-wrap: anywhere;
		word-break: break-word;
	}
	/* Aus: aktiver Hauptpunkt mobil weiss. Wie Live/Entwickler: #41687d.
	body #header .sf-menu > li.sfHover > a,
	body #header .sf-menu > li.sfHoverForce > a,
	body #header .sf-menu > li:has(li.sfHoverForce) > a,
	body #header .sf-menu > li.sfHover > .oblink,
	body #header .sf-menu > li.sfHoverForce > .oblink,
	body #header .sf-menu > li:has(li.sfHoverForce) > .oblink {
		background: #7fcacc !important;
		color: #fff !important;
	}
	*/
	body #header .sf-menu > li.sfHover > a,
	body #header .sf-menu > li.sfHoverForce > a,
	body #header .sf-menu > li:has(li.sfHoverForce) > a,
	body #header .sf-menu > li:hover > a,
	body #header .sf-menu > li > a:hover,
	body #header .sf-menu > li.sfHover > .oblink,
	body #header .sf-menu > li.sfHoverForce > .oblink,
	body #header .sf-menu > li:has(li.sfHoverForce) > .oblink,
	body #header .sf-menu > li:hover > .oblink,
	body #header .sf-menu > li > .oblink:hover {
		background: #7fcacc !important;
		color: #41687d !important;
	}
	/* Aus: CSS-Verlauf statt FA-Glyphen — wirkte duenner als Dev FA 3.2.1.
	#header .sf-menu > li span:after,
	#header .sf-menu > li span.active:after {
		content: "" !important;
		font-size: 0 !important;
		width: 16px;
		height: 16px;
		color: transparent;
		background:
			linear-gradient(#41687d, #41687d) 50% 50% / 16px 3px no-repeat,
			linear-gradient(#41687d, #41687d) 50% 50% / 3px 16px no-repeat;
	}
	#header .sf-menu > li span.active:after {
		background: linear-gradient(#41687d, #41687d) 50% 50% / 16px 3px no-repeat;
	}
	*/
	/* Grover-Box bleibt 52px/top 0, sonst sitzt Minus zu hoch. */
	#header .sf-menu > li > span,
	#header .sf-menu > li > span.menu-mobile-grover {
		top: 0 !important;
		right: 6px;
		height: 52px;
		width: 36px;
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 0;
	}
	/* Aus: FA6-Familie FontAwesome + weight 900 + text-stroke.
	   font-size aendert die optische Groesse kaum (Glyph bleibt klein/duenn).
	#header .cat-title:after,
	#header .sf-menu > li span:after {
		content: "\f067" !important;
		background: none !important;
		width: auto;
		height: auto;
		font-family: "FontAwesome" !important;
		font-weight: 900 !important;
		font-style: normal;
		font-size: 26px !important;
		line-height: 1 !important;
		color: #41687d !important;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke: 0.6px #41687d;
	}
	#header .cat-title.active:after,
	#header .sf-menu > li span.active:after {
		content: "\f068" !important;
		background: none !important;
	}
	*/
	/* Wie Entwickler: FA 3.2.1 (FontAwesome32, schon fuer Vergleichs-Icons).
	   Dann steuert font-size: 26px die Groesse wie im Entwickler. */
	#header .cat-title:after,
	#header .sf-menu > li span:after {
		content: "\f067" !important;
		background: none !important;
		width: auto;
		height: auto;
		font-family: FontAwesome32 !important;
		font-weight: 400 !important;
		font-style: normal;
		font-size: 26px !important;
		line-height: 1 !important;
		color: #41687d !important;
		-webkit-font-smoothing: antialiased;
		-webkit-text-stroke: 0;
	}
	#header .cat-title.active:after,
	#header .sf-menu > li span.active:after {
		content: "\f068" !important;
		background: none !important;
	}
	#left_column,
	#categories_block_left,
	#left_column .block {
		max-width: 100%;
		overflow-x: hidden;
	}
	#left_column .block .title_block,
	#left_column .block h2.title_block,
	#categories_block_left .title_block {
		padding-right: 48px !important;
		white-space: normal !important;
		overflow: hidden;
		overflow-wrap: anywhere;
		word-break: break-word;
		box-sizing: border-box;
		width: 100%;
		max-width: 100%;
		line-height: 22px;
	}
	#header .sf-menu > li > ul,
	#header .sf-menu > li > ul.menu-mobile,
	#header .sf-menu > li > ul.submenu-container {
		width: 100% !important;
		background: #7fcacc !important;
		box-shadow: none !important;
		padding: 8px 15px 16px !important;
		white-space: normal;
	}
	#header .sf-menu > li > ul > li {
		float: none !important;
		width: 100% !important;
		margin-top: 8px !important;
		padding-right: 0 !important;
		padding-bottom: 8px !important;
		white-space: normal !important;
	}
	#header .sf-menu > li > ul > li > a,
	#header .sf-menu > li > ul > li > div.oblink {
		font: 600 13px/17px "Open Sans", sans-serif !important;
		color: #41687d !important;
		white-space: normal !important;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		overflow: hidden;
		overflow-wrap: anywhere;
		word-break: break-word;
		max-width: 100%;
	}
	#header .sf-menu > li > ul > li.sfHoverForce > a,
	#header .sf-menu > li > ul > li.sfHoverForce > div.oblink,
	#header .sf-menu > li > ul > li > a:hover,
	#header .sf-menu > li > ul > li > div.oblink:hover {
		color: #fff !important;
		background: transparent !important;
	}
	#header .sf-menu li li ul {
		display: none !important;
	}
	.content_scene_cat {
		max-width: 100%;
		overflow-x: hidden;
	}
	.content_scene_cat span.category-name {
		white-space: normal;
		overflow-wrap: anywhere;
		word-break: break-word;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		overflow: hidden;
		max-width: 100%;
	}
}
/* auf Lager / nicht auf Lager */
ul.product_list .availability span.available-now, ul.product_list .availability span.out-of-stock, ul.product_list .availability span.label-success {
    background: #8fc6c9!important;
	border: 1px solid #96afb0!important;
}

/* Vergleichen */
.button.button-medium {
	opacity:0.9;
/*	background: linear-gradient(to bottom, #43b754 0%, #41b757 2%, #41b854 4%, #43b756 6%, #41b354 38%, #44b355 40%, #45af55 66%, #41ae53 74%, #42ac52 91%, #41ae55 94%, #43ab54 96%, #42ac52 100%);*/
	background: linear-gradient(180deg, rgba(143,198,201,1) 0%, rgba(105,157,159,1) 100%);
/*	border-color: #399a49 #247f32 #1a6d27 #399a49;*/
	border-color: #8fc6c9 #6ac5d5 #96afb0 #77a3a6;
	border-image: linear-gradient(180deg, rgba(143,198,201,1) 0%, rgba(105,157,159,1) 100%);
}
.button.button-medium:hover {
	opacity:1;
/*	background: linear-gradient(to bottom, #43b754 0%, #41b757 2%, #41b854 4%, #43b756 6%, #41b354 38%, #44b355 40%, #45af55 66%, #41ae53 74%, #42ac52 91%, #41ae55 94%, #43ab54 96%, #42ac52 100%);*/
	background: linear-gradient(180deg, rgba(143,198,201,1) 0%, rgba(105,157,159,1) 100%);
/*	border-color: #399a49 #247f32 #1a6d27 #399a49;*/
	border-color: #8fc6c9 #6ac5d5 #96afb0 #77a3a6;
	border-image: linear-gradient(180deg, rgba(143,198,201,1) 0%, rgba(105,157,159,1) 100%);
}
.button.button-medium span
{
    border: 1px solid;
/*    border-color: #8fc6c9;*/
	border-color: #8fc6c9 #6ac5d5 #96afb0 #77a3a6;
}

/* Header Logo */
header .row #header_logo {
    width: 40%;
}

/* Header-Zeile: Logo 40% + Suche 25% + Warenkorb 25% = 90%.
   Phenix 1.6.2.46: Suche und Warenkorb sind col-sm-4 (je 33%).
   Mit Logo 40% ist das >100%, der Warenkorb rutscht unter die Suche.
   Spalten in blocksearch-top.tpl / blockcart.tpl auf col-sm-3 wie im Entwicklershop.
   float:left hebt das Phenix-global.css-float:right der dritten col-sm-4 auf,
   falls die Tpls noch nicht hochgeladen sind. left:120px (oben) schiebt
   den Warenkorb-Button in den Restplatz am rechten Rand. */
@media (min-width: 768px) {
	#header #search_block_top {
		width: 25%;
	}
	#header .row #search_block_top + .col-sm-4,
	#header .row #search_block_top + .col-sm-3 {
		width: 25%;
		float: left;
	}
}

/* Kategoriebeschreibung */
/*
.content_scene_cat .content_scene_cat_bg {
    padding: 0;
    background-color: transparent !important;
}

.content_scene_cat, .content_scene_cat span.category-name {
    color: #000;
    line-height: 19px;
}

.content_scene_cat a {
    color: #f00;
}
*/
/* Rosenknopf 2026-09-03: Kategoriekopf wie Live/Dev.
   Phenix legt weißen Titel auf das Banner (unsichtbar auf hellem Bild).
   Bild separat, Titel+Text im Kasten #8fc6c9. */
.content_scene_cat {
	color: #fff !important;
	line-height: 19px;
	background: transparent !important;
}
/* Phenix category.css: background #464646 !important — der 10px-Abstand
   unter dem Bild wurde so zum dunklen Balken („oberer Rahmen“). */
#center_column .content_scene_cat .content_scene_cat_bg {
	padding: 0 !important;
	background: none !important;
	background-color: transparent !important;
	border: 0 !important;
}
.content_scene_cat span.category-name {
	display: block;
	/* font: 600 42px/51px "Old Standard TT", sans-serif !important; */
	font: 600 36px/44px "Old Standard TT", sans-serif !important;
	text-transform: uppercase;
	color: #fff !important;
	margin-bottom: 12px;
}
.content_scene_cat .cat_desc > span.category-name {
	margin: 0 0 10px 25px !important;
	padding-top: 0;
}
/* Live/Dev: praktisch kein Box-Padding, nur 10px am Text.
   46er etwas luftiger, aber knapper als 18/16px. */
#center_column .content_scene_cat .cat_desc {
	background: #8fc6c9 !important;
	padding: 8px 0 8px !important;
	border: 0 !important;
	border-top: none !important;
	margin-top: 0 !important;
}
#center_column .content_scene_cat .text-not-muted,
#center_column .content_scene_cat #category_description_full {
	margin: 4px 25px 6px 25px;
}
.content_scene_cat a {
	color: #41687d;
}
/* Phenix category.css faerbt .content_scene_cat auf #d7d7d7 (laedt nach custom.css
   ohne !important). Live/Dev: weisser Fliesstext im tuerkisen Kasten. */
.content_scene_cat .cat_desc,
.content_scene_cat .cat_desc p,
.content_scene_cat .cat_desc #category_description_full,
.content_scene_cat .text-not-muted,
.content_scene_cat .text-muted {
	color: #fff !important;
	font-family: "Open Sans", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	font-weight: 400;
}
@media (max-width: 1199px) {
	.content_scene_cat span.category-name {
		font-size: 25px;
		line-height: 30px;
	}
}
/* Abstand unter dem Bild (rosa Seite), kein dunkler Balken:
   Phenix #464646 schien durch margin-bottom durch. */
#center_column .header-image {
	margin-bottom: 10px;
	border: 0 none !important;
	line-height: 0;
	overflow: hidden;
	background: transparent !important;
}
#center_column .header-image img {
	/* max-width: 100%; */
	/* height: auto; */
	/* display: block; */
	max-width: 100% !important;
	width: 100% !important;
	height: auto !important;
	display: block;
	border: 0 none;
	vertical-align: top;
}
.header-image img {
	max-width: 100% !important;
	width: 100% !important;
	height: auto !important;
	display: block;
}

/* Breadcrumb (Leiste Startseite > Kategorie), Stand 2026-09-03.
   Entwickler/Live: Schrift #41687d, Home-Kasten 130x25px, STARTSEITE 17px,
   aktueller Punkt (z. B. Herrenartikel) 12px fett #41687d — kein Grau.
   Phenix 1.6.2.46 setzt das Haus-Icon auf Font Awesome 6. Live/Dev nutzen
   Font Awesome 3.2.1; dort sitzt „STARTSEITE“ im Icon-::before und die
   Buchstaben fallen auf Times zurueck. Deshalb zwei Varianten:
   — aktiv: FA6-Haus + STARTSEITE im Span (16.5px, ~95px).
   — auskommentiert: ::before-Versuche und FA-3.2.1. */
.breadcrumb {
	font-weight: bold;
	font-size: 12px;
	line-height: 24px;
	color: #41687d;
}
.breadcrumb a {
	color: #41687d !important;
}
.breadcrumb a.home {
	font-size: 17px !important;
	font-weight: bold;
	color: #41687d !important;
	width: 130px !important;
	height: 25px;
	line-height: 22px;
	text-align: center;
	padding: 0 !important;
	margin: 0 0 0 -10px !important;
}
/* Aus: wie Live/Dev — Haus und STARTSEITE aus Font Awesome 3.2.1
   (Datei liegt schon unter /themes/default-bootstrap/font/).
   Wieder einschalten: diesen Block aus der Klammer nehmen und den
   Block „Aktiv: FA6-Haus …“ darunter auskommentieren.
@font-face {
	font-family: 'FontAwesome32';
	src: url("../../font/fontawesome-webfont.eot?v=3.2.1");
	src: url("../../font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"),
		url("../../font/fontawesome-webfont.woff?v=3.2.1") format("woff"),
		url("../../font/fontawesome-webfont.ttf?v=3.2.1") format("truetype");
	font-weight: normal;
	font-style: normal;
}
.breadcrumb a.home i.icon-home {
	display: inline;
	font: 17px/normal FontAwesome32 !important;
	height: auto;
	width: auto;
	vertical-align: -1px;
	margin: 0;
	color: #41687d;
	-webkit-font-smoothing: antialiased;
}
.breadcrumb a.home i.icon-home:before {
	content: "\f015  STARTSEITE";
	font-family: FontAwesome32;
	font-size: 17px;
	font-weight: 400;
	color: #41687d;
}
.breadcrumb a.home .home-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
*/
/* Aus: STARTSEITE extra im Span (Times). Hat die Striche nicht duenner
   gemacht — Live malt die Buchstaben im selben ::before wie das Haus.
.breadcrumb a.home i.icon-home {
	display: inline;
	font-size: 17px;
	line-height: normal;
	height: auto;
	width: auto;
	vertical-align: -1px;
	margin: 0 4px 0 0;
	color: #41687d;
}
.breadcrumb a.home .home-label {
	font-family: Times, "Times New Roman", serif;
	font-size: 17px;
	font-weight: 400 !important;
	font-style: normal;
	font-synthesis: none;
	line-height: 22px;
	text-transform: uppercase;
	letter-spacing: 0;
	vertical-align: baseline;
	color: #41687d;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
*/
/* Aus: ::before mit Stapel FontAwesome + Times. FA6 hat eigene
   Buchstaben (STARTSEITE 114px statt Times 97px, Zeile 39px hoch).
.breadcrumb a.home i.icon-home {
	display: inline;
	font: 400 17px/normal FontAwesome, Times, "Times New Roman", serif !important;
	height: auto;
	width: auto;
	vertical-align: -1px;
	margin: 0;
	color: #41687d;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.breadcrumb a.home i.icon-home:before {
	content: "\f015  STARTSEITE";
	font-weight: 400;
	color: #41687d;
}
*/
/* Aus: STARTSEITE ins Icon-::before (FA6 + Times / unicode-range).
   FA6 hat eigene Buchstaben (zu hoch/breit). Getrennt per unicode-range
   fehlte das Haus (Kasten). Deshalb wieder Span.
@font-face {
	font-family: 'BreadcrumbStart';
	src: local('Times New Roman'), local(Times);
	font-weight: 400 900;
	unicode-range: U+0000-024F;
}
@font-face {
	font-family: 'BreadcrumbStart';
	src: url("../../fonts/fa-solid-900.woff2") format("woff2");
	font-weight: 900;
	unicode-range: U+F000-F8FF;
}
.breadcrumb a.home i.icon-home {
	display: inline;
	font: 900 17px/normal BreadcrumbStart, Times, "Times New Roman", serif !important;
	height: auto;
	width: auto;
	vertical-align: -1px;
	margin: 0;
	color: #41687d;
	font-synthesis: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.breadcrumb a.home i.icon-home:before {
	content: "\f015  STARTSEITE";
	font-weight: 400;
	color: #41687d;
}
.breadcrumb a.home .home-label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
*/
/* An: Haus FA6, STARTSEITE Times 16.5px (~95px). 16px war 92px,
   Entwickler 17px ca. 98px — eine Nuance breiter, nicht wieder 17px. */
.breadcrumb a.home i.icon-home {
	display: inline;
	font-size: 17px;
	line-height: normal;
	height: auto;
	width: auto;
	vertical-align: -1px;
	margin: 0 3px 0 0;
	color: #41687d;
}
.breadcrumb a.home .home-label {
	font-family: Times, "Times New Roman", serif;
	/* font-size: 16px; */
	font-size: 16.5px;
	font-weight: 400 !important;
	font-style: normal;
	font-synthesis: none;
	line-height: 22px;
	text-transform: uppercase;
	/* letter-spacing: -0.03em; */
	letter-spacing: 0;
	vertical-align: baseline;
	color: #41687d;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.breadcrumb > span,
.breadcrumb .navigation_page {
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
	color: #41687d;
	vertical-align: baseline;
}

/* „Es gibt N Artikel.“ und „Unterkategorien“: Live Arial 13px bold #41687d.
   Phenix heading-counter #333, subcategory-heading #333. */
h1.page-heading,
.page-heading {
	color: #41687d !important;
}
.page-heading span.heading-counter,
.category_title .heading-counter,
#subcategories p.subcategory-heading {
	font: bold 13px/22px Arial, Helvetica, sans-serif !important;
	color: #41687d !important;
	text-transform: none;
}

/* Unterschriften unter Unterkategorie-Bildern: 46er-Groesse 16px/18px behalten
   (Dev category.css 18px/22px ist zu gross), Farbe wie Live/Dev #41687d
   (Phenix category.css #555454, laedt NACH custom.css — deshalb !important).
   Zeile 1 bricht |rk_subcat_label an ~ / Leerzeichen (14 Zeichen).
   Zeile 2 fuellt die 145px-Spalte, … mitten im Wort (16+Punkte waeren ~190px). */
#subcategories ul li .subcategory-name {
	font-size: 16px;
	line-height: 18px;
	color: #41687d !important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	overflow: hidden;
	overflow-wrap: anywhere;
	word-break: break-word;
	max-width: 100%;
}
/* Unterkategorie-Hover: Phenix category.css border #333 (laedt nach custom.css).
   Live/Dev: 5px solid #41687d. */
#subcategories ul li:hover .subcategory-image a {
	border-color: #41687d !important;
}

/* Sortierung/Zeigen: native Dropdown-Pfeile wie Entwickler (nicht Uniform-Sprite).
   Phenix wrappt die Selects in div.selector + sprite.png (Quadrat + Dreieck). */
.content_sortPagiBar .sortPagiBar #productsSortForm select,
.content_sortPagiBar .sortPagiBar .nbrItemPage select {
	width: auto;
	opacity: 1 !important;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	background-color: #fff !important;
	background-image: none !important;
	border: 1px solid #d6d4d4;
	box-shadow: none !important;
	height: 27px;
	padding: 0 4px;
}
.content_sortPagiBar .sortPagiBar #productsSortForm select {
	float: left;
	max-width: 192px;
}
.content_sortPagiBar .sortPagiBar .nbrItemPage select {
	float: left;
	max-width: 59px;
}
.content_sortPagiBar .sortPagiBar .nbrItemPage .clearfix > span {
	clear: none;
	display: inline-block;
	float: left;
	padding: 3px 0 0 12px;
}
.content_sortPagiBar .sortPagiBar .nbrItemPage .selector,
.content_sortPagiBar .sortPagiBar .nbrItemPage #uniform-nb_page_items {
	float: left;
}
/* Sortierung / Zeige … Artikel pro Seite: Live #41687d (Phenix global.css #333). */
.content_sortPagiBar .sortPagiBar label,
.content_sortPagiBar .sortPagiBar .nbrItemPage .clearfix > span {
	color: #41687d !important;
}
/* Anzeigen: Text #41687d; aktives Icon #41687d; inaktiv #e1e0e0 wie Live
   (Phenix Titel/Auswahl #333). Vorher alle Icons #41687d — sahen beide ausgewählt aus. */
/*
.content_sortPagiBar .display li.display-title,
.content_sortPagiBar .display_m li.display-title,
.content_sortPagiBar .display li a,
.content_sortPagiBar .display_m li a,
.content_sortPagiBar .display li a i,
.content_sortPagiBar .display_m li a i,
.content_sortPagiBar .display li.selected i,
.content_sortPagiBar .display_m li.selected i,
.content_sortPagiBar .display li a:hover i,
.content_sortPagiBar .display_m li a:hover i {
	color: #41687d !important;
}
*/
.content_sortPagiBar .display li.display-title,
.content_sortPagiBar .display_m li.display-title,
.content_sortPagiBar .display li a,
.content_sortPagiBar .display_m li a {
	color: #41687d !important;
}
.content_sortPagiBar .display li a i,
.content_sortPagiBar .display_m li a i {
	color: #e1e0e0 !important;
}
.content_sortPagiBar .display li.selected i,
.content_sortPagiBar .display_m li.selected i {
	color: #41687d !important;
}
.content_sortPagiBar .display li a:hover i,
.content_sortPagiBar .display_m li a:hover i {
	color: gray !important;
}
.content_sortPagiBar .display li.selected a:hover i,
.content_sortPagiBar .display_m li.selected a:hover i {
	color: #41687d !important;
}

/* edge */
@supports ( -ms-ime-align:auto) {
	.hideContent { background: #8fc6c9!important; -webkit-text-fill-color:#fff!important;}
}

/* IE 10 / 11 */		
@media all and (-ms-high-contrast:none) {
     .hideContent { background: #8fc6c9!important; -webkit-text-fill-color:#fff!important;}
}

.text-not-muted{
	margin:10px 25px 10px 25px;
}

.hideContent {
    overflow: hidden;
    height: 58px;
    background: linear-gradient(to bottom,#fff 70%, #fff 70%, #8fc6c9 100%);
        background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	margin:10px 25px 10px 25px;
}

.hideContent p{
margin-bottom:0;
}
.showContent {
    height: auto;
	color: #fff !important;
	margin:10px 25px 10px 25px;
	padding-bottom:10px;
}

.show-more {
	padding: 5px 0 0 0;
	text-align: right;
	border-top: 1px dotted #41687d;
	margin-top:-7px;
}

.show-more-open {
	border: none!important;
	margin-top:-5px;
}


.show-more-close {
	border-top: 1px dotted #41687d;
}
.show-more a { background: #8fc6c9;padding: 0.5rem 1rem;color: #fff;}
.show-more a:hover {background:#6ac5d5;}

/* gekaufte Artikel */
.first-word{
	text-transform: uppercase;
}

/* Logo Footer */
.img-shop{
width: 37%;
float: inline-end;
}
/* Rosenknopf 2026-09-17: mobil kleiner und mittig; Desktop 37% rechts wie bisher.
   Liveshop bleibt 37% / inline-end. */
@media (max-width: 767px) {
	.img-shop {
		width: 25%;
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
}

/* sold kat */

.sold-cat {
	background: #8fc6c9 !important;
	border: 1px solid #96afb0 !important;
	display: inline-block;
	font-weight: bold;
	padding: 3px 8px 4px 8px;
}

.sold-cat a {
	color: white!important;
}

/* Rosenknopf 2026-09-03: Startseite – Slider rechts, Begrüßungstext links.
   Phenix-Original: float:left (Text rechts). !important, weil homeslider.css
   nach autoload kommen kann.
   Pfeile wie Live: links und rechts am Bild, vertikal mittig.
   Phenix/Dev-homeslider.css setzt prev auf right:60px + left:auto + bottom:10px
   (beide Pfeile unten rechts). */
#homepage-slider {
	float: right !important;
}
#homepage-slider .bx-wrapper .bx-controls-direction a {
	top: 40% !important;
	bottom: auto !important;
	margin-top: -26px !important;
}
#homepage-slider .bx-wrapper .bx-prev {
	left: 10px !important;
	right: auto !important;
}
#homepage-slider .bx-wrapper .bx-next {
	right: 10px !important;
	left: auto !important;
}

/* Rosenknopf: Fliesstext wie Live/Dev (Arial 13px/18px, Farbe #41687d).
   Phenix 1.6.2.46: body color #777, line-height 1em, a color #777.
   Live/Dev global.css: body line-height 18px, color #41687d, a #41687d.
   Betrifft den Begruessungstext links (#htmlcontent_top) und die
   Bewertungszahl unter dem Slider (.count_reviews_left, Modul setzt 10px). */
html body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #41687d;
}
html body a {
	color: #41687d;
}
#htmlcontent_top,
#htmlcontent_top .item-html,
#htmlcontent_top .item-html p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #41687d;
}
#homepage-slider .count_reviews_left,
#homepage-slider .count_reviews_left b {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 13px !important;
	line-height: 18px !important;
	color: #41687d !important;
}

/* Rosenknopf 2026-09-03: Produktkarten wie Live/Dev (Startseite 4er-Raster + Kategorien).
   Phenix 1.6.2.46: Hover-Container position:absolute ohne eingefrorene li-Hoehe
   (Buttons fallen aus der Box). catch_phrase/h6list und div.h5 zerstoeren die Hoehe.
   Overlay-Preis (top:95px, unten am Bild, Farbe #3e6074 wie Live/Dev).
   Vorschau top:37% (Phenix 50% war zu niedrig auf dem Balken). */
@media (min-width: 1200px) {
	ul.product_list.grid > li.ajax_block_product {
		position: relative;
	}
	ul.product_list.grid > li.hovered {
		z-index: 20;
	}
	ul.product_list.grid > li.hovered .product-container {
		position: absolute !important;
		left: 15px;
		right: 15px;
		width: auto;
		margin-right: 0 !important;
		z-index: 21;
	}
	/* Zuletzt gekaufte Artikel: Karte bleibt im Fluss wie Live.
	   Magnifier: height:auto !important auf die li — absolute Hover
	   klappt die letzte Spalte auf padding-bottom 60px zusammen. */
	ul#blockviewdproducts.product_list.grid > li.hovered .product-container {
		position: relative !important;
		left: auto;
		right: auto;
		margin-right: 0 !important;
	}
}
ul.product_list.grid > li .product-container .product-image-container {
	border: none;
}
ul.product_list.grid > li .product-container .product-image-container .content_price {
	top: 95px;
	bottom: -1px;
	/* Phenix price-container-bg.png ist #333; Live/Dev sind schieferblau ~#3e6074 */
	background: #3e6074 !important;
	background-image: none !important;
}
ul.product_list .product-image-container .quick-view {
	/* Phenix: top 50% — sitzt auf dem Preisbalken. Live/Dev: 37%. */
	top: 37% !important;
	z-index: 2;
}
ul.product_list.grid > li .product-container .product-image-container .content_price,
ul.product_list.grid > li .product-container .product-image-container .content_price a,
ul.product_list.grid > li .product-container .product-image-container .content_price div {
	color: #fff;
}
ul.product_list.grid > li .product-container h5,
ul.product_list.grid > li .product-container .h5 {
	padding: 0 15px 7px 15px;
	min-height: 53px;
}
ul.product_list.grid li.hovered h5,
ul.product_list.grid li.hovered .h5 {
	min-height: 30px;
}
ul.product_list.grid > li .product-container .h6list {
	display: none;
}
ul.product_list.grid > li .product-container .content_price {
	padding-bottom: 9px;
	line-height: 21px;
	position: absolute;
	top: 293px;
	left: 20%;
}
body#category ul.product_list.grid > li .product-container .content_price,
body#search ul.product_list.grid > li .product-container .content_price,
body#products-comparison ul.product_list.grid > li .product-container .content_price {
	position: relative;
	top: inherit;
	left: inherit;
}
body#category ul.product_list.grid > li.hovered .content_price,
body#search ul.product_list.grid > li.hovered .content_price,
body#products-comparison ul.product_list.grid > li.hovered .content_price {
	position: absolute;
	left: 0;
	top: 165px;
}
body#index ul.product_list.grid > li.last-line,
body#search ul.product_list.grid > li.last-line {
	min-height: 0;
}
/* Rosenknopf 2026-09-18: Mobil/Tablet Kachel nicht auf theme5 height:565px deckeln.
   „Zum Vergleich hinzufügen“ zweizeilig rutschte sonst aus der Kachel
   (Suche und Kategorie). Liveshop 565px reicht dort — gewollte Abweichung.
   2026-09-24: auch Artikelvergleich. */
@media (max-width: 1199px) {
	body#category ul.product_list.grid > li .product-container,
	body#search ul.product_list.grid > li .product-container,
	body#products-comparison ul.product_list.grid > li .product-container {
		height: auto !important;
		min-height: 565px;
	}
}
/* Rosenknopf 2026-09-17: Startseite Zeilenabstand wie Live/Dev.
   Phenix: #index ul.product_list.tab-pane > li padding-bottom 85px.
   Live/Dev: 60px (85px auskommentiert). */
@media (min-width: 1200px) {
	body#index ul.product_list.tab-pane > li {
		padding-bottom: 60px;
	}
}
ul.product_list .aeuc_shipping_label {
	background-color: transparent !important;
}
/* Hover: weisse Schrift auf dem Balken. background-color:transparent nur an
   den inneren Labels (sonst waere der Balken selbst unsichtbar). */
ul.product_list.grid li.hovered .product-image-container .content_price {
	color: #fff !important;
	background: #3e6074 !important;
}
ul.product_list.grid li.hovered .product-image-container .content_price a,
ul.product_list.grid li.hovered .product-image-container .content_price .aeuc_shipping_label,
ul.product_list.grid li.hovered .product-image-container .content_price .aeuc_shipping_label a,
ul.product_list.grid li.hovered .product-image-container .content_price .aeuc_delivery_label,
ul.product_list.grid li.hovered .product-image-container .content_price .lieferzeit-1,
ul.product_list.grid li.hovered .product-image-container .content_price .versand-kosten-1 {
	color: #fff !important;
	background-color: transparent !important;
}
.button.ajax_add_to_cart_button,
.button.ajax_add_to_cart_button span {
	color: #fff !important;
}

/* Rosenknopf 2026-09-04: Artikelnamen auf Kategorieseiten wie Live.
   Live global.css: .product-name { color:#41687d; 17px/23px Old Standard TT }.
   Die Karte ist <h5><a class="product-name"> — .product-name IST der Link.
   Phenix 46 setzt .product-name auf #3a3939 (dunkelgrau). Groesse und
   Schriftart sind schon 17px/23px weight 500 wie Live; nur die Farbe
   weicht ab. !important, weil global.css nach autoload/custom.css kommt. */
ul.product_list a.product-name {
	font-family: 'Old Standard TT', sans-serif;
	font-size: 17px;
	line-height: 23px;
	font-weight: 500;
	color: #41687d !important;
}

/* Rosenknopf 2026-09-04: Hover „+ Zum Vergleich hinzufügen“ / Wunschliste.
   CSS-Werte sind wie Live (Arial 13px/18px 700 #777676), aber Phenix FA6
   zeichnet \f067 duenner als Live FA 3.2.1. Deshalb die Icons aus der
   vorhandenen FA-3.2.1-Datei (FontAwesome32). @font-face hier aktiv —
   der gleiche Block bei der Breadcrumb bleibt auskommentiert. */
@font-face {
	font-family: 'FontAwesome32';
	src: url("../../font/fontawesome-webfont.eot?v=3.2.1");
	src: url("../../font/fontawesome-webfont.eot?#iefix&v=3.2.1") format("embedded-opentype"),
		url("../../font/fontawesome-webfont.woff?v=3.2.1") format("woff"),
		url("../../font/fontawesome-webfont.ttf?v=3.2.1") format("truetype");
	font-weight: normal;
	font-style: normal;
}
ul.product_list .functional-buttons div a,
ul.product_list .functional-buttons div label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: 700 !important;
	color: #777676 !important;
	/* Kein antialiased auf dem Text — macht Arial-Bold duenner als Live. */
}
ul.product_list .functional-buttons div.compare a:before,
ul.product_list .functional-buttons div.wishlist a:before {
	font-family: FontAwesome32 !important;
	font-weight: 400 !important;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* Listenansicht: Herz und Plus in einer Icon-Spalte
   (wishlist a:before hat padding 0 3px, compare in Liste margin-right 10px). */
ul.product_list.list .functional-buttons .wishlist a:before,
ul.product_list.list .functional-buttons .compare a:before {
	padding: 0 !important;
	margin-right: 8px !important;
	width: 1.15em;
	text-align: center;
	display: inline-block;
}
/* Hover Wunschliste / Vergleich: Preisfarbe #603 (Live/Dev #000). */
ul.product_list .functional-buttons div a:hover,
ul.product_list .functional-buttons div label:hover {
	color: #603 !important;
}

/* Rosenknopf 2026-09-24: Wunschliste-Toast am Artikel (kein Fancybox/Scrollsprung) */
.rk-wishlist-toast {
	position: absolute;
	left: 8px;
	right: 8px;
	top: 10px;
	bottom: auto;
	z-index: 30;
	padding: 10px 12px;
	background: #41687d;
	color: #fff;
	font: 13px/1.35 Arial, Helvetica, sans-serif;
	text-align: center;
	opacity: 0;
	transform: translateY(-4px);
	transition: opacity .25s ease, transform .25s ease;
	pointer-events: none;
	box-shadow: 0 2px 8px rgba(0,0,0,.2);
}
.rk-wishlist-toast.rk-wishlist-toast-show {
	opacity: 1;
	transform: translateY(0);
}
ul.product_list .product-container {
	position: relative;
}
/* Auswahlliste: Link-Cursor */
.popover .rk-wl-choice,
.popover .rk-wl-choice td,
ul.product_list .wishlist .popover-content tr.rk-wl-choice,
ul.product_list .wishlist .popover-content tr.rk-wl-choice td {
	cursor: pointer !important;
}
.popover .rk-wl-choice:hover td {
	background: #f5f5f5;
}

/* Rosenknopf 2026-09-16: Abstand Nachrichtenfeld → „Zur Kasse“ wie Live/Dev */
#ordermsg {
	margin-bottom: 30px;
	overflow: hidden;
}


/* Order with Drawl */

.block_content.toggle-footer ul.bullet li:has(a[href*="order-withdrawl"]) {
	list-style: none;
  	border: 1px solid #d6d4d4;
  	padding-left: 5px;
  	width: 138px;
  	display: block;
  	background-color: #8fc6c9;
  	color: white;
	padding-bottom: 1px !important;
  	padding-top: 1px !important;
	margin-bottom: 6px;
}

/* Styling für das <a> Element innerhalb dieses li */
.block_content.toggle-footer ul.bullet li a[href*="order-withdrawl"] {
	color: #f0f0f0 !important;
  	text-transform: unset !important;
}

.block_content.toggle-footer ul.bullet li a[href*="order-withdrawl"]:hover {
	color: white !important;
}

/* Rosenknopf 2026-09-16: Listenansicht Trennlinie wie Live product_list.css */
ul.product_list.list > li .product-container {
	border-top: 1px solid #d6d4d4;
}

/* Rosenknopf 2026-09-16: Artikelseite H1 + Kurztext #41687d wie Live product.css
   (Phenix .pb-center-column h1 ist #3a3939, Kurztext #666).
   !important, weil product.css nach autoload/custom.css kommt. */
.pb-center-column h1 {
	color: #41687d !important;
}
.pb-center-column #short_description_block {
	color: #41687d !important;
}

/* Rosenknopf 2026-09-17: Artikelseite Box-Ueberschriften wie Live.
   Phenix h3.page-product-heading in global.css ist #555454.
   Nicht in global.css: Theme-Update ueberschreibt sie, custom.css bleibt. */
#product h3.page-product-heading {
	color: #41687d !important;
}

/* Rosenknopf 2026-09-17: Kategorie-Slider ohne Warenkorb/See product
   (kleine Ansicht ohne rechtliche Infos / Versandkosten).
   Preise mittig: gewollt, Liveshop linksbuendig. */
#product #productscategory_list .price_display {
	text-align: center;
}
#product #productscategory_list .ajax_add_to_cart_button,
#product #productscategory_list .lnk_view {
	display: none !important;
}

/* Rosenknopf 2026-09-17: Head wie Live — Kontakt / Abmelden / Kontoname.
   Phenix blendet #contact-link.is_logged unter 768px aus. */
@media (max-width: 767px) {
	#header #contact-link.is_logged {
		display: block !important;
	}
}
/* Phenix global.css ≤479px: flex space-between + row-reverse
   (Abmelden links, Name rechts). Live bleibt float:right, alles rechts. */
@media (max-width: 479px) {
	header .nav nav {
		display: block !important;
		justify-content: unset !important;
		flex-direction: unset !important;
	}
}

/* Rosenknopf 2026-09-17: Cookie-Banner + Scroll-to-Top.
   Banner: left/right 0 statt width:100% (sonst so breit wie Overflow-Seite).
   Scroll-Pfeil mobil: ueber dem Banner, solange #cookieNotice sichtbar ist.
   100vw war zu breit (Scrollbar) — wieder Horizontal-Scroll. */
/*
#cookieNotice {
	left: 0 !important;
	right: auto !important;
	width: 100vw !important;
	max-width: 100vw !important;
	box-sizing: border-box !important;
	overflow: hidden;
}
.mypresta_scrollup {
	z-index: 10001;
	right: auto !important;
	left: calc(100vw - 65px) !important;
}
*/
#cookieNotice {
	left: 0 !important;
	right: 0 !important;
	width: auto !important;
	max-width: none !important;
	box-sizing: border-box !important;
	overflow: hidden;
}
#cookieNotice #cookieNoticeContent,
#cookieNotice table {
	width: 100% !important;
	max-width: 100% !important;
	table-layout: fixed;
}
#cookieNotice td {
	overflow-wrap: anywhere;
	word-break: break-word;
}
@media (max-width: 767px) {
	body:has(#cookieNotice:not([style*="display: none"])) .mypresta_scrollup {
		bottom: 80px !important;
	}
}
.mypresta_scrollup {
	z-index: 10001;
	right: 15px !important;
	left: auto !important;
}

/* Schnellansicht Desktop: Fancybox 3 setzt iframe auf 80% Viewport.
   JS (20-rk-iframe-fancybox.js): min 600px, sonst rechter/primaerer Block.
   CMS-a.iframe (600×600) bleibt ohne .rk-quick-view unangetastet. */
.rk-quick-view .fancybox-slide--iframe .fancybox-content {
	width: 1087px !important;
	max-width: calc(100% - 2rem) !important;
	height: auto !important;
	min-height: 600px !important;
	max-height: none !important;
}
.fancybox-wrap.rk-quick-view,
.fancybox-wrap.rk-quick-view .fancybox-skin,
.fancybox-wrap.rk-quick-view .fancybox-inner {
	min-height: 600px;
}
.fancybox-wrap.rk-quick-view .fancybox-skin,
.fancybox-wrap .fancybox-inner,
.rk-quick-view .fancybox-content {
	background: #fff !important;
}
body.content_only,
body.content_only #page,
body.content_only #columns {
	background: #fff !important;
}

/* Mobil Schnellansicht: Box bleibt position:fixed im Viewport.
   body position:fixed + top:-scrollY hat wrap hinters Overlay geschoben. */
body.rk-qv-lock {
	/* position: fixed !important;
	left: 0;
	right: 0;
	width: 100%;
	overflow: hidden !important; */
	overflow: hidden !important;
}
body.rk-qv-lock .fancybox-overlay {
	overflow: hidden !important;
}
.fancybox-wrap.rk-quick-view {
	z-index: 8030 !important;
	visibility: visible !important;
	opacity: 1 !important;
}
.fancybox-wrap.rk-quick-view-mobile {
	position: fixed !important;
	top: 12px !important;
	left: 10px !important;
	right: 10px !important;
	max-width: calc(100% - 20px) !important;
	z-index: 8030 !important;
}
.fancybox-wrap.rk-quick-view-mobile .fancybox-inner {
	overflow: auto !important;
	-webkit-overflow-scrolling: touch;
}
.rk-quick-view-mobile .fancybox-slide--iframe .fancybox-content {
	min-height: 0 !important;
	max-height: none !important;
	height: auto !important;
	width: auto !important;
}
@media (max-width: 767px) {
	.fancybox-wrap.rk-quick-view,
	.fancybox-wrap.rk-quick-view .fancybox-skin,
	.fancybox-wrap.rk-quick-view .fancybox-inner {
		min-height: 0 !important;
	}
	.fancybox-wrap.rk-quick-view .fancybox-inner {
		overflow: auto !important;
		-webkit-overflow-scrolling: touch;
	}
}

/* Rosenknopf 2026-09-18: 404-Seite Texte/Suche wie Shop, Grafik img-404-rk.png.
   GEWOLLT vs Liveshop (dort bleibt img-404.jpg und die alten Texte). */
#pagenotfound .pagenotfound {
	max-width: 640px;
	margin: 10px auto 80px auto;
	text-align: center;
}
#pagenotfound .pagenotfound .img-404 {
	padding: 0 0 12px 0;
}
#pagenotfound .pagenotfound .img-404 img {
	max-width: 420px;
	width: 100%;
	height: auto;
}
#pagenotfound .pagenotfound h1 {
	font-family: 'Old Standard TT', serif !important;
	font-size: 28px;
	line-height: 34px;
	font-weight: 600;
	color: #41687d;
	text-transform: none;
	margin: 4px 0 12px 0;
}
#pagenotfound .pagenotfound p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	font-weight: 400;
	color: #41687d;
	text-transform: none;
	border-bottom: none;
	max-width: 460px;
	margin: 0 auto 22px auto;
	padding: 0;
}
#pagenotfound .pagenotfound-search {
	position: relative;
	max-width: 340px;
	margin: 0 auto;
	text-align: left;
}
#pagenotfound .pagenotfound-search .search_query {
	display: block;
	width: 100%;
	height: 45px;
	padding: 0 60px 0 13px;
	border: 1px solid #dfd8ca;
	background: rgba(248, 248, 248, 0.63);
	color: #41687d;
	box-shadow: none;
}
#pagenotfound .pagenotfound-search .btn.button-search {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 45px;
	border: none;
	background: #8fc6c9 !important;
	color: #fff;
	text-shadow: none;
	padding: 0;
}
#pagenotfound .pagenotfound-search .btn.button-search span {
	display: none;
}
#pagenotfound .pagenotfound-search .btn.button-search:before {
	content: "\f002";
	font-family: "FontAwesome";
	font-size: 17px;
	display: block;
	line-height: 45px;
	width: 100%;
	text-align: center;
}
#pagenotfound .pagenotfound-search .btn.button-search:hover {
	background: #7fcacc !important;
	color: #fff;
}
#pagenotfound .pagenotfound .buttons {
	padding: 36px 0 12px 0;
}

/* Rosenknopf 2026-09-18: Konto-Kacheln nach Besuch ohne dickeren Rahmen.
   Phenix `border: 1px solid` ohne Farbe = currentColor; :visited färbt den
   Außenrand nach. Innen span/i ebenso. Liveshop unverändert. */
body#my-account ul.myaccount-link-list li a,
body#my-account ul.myaccount-link-list li a:link,
body#my-account ul.myaccount-link-list li a:visited {
	color: #555454 !important;
	outline: 0 !important;
	border: 1px solid #cacaca !important;
	border-color: #cacaca #b7b7b7 #9a9a9a #b7b7b7 !important;
}
body#my-account ul.myaccount-link-list li a:hover,
body#my-account ul.myaccount-link-list li a:focus,
body#my-account ul.myaccount-link-list li a:active {
	color: #555454 !important;
	outline: 0 !important;
	border-color: #9e9e9e #c2c2c2 #c8c8c8 #c2c2c2 !important;
}
body#my-account ul.myaccount-link-list li a span,
body#my-account ul.myaccount-link-list li a i {
	border: 0 none !important;
}
body#my-account ul.myaccount-link-list li a:before {
	content: "" !important;
	position: absolute !important;
	left: 52px !important;
	top: 0 !important;
	bottom: 0 !important;
	width: 1px !important;
	background-color: #c8c8c8 !important;
	pointer-events: none !important;
}

/* Rosenknopf 2026-09-18: Konto/Bestellverlauf/Adressen kleine Buttons wie Live/Dev (#41687d).
   Phenix global.css .button.button-small ist #6f6f6f.
   Aus (nur Konto-Seiten; 2026-09-23 global wie Live/Dev, inkl. Passwort vergessen):
body#my-account ul.footer_links .button.button-small,
body#history .button.button-small,
body#addresses .button.button-small,
body#address .button.button-small,
body#identity .button.button-small,
body#discount .button.button-small,
body#module-blockwishlist-mywishlist .button.button-small,
body#module-mailalerts-account .button.button-small {
	background: #41687d;
}
*/
/* Rosenknopf 2026-09-23: .button.button-small global #41687d wie Live/Dev global.css
   (Phenix #6f6f6f). Deckt Passwort vergessen/regen, Gutschriften, Retouren,
   Kontakt-Footer, Loyalty, Favoriten, GDPR-Objekt u. a. */
.button.button-small {
	background: #41687d;
}
body#module-mailalerts-account #mailalerts_block_account .remove i {
	color: #41687d;
}

/* Rosenknopf 2026-09-19: Wunschliste wie Live/Dev.
   Ueberschriften/Labels #41687d; X neben Artikel nicht #d3d2d2;
   Tabellenkopf gleiche Schriftfarbe; Haken/X in der Zeile mittig;
   Select nativ wie Kategorie/Adresse. PayPal in jeder rechten Spalte
   aus (GEWOLLT vs Live; Theme-Override paypal/column.tpl). */
body#module-blockwishlist-mywishlist #mywishlist .page-subheading,
body#module-blockwishlist-mywishlist #mywishlist label,
body#module-blockwishlist-mywishlist #mywishlist table thead th {
	color: #41687d;
}
/* Aus (nur Schrift #41687d, Hintergrund blieb Phenix #f6f6f6):
body#module-blockwishlist-mywishlist #right_column #wishlist_block .title_block,
body#module-blockwishlist-mywishlist #right_column #wishlist_block .title_block a {
	color: #41687d;
}
*/
body#module-blockwishlist-mywishlist #right_column #wishlist_block .title_block,
body#module-blockwishlist-mywishlist #right_column #wishlist_block h4 {
	color: #fff !important;
	background: #8fc6c9;
	border-top: 5px solid #8fc6c9;
}
body#module-blockwishlist-mywishlist #right_column #wishlist_block .title_block a {
	color: #fff !important;
}
body#module-blockwishlist-mywishlist #right_column #wishlist_block .title_block a:hover {
	color: #333 !important;
}
body#module-blockwishlist-mywishlist #wishlist_block .ajax_cart_block_remove_link,
body#module-blockwishlist-mywishlist #wishlist_block .ajax_cart_block_remove_link i {
	color: #41687d;
}
body#module-blockwishlist-mywishlist #wishlist_block .ajax_cart_block_remove_link:hover,
body#module-blockwishlist-mywishlist #wishlist_block .ajax_cart_block_remove_link:hover i {
	color: #333;
}
body#module-blockwishlist-mywishlist #mywishlist table tbody td {
	vertical-align: middle;
}
body#module-blockwishlist-mywishlist #mywishlist td.wishlist_default .is_wish_list_default,
body#module-blockwishlist-mywishlist #mywishlist td.wishlist_default p {
	margin: 0;
	line-height: 1;
}
body#module-blockwishlist-mywishlist #mywishlist td.wishlist_default i,
body#module-blockwishlist-mywishlist #mywishlist td.wishlist_delete i {
	vertical-align: middle;
	line-height: 1;
	position: relative;
	/* Aus (zu tief / dann zu hoch):
	top: 1px;
	top: -4px;
	*/
}
body#module-blockwishlist-mywishlist #mywishlist td.wishlist_default i {
	top: -2px;
}
body#module-blockwishlist-mywishlist #mywishlist td.wishlist_delete i {
	top: -4px;
	font-size: 17px;
}
body#module-blockwishlist-mywishlist #wishlist_block select.form-control,
body#module-blockwishlist-mywishlist #wishlist_block select.not_uniform {
	opacity: 1 !important;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	background-image: none !important;
}
body#module-blockwishlist-mywishlist #wishlist_block .selector span {
	display: none !important;
}
body#module-blockwishlist-mywishlist #wishlist_block .selector select {
	opacity: 1 !important;
	width: 100% !important;
	position: static !important;
}
body#module-blockwishlist-mywishlist #paypal-column-block,
#right_column #paypal-column-block {
	display: none;
}

/* Rosenknopf 2026-09-19: Bewertungen /myreviews wie Wunschliste.
   Ueberschrift + Tabellenkopf #41687d. Rechte Spalte: Button/Select/X
   wie Wunschlisten-Seite. PayPal in der Spalte aus (GEWOLLT vs Live). */
body#module-blockreviews-myreviews h3.page-product-heading,
body#module-blockreviews-myreviews .my-customer-reviews-ps14 thead th {
	color: #41687d;
}
#right_column #wishlist_block .button.button-small {
	background: #41687d;
}
#right_column #wishlist_block select.form-control,
#right_column #wishlist_block select.not_uniform {
	opacity: 1 !important;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	background-image: none !important;
}
#right_column #wishlist_block .selector span {
	display: none !important;
}
#right_column #wishlist_block .selector select {
	opacity: 1 !important;
	width: 100% !important;
	position: static !important;
}
#right_column #wishlist_block .ajax_cart_block_remove_link,
#right_column #wishlist_block .ajax_cart_block_remove_link i {
	color: #41687d;
}

/* Rosenknopf 2026-09-18: Address-Formular Shopfarbe wie Dev.
   Phenix: .page-subheading #555454, label #333, p.info-title #333,
   p.inline-infos red. Pflichtfeld + Telefon-Hinweis auch #41687d. */
body#address .page-subheading,
body#address p.info-title,
body#address label,
body#address p.required,
body#address p.required sup,
body#address p.inline-infos,
body#address p.inline-infos sup {
	color: #41687d;
}

/* Rosenknopf 2026-09-18: Address-Select nativer Pfeil wie Live/Kategorie.
   Uniform-Sprite und form-error/ok-Icon lagen auf dem Pfeil. Icon rechts aussen. */
body#address select.form-control,
body#address select.not_uniform {
	opacity: 1 !important;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	background-image: none !important;
}
body#address .selector span {
	display: none !important;
}
body#address .selector select {
	opacity: 1 !important;
	width: 100% !important;
	position: static !important;
}
body#address .form-group.form-error .selector,
body#address .form-group.form-ok .selector {
	background-image: none !important;
}
body#address .form-group:has(select) {
	position: relative;
	max-width: 271px;
}
body#address .form-group.form-error:has(select) select,
body#address .form-group.form-ok:has(select) select {
	padding-right: 4px !important;
	background-image: none !important;
}
body#address .form-group.form-error:has(select) select {
	border: 1px solid #f13340;
	background-color: #fff1f2;
}
body#address .form-group.form-ok:has(select) select {
	border: 1px solid #46a74e;
	background-color: #ddf9e1;
}
body#address .form-group.form-error:has(select)::after,
body#address .form-group.form-ok:has(select)::after {
	content: "";
	position: absolute;
	left: 100%;
	bottom: 5px;
	margin-left: 8px;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
	pointer-events: none;
}
body#address .form-group.form-error:has(select)::after {
	background-image: url("../../img/icon/form-error.png");
}
body#address .form-group.form-ok:has(select)::after {
	background-image: url("../../img/icon/form-ok.png");
}

/* Rosenknopf 2026-09-19: Checkout Schritt 2 / Authentication.
   Ueberschriften/Labels #41687d wie Live (Phenix #555454/#333).
   *Pflichtfeld + Telefon-Hinweis Shopfarbe; inline-infos global.css red.
   Dropdowns: nativer Pfeil wie Adresse/Live; Uniform-Sprite aus.
   Land: X/Haken wie Adresseingabe Kundenkonto (GEWOLLT vs Live). */
body#authentication .page-subheading,
body#authentication .page-heading,
body#authentication label,
body#authentication p.aslabel,
body#authentication p.required,
body#authentication p.required *,
body#authentication p.inline-infos,
body#authentication p.inline-infos *,
#new_account_form .page-heading,
#new_account_form label,
#new_account_form p.required,
#new_account_form p.required *,
#new_account_form p.inline-infos,
#new_account_form p.inline-infos *,
#opc_account_form p.required,
#opc_account_form p.required *,
#opc_account_form p.inline-infos,
#opc_account_form p.inline-infos *,
#authentication p.required,
#authentication p.required *,
#authentication p.inline-infos,
#authentication p.inline-infos * {
	color: #41687d !important;
}
body#authentication select.form-control,
body#authentication select.not_uniform,
#new_account_form select.form-control,
#new_account_form select.not_uniform,
#opc_account_form select.form-control,
#opc_account_form select.not_uniform {
	opacity: 1 !important;
	-webkit-appearance: auto !important;
	-moz-appearance: auto !important;
	appearance: auto !important;
	background-image: none !important;
	background-color: #fff !important;
}
body#authentication div.selector,
#new_account_form div.selector,
#opc_account_form div.selector {
	background: none !important;
	background-image: none !important;
	padding: 0 !important;
	height: auto !important;
	line-height: normal !important;
	display: block !important;
	width: 100% !important;
	max-width: 271px;
}
body#authentication .selector span,
#new_account_form .selector span,
#opc_account_form .selector span {
	display: none !important;
}
body#authentication .selector select,
#new_account_form .selector select,
#opc_account_form .selector select {
	opacity: 1 !important;
	width: 100% !important;
	max-width: 271px !important;
	position: static !important;
	height: auto !important;
}
body#authentication .form-group.form-error .selector,
body#authentication .form-group.form-ok .selector,
#new_account_form .form-group.form-error .selector,
#new_account_form .form-group.form-ok .selector,
#opc_account_form .form-group.form-error .selector,
#opc_account_form .form-group.form-ok .selector {
	background-image: none !important;
}
/* Land-Dropdown: Validierungs-Icons rechts aussen wie body#address. */
body#authentication .form-group:has(#id_country),
body#authentication .form-group:has(#id_country_invoice),
body#new_account_form .form-group:has(#id_country),
body#new_account_form .form-group:has(#id_country_invoice) {
	position: relative;
	max-width: 271px;
}
body#authentication .form-group.form-error:has(#id_country) select,
body#authentication .form-group.form-ok:has(#id_country) select,
body#authentication .form-group.form-error:has(#id_country_invoice) select,
body#authentication .form-group.form-ok:has(#id_country_invoice) select,
body#new_account_form .form-group.form-error:has(#id_country) select,
body#new_account_form .form-group.form-ok:has(#id_country) select,
body#new_account_form .form-group.form-error:has(#id_country_invoice) select,
body#new_account_form .form-group.form-ok:has(#id_country_invoice) select {
	padding-right: 4px !important;
	background-image: none !important;
}
body#authentication .form-group.form-error:has(#id_country) select,
body#authentication .form-group.form-error:has(#id_country_invoice) select,
body#new_account_form .form-group.form-error:has(#id_country) select,
body#new_account_form .form-group.form-error:has(#id_country_invoice) select {
	border: 1px solid #f13340;
	background-color: #fff1f2;
}
body#authentication .form-group.form-ok:has(#id_country) select,
body#authentication .form-group.form-ok:has(#id_country_invoice) select,
body#new_account_form .form-group.form-ok:has(#id_country) select,
body#new_account_form .form-group.form-ok:has(#id_country_invoice) select {
	border: 1px solid #46a74e;
	background-color: #ddf9e1;
}
body#authentication .form-group.form-error:has(#id_country)::after,
body#authentication .form-group.form-ok:has(#id_country)::after,
body#authentication .form-group.form-error:has(#id_country_invoice)::after,
body#authentication .form-group.form-ok:has(#id_country_invoice)::after,
body#new_account_form .form-group.form-error:has(#id_country)::after,
body#new_account_form .form-group.form-ok:has(#id_country)::after,
body#new_account_form .form-group.form-error:has(#id_country_invoice)::after,
body#new_account_form .form-group.form-ok:has(#id_country_invoice)::after {
	content: "";
	position: absolute;
	left: 100%;
	bottom: 5px;
	margin-left: 8px;
	width: 22px;
	height: 22px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
	pointer-events: none;
}
body#authentication .form-group.form-error:has(#id_country)::after,
body#authentication .form-group.form-error:has(#id_country_invoice)::after,
body#new_account_form .form-group.form-error:has(#id_country)::after,
body#new_account_form .form-group.form-error:has(#id_country_invoice)::after {
	background-image: url("../../img/icon/form-error.png");
}
body#authentication .form-group.form-ok:has(#id_country)::after,
body#authentication .form-group.form-ok:has(#id_country_invoice)::after,
body#new_account_form .form-group.form-ok:has(#id_country)::after,
body#new_account_form .form-group.form-ok:has(#id_country_invoice)::after {
	background-image: url("../../img/icon/form-ok.png");
}

/* Rosenknopf 2026-09-19: Gastformular — Datenschutz nicht neben Festnetz (Float),
   Zur Kasse weisse Schrift auch wenn disabled.
   Rosenknopf 2026-09-20: Pfeil/Icon explizit weiss (erbte sonst #41687d). */
body#authentication #new_account_form .clearfix,
#new_account_form .clearfix {
	clear: both;
}
body#authentication #submitGuestAccount,
body#authentication #submitGuestAccount span,
body#authentication #submitGuestAccount i,
body#authentication #submitGuestAccount i:before,
body#authentication #submitGuestAccount:disabled,
body#authentication #submitGuestAccount:disabled span,
body#authentication #submitGuestAccount:disabled i,
body#authentication #submitGuestAccount:disabled i:before,
body#authentication .cart_navigation .button-medium,
body#authentication .cart_navigation .button-medium span,
body#authentication .cart_navigation .button-medium i,
body#authentication .cart_navigation .button-medium i:before,
body#authentication .cart_navigation .button-medium:disabled,
body#authentication .cart_navigation .button-medium:disabled span,
body#authentication .cart_navigation .button-medium:disabled i,
body#authentication .cart_navigation .button-medium:disabled i:before {
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
}

/* Rosenknopf 2026-09-18: Bestellverlauf Intro-Satz Shopfarbe. */
body#history p.info-title {
	color: #41687d;
}

/* Rosenknopf 2026-09-18: PDF-Icon Shopfarben statt FontAwesome-Datei. */
body#history .history-pdf-icon {
	width: 28px;
	height: 28px;
	vertical-align: middle;
}

/* Rosenknopf 2026-09-18: Phenix footable flex/table-cell schiebt die
   ausgeklappte Bestellung nach rechts aus dem Viewport. Live/Dev block. */
@media (max-width: 767px) {
	body#history #block-history,
	body#history #order-list {
		max-width: 100%;
	}
	body#history #order-list.footable .footable-row-detail-inner {
		display: block !important;
	}
	body#history #order-list.footable .footable-row-detail-row {
		display: block !important;
	}
}

/* Rosenknopf 2026-09-19: Kontakt-Select nativer Pfeil wie Kategorie/Adresse.
   Datei waehlen: Uniform-Sprite ist grau/schwarz, Shopfarbe #41687d. */
body#contact select.form-control,
body#contact select.not_uniform {
	opacity: 1 !important;
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
	background-image: none !important;
}
body#contact .selector span {
	display: none !important;
}
body#contact .selector select {
	opacity: 1 !important;
	width: 100% !important;
	position: static !important;
}
body#contact .contact-form-box div.uploader span.action {
	background-image: none !important;
	background-color: #41687d;
	color: #fff;
}

/* Rosenknopf 2026-09-19: Privacy-Kacheln. Buttons #41687d statt Bootstrap-Blau
   (GEWOLLT vs Live). */
/* Rosenknopf 2026-09-24: Export einzeilig + mittig (nowrap, zentriert).
   Mittlerer Block unten: gleiche Button-Hoehe via short-desc min-height
   (kein Flex auf .links — das zerstoerte Linien/Layout). GEWOLLT vs Live. */
body#module-gdprplus-privacy .privacy-block .btn-primary,
.privacy-block .btn-primary {
	float: none !important;
	display: inline-block;
	box-sizing: border-box;
	background-color: #41687d;
	border-color: #41687d;
	white-space: nowrap;
	line-height: 1.35;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
}
body#module-gdprplus-privacy .privacy-block > p:last-child,
.privacy-block > p:last-child {
	text-align: center;
}
body#module-gdprplus-privacy .privacy-block a.privacy-title,
.privacy-block a.privacy-title {
	min-height: 56px;
}
/* Rosenknopf 2026-09-24: GDPR-Unterseiten Ueberschriften Shopfarbe #41687d
   (z. B. myinfos .page-subheading „Recht auf Datenuebertragbarkeit“).
   Phenix global.css .page-subheading ist #555454; Live/Dev #41687d.
   Plus Privacy-Kachel-Titel (a.privacy-title / h3.link-item). */
body[id^="module-gdprplus-"] .page-subheading,
body[id^="module-gdprplus-"] h1.page-subheading,
body#module-gdprplus-privacy .privacy-block a.privacy-title,
body#module-gdprplus-privacy .privacy-block a.privacy-title:link,
body#module-gdprplus-privacy .privacy-block a.privacy-title:visited,
body#module-gdprplus-privacy .privacy-block a.privacy-title h3,
body#module-gdprplus-privacy .privacy-block h3.link-item,
.privacy-block a.privacy-title,
.privacy-block a.privacy-title:link,
.privacy-block a.privacy-title:visited,
.privacy-block a.privacy-title h3,
.privacy-block h3.link-item {
	color: #41687d !important;
}
body#module-gdprplus-privacy .privacy-block a.privacy-title:hover,
body#module-gdprplus-privacy .privacy-block a.privacy-title:hover h3,
.privacy-block a.privacy-title:hover,
.privacy-block a.privacy-title:hover h3 {
	color: #355566 !important;
}
body#module-gdprplus-privacy .privacy-block p.text-justify.short-desc,
body#module-gdprplus-privacy .privacy-block .short-desc,
.privacy-block p.text-justify.short-desc,
.privacy-block .short-desc {
	/* ~5 Zeilen: „Recht, benachrichtigt zu werden“ — Buttons + Linie bündig */
	min-height: 140px;
}
body#module-gdprplus-privacy .privacy-block .btn-primary:hover,
body#module-gdprplus-privacy .privacy-block .btn-primary:focus,
body#module-gdprplus-privacy .privacy-block .btn-primary:active,
.privacy-block .btn-primary:hover,
.privacy-block .btn-primary:focus,
.privacy-block .btn-primary:active {
	background-color: #355566;
	border-color: #355566;
}

/* Rosenknopf 2026-09-24: gdprplus Unterseiten myinfos/processing/object —
   Aktionsbuttons #41687d wie Shop (GEWOLLT vs Live Bootstrap-Blau). */
body#module-gdprplus-myinfos .box .btn-primary,
body#module-gdprplus-processing .box .btn-primary,
body#module-gdprplus-object .box .btn-primary,
body#module-gdprplus-myinfos .box .btn-success,
body#module-gdprplus-object .box .btn-success {
	background-color: #41687d;
	border-color: #41687d;
	color: #fff;
}
body#module-gdprplus-myinfos .box .btn-primary:hover,
body#module-gdprplus-myinfos .box .btn-primary:focus,
body#module-gdprplus-myinfos .box .btn-primary:active,
body#module-gdprplus-processing .box .btn-primary:hover,
body#module-gdprplus-processing .box .btn-primary:focus,
body#module-gdprplus-processing .box .btn-primary:active,
body#module-gdprplus-object .box .btn-primary:hover,
body#module-gdprplus-object .box .btn-primary:focus,
body#module-gdprplus-object .box .btn-primary:active,
body#module-gdprplus-myinfos .box .btn-success:hover,
body#module-gdprplus-myinfos .box .btn-success:focus,
body#module-gdprplus-myinfos .box .btn-success:active,
body#module-gdprplus-object .box .btn-success:hover,
body#module-gdprplus-object .box .btn-success:focus,
body#module-gdprplus-object .box .btn-success:active {
	background-color: #355566;
	border-color: #355566;
	color: #fff;
}

/* Rosenknopf 2026-09-19: Vertrag widerrufen — Bestellung pruefen #41687d
   statt Bootstrap-Blau (GEWOLLT vs Live). Footer-Link-Block unveraendert. */
body#module-orderwithdrawl-form .orderwithdrawl-form .btn-primary.orderwithdrawl-btn,
.orderwithdrawl-form .btn-primary.orderwithdrawl-btn {
	background-color: #41687d;
	border-color: #41687d;
}
body#module-orderwithdrawl-form .orderwithdrawl-form .btn-primary.orderwithdrawl-btn:hover,
body#module-orderwithdrawl-form .orderwithdrawl-form .btn-primary.orderwithdrawl-btn:focus,
body#module-orderwithdrawl-form .orderwithdrawl-form .btn-primary.orderwithdrawl-btn:active,
.orderwithdrawl-form .btn-primary.orderwithdrawl-btn:hover,
.orderwithdrawl-form .btn-primary.orderwithdrawl-btn:focus,
.orderwithdrawl-form .btn-primary.orderwithdrawl-btn:active {
	background-color: #355566;
	border-color: #355566;
}
/* Rosenknopf 2026-09-23: Vertrag widerrufen — Hilfetexte lesbarer (nur diese Seite).
   Bootstrap small/text-muted war 85% + grau; jetzt 88% + #41687d.
   Schritt 1: body#module-orderwithdrawl-form, Schritt 2: …-submit. */
body#module-orderwithdrawl-form .orderwithdrawl-form small.form-text.text-muted,
body#module-orderwithdrawl-form .orderwithdrawl-form .form-text.text-muted,
body#module-orderwithdrawl-submit .orderwithdrawl-form small.form-text.text-muted,
body#module-orderwithdrawl-submit .orderwithdrawl-form .form-text.text-muted {
	color: #41687d;
	font-size: 88%;
}

/* Rosenknopf 2026-09-20: Passwort-Auge direkt neben dem Input (max-width 271px).
   GEWOLLT vs Live. Nicht right:… — sonst auf breiten Formularen weit weg.
   Phenix css/autoload.css left:276px für identity/password bleibt ergänzend. */
body#authentication .form-group.rk-pwd-toggle,
body#identity .form-group.rk-pwd-toggle,
body#password .form-group.rk-pwd-toggle,
body#order-opc .form-group.rk-pwd-toggle,
body#guest-tracking .form-group.rk-pwd-toggle {
	position: relative;
}
body#authentication .form-group.rk-pwd-toggle .fa.iconpwd,
body#identity .form-group.rk-pwd-toggle .fa.iconpwd,
body#password .form-group.rk-pwd-toggle .fa.iconpwd,
body#order-opc .form-group.rk-pwd-toggle .fa.iconpwd,
body#guest-tracking .form-group.rk-pwd-toggle .fa.iconpwd,
body#identity .form-group .fa.iconpwd,
body#password .form-group .fa.iconpwd {
	position: absolute;
	left: 278px;
	right: auto;
	top: 31px;
	z-index: 3;
	font-size: 18px;
	line-height: 1;
	cursor: pointer;
	color: #41687d;
}
body#authentication .form-group.rk-pwd-toggle input.form-control,
body#identity .form-group.rk-pwd-toggle input.form-control,
body#password .form-group.rk-pwd-toggle input.form-control,
body#order-opc .form-group.rk-pwd-toggle input.form-control,
body#guest-tracking .form-group.rk-pwd-toggle input.form-control {
	padding-right: 28px;
}

/* Rosenknopf 2026-09-24: Stores – OSM-Einwilligung + Abholhinweis */
#stores .rk-stores-map-wrap {
	position: relative;
	margin-bottom: 26px;
}
#stores .rk-stores-map-consent {
	background: #f7f3ea;
	border: 1px solid #d9d0c0;
	padding: 28px 24px;
	text-align: center;
	min-height: 200px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#stores .rk-stores-map-consent p {
	max-width: 560px;
	margin: 0 0 18px;
	color: #41687d;
	font-size: 14px;
	line-height: 1.5;
}
#stores .rk-stores-map-consent a {
	color: #41687d;
	text-decoration: underline;
}
#stores .rk-stores-map-consent .button {
	background: #41687d;
	border-color: #41687d;
	color: #fff;
}
#stores .rk-stores-map-consent .button:hover {
	background: #355566;
	border-color: #355566;
	color: #fff;
}
#stores .rk-stores-pickup {
	margin-top: 8px;
	color: #41687d;
}

/* Rosenknopf 2026-09-24: Artikelvergleich — Kachel wie Kategorie, Continue wie Warenkorb */
.rk-comparison-list .product-container {
	position: relative;
}
.rk-comparison-list .rk-comparison-remove {
	position: absolute;
	top: 6px;
	right: 10px;
	z-index: 2;
}
.rk-comparison-list .rk-comparison-remove a {
	font-size: 20px;
	line-height: 1;
	color: #c0c0c0;
}
.rk-comparison-list .rk-comparison-remove a:hover {
	color: #41687d;
}
.rk-comparison-list .button-container {
	margin-top: 8px;
}
.rk-comparison-features {
	margin-top: 24px;
	clear: both;
}
ul.footer_link a.rk-cart-continue {
	display: inline-block;
	float: none;
}
ul.footer_link a.rk-cart-continue span {
	border: none !important;
}
ul.footer_link a.rk-cart-continue span i.left {
	font-size: 25px;
	line-height: 25px;
	vertical-align: -4px;
	margin-right: 6px;
	margin-left: 0;
}
/* Vergleich: kein „Zum Vergleich hinzufügen“ auf der Vergleichsseite selbst */
body#products-comparison ul.product_list .functional-buttons .compare {
	display: none;
}
body#products-comparison ul.product_list .product-container {
	position: relative;
}

/* Rosenknopf 2026-09-24: Frontend-Sitemap — Block-Ueberschriften Shopfarbe #41687d
   (Ihr Konto / Kategorien / Seiten). Phenix .page-subheading #555454. */
body#sitemap .sitemap_block .page-subheading,
body#sitemap .categTree .page-subheading,
body#sitemap #listpage_content .page-subheading {
	color: #41687d !important;
}