/* =========================================================
   WordPress-Integration (Menüs, Blöcke, Captions)
   Ergänzt style.css, damit WP-Markup 1:1 zum Design passt.
   ========================================================= */

/* ---- Navigationsmenü aus wp_nav_menu ---- */
.nav-menu{display:flex;align-items:center;gap:28px;list-style:none;margin:0;padding:0;}
.nav-menu li{margin:0;padding:0;}
.nav-menu .nav-link,.nav-links .nav-link{position:relative;}
.nav-menu .current-menu-item > a,.nav-menu .current_page_item > a{color:var(--pink);}

/* Fußzeilen-Menü */
.footer-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.footer-nav ul a{color:#F6DCEB;text-decoration:none;font-size:14.5px;}
.footer-nav ul a:hover{color:#fff;}

/* ---- Zitatbox: Pfoten-Deko automatisch bei jedem blockquote ---- */
.article blockquote,.article .wp-block-quote,.article .wp-block-pullquote{
	margin:32px 0;padding:26px 32px;background:var(--pink-100);border-radius:22px;position:relative;overflow:hidden;border:none;text-align:left;
}
.article blockquote::before,.article .wp-block-quote::before,.article .wp-block-pullquote::before{
	content:"";position:absolute;right:-10px;top:-14px;width:96px;height:96px;opacity:.16;pointer-events:none;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23EA1B8C'%3E%3Cellipse cx='16' cy='21' rx='8' ry='6.5'/%3E%3Cellipse cx='6.5' cy='13' rx='3.4' ry='4.6'/%3E%3Cellipse cx='12.5' cy='8.5' rx='3.4' ry='4.8'/%3E%3Cellipse cx='19.5' cy='8.5' rx='3.4' ry='4.8'/%3E%3Cellipse cx='25.5' cy='13' rx='3.4' ry='4.6'/%3E%3C/svg%3E");
	background-size:contain;background-repeat:no-repeat;
}
.article blockquote p,.article .wp-block-quote p,.article .wp-block-pullquote p{
	font-family:var(--head);font-weight:500;font-size:22px;line-height:1.45;color:var(--pink-dark);margin:0;font-style:italic;position:relative;
}
.article blockquote cite,.article .wp-block-quote cite,.article .wp-block-pullquote cite{
	display:block;margin-top:12px;font-size:14px;color:var(--t-muted);font-style:normal;font-family:var(--body);position:relative;
}

/* ---- Bilder / Captions / Ausrichtung im Beitrag ---- */
.article .wp-block-image{margin:22px 0;}
.article .wp-block-image img{width:100%;height:auto;border-radius:20px;display:block;}
.article figure.wp-block-image figcaption,.article .wp-caption-text{font-size:13px;color:#9286A8;text-align:center;margin-top:10px;}
.article .alignwide{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;}
.article .alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;}
.article .alignleft{float:left;margin:6px 24px 12px 0;max-width:50%;}
.article .alignright{float:right;margin:6px 0 12px 24px;max-width:50%;}
.article ul,.article ol{padding-left:22px;margin:0 0 20px;}
.article li{margin:0 0 8px;line-height:1.7;}
.article h2{font-weight:700;font-size:28px;color:var(--plum);margin:34px 0 14px;scroll-margin-top:90px;}
.article h3{font-weight:600;font-size:21px;color:var(--plum);margin:26px 0 10px;}
.article p{margin:0 0 18px;line-height:1.8;color:var(--t-3);font-size:17px;}
.article a{color:var(--pink);text-decoration:underline;text-underline-offset:2px;}
.article .wp-block-table{overflow-x:auto;}
.article .wp-block-table table{width:100%;border-collapse:collapse;}
.article .wp-block-table td,.article .wp-block-table th{border:1px solid var(--pink-100);padding:10px 12px;font-size:15px;}

/* ---- Buttons aus dem Blockeditor an die Marke angleichen ---- */
.article .wp-block-button__link{background:var(--pink);color:#fff;border-radius:999px;padding:13px 26px;font-family:var(--head);font-weight:600;text-decoration:none;}

/* ---- Kommentare (schlicht) ---- */
.comments-area{max-width:820px;margin:0 auto;padding:0 24px 60px;}
.comment-list{list-style:none;padding:0;margin:0;}
.comment-body{background:#fff;border-radius:16px;padding:18px 20px;margin-bottom:14px;border:1px solid var(--pink-100);}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;border:1px solid var(--pink-200);border-radius:12px;padding:12px 14px;font-family:var(--body);margin-bottom:12px;}

/* ---- Sticky-Nav Body-Offset nicht nötig; keine horizontalen Scrolls ---- */
html,body{max-width:100%;overflow-x:clip;}

/* ---- Ergänzende Theme-Klassen ---- */
.skip-link{position:absolute;left:-9999px;top:0;background:var(--pink);color:#fff;padding:10px 16px;border-radius:0 0 10px 0;z-index:999;}
.skip-link:focus{left:0;}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;}

.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
@media(max-width:900px){.posts-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:600px){.posts-grid{grid-template-columns:1fr;}}

.tcard-who .tcard-av{width:46px;height:46px;border-radius:50%;background:var(--pink-50);display:flex;align-items:center;justify-content:center;flex:none;}

.art-share{margin:30px 0 10px;}

.pagination{max-width:1080px;margin:10px auto 0;padding:0 24px;}
.pagination .nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;position:static;background:none;box-shadow:none;padding:0;transform:none;}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 12px;border-radius:12px;background:#fff;border:1px solid var(--pink-100);color:var(--plum);text-decoration:none;font-family:var(--head);font-weight:600;}
.pagination .page-numbers.current{background:var(--pink);color:#fff;border-color:var(--pink);}

.search-form{display:flex;gap:10px;}
.search-form input{flex:1;}

.art-author-img,.art-author img{width:48px;height:48px;border-radius:50%;object-fit:cover;}
.author-box img{width:84px;height:84px;border-radius:50%;object-fit:cover;flex:none;}

.footer-widgets{margin-top:14px;}
.art-body-narrow{grid-template-columns:1fr;}

/* =========================================================
   Fixes Runde 2 (Feedback Katrin)
   ========================================================= */

/* Cover-Bild, Headline und Inhaltsspalte auf dieselbe Breite und linke Kante */
.art-head,.art-hero-wrap{max-width:1080px;text-align:left;}
.art-head .art-author{justify-content:flex-start;}

/* Einheitliche weiße Boxen: überall derselbe weiche Schatten, NIEMALS Rahmen.
   Global konsistent, damit keine Box aus der Reihe tanzt. */
.post,.author-box,.tcard,.vcard,.module,.lex,.toc-box,.mock-card,.whitebox,
.panel,.faq,.badge-card{
	box-shadow:0 20px 44px -30px rgba(58,34,51,.32) !important;
	border:none !important;
}
/* Kein Karten-Versatz beim Hovern (kein „die Seite springt"-Gefühl). */
.post:hover,.featured:hover,.vcard:hover,.module:hover,.lex:hover{transform:none;}

/* Kurs-Banner steht innerhalb .article: dessen Typo-Regeln (p/h3/a) dürfen die
   Banner-Interna NICHT überschreiben. Höhere Spezifität stellt das Design her. */
.article .course-banner p,.article .course-banner h3,.article .course-banner .cb-label{font-style:normal;margin:0;}
.article .course-banner .cb-label{color:rgba(255,255,255,.85);font-family:var(--head);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;}
.article .course-banner h3{color:#fff;font-family:var(--head);font-weight:700;font-size:clamp(19px,2.6vw,23px);line-height:1.2;margin:3px 0 6px;}
.article .course-banner .cb-txt p{color:rgba(255,255,255,.92);font-size:14.5px;line-height:1.55;margin:0 0 18px;}
.article .course-banner .cb-btn{color:#C4147A;text-decoration:none;background:#fff;}
.article .course-banner .cb-meta b{color:var(--plum);}
.article .course-banner .cb-meta small{color:var(--pink);}

/* Kategorie-Filter (Ratgeber): Chips als klickbare Tabs */
.chips button.chip{border:none;cursor:pointer;transition:background .15s ease,color .15s ease;}
.chip.active{background:var(--pink);color:#fff;}
.chips button.chip:hover{background:var(--pink-200);}
.chip.active:hover{background:var(--pink);}

/* Weitere Beiträge / Related: saubere linke Kante, nie volle Breite je Karte */
.related{max-width:1080px;}
.related .posts{grid-template-columns:repeat(3,1fr);}
@media(max-width:820px){.related .posts{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.related .posts{grid-template-columns:1fr;}}

/* ---- WP Admin-Bar Abstand ---- */
.admin-bar .nav{top:32px;}
@media(max-width:782px){.admin-bar .nav{top:46px;}}

/* ---- Mobile: Menü aus <ul> korrekt stapeln (Breakpoint wie style.css) ---- */
@media(max-width:900px){
	.nav-menu{flex-direction:column;align-items:stretch;gap:6px;width:100%;}
	.nav-menu li{width:100%;}
	.nav-menu .nav-link{display:block;padding:13px 18px;width:100%;font-size:18px;}
}

/* =========================================================
   Gutenberg-Inhaltsseiten (Über mich, Philosophie, generisch)
   Volle Inline-Bearbeitung, im Marken-Look.
   ========================================================= */
.page-entry{max-width:1080px;margin:0 auto;padding:20px 24px 40px;}
.page-entry > *{max-width:820px;margin-left:auto;margin-right:auto;}
.page-entry > .alignwide,.page-entry > .wp-block-columns,.page-entry > .wp-block-group{max-width:1080px;}
.page-entry h2{font-family:var(--head);font-weight:700;font-size:clamp(24px,3.4vw,32px);color:var(--plum);margin:10px 0 14px;line-height:1.15;}
.page-entry h3{font-family:var(--head);font-weight:600;font-size:20px;color:var(--plum);margin:0 0 8px;}
.page-entry p{font-size:16.5px;line-height:1.75;color:var(--t-3);margin:0 0 16px;}
.page-entry a{color:var(--pink);text-decoration:underline;text-underline-offset:2px;}
.page-entry .wp-block-image img{border-radius:26px;display:block;width:100%;height:auto;}

/* Bild + Text nebeneinander (Columns mit .purr-split) */
.wp-block-columns.purr-split{gap:48px;align-items:center;margin:30px auto;}
@media(max-width:781px){.wp-block-columns.purr-split{gap:26px;}}

/* Kartenreihe: jede Spalte wird zur weißen Karte */
.wp-block-columns.purr-cards{gap:26px;}
.wp-block-columns.purr-cards > .wp-block-column{background:#fff;border-radius:24px;padding:28px 26px;box-shadow:0 20px 44px -30px rgba(58,34,51,.32);}
.wp-block-columns.purr-cards h3{margin-top:6px;}

/* Häkchen-Liste mit Pfote */
.page-entry ul.purr-check{list-style:none;padding:0;margin:0 0 18px;}
.page-entry ul.purr-check li{position:relative;padding-left:34px;margin:0 0 11px;font-size:16px;line-height:1.6;color:var(--t-3);}
.page-entry ul.purr-check li::before{content:"";position:absolute;left:0;top:2px;width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' fill='%23EA1B8C'%3E%3Cellipse cx='16' cy='21' rx='8' ry='6.5'/%3E%3Cellipse cx='6.5' cy='13' rx='3.4' ry='4.6'/%3E%3Cellipse cx='12.5' cy='8.5' rx='3.4' ry='4.8'/%3E%3Cellipse cx='19.5' cy='8.5' rx='3.4' ry='4.8'/%3E%3Cellipse cx='25.5' cy='13' rx='3.4' ry='4.6'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;}

/* Stationen / Timeline */
.wp-block-group.purr-timeline{max-width:820px;display:flex;flex-direction:column;gap:0;}
.purr-timeline .wp-block-group.purr-tl-item{display:grid;grid-template-columns:130px 1fr;gap:22px;padding:20px 0;border-top:1px solid var(--pink-100);align-items:start;}
.purr-timeline .purr-tl-item:first-child{border-top:none;}
.purr-timeline .purr-tl-item h3{color:var(--pink);font-family:var(--hand);font-size:22px;margin:0;}
@media(max-width:600px){.purr-timeline .purr-tl-item{grid-template-columns:1fr;gap:4px;}}

/* Stat-Panel */
.wp-block-group.purr-stats{background:#FCEFF4;border-radius:32px;padding:40px 34px;text-align:center;}
.purr-stats .purr-stat-num{font-family:var(--head);font-weight:700;font-size:38px;color:var(--pink);line-height:1;display:block;}

/* Dunkles Vision/Mission-Band */
.wp-block-group.purr-band{background:linear-gradient(150deg,#2B2030,#3A2233 62%);border-radius:40px;padding:48px 44px;color:#fff;}
.purr-band h2,.purr-band h3{color:#fff;}
.purr-band p{color:#E7D2DE;}
.purr-band .purr-band-label{font-family:var(--head);font-weight:600;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--pink-accent);display:block;margin-bottom:10px;}

/* CTA-Band im Inhalt (nutzt bestehendes .cta-band, hier nur zentriert) */
.page-entry .cta-band{max-width:1080px;}

/* Timeline vertikal + Jahr als eigener Absatz (statt h3) */
.wp-block-group.purr-timeline{display:block;}
.purr-timeline .wp-block-group.purr-tl-item{display:block;padding:18px 0;border-top:1px solid var(--pink-100);}
.purr-timeline .purr-tl-item .purr-year{color:var(--pink);font-family:var(--hand);font-size:21px;margin:0 0 3px;}
.purr-timeline .purr-tl-item h3{color:var(--plum);font-family:var(--head);margin:0 0 4px;}

/* Buttons im Seiteninhalt (Gutenberg) im Marken-Look */
.page-entry .wp-block-button__link{background:var(--pink);color:#fff;border-radius:999px;padding:15px 30px;font-family:var(--head);font-weight:600;font-size:17px;text-decoration:none;}
.page-entry .cta-band .wp-block-button__link,.page-entry .purr-band .wp-block-button__link{background:#fff;color:var(--pink-dark);}
.page-entry .cta-band h2{color:#fff;}
.page-entry .cta-band p{color:rgba(255,255,255,.92);}

/* Zwei-Spalten im dunklen Band */
.purr-band .wp-block-columns{gap:40px;}