/*
 * Duftboerse.ch – seitenspezifische Styles
 *
 * Phase 2 Cleanup: ehemalige <style>-Blöcke aus PHP-Dateien.
 * Alle Regeln sind über eine body-Klasse auf ihre ursprüngliche Seite begrenzt,
 * damit sich das CSS-Verhalten durch die Zentralisierung nicht verändert.
 */

/* Info + Ratgeber */

		body.page-info .info-lead,
body.page-ratgeber .info-lead {
			font-size: 17px;
			line-height: 1.65;
		}

		body.page-info .info-feature-grid,
body.page-ratgeber .info-feature-grid {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 16px;
			margin-top: 22px;
		}

		body.page-info .info-feature,
body.page-ratgeber .info-feature {
			padding: 18px;
			border: 1px solid #e3d3b3;
			border-radius: 9px;
			background: #fffaf0;
		}

		body.page-info .info-feature i,
body.page-ratgeber .info-feature i {
			display: block;
			margin-bottom: 11px;
			color: #9a6d1d;
			font-size: 24px;
		}

		body.page-info .info-feature strong,
body.page-ratgeber .info-feature strong {
			display: block;
			margin-bottom: 7px;
			color: #3d2b0d;
			font-size: 15px;
		}

		body.page-info .info-feature p,
body.page-ratgeber .info-feature p {
			margin: 0;
			color: #5c5141;
			font-size: 13px;
			line-height: 1.5;
		}

		body.page-info .info-notice,
body.page-ratgeber .info-notice {
			margin-top: 20px;
			padding: 16px 18px;
			border-left: 4px solid #b8862f;
			background: #fff8e8;
			color: #493716;
		}

		body.page-info .info-checklist,
body.page-ratgeber .info-checklist {
			margin: 15px 0 0;
			padding: 0;
			list-style: none;
		}

		body.page-info .info-checklist li,
body.page-ratgeber .info-checklist li {
			position: relative;
			margin-bottom: 10px;
			padding-left: 27px;
			line-height: 1.55;
		}

		body.page-info .info-checklist li::before,
body.page-ratgeber .info-checklist li::before {
			position: absolute;
			top: 1px;
			left: 0;
			color: #9a6d1d;
			font-family: "Font Awesome 6 Free";
			font-weight: 900;
			content: "";
		}

		body.page-info .info-warning,
body.page-ratgeber .info-warning {
			margin: 18px 0;
			padding: 16px 18px;
			border: 1px solid #e8bf75;
			border-radius: 8px;
			background: #fff7e7;
			color: #5b3b08;
		}

		body.page-info .info-warning i,
body.page-ratgeber .info-warning i {
			margin-right: 7px;
			color: #b16c00;
		}

		body.page-info .info-actions,
body.page-ratgeber .info-actions {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			margin-top: 23px;
		}

		body.page-info .info-small,
body.page-ratgeber .info-small {
			color: #707070;
			font-size: 13px;
		}

		@media (max-width: 767px) {
			body.page-info .info-feature-grid,
body.page-ratgeber .info-feature-grid {
				grid-template-columns: 1fr;
			}
		}

		body.page-info .info-song-card,
body.page-ratgeber .info-song-card {
			display: grid;
			grid-template-columns: 58px minmax(0, 1fr);
			gap: 18px;
			align-items: center;
		}

		body.page-info .info-song-icon,
body.page-ratgeber .info-song-icon {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 58px;
			height: 58px;
			border-radius: 50%;
			background: #fff3d8;
			color: #96691c;
			font-size: 24px;
		}

		body.page-info .info-song-player,
body.page-ratgeber .info-song-player {
			display: block;
			width: 100%;
			margin-top: 12px;
		}
		
		body.page-info .support-card,
body.page-ratgeber .support-card {
			display: grid;
			grid-template-columns: 58px minmax(0, 1fr);
			gap: 18px;
			align-items: start;
		}

		body.page-info .support-card-icon,
body.page-ratgeber .support-card-icon {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 58px;
			height: 58px;
			border-radius: 50%;
			background: #fff3d8;
			color: #96691c;
			font-size: 26px;
		}

		body.page-info .support-card-content,
body.page-ratgeber .support-card-content {
			min-width: 0;
		}

		body.page-info .support-card-note,
body.page-ratgeber .support-card-note {
			padding: 12px 15px;
			border-left: 4px solid #b8862f;
			background: #fff8e8;
			color: #493716;
			font-size: 13px;
		}

		body.page-info .support-paypal-form,
body.page-ratgeber .support-paypal-form {
			margin: 18px 0 0;
		}

		body.page-info .support-paypal-form button i,
body.page-ratgeber .support-paypal-form button i {
			margin-right: 6px;
		}

		body.page-info .support-card-small,
body.page-ratgeber .support-card-small {
			margin-top: 10px;
			color: #777;
			font-size: 12px;
		}

		@media (max-width: 600px) {
			body.page-info .support-card,
body.page-ratgeber .support-card {
				grid-template-columns: 1fr;
			}

			body.page-info .support-card-icon,
body.page-ratgeber .support-card-icon {
				width: 50px;
				height: 50px;
			}
		}


		body.page-info .support-payment-options,
body.page-ratgeber .support-payment-options {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-top: 20px;
}

body.page-info .support-payment-option,
body.page-ratgeber .support-payment-option {
	flex: 1 1 320px;
	padding: 18px;
	border: 1px solid #e2d2b1;
	border-radius: 10px;
	background: #fffaf0;
}

body.page-info .support-payment-title,
body.page-ratgeber .support-payment-title {
	margin: 0 0 14px;
	font-size: 18px;
	font-weight: 600;
}

body.page-info .support-payment-title i,
body.page-ratgeber .support-payment-title i {
	margin-right: 6px;
}

