/* Seitenkopf ohne Foto: GeneratePress Premium, Element "Seitenkopf" (Page Hero) */
.page-hero{background:linear-gradient(120deg,#1d3664 0%,#27508a 100%)!important;background-image:linear-gradient(120deg,#1d3664 0%,#27508a 100%)!important;color:#fff;text-align:left!important}
.page-hero:before,.page-hero .page-hero-overlay{display:none!important}
.page-hero .inside-page-hero{max-width:1000px;margin:0 auto;padding:28px 20px 30px!important;text-align:left!important}
.page-hero h1{margin:0 0 8px!important;color:#fff!important;font-size:clamp(28px,4vw,38px);line-height:1.15;letter-spacing:-.02em;font-weight:700}
.page-hero .szk-sub,.page-hero p.szk-sub{margin:0 0 20px;max-width:680px;color:#e3ecf8;font-size:clamp(15px,1.8vw,17px);line-height:1.5}
.page-hero .szk-sub:empty{display:none}
.page-hero .rank-math-breadcrumb{margin:0 0 14px;font-size:13px;line-height:1.3;color:#cfe0f3}
.page-hero .rank-math-breadcrumb p{margin:0}
.page-hero .rank-math-breadcrumb a{color:#cfe0f3;text-decoration:underline;text-underline-offset:3px}
.page-hero .rank-math-breadcrumb a:hover,.page-hero .rank-math-breadcrumb a:focus-visible{color:#fff}
.page-hero .rank-math-breadcrumb .separator{margin:0 .4em}

.szk-pills{display:flex;gap:12px;flex-wrap:wrap;list-style:none;margin:0!important;padding:0!important}
.szk-pills:empty{display:none}
.szk-pill{display:flex;flex-direction:column;gap:3px;margin:0!important;padding:12px 18px;border-radius:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff}
.szk-pl{font-size:12px;font-weight:500;line-height:1.2;color:#cfe0f3}
.szk-pv{font-size:22px;font-weight:700;line-height:1.2;white-space:nowrap}
@media (max-width:640px){
	.page-hero .inside-page-hero{padding:16px 16px 20px!important}
	.szk-pills{flex-wrap:nowrap;overflow-x:auto;gap:8px;scrollbar-width:none;margin-right:-16px!important;padding-right:16px!important}
	.szk-pills::-webkit-scrollbar{display:none}
	.szk-pill{flex:none;padding:10px 14px;border-radius:12px}
	.szk-pv{font-size:19px}
}

/* zweite Breadcrumb im Inhaltsbereich ausblenden, der Seitenkopf zeigt sie schon */
.site-content .rank-math-breadcrumb{display:none}

/* weniger Abstand zwischen Seitenkopf und Inhalt (GeneratePress "One Container" setzt oben 100px) */
.page-hero{margin-bottom:0!important}
.page-hero + .site .site-content,.page-hero + .site.container .site-content{padding-top:28px!important}
@media (max-width:768px){.page-hero + .site .site-content{padding-top:20px!important}}

/* Breadcrumb bündig mit der Überschrift */
.page-hero .inside-page-hero>*,.page-hero .rank-math-breadcrumb,.page-hero .rank-math-breadcrumb p,.page-hero nav{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;text-indent:0!important;text-align:left!important}

/* leerer Seitenkopf (zum Beispiel Startseite): ganz ausblenden */
.page-hero:not(:has(h1)){display:none!important}