/* Cosmetics24 refresh 2026 — color/style override on top of xtcIceBlue.
   Loaded after templates/xtcIceBlue/stylesheet.css. No layout/structure changes. */

/* ---- base ---- */
body {
	background: #f2f0ec;
	color: #3a3a3a;
}
h1 {
	color: #1f2933;
	border-color: #d8d2c7;
}
h2 { color: #232b33; }
h3 { color: #4a4a4a; }

a:link, a:visited { color: #a3672a; }
a:hover, a:active { color: #7c4d1e; }

/* ---- wrapper / header ---- */
#wrap { background-color: #fff; border-color: #fff; }
#header {
	background-color: #232b33;
	border-top-color: #fff;
	border-bottom-color: #fff;
}
#breadcrumb {
	color: #8a8071;
	background: #faf9f7 none;
	border-bottom: 1px solid #e5e0d8;
}
#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited { color: #6b6357; }

/* ---- top menu: flat dark, no gifs ---- */
#topmenuwrap { background: #232b33 none; }
#topmenu { background: none; }
#topmenu li { background: none; border-right: 1px solid #39434f; }
#topmenu a, #topmenu a:link, #topmenu a:visited { color: #f5f2ec; }
#topmenu a:hover { color: #d9b98a; }
#languages { background: #232b33 none; }

/* ---- boxes / category menu ---- */
h2.categoryheader, h2.boxheader {
	background: #2c333d none;
	color: #f5f2ec;
}
h2.categoryheader a, h2.boxheader a:link, h2.boxheader a:hover,
h2.boxheader a:active, h2.boxheader a:visited { color: #f5f2ec; }
h2.boxcartheader { background: #2c333d none; color: #f5f2ec; }

ul#categorymenu {
	background-color: #faf9f7;
	border-color: #e5e0d8;
}
ul#categorymenu li.level1 a { background: #faf9f7; color: #33302a; }
ul#categorymenu li.level1 a:hover { background-color: #efe9df; color: #1f2933; }
ul#categorymenu li.level2 a { background-color: #f1ede6; background-image: none; padding-left: 14px; color: #33302a; }
ul#categorymenu li.level2 a:hover { background-color: #e6dfd2; }
ul#categorymenu li.level3 a { background-color: #eae4d9; background-image: none; padding-left: 22px; }
ul#categorymenu li.level3 a:hover { background-color: #ded5c4; }
ul#categorymenu li.level4 a { background-color: #e2dacb; background-image: none; padding-left: 30px; }
ul#categorymenu li.level4 a:hover { background-color: #d5cab5; }
ul#categorymenu li.level5 a { background-color: #d9cfbc; background-image: none; padding-left: 38px; }
ul#categorymenu li.level5 a:hover { background-color: #ccbfa6; }

.boxbody, .boxcartbody {
	background-color: #faf9f7;
	border-color: #e5e0d8;
}
.boxbody p, .boxbody p.center, .boxbody td { color: #3a3a3a; }
.contentlist a { border-bottom-color: #ddd6ca; }

/* ---- rules / separators ---- */
div.hr { background-color: #ddd6ca; }
div.hrlightgrey { background-color: #d5cfc4; }

/* ---- inputs ---- */
input[type=text], input[type=password] {
	border-color: #cfc8bb;
	background: #fff none;
}
textarea { border-color: #cfc8bb; background: #fff none; }
select { border-color: #cfc8bb; }
div.agbframe { background: #fff none; border-color: #cfc8bb; }

/* ---- product info blocks ---- */
.addtobasket { background-color: #efe9df; border-color: #d8d2c7; }
.productoptions { background-color: #faf9f7; border-color: #e5e0d8; }
div.productnavigator { background-color: #f1ede6; border-color: #d8d2c7; }
#productinfoimages { background-color: #faf9f7; border-color: #d8d2c7; }
div.highlightbox { background-color: #faf9f7; border-color: #e5e0d8; }
div.highlightbox h1 { color: #1f2933; }

/* ---- checkout / tables (archive pages) ---- */
table.paymentblock, table.shippingblock, table.orderdetails {
	background-color: #faf9f7;
	border-color: #e5e0d8;
}
table.paymentblock tr td.header, table.shippingblock tr td.header,
table.orderdetails tr.headerrow td {
	background-color: #2c333d;
	color: #f5f2ec;
}
.sitemapheader { background-color: #d9c9a8; color: #33302a; }
.sitemapwrap .sitemapleft { background-color: #faf9f7; border-color: #e5e0d8; }

/* ---- footer ---- */
.footer {
	background-color: #232b33;
	color: #cfc8bb;
	border-bottom: 2px solid #a3672a;
	padding: 12px 8px;
}
.footer a, .footer a:link, .footer a:visited { color: #d9b98a; text-decoration: none; }
.footer a:hover { color: #f0dcb8; text-decoration: underline; }
.copyright { color: #9a938a; }

/* ---- partner note (contextual link block on category pages) ---- */
.bk-note {
	margin: 12px 0 16px 0;
	padding: 10px 14px;
	background-color: #faf7f1;
	border: 1px solid #e5dcc9;
	border-left: 3px solid #a3672a;
	font-size: 12px;
	line-height: 18px;
	color: #4a4438;
}
.bk-note a, .bk-note a:link, .bk-note a:visited { color: #a3672a; font-weight: bold; }
.bk-note a:hover { color: #7c4d1e; text-decoration: underline; }

/* ---- partner block (homepage) ---- */
.bk-partner {
	margin: 18px 0;
	padding: 14px 18px;
	background-color: #faf7f1;
	border: 1px solid #e5dcc9;
}
.bk-partner h2 {
	color: #1f2933;
	font-size: 14px;
	margin: 0 0 8px 0;
}
.bk-partner p { margin: 6px 0; font-size: 12px; }
.bk-partner ul { margin: 8px 0 4px 16px; padding: 0; }
.bk-partner ul li { margin: 4px 0; list-style-type: square; color: #a3672a; }
.bk-partner a, .bk-partner a:link, .bk-partner a:visited { color: #a3672a; }
.bk-partner a:hover { color: #7c4d1e; text-decoration: underline; }

/* ==== Ratgeber article pages (standalone, body.ratgeber) ==== */
body.ratgeber {
	background: #f2f0ec;
	color: #33302a;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 17px;
	line-height: 1.7;
	margin: 0;
	padding: 0;
}
body.ratgeber .rat-header {
	background: #232b33;
	padding: 14px 20px;
	font-family: Arial, sans-serif;
}
body.ratgeber .rat-header a { color: #f5f2ec; text-decoration: none; }
body.ratgeber .rat-header a:hover { color: #d9b98a; }
body.ratgeber .rat-header .rat-logo {
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-right: 24px;
}
body.ratgeber .rat-header nav { display: inline; font-size: 14px; }
body.ratgeber .rat-header nav a { margin-right: 16px; color: #cfc8bb; }
body.ratgeber .rat-main {
	max-width: 820px;
	margin: 0 auto;
	padding: 28px 20px 40px 20px;
	background: #fff;
}
body.ratgeber h1 {
	font-size: 32px;
	line-height: 1.25;
	color: #1f2933;
	border: none;
	margin: 10px 0 6px 0;
	padding: 0;
	font-weight: bold;
}
body.ratgeber h2 {
	font-size: 24px;
	color: #232b33;
	margin: 32px 0 10px 0;
	padding-bottom: 6px;
	border-bottom: 1px solid #e5e0d8;
}
body.ratgeber h3 { font-size: 19px; color: #33302a; margin: 22px 0 8px 0; }
body.ratgeber p { margin: 12px 0; }
body.ratgeber ul, body.ratgeber ol { margin: 12px 0 12px 26px; }
body.ratgeber li { margin: 6px 0; }
body.ratgeber a, body.ratgeber a:link, body.ratgeber a:visited { color: #a3672a; }
body.ratgeber a:hover { color: #7c4d1e; text-decoration: underline; }
body.ratgeber .rat-meta {
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #8a8071;
	margin: 0 0 20px 0;
}
body.ratgeber table {
	border-collapse: collapse;
	width: 100%;
	margin: 16px 0;
	font-size: 15px;
}
body.ratgeber table th, body.ratgeber table td {
	border: 1px solid #ddd6ca;
	padding: 8px 10px;
	text-align: left;
}
body.ratgeber table th { background: #f1ede6; color: #232b33; }
body.ratgeber .rat-cta {
	margin: 28px 0;
	padding: 16px 20px;
	background: #faf7f1;
	border: 1px solid #e5dcc9;
	border-left: 4px solid #a3672a;
	font-size: 16px;
}
body.ratgeber .rat-cta strong { color: #1f2933; }
body.ratgeber .rat-related {
	margin: 30px 0 0 0;
	padding: 14px 18px;
	background: #f7f5f0;
	border: 1px solid #e5e0d8;
	font-family: Arial, sans-serif;
	font-size: 14px;
}
body.ratgeber .rat-related strong { display: block; margin-bottom: 8px; color: #232b33; }
body.ratgeber .rat-related a { display: inline-block; margin: 2px 14px 2px 0; }
body.ratgeber .rat-footer {
	background: #232b33;
	color: #cfc8bb;
	text-align: center;
	padding: 16px 20px;
	font-family: Arial, sans-serif;
	font-size: 13px;
	border-bottom: 3px solid #a3672a;
}
body.ratgeber .rat-footer a { color: #d9b98a; text-decoration: none; }
body.ratgeber .rat-footer a:hover { color: #f0dcb8; text-decoration: underline; }
@media (max-width: 640px) {
	body.ratgeber h1 { font-size: 26px; }
	body.ratgeber h2 { font-size: 21px; }
	body.ratgeber .rat-main { padding: 20px 14px 30px 14px; }
}