body.page-info .support-bitcoin-address,
body.page-ratgeber .support-bitcoin-address {
	max-width: 680px;
	margin: 10px 0;
}

body.page-info .support-bitcoin-address input,
body.page-ratgeber .support-bitcoin-address input {
	font-family: monospace;
	font-size: 13px;
}
		
	

/* Nur Ratgeber */
body.page-ratgeber .card-like h3 {
	margin-top: 18px;
	margin-bottom: 8px;
}


/* detail.php */

		body.page-detail .perfume-facts {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 12px;
			margin-top: 24px;
		}

		body.page-detail .perfume-fact {
			padding: 13px 15px;
			border: 1px solid #e2d2b1;
			border-radius: 7px;
			background: #fffaf0;
			color: #33260e;
		}

		body.page-detail .perfume-fact-icon {
			display: inline-block;
			width: 25px;
			color: #9a6d1d;
			text-align: center;
		}

		body.page-detail .seller-profile-card {
			margin-top: 24px;
			position: relative;
			padding: 17px 90px 17px 18px;
			border: 1px solid #ddd;
			border-radius: 8px;
			background: #fafafa;
			color: #2d2d31;
		}

		body.page-detail .seller-profile-head {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: space-between;
			gap: 10px;
			margin-bottom: 10px;
		}

		body.page-detail .seller-profile-name {
			font-size: 1.15em;
		}

		body.page-detail .seller-profile-line {
			margin-top: 6px;
		}

		body.page-detail .seller-profile-line i {
			width: 24px;
			color: #9a6d1d;
			text-align: center;
		}



		body.page-detail .perfume-description {
			margin-top: 12px;
			line-height: 1.65;
		}

		@media (max-width: 767px) {
			body.page-detail .perfume-facts {
				grid-template-columns: 1fr;
			}
		}

			body.page-detail .duft-marke {
				margin-bottom: 3px;
				line-height: 1.15;
			}

			body.page-detail .duft-marke-label {
				display: block;
				margin-bottom: 2px;
				color: #8b8b8b;
				font-size: 11px;
				font-weight: 600;
				letter-spacing: 0.08em;
				text-transform: uppercase;
			}

			body.page-detail .duft-marke-name {
				color: var(--mandant-primary-hover);
				font-family: inherit;
				font-size: 20px;
				font-weight: 700;
				letter-spacing: 0.01em;
			}

			body.page-detail .h-title {
				margin-top: 1px;
			}		
		
			body.page-detail .seller-profile-card {
				position: relative;
				margin-top: 24px;
				padding: 17px 90px 17px 18px;
				border: 1px solid #ddd;
				border-radius: 8px;
				background: #fafafa;
				color: #2d2d31;
			}
			body.page-detail .sfl-member-icon {
				position: absolute;
				top: 10px;
				right: 10px;
				width: 60px;
				height: 60px;
			}

			body.page-detail .sfl-member-icon img {
				display: block;
				width: 60px;
				height: 60px;
				object-fit: cover;
				border-radius: 5px;
				box-shadow: 0 2px 7px rgba(0, 0, 0, 0.18);
			}		
		
				body.page-detail .parfumo-detail-link {
					display: inline-flex;
					align-items: center;
					gap: 7px;
				}		

		
			body.page-detail .detail-brand-link {
				color: inherit;
				font-weight: 700;
				text-decoration: none;
			}

			body.page-detail .detail-brand-link:hover {
				color: #9a6d1d;
				text-decoration: underline;
			}
	

