/* Candor Enquire — Guide-Viewer v163.0
   Basis-Theme „cinematic" — inspiriert vom Hochzeitsguide-HTML.
   PDF-Vorschau + Frontend-Embed nutzen denselben Stylesheet.
*/
.ce-guide-wrap {
	--ce-farbe-akzent: var(--ce-akzent, var(--mup-accent, var(--gm-gold, #c9a84c)));
	--ce-farbe-bg:     #faf7f2;
	--ce-farbe-text:   #2a2a2a;
	--ce-farbe-muted:  #6b6b6b;
	--ce-font-haupt:   "Cormorant Garamond", Georgia, serif;
	--ce-font-skript:  "Dancing Script", cursive;
	--ce-font-body:    "Lato", system-ui, sans-serif;

	max-width: 1180px;
	margin: 2rem auto;
	background: var(--ce-farbe-bg);
	color: var(--ce-farbe-text);
	font-family: var(--ce-font-body);
}

.ce-guide-seite {
	position: relative;
	padding: 3.5rem 4rem;
	border-bottom: 1px solid rgba(201, 168, 76, 0.18);
	min-height: 480px;
	background: #fefcf8;
}

.ce-guide-seite:nth-child(even) { background: var(--ce-farbe-bg); }

.ce-seite-bild {
	width: 100%; height: 280px;
	overflow: hidden; border-radius: 4px;
	margin-bottom: 1.6rem;
}
.ce-seite-bild img {
	width: 100%; height: 100%; object-fit: cover; display: block;
}

.ce-guide-seite .ce-kapitel-nr {
	display: inline-block;
	font-family: var(--ce-font-haupt); font-weight: 300;
	font-size: 3.4rem; line-height: 1; color: var(--ce-farbe-akzent);
	margin-right: 0.8rem; vertical-align: middle;
}
.ce-guide-seite .ce-kapitel-name {
	font-family: var(--ce-font-skript); font-size: 1.2rem;
	color: var(--ce-farbe-akzent);
}
.ce-guide-seite .ce-kicker {
	display: block;
	font-family: var(--ce-font-skript);
	font-size: 1rem; color: var(--ce-farbe-akzent);
	margin-bottom: 0.4rem;
}
.ce-guide-seite .ce-headline {
	font-family: var(--ce-font-haupt); font-weight: 400;
	font-size: clamp(1.8rem, 3vw, 2.8rem); line-height: 1.15;
	margin: 0 0 0.6rem; color: var(--ce-farbe-text);
}
.ce-guide-seite .ce-subline {
	font-style: italic; font-size: 1.05rem;
	color: var(--ce-farbe-muted); margin: 0 0 1.2rem;
}
.ce-guide-seite .ce-text {
	font-size: 1rem; line-height: 1.7;
	color: var(--ce-farbe-text); max-width: 720px;
}
.ce-guide-seite .ce-text p { margin: 0 0 1rem; }

.ce-guide-seite .ce-zitat {
	border-left: 2px solid var(--ce-farbe-akzent);
	padding: 0.6rem 0 0.6rem 1.4rem;
	margin: 1.5rem 0 0;
	font-family: var(--ce-font-haupt);
	font-style: italic;
	font-size: 1.25rem;
	line-height: 1.5;
	color: var(--ce-farbe-text);
	max-width: 720px;
}
.ce-guide-seite .ce-zitat cite {
	display: block;
	margin-top: 0.7rem;
	font-family: var(--ce-font-skript);
	font-style: normal;
	font-size: 1rem;
	color: var(--ce-farbe-akzent);
}

/* v163.0: Bezugsquellen-Hinweis (für Tipp-Seiten) */
.ce-guide-seite .ce-bezugsquelle {
	display: inline-block;
	margin-top: 1.2rem;
	padding: 0.55rem 1.1rem;
	background: rgba(201, 168, 76, 0.1);
	border: 1px dashed rgba(201, 168, 76, 0.45);
	border-radius: 999px;
	font-size: 0.82rem;
	color: #6f5d3a;
}
.ce-guide-seite .ce-bezugsquelle strong { color: var(--ce-farbe-akzent); }

/* Seiten-Typ-Varianten */
.ce-seite-typ-deckblatt {
	text-align: center;
	background: linear-gradient(180deg, var(--ce-farbe-bg) 0%, #fff5e1 100%);
	min-height: 600px;
}
.ce-seite-typ-deckblatt .ce-seite-bild { height: 380px; }
.ce-seite-typ-zitat {
	background: #2a2a2a;
	color: #e8d5a3;
	text-align: center;
}
.ce-seite-typ-zitat .ce-zitat {
	border-left: none;
	border-top: 1px solid var(--ce-farbe-akzent);
	border-bottom: 1px solid var(--ce-farbe-akzent);
	font-size: clamp(1.6rem, 3.5vw, 2.4rem);
	max-width: 760px;
	margin: 0 auto;
	padding: 1.8rem 0;
}

/* Print-fertig — A4 Querformat per @media */
@media print {
	.ce-guide-wrap { background: white; max-width: none; margin: 0; }
	.ce-guide-seite { page-break-after: always; min-height: 100vh; }
}

/* ── v163.14: Vollständige Typ-Styles ── */

/* Deckblatt / Abschluss */
.ce-seite-deckblatt,.ce-seite-abschluss {
	position:relative; min-height:500px; overflow:hidden;
	background-size:cover; background-position:center;
	display:flex; align-items:center; justify-content:center;
}
.ce-seite-deckblatt .ce-deck-overlay,
.ce-seite-abschluss .ce-deck-overlay {
	position:absolute; inset:0;
	background:linear-gradient(to bottom, rgba(10,10,10,.35) 0%, rgba(10,10,10,.65) 100%);
}
.ce-deck-content {
	position:relative; z-index:2; text-align:center;
	padding:3rem 4rem; color:#fff; max-width:800px;
}
.ce-deck-content .ce-headline {
	font-family:var(--ce-font-haupt,"Cormorant Garamond",Georgia,serif);
	font-size:clamp(2rem,5vw,3.8rem); font-weight:400;
	color:#fff; margin:0.5rem 0;
}
.ce-deck-content .ce-kicker { color:var(--ce-farbe-akzent); }

/* Dual */
.ce-seite-dual { display:grid; grid-template-columns:1fr 1fr; min-height:420px; padding:0; }
.ce-dual-foto { overflow:hidden; }
.ce-dual-foto img { width:100%; height:100%; object-fit:cover; display:block; }
.ce-dual-text { padding:3rem; display:flex; flex-direction:column; justify-content:center; }

/* Zitat */
.ce-seite-zitat { background:var(--ce-farbe-text,#2a2a2a)!important; }
.ce-seite-zitat-inner {
	display:flex; flex-direction:column; align-items:center;
	justify-content:center; min-height:380px; padding:3rem 5rem; text-align:center;
}
.ce-zitat-deko { font-size:5rem; color:var(--ce-farbe-akzent); opacity:.3; line-height:1; }
.ce-zitat-block {
	border:none; margin:1rem 0; padding:0;
	font-family:var(--ce-font-haupt,"Cormorant Garamond",Georgia,serif);
	font-style:italic; font-size:clamp(1.2rem,2.5vw,1.8rem);
	line-height:1.5; color:#fff;
}
.ce-seite-zitat .ce-zitat-block { border-left:none; }
.ce-zitat-block p { margin:0; }
.ce-zitat-autor { display:block; margin-top:1rem; font-size:.9rem; color:var(--ce-farbe-akzent); font-style:normal; }

/* Fullbild — mit Hintergrundbild */
.ce-seite-fullbild {
	position:relative; min-height:480px;
	background-size:cover; background-position:center; padding:0;
}
.ce-fb-overlay {
	position:absolute; inset:0;
	background:linear-gradient(to top, rgba(0,0,0,.75) 0%, rgba(0,0,0,.05) 50%);
}
.ce-fb-content {
	position:absolute; bottom:0; left:0; right:0;
	z-index:2; padding:2.5rem 3rem; color:#fff;
}
.ce-fb-content .ce-headline { color:#fff; font-size:clamp(1.4rem,3vw,2.2rem); }

/* PDF-Import-Seiten: Bild unbeschnitten, volle Breite, natürliche Höhe */
.ce-seite-import {
	min-height:0 !important;
	background-image:none !important;
	padding:0 !important;
}
.ce-seite-import .ce-import-bild-wrap {
	width:100%; line-height:0;
}
.ce-seite-import .ce-import-bild-wrap img {
	width:100%; height:auto;
	display:block; border-radius:0;
	box-shadow:0 2px 16px rgba(0,0,0,.1);
}

/* CTA */
.ce-seite-cta { text-align:center; padding:5rem 4rem; }
.ce-seite-cta .ce-headline { margin-bottom:1rem; }
.ce-cta-btn {
	display:inline-block; margin-top:1.5rem;
	padding:.9rem 2.2rem; background:var(--ce-farbe-akzent);
	color:#fff; text-decoration:none; font-family:var(--ce-font-body,inherit);
	font-size:.95rem; font-weight:600; border-radius:4px;
	transition:opacity .2s,transform .15s; border:none; cursor:pointer;
}
.ce-cta-btn:hover { opacity:.88; transform:translateY(-1px); }

/* Gold-Trennlinie */
.ce-gold-rule { width:60px; height:2px; background:var(--ce-farbe-akzent); border:none; margin:.8rem 0 1.4rem; }

/* Tipps */
.ce-tipps-liste { list-style:none; padding:0; margin:1rem 0; }
.ce-tipps-liste li { padding:.45rem 0; border-bottom:1px solid rgba(201,168,76,.12); font-size:.95rem; }
.ce-tipps-liste li::before { content:"—"; color:var(--ce-farbe-akzent); margin-right:.5rem; font-weight:700; }
.ce-tipps-liste li:last-child { border-bottom:none; }

/* Responsive */
@media (max-width:768px) {
	.ce-guide-seite { padding:2rem 1.5rem; }
	.ce-seite-dual { grid-template-columns:1fr; }
	.ce-dual-foto { height:220px; }
	.ce-dual-text { padding:2rem; }
	.ce-seite-cta { padding:3rem 2rem; }
	.ce-seite-zitat-inner { padding:2rem; }
}

/* Import-Seiten: kein Padding, nahtlose Darstellung */
.ce-guide-seite.ce-seite-fullbild.ce-seite-import,
.ce-guide-seite:has(.ce-import-bild-wrap) {
    padding: 0;
    min-height: 0;
    border-bottom: none;
}
.ce-guide-seite:has(.ce-import-bild-wrap) + .ce-guide-seite:has(.ce-import-bild-wrap) {
    border-top: 1px solid rgba(201,168,76,.1);
}