/* home.php */

		/* =========================================================
		   Persönliche Home-Seite
		   ========================================================= */

		body.page-home .member-home {
			margin-top: 20px;
			text-align: left;
		}


		/* Handlungsaufforderung */

		body.page-home .member-home-cta {
			position: relative;
			display: flex;
			align-items: flex-start;
			gap: 24px;
			margin-bottom: 20px;
			padding: 30px;
			overflow: hidden;
			border-color: #dfc58d;
			background:
				linear-gradient(
					135deg,
					#fffdf8 0%,
					#fff8e7 100%
				);
		}

		body.page-home .member-home-cta::after {
			position: absolute;
			top: -65px;
			right: -65px;
			width: 180px;
			height: 180px;
			border-radius: 50%;
			background: rgba(190, 135, 31, 0.08);
			content: "";
		}

		body.page-home .member-home-cta-icon {
			position: relative;
			z-index: 1;
			display: flex;
			width: 66px;
			height: 66px;
			flex: 0 0 66px;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			background: #b98525;
			color: #fff;
			font-size: 26px;
			box-shadow: 0 8px 20px rgba(165, 113, 23, 0.22);
		}

		body.page-home .member-home-cta-content {
			position: relative;
			z-index: 1;
			flex: 1;
		}

		body.page-home .member-home-kicker {
			margin-bottom: 7px;
			color: #a06d11;
			font-size: 12px;
			font-weight: 800;
			letter-spacing: 0.08em;
			text-transform: uppercase;
		}

		body.page-home .member-home-cta .boerse-section-title {
			margin: 0 0 12px;
			font-size: 28px;
		}

		body.page-home .member-home-cta p {
			max-width: 800px;
			margin: 0;
			line-height: 1.65;
		}

		body.page-home .member-home-proof {
			display: inline-flex;
			align-items: center;
			gap: 7px;
			margin-top: 17px;
			padding: 9px 13px;
			border: 1px solid #ead8b0;
			border-radius: 8px;
			background: rgba(255, 255, 255, 0.72);
			color: #614a23;
			font-size: 13px;
		}

		body.page-home .member-home-proof i {
			color: #ad7617;
		}

		body.page-home .member-home-actions {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 10px;
			margin-top: 22px;
		}

		body.page-home .member-home-actions .btn {
			margin: 0;
		}


		/* Statistiken */

		body.page-home .member-home-stats {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 18px;
			margin-bottom: 20px;
		}

		body.page-home .member-stat-card {
			min-height: 190px;
			padding: 24px;
			text-align: center;
		}

		body.page-home .member-stat-icon {
			display: flex;
			width: 46px;
			height: 46px;
			align-items: center;
			justify-content: center;
			margin: 0 auto 14px;
			border-radius: 50%;
			background: #fff5dc;
			color: #af7817;
			font-size: 19px;
		}

		body.page-home .member-stat-label {
			color: #526075;
			font-size: 13px;
			font-weight: 600;
		}

		body.page-home .member-stat-number {
			margin-top: 7px;
			color: #bd8421;
			font-family: Georgia, "Times New Roman", serif;
			font-size: 40px;
			font-weight: 700;
			line-height: 1.1;
		}

		body.page-home .member-stat-note {
			margin-top: 8px;
			color: #9297a1;
			font-size: 12px;
		}


		/* News */

		body.page-home .member-news-card {
			margin-bottom: 20px;
			padding: 28px;
		}

		body.page-home .member-news-header {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 20px;
			margin-bottom: 16px;
		}

		body.page-home .member-news-label {
			display: inline-flex;
			align-items: center;
			gap: 7px;
			padding: 6px 11px;
			border-radius: 999px;
			background: #182b48;
			color: #fff;
			font-size: 11px;
			font-weight: 800;
			letter-spacing: 0.06em;
			text-transform: uppercase;
		}

		body.page-home .member-news-header time {
			color: #8a8f99;
			font-size: 12px;
		}

		body.page-home .member-news-card .boerse-section-title {
			margin: 0 0 11px;
		}

		body.page-home .member-news-intro {
			max-width: 900px;
			margin-bottom: 23px;
			line-height: 1.65;
		}

		body.page-home .member-news-steps {
			display: grid;
			grid-template-columns: repeat(3, minmax(0, 1fr));
			gap: 14px;
		}

		body.page-home .member-news-step {
			display: flex;
			align-items: flex-start;
			gap: 12px;
			padding: 16px;
			border: 1px solid #e6dfd4;
			border-radius: 10px;
			background: #fff;
		}

		body.page-home .member-news-step-icon {
			display: flex;
			width: 34px;
			height: 34px;
			flex: 0 0 34px;
			align-items: center;
			justify-content: center;
			border-radius: 50%;
			background: #fff2d4;
			color: #ad7617;
			font-size: 13px;
		}

		body.page-home .member-news-step.is-done .member-news-step-icon {
			background: #ddf5e6;
			color: #258951;
		}

		body.page-home .member-news-step strong {
			display: block;
			margin-bottom: 5px;
			color: #17243a;
			font-size: 14px;
		}

		body.page-home .member-news-step span {
			display: block;
			color: #686f7c;
			font-size: 12px;
			line-height: 1.5;
		}

		body.page-home .member-news-highlight {
			display: flex;
			align-items: flex-start;
			gap: 14px;
			margin-top: 18px;
			padding: 17px 19px;
			border-left: 4px solid #bd8421;
			background: #fff8e8;
		}

		body.page-home .member-news-highlight > i {
			margin-top: 3px;
			color: #ad7617;
			font-size: 21px;
		}

		body.page-home .member-news-highlight strong,
body.page-home .member-news-highlight span {
			display: block;
		}

		body.page-home .member-news-highlight strong {
			margin-bottom: 4px;
			color: #4f3913;
		}

		body.page-home .member-news-highlight span {
			color: #705b37;
			font-size: 13px;
			line-height: 1.55;
		}


		/* Responsive */

		@media (max-width: 900px) {

			body.page-home .member-home-stats,
body.page-home .member-news-steps {
				grid-template-columns: 1fr;
			}

		}

		@media (max-width: 767px) {

			body.page-home .member-home-cta {
				flex-direction: column;
				padding: 22px;
			}

			body.page-home .member-home-cta .boerse-section-title {
				font-size: 23px;
			}

			body.page-home .member-home-actions {
				align-items: stretch;
				flex-direction: column;
			}

			body.page-home .member-home-actions .btn {
				width: 100%;
			}

			body.page-home .member-news-card {
				padding: 21px;
			}

			body.page-home .member-news-header {
				align-items: flex-start;
				flex-direction: column;
				gap: 8px;
			}

			body.page-home .member-home-proof {
				align-items: flex-start;
			}

		}	
	
	

/* m_admin_rechnungen.php */

		body.page-admin-rechnungen .admin-invoice-card {
			margin-bottom: 20px;
			padding: 20px;
			border: 1px solid #dfcfad;
			border-radius: 8px;
			background: #fffaf0;
			color: #30240f;
		}

		body.page-admin-rechnungen .admin-invoice-card strong {
			color: #8a641f;
		}

		body.page-admin-rechnungen .admin-invoice-grid {
			display: grid;
			grid-template-columns: repeat(2, minmax(0, 1fr));
			gap: 18px;
		}

		body.page-admin-rechnungen .admin-invoice-actions {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			gap: 10px;
			margin-top: 18px;
		}

		body.page-admin-rechnungen .admin-invoice-actions form {
			margin: 0;
		}

		body.page-admin-rechnungen .admin-invoice-table {
			width: 100%;
			border-collapse: collapse;
			background: #fff;
			color: #2d2d31;
		}

		body.page-admin-rechnungen .admin-invoice-table th,
body.page-admin-rechnungen .admin-invoice-table td {
			padding: 10px;
			border-bottom: 1px solid #e4e4e4;
			text-align: left;
			vertical-align: top;
		}

		body.page-admin-rechnungen .admin-invoice-table th {
			background: #f3ead7;
			color: #654713;
		}

		body.page-admin-rechnungen .admin-empty {
			padding: 22px;
			border: 1px dashed #d7b56d;
			border-radius: 8px;
			background: #fffaf0;
			color: #5d461d;
		}

		@media (max-width: 767px) {
			body.page-admin-rechnungen .admin-invoice-grid {
				grid-template-columns: 1fr;
			}

			body.page-admin-rechnungen .admin-invoice-table-wrap {
				overflow-x: auto;
			}
		}
	

/* m_empfehlungscodes.php */

		body.page-empfehlungscodes .invite-info {
			margin-bottom: 25px;
			padding: 20px;
			border: 1px solid #e2d2b1;
			border-radius: 9px;
			background: #fffaf0;
			color: #3a2a0e;
		}

		body.page-empfehlungscodes .invite-info strong {
			color: #8a641f;
		}

		body.page-empfehlungscodes .invite-active-card {
			position: relative;
			margin-bottom: 30px;
			padding: 24px;
			border: 1px solid #d7b56d;
			border-radius: 10px;
			background: #fff;
			box-shadow: 0 7px 24px rgba(0, 0, 0, .06);
			color: #2d2d31;
		}

		body.page-empfehlungscodes .invite-code-label {
			margin-bottom: 7px;
			color: #8b8b8b;
			font-size: 11px;
			font-weight: 700;
			letter-spacing: .09em;
			text-transform: uppercase;
		}

		body.page-empfehlungscodes .invite-code {
			display: inline-block;
			padding: 10px 14px;
			border: 1px dashed #b8872e;
			border-radius: 7px;
			background: #fffaf0;
			color: #4e3510;
			font-family: Consolas, Monaco, monospace;
			font-size: 23px;
			font-weight: 800;
			letter-spacing: .08em;
		}

		body.page-empfehlungscodes .invite-meta {
			display: flex;
			flex-wrap: wrap;
			gap: 9px 18px;
			margin-top: 16px;
			color: #666;
			font-size: 13px;
		}

		body.page-empfehlungscodes .invite-meta i {
			margin-right: 5px;
			color: #9a6d1d;
		}

		body.page-empfehlungscodes .invite-actions {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			margin-top: 20px;
		}

		body.page-empfehlungscodes .invite-actions form {
			margin: 0;
		}

		body.page-empfehlungscodes .invite-table-wrap {
			overflow-x: auto;
			margin-top: 20px;
		}

		body.page-empfehlungscodes .invite-table {
			width: 100%;
			border-collapse: collapse;
			background: #fff;
			color: #2d2d31;
		}

		body.page-empfehlungscodes .invite-table th,
body.page-empfehlungscodes .invite-table td {
			padding: 11px 10px;
			border-bottom: 1px solid #e7e7e7;
			text-align: left;
			vertical-align: middle;
		}

		body.page-empfehlungscodes .invite-table th {
			background: #f3ead7;
			color: #654713;
			font-size: 12px;
			text-transform: uppercase;
		}

		body.page-empfehlungscodes .invite-table-code {
			font-family: Consolas, Monaco, monospace;
			font-weight: 700;
			letter-spacing: .04em;
			white-space: nowrap;
		}

		body.page-empfehlungscodes .invite-status {
			display: inline-flex;
			align-items: center;
			gap: 6px;
			padding: 4px 8px;
			border-radius: 999px;
			font-size: 12px;
			font-weight: 700;
		}

		body.page-empfehlungscodes .invite-status-primary {
			background: #fff3d8;
			color: #76521a;
		}

		body.page-empfehlungscodes .invite-status-success {
			background: #e5f6ea;
			color: #177333;
		}

		body.page-empfehlungscodes .invite-status-warning {
			background: #fff0dc;
			color: #9b5b12;
		}

		body.page-empfehlungscodes .invite-status-default {
			background: #ececec;
			color: #666;
		}

		body.page-empfehlungscodes .invite-empty {
			padding: 24px;
			border: 1px dashed #d7b56d;
			border-radius: 9px;
			background: #fffaf0;
			color: #5d461d;
		}
	

/* m_inserat_edit.php */

		body.page-inserat-edit .photo-upload-box {
			margin-bottom: 24px;
			padding: 18px;
			border: 1px solid #dfcfad;
			border-radius: 8px;
			background: #fffaf0;
			color: #33260e;
		}

		body.page-inserat-edit .photo-upload-box .btn {
			width: 100%;
		}

		body.page-inserat-edit .photo-upload-note {
			margin-top: 12px;
			font-size: 12px;
			line-height: 1.5;
			color: #6c5931;
		}

		body.page-inserat-edit #upload_target {
			margin-top: 14px;
		}

		body.page-inserat-edit .image-list-heading {
			margin: 0 0 14px;
		}
	

/* m_inserate.php */

	
	/* =========================================================
		   Meine Inserate
		   ========================================================= */

		body.page-member-inserate .member-listing-toolbar {
			margin-top: 20px;
			margin-bottom: 28px;
			padding: 22px;
			border: 1px solid #eee4d1;
			border-radius: 14px;
			background: #fff;
			box-shadow: 0 8px 28px rgba(25, 31, 45, 0.05);
			text-align: left;
		}

		body.page-member-inserate .member-listing-toolbar-top {
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 20px;
		}

		body.page-member-inserate .member-listing-toolbar-top .boerse-section-title {
			margin: 0 0 4px;
		}

		body.page-member-inserate .member-listing-search-form {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 10px;
			margin-top: 22px;
		}

		body.page-member-inserate .member-listing-search-field {
			position: relative;
			flex: 1 1 340px;
		}

		body.page-member-inserate .member-listing-search-field > i {
			position: absolute;
			top: 50%;
			left: 14px;
			z-index: 2;
			transform: translateY(-50%);
			color: #a4741a;
			pointer-events: none;
		}

		body.page-member-inserate .member-listing-search-field .form-control {
			height: 44px;
			padding-left: 42px;
			border-radius: 9px;
		}

		body.page-member-inserate .member-listing-filter-field {
			flex: 0 1 210px;
		}

		body.page-member-inserate .member-listing-filter-field .form-control {
			height: 44px;
			border-radius: 9px;
		}

		body.page-member-inserate .member-listing-search-form .btn {
			min-height: 44px;
			margin: 0;
		}


		/* Liste */

		body.page-member-inserate .member-listing-list {
			display: flex;
			flex-direction: column;
			gap: 18px;
			text-align: left;
		}

		body.page-member-inserate .member-listing-card {
			display: flex;
			overflow: hidden;
			border: 1px solid #e6dfd4;
			border-radius: 14px;
			background: #fff;
			box-shadow: 0 7px 24px rgba(25, 31, 45, 0.045);
			transition:
				transform 0.18s ease,
				box-shadow 0.18s ease,
				border-color 0.18s ease;
		}

		body.page-member-inserate .member-listing-card:hover {
			transform: translateY(-1px);
			border-color: #dcc89f;
			box-shadow: 0 10px 30px rgba(25, 31, 45, 0.075);
		}


		/* Bild */

		body.page-member-inserate .member-listing-image-column {
			flex: 0 0 190px;
			padding: 14px 0 14px 14px;
		}

		body.page-member-inserate .member-listing-image-wrap {
			position: relative;
			overflow: hidden;
			width: 100%;
			height: 190px;
			border: 1px solid #ddd4c4;
			border-radius: 11px;
			background: #f7f3eb;
		}

		body.page-member-inserate .member-listing-image-wrap img {
			display: block;
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		body.page-member-inserate .member-listing-no-image {
			display: flex;
			width: 100%;
			height: 100%;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			gap: 8px;
			color: #a69578;
			text-align: center;
		}

		body.page-member-inserate .member-listing-no-image i {
			font-size: 34px;
		}

		body.page-member-inserate .member-listing-no-image span {
			font-size: 13px;
		}


		/* Status */

		body.page-member-inserate .member-listing-status {
			position: absolute;
			top: 9px;
			left: 9px;
			z-index: 2;
			display: inline-flex;
			align-items: center;
			gap: 6px;
			padding: 6px 10px;
			border-radius: 999px;
			font-size: 11px;
			font-weight: 700;
			line-height: 1;
			letter-spacing: 0.02em;
			text-transform: uppercase;
			box-shadow: 0 2px 8px rgba(0, 0, 0, 0.13);
		}

		body.page-member-inserate .member-listing-status.is-online {
			background: #45b875;
			color: #fff;
		}

		body.page-member-inserate .member-listing-status.is-offline {
			background: #6f7780;
			color: #fff;
		}

		body.page-member-inserate .member-listing-status.is-expired {
			background: #d8972d;
			color: #fff;
		}

		body.page-member-inserate .member-listing-status.is-sold {
			background: #d94f5c;
			color: #fff;
		}


		/* Inhalt */

		body.page-member-inserate .member-listing-content {
			display: flex;
			min-width: 0;
			flex: 1;
			flex-direction: column;
			padding: 20px 22px;
		}

		body.page-member-inserate .member-listing-heading {
			display: flex;
			align-items: flex-start;
			justify-content: space-between;
			gap: 25px;
		}

		body.page-member-inserate .member-listing-heading-text {
			min-width: 0;
		}

		body.page-member-inserate .member-listing-brand {
			margin-bottom: 4px;
			color: #9d6b13;
			font-size: 12px;
			font-weight: 700;
			letter-spacing: 0.075em;
			text-transform: uppercase;
		}

		body.page-member-inserate .member-listing-title {
			margin: 0;
			color: #16243b;
			font-family: inherit;
			font-size: 25px;
			font-weight: 500;
			line-height: 1.22;
			word-break: break-word;
		}

		body.page-member-inserate .member-listing-price {
			flex: 0 0 auto;
			color: #17243a;
			font-size: 23px;
			font-weight: 800;
			white-space: nowrap;
		}

		body.page-member-inserate .member-listing-meta {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 8px 20px;
			margin-top: 13px;
			color: #6c7180;
			font-size: 13px;
		}

		body.page-member-inserate .member-listing-meta span {
			display: inline-flex;
			align-items: center;
			gap: 6px;
		}

		body.page-member-inserate .member-listing-meta i {
			color: #aa7615;
		}


		/* Ablaufhinweis */

		body.page-member-inserate .member-listing-expired-note {
			display: flex;
			align-items: flex-start;
			gap: 10px;
			margin-top: 17px;
			padding: 11px 13px;
			border-left: 3px solid #c98b21;
			background: #fff8e9;
			color: #70531f;
			font-size: 13px;
			line-height: 1.5;
		}

		body.page-member-inserate .member-listing-expired-note > i {
			margin-top: 3px;
		}


		/* Aktionen */

		body.page-member-inserate .member-listing-actions {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 7px;
			margin-top: auto;
			padding-top: 20px;
		}

		body.page-member-inserate .member-listing-actions .btn {
			margin: 0;
		}

		body.page-member-inserate .member-listing-action-form {
			display: flex;
			align-items: center;
			flex-wrap: wrap;
			gap: 7px;
			margin: 0;
		}


		/* Leere Suche */

		body.page-member-inserate .member-listing-empty {
			padding: 50px 25px;
			text-align: center;
		}

		body.page-member-inserate .member-listing-empty-icon {
			display: flex;
			width: 70px;
			height: 70px;
			align-items: center;
			justify-content: center;
			margin: 0 auto 18px;
			border-radius: 50%;
			background: #fff4d9;
			color: #a77318;
			font-size: 28px;
		}

		body.page-member-inserate .member-listing-empty h3 {
			margin: 0 0 8px;
		}


		/* Mobile */

		@media (max-width: 767px) {

			body.page-member-inserate .member-listing-toolbar {
				padding: 17px;
			}

			body.page-member-inserate .member-listing-toolbar-top {
				align-items: stretch;
				flex-direction: column;
			}

			body.page-member-inserate .member-listing-toolbar-top .btn {
				width: 100%;
			}

			body.page-member-inserate .member-listing-search-form {
				align-items: stretch;
				flex-direction: column;
			}

			body.page-member-inserate .member-listing-search-field,
body.page-member-inserate .member-listing-filter-field {
				width: 100%;
				flex: none;
			}

			body.page-member-inserate .member-listing-search-form .btn {
				width: 100%;
			}

			body.page-member-inserate .member-listing-card {
				flex-direction: column;
			}

			body.page-member-inserate .member-listing-image-column {
				width: 100%;
				flex: none;
				padding: 12px 12px 0;
			}

			body.page-member-inserate .member-listing-image-wrap {
				height: 240px;
			}

			body.page-member-inserate .member-listing-content {
				padding: 17px;
			}

			body.page-member-inserate .member-listing-heading {
				flex-direction: column;
				gap: 12px;
			}

			body.page-member-inserate .member-listing-title {
				font-size: 22px;
			}

			body.page-member-inserate .member-listing-price {
				font-size: 21px;
			}

			body.page-member-inserate .member-listing-actions,
body.page-member-inserate .member-listing-action-form {
				align-items: stretch;
				flex-direction: column;
				width: 100%;
			}

			body.page-member-inserate .member-listing-actions .btn,
body.page-member-inserate .member-listing-action-form .btn {
				width: 100%;
			}

		}
		
		
	

/* marken.php */

		body.page-marken .brand-index {
			display:flex;
			flex-wrap:wrap;
			gap:8px;
			margin:0 0 24px;
		}

		body.page-marken .brand-index a {
			display:inline-flex;
			align-items:center;
			justify-content:center;
			min-width:38px;
			height:38px;
			padding:0 10px;
			border:1px solid #dfcfad;
			border-radius:7px;
			background:#fffaf0;
			font-weight:700;
		}

		body.page-marken .brand-group {
			margin-bottom:28px;
		}

		body.page-marken .brand-group-title {
			margin:0 0 12px;
			padding-bottom:7px;
			border-bottom:2px solid #e4d4b4;
			color:#76521a;
			font-size:23px;
		}

		body.page-marken .brand-grid {
			display:grid;
			grid-template-columns:repeat(3, minmax(0, 1fr));
			gap:12px;
		}

		body.page-marken .brand-card {
			display:flex;
			align-items:center;
			justify-content:space-between;
			gap:12px;
			min-height:66px;
			padding:14px 16px;
			border:1px solid #e4dccb;
			border-radius:9px;
			background:#fff;
			color:#2d2d31;
			transition:.15s ease;
		}

		body.page-marken .brand-card:hover {
			border-color:#c79a49;
			box-shadow:0 3px 13px rgba(0,0,0,.07);
		}

		body.page-marken .brand-card-name {
			font-weight:700;
		}

		body.page-marken .brand-card-count {
			flex:0 0 auto;
			padding:4px 8px;
			border-radius:999px;
			background:#fff3d8;
			color:#76521a;
			font-size:12px;
			font-weight:700;
		}

		@media (max-width:991px) {
			body.page-marken .brand-grid {
				grid-template-columns:repeat(2, minmax(0, 1fr));
			}
		}

		@media (max-width:600px) {
			body.page-marken .brand-grid {
				grid-template-columns:1fr;
			}
		}
	

/* profil.php */

		body.page-profil .profile-overview {
			display:flex;
			flex-wrap:wrap;
			align-items:stretch;
			margin-left:-10px;
			margin-right:-10px;
		}

		body.page-profil .profile-overview-left,
body.page-profil .profile-overview-right {
			padding-left:10px;
			padding-right:10px;
		}

		body.page-profil .profile-overview-left {
			flex:0 0 34%;
			max-width:34%;
		}

		body.page-profil .profile-overview-right {
			flex:0 0 66%;
			max-width:66%;
		}

		body.page-profil .profile-person-card {
			display:flex;
			flex-direction:column;
			align-items:center;
			justify-content:center;
			min-height:190px;
			height:100%;
			padding:22px;
			border:1px solid #ddd;
			border-radius:8px;
			background:#fafafa;
			text-align:center;
		}

		body.page-profil .profile-avatar {
			display:flex;
			align-items:center;
			justify-content:center;
			width:96px;
			height:96px;
			margin-bottom:14px;
			border-radius:50%;
			background:#f3ead7;
			color:#76521a;
			font-size:38px;
			font-weight:800;
			overflow:hidden;
		}

		body.page-profil .profile-avatar img {
			display:block;
			width:100%;
			height:100%;
			object-fit:cover;
		}

		body.page-profil .profile-person-name {
			margin:0 0 7px;
			color:#3f2c0b;
			font-size:26px;
			font-weight:700;
		}

		body.page-profil .profile-person-count {
			color:#666;
			font-size:14px;
		}

		body.page-profil .seller-profile-card {
			position:relative;
			min-height:190px;
			height:100%;
			margin-top:0;
			padding:17px 90px 17px 18px;
			border:1px solid #ddd;
			border-radius:8px;
			background:#fafafa;
			color:#2d2d31;
		}

		body.page-profil .seller-profile-head {
			display:flex;
			flex-wrap:wrap;
			align-items:center;
			justify-content:space-between;
			gap:10px;
			margin-bottom:10px;
		}

		body.page-profil .seller-profile-name {
			font-size:1.15em;
		}

		body.page-profil .seller-profile-line {
			margin-top:6px;
		}

		body.page-profil .seller-profile-line i {
			width:24px;
			color:#9a6d1d;
			text-align:center;
		}

		body.page-profil .sfl-member-icon {
			position:absolute;
			top:10px;
			right:10px;
			width:60px;
			height:60px;
		}

		body.page-profil .sfl-member-icon img {
			display:block;
			width:60px;
			height:60px;
			object-fit:cover;
			border-radius:5px;
			box-shadow:0 2px 7px rgba(0,0,0,.18);
		}

		body.page-profil .profile-actions {
			display:flex;
			flex-wrap:wrap;
			justify-content:center;
			gap:8px;
			margin-top:16px;
		}

		body.page-profil .profile-actions .btn {
			margin:0;
		}

		@media (max-width:767px) {
			body.page-profil .profile-overview-left,
body.page-profil .profile-overview-right {
				flex:0 0 100%;
				max-width:100%;
			}

			body.page-profil .profile-overview-right {
				margin-top:14px;
			}

			body.page-profil .profile-person-card,
body.page-profil .seller-profile-card {
				min-height:0;
			}
		}
	

/* reg.php */

		body.page-reg .brand-name img {
			max-width: 350px;
			width: 100%;
			height: auto;
		}

		body.page-reg .bg-darkenest {
			background: #030303;
			fill: #030303;
		}

		body.page-reg .registration-info {
			margin-bottom: 24px;
			padding: 15px;
			border: 1px solid rgba(184, 135, 46, 0.35);
			border-radius: 6px;
			background: #fffaf0;
			color: #3a2a0e;
		}

		body.page-reg .registration-info strong,
body.page-reg .invoice-details strong {
			color: #8a641f;
		}

		body.page-reg .input-group-addon .fa-solid {
			width: 18px;
			text-align: center;
		}

		body.page-reg .invoice-address-box {
			margin-top: 18px;
			padding: 18px;
			border: 1px solid #dfcfad;
			border-radius: 6px;
			background: #fdfaf4;
		}

		body.page-reg .invoice-details {
			margin-top: 20px;
			padding: 18px;
			border: 1px solid #d7b56d;
			border-radius: 6px;
			background: #fffaf0;
			color: #3a2a0e;
		}

		body.page-reg .invoice-number {
			font-size: 1.2em;
			letter-spacing: 0.04em;
		}

		body.page-reg .form-help {
			display: block;
			margin-top: 5px;
			color: #777;
			font-size: 12px;
		}
	

/* schaufenster.php */

		body.page-schaufenster .duft-showcase {
			max-width: 1120px;
			margin: 0 auto;
		}

		body.page-schaufenster .duft-showcase-stage {
			position: relative;
			min-height: 560px;
			overflow: hidden;
			border: 1px solid #e2d2b1;
			border-radius: 14px;
			background:
				radial-gradient(
					circle at top left,
					rgba(217, 157, 63, 0.12),
					transparent 38%
				),
				#fffaf0;
			box-shadow: 0 16px 45px rgba(45, 35, 20, 0.10);
		}

		body.page-schaufenster .duft-showcase-inner {
			display: grid;
			grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
			min-height: 560px;
			opacity: 1;
			transform: translateY(0);
			transition:
				opacity 0.35s ease,
				transform 0.35s ease;
		}

		body.page-schaufenster .duft-showcase-inner.is-changing {
			opacity: 0;
			transform: translateY(8px);
		}

		body.page-schaufenster .duft-showcase-image-wrap {
			position: relative;
			min-height: 560px;
			background: #f4efe5;
		}

		body.page-schaufenster .duft-showcase-image {
			display: block;
			width: 100%;
			height: 560px;
			object-fit: contain;
			background: #f4efe5;
		}

		body.page-schaufenster .duft-showcase-badge {
			position: absolute;
			top: 18px;
			left: 18px;
			z-index: 2;
			padding: 8px 12px;
			border-radius: 999px;
			background: linear-gradient(
				135deg,
				#c08a26 0%,
				#d9a441 100%
			);
			color: #fff;
			box-shadow: 0 3px 10px rgba(0,0,0,.18);
			font-size: 12px;
			font-weight: 700;
			letter-spacing: 0.06em;
			text-transform: uppercase;
			backdrop-filter: blur(5px);
		}

		body.page-schaufenster .duft-showcase-content {
			display: flex;
			flex-direction: column;
			justify-content: center;
			padding: 46px;
			text-align: left;
		}

		body.page-schaufenster .duft-showcase-kicker {
			margin-bottom: 8px;
			color: #9a6d1d;
			font-size: 12px;
			font-weight: 700;
			letter-spacing: 0.10em;
			text-transform: uppercase;
		}

		body.page-schaufenster .duft-showcase-brand {
			margin-bottom: 5px;
			color: var(--mandant-primary-hover);
			font-size: 22px;
			font-weight: 700;
			line-height: 1.25;
		}

		body.page-schaufenster .duft-showcase-title {
			margin: 0 0 22px;
			color: #222;
			font-size: clamp(30px, 4vw, 48px);
			line-height: 1.05;
		}

		body.page-schaufenster .duft-showcase-meta {
			display: grid;
			gap: 10px;
			margin-bottom: 26px;
			color: #4d463c;
		}

		body.page-schaufenster .duft-showcase-meta-line {
			display: flex;
			align-items: flex-start;
			gap: 10px;
		}

		body.page-schaufenster .duft-showcase-meta-line i {
			width: 20px;
			margin-top: 2px;
			color: #9a6d1d;
			text-align: center;
		}

		body.page-schaufenster .duft-showcase-price {
			margin-bottom: 24px;
			color: #1f1f1f;
			font-size: 28px;
			font-weight: 800;
		}

		body.page-schaufenster .duft-showcase-price small {
			font-size: 14px;
			font-weight: 500;
		}

		body.page-schaufenster .duft-showcase-actions {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
		}

		body.page-schaufenster .duft-showcase-controls {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			gap: 10px;
			margin-top: 18px;
		}

		body.page-schaufenster .duft-showcase-progress {
			width: min(430px, 100%);
			height: 5px;
			overflow: hidden;
			border-radius: 999px;
			background: #eee4d2;
		}

		body.page-schaufenster .duft-showcase-progress-bar {
			width: 0;
			height: 100%;
			background: #d99d3f;
		}

		body.page-schaufenster .duft-showcase-progress-bar.is-running {
			animation: duftShowcaseProgress 8s linear forwards;
		}

		body.page-schaufenster .duft-showcase-status {
			min-height: 22px;
			margin-top: 12px;
			color: #777;
			font-size: 13px;
			text-align: center;
		}

		body.page-schaufenster .duft-showcase-empty {
			display: none;
			padding: 70px 25px;
			text-align: center;
		}

		@keyframes duftShowcaseProgress {
			from {
				width: 0;
			}
			to {
				width: 100%;
			}
		}

		@media (max-width: 991px) {
			body.page-schaufenster .duft-showcase-inner {
				grid-template-columns: 1fr;
			}

			body.page-schaufenster .duft-showcase-image-wrap,
body.page-schaufenster .duft-showcase-image {
				min-height: 420px;
				height: 420px;
			}

			body.page-schaufenster .duft-showcase-content {
				padding: 34px;
			}
		}

		@media (max-width: 575px) {
			body.page-schaufenster .duft-showcase-stage {
				min-height: 0;
				border-radius: 10px;
			}

			body.page-schaufenster .duft-showcase-image-wrap,
body.page-schaufenster .duft-showcase-image {
				min-height: 330px;
				height: 330px;
			}

			body.page-schaufenster .duft-showcase-content {
				padding: 26px 22px 30px;
			}

			body.page-schaufenster .duft-showcase-title {
				font-size: 34px;
			}

			body.page-schaufenster .duft-showcase-actions .btn {
				width: 100%;
			}
		}

		@media (prefers-reduced-motion: reduce) {
			body.page-schaufenster .duft-showcase-inner {
				transition: none;
			}

			body.page-schaufenster .duft-showcase-progress-bar.is-running {
				animation: none;
			}
		}
		
		@media (max-width: 575px) {

			/* Hero kompakter */
			body.page-schaufenster .boerse-hero-compact {
				padding-top: 24px;
				padding-bottom: 24px;
			}

			body.page-schaufenster .boerse-hero-compact .boerse-hero-content p {
				display: none;
			}

			body.page-schaufenster .boerse-hero-compact h1 {
				margin-bottom: 0;
				font-size: 34px;
			}

			/* Bild etwas weniger hoch */
			body.page-schaufenster .duft-showcase-image-wrap,
body.page-schaufenster .duft-showcase-image {
				min-height: 285px;
				height: 285px;
			}

			/* Badge kompakter */
			body.page-schaufenster .duft-showcase-badge {
				top: 12px;
				left: 12px;
				padding: 7px 10px;
				font-size: 11px;
			}

			/* Textbereich kompakter */
			body.page-schaufenster .duft-showcase-content {
				padding: 22px 20px 26px;
			}

			/* "Aktuelles Inserat" mobil ausblenden */
			body.page-schaufenster .duft-showcase-kicker {
				display: none;
			}

			body.page-schaufenster .duft-showcase-brand {
				margin-bottom: 3px;
				font-size: 20px;
			}

			body.page-schaufenster .duft-showcase-title {
				margin-bottom: 16px;
				font-size: 31px;
				line-height: 1.06;
			}

			body.page-schaufenster .duft-showcase-meta {
				gap: 7px;
				margin-bottom: 16px;
			}

			body.page-schaufenster .duft-showcase-price {
				margin-bottom: 18px;
				font-size: 25px;
			}
			
			body.page-schaufenster #duft_showcase_seller_line {
				display: none !important;
			}
			body.page-schaufenster .duft-showcase-meta {
				margin-bottom: 12px;
			}
			
		}
		
	

/* user.php */

		body.page-user .member-grid {
			display:grid;
			grid-template-columns:repeat(3, minmax(0, 1fr));
			gap:14px;
		}

		body.page-user .member-card {
			display:flex;
			align-items:center;
			gap:14px;
			min-height:88px;
			padding:15px;
			border:1px solid #e4dccb;
			border-radius:10px;
			background:#fff;
			color:#2d2d31;
			transition:.15s ease;
		}

		body.page-user .member-card:hover {
			border-color:#c79a49;
			box-shadow:0 3px 13px rgba(0,0,0,.07);
		}

		body.page-user .member-avatar {
			display:flex;
			flex:0 0 54px;
			align-items:center;
			justify-content:center;
			width:54px;
			height:54px;
			border-radius:50%;
			background:#f3ead7;
			color:#76521a;
			font-size:22px;
			font-weight:800;
		}

		body.page-user .member-card-body {
			min-width:0;
		}

		body.page-user .member-card-name {
			overflow:hidden;
			color:#3f2c0b;
			font-size:16px;
			font-weight:700;
			text-overflow:ellipsis;
			white-space:nowrap;
		}

		body.page-user .member-card-count {
			margin-top:5px;
			color:#777;
			font-size:13px;
		}

		@media (max-width:991px) {
			body.page-user .member-grid {
				grid-template-columns:repeat(2, minmax(0, 1fr));
			}
		}

		@media (max-width:600px) {
			body.page-user .member-grid {
				grid-template-columns:1fr;
			}
		}