/*
 * Kreuzcheck – gemeinsame öffentliche Full-Width-Hülle.
 * Bricht aus typischen Theme-/Block-Contentbreiten aus, ohne Theme-Dateien zu verändern.
 */
.wcs-public-shell {
	position: relative;
	box-sizing: border-box;
	inline-size: 100vw;
	max-inline-size: 100vw;
	margin-inline: calc(50% - 50vw);
	padding-inline: clamp(12px, 3vw, 48px);
	padding-block: clamp(18px, 3vw, 42px);
	overflow-x: clip;
}

@supports (width: 100dvw) {
	.wcs-public-shell {
		inline-size: 100dvw;
		max-inline-size: 100dvw;
		margin-inline: calc(50% - 50dvw);
	}
}

.wcs-public-inner {
	inline-size: 100%;
	max-inline-size: none;
	margin: 0 auto;
}

.wcs-public-shell .wcs-app,
.wcs-public-shell .wcs-transparency,
.wcs-public-shell .wcs-candidates,
.wcs-public-shell .wcs-countdown {
	inline-size: 100%;
	max-inline-size: none;
	margin: 0;
}

/* Verhindert, dass Themes Tabellen/Medien über die Viewportbreite drücken. */
.wcs-public-shell img,
.wcs-public-shell video,
.wcs-public-shell iframe {
	max-inline-size: 100%;
}

.wcs-public-shell table {
	max-inline-size: 100%;
}

/* Große Displays: volle Seitenbreite, aber mit komfortablem Innenabstand. */
@media (min-width: 1440px) {
	.wcs-public-shell {
		padding-inline: clamp(48px, 5vw, 96px);
	}
}

/* Tablets */
@media (max-width: 900px) {
	.wcs-public-shell {
		padding-inline: clamp(14px, 2.8vw, 26px);
		padding-block: clamp(16px, 2.8vw, 28px);
	}
}

/* Smartphones */
@media (max-width: 600px) {
	.wcs-public-shell {
		padding-inline: 12px;
		padding-block: 14px 20px;
	}

	.wcs-public-shell button,
	.wcs-public-shell .wcs-btn {
		min-block-size: 44px;
	}

	.wcs-public-shell input,
	.wcs-public-shell select,
	.wcs-public-shell textarea,
	.wcs-public-shell button {
		max-inline-size: 100%;
	}
}

/* Sehr kleine Geräte */
@media (max-width: 360px) {
	.wcs-public-shell {
		padding-inline: 8px;
	}
}


/* 1.1 – projektbezogenes Design */
.wcs-public-shell{
	background:var(--wcs-project-bg,#ffffff);
	color:var(--wcs-project-text,#111114);
}

.wcs-project-logo{
	display:block;
	width:auto;
	height:auto;
	max-width:min(260px,70vw);
	max-height:110px;
	object-fit:contain;
	margin:0 0 1rem;
}

.wcs-project-logo--countdown{
	margin:0 auto 1rem;
	max-height:120px;
}

@media(max-width:600px){
	.wcs-project-logo{
		max-width:min(220px,72vw);
		max-height:86px;
	}
}

.wcs-project-index ul{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
	gap:14px;
	padding:0;
	list-style:none;
}
.wcs-project-index li{
	padding:1rem;
	border:1px solid #dce1e5;
	border-radius:14px;
	background:#fff;
}
.wcs-project-index-logo{
	max-width:180px;
	max-height:70px;
	margin-bottom:.75rem;
}


/* 1.3 – Trägerschaft und Verantwortliche */
.wcs-project-attribution{
	width:min(100%,900px);
	margin:1rem 0 1.35rem;
	color:var(--wcs-project-text,#111114);
}
.wcs-project-origin-badge{
	display:inline-flex;
	align-items:center;
	gap:.5rem;
	padding:.55rem .8rem;
	border:1px solid color-mix(in srgb,var(--wcs-project-primary,#ff007a) 30%,#dce1e5);
	border-radius:999px;
	background:color-mix(in srgb,var(--wcs-project-primary,#ff007a) 9%,var(--wcs-project-surface,#f7f7f8));
	color:var(--wcs-project-secondary,#c4005e);
	font-size:.9rem;
	font-weight:850;
	line-height:1.2;
}
.wcs-project-attribution.is-official .wcs-project-origin-badge{
	border-color:color-mix(in srgb,var(--wcs-project-primary,#ff007a) 45%,#dce1e5);
}
.wcs-project-origin-icon{
	display:inline-grid;
	place-items:center;
	width:1.35rem;
	height:1.35rem;
	flex:0 0 1.35rem;
	border-radius:50%;
	background:var(--wcs-project-primary,#ff007a);
	color:#fff;
	font-size:.76rem;
	font-weight:900;
}
.wcs-project-attribution.is-applicant .wcs-project-origin-icon{
	background:var(--wcs-project-secondary,#c4005e);
	font-size:.55rem;
}
.wcs-project-responsibility{
	margin-top:.85rem;
	padding:1rem;
	border:1px solid #dce1e5;
	border-radius:14px;
	background:var(--wcs-project-surface,#f7f7f8);
	box-shadow:0 8px 24px rgba(24,32,40,.04);
}
.wcs-project-responsibility h3{
	margin:0 0 .7rem;
	font-size:1.05rem;
}
.wcs-project-responsibility p{
	margin:.25rem 0 0;
}
.wcs-project-responsible-list{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));
	gap:.65rem;
	margin:0;
	padding:0;
	list-style:none;
}
.wcs-project-responsible-list li{
	display:flex;
	flex-direction:column;
	gap:.2rem;
	padding:.75rem;
	border-radius:10px;
	background:color-mix(in srgb,var(--wcs-project-primary,#ff007a) 5%,var(--wcs-project-surface,#f7f7f8));
}
.wcs-project-responsible-list li strong{
	font-size:.98rem;
}
.wcs-project-responsible-list li span{
	color:color-mix(in srgb,var(--wcs-project-text,#111114) 72%,#fff);
	font-size:.9rem;
}
.wcs-project-responsible-list a{
	margin-top:.2rem;
	color:var(--wcs-project-primary,#ff007a);
	font-size:.9rem;
	font-weight:750;
}
.wcs-project-index-origin{
	display:inline-block;
	margin:0 0 .65rem;
	padding:.28rem .55rem;
	border-radius:999px;
	font-size:.78rem;
	font-weight:850;
}
.wcs-project-index-origin.is-official{
	background:#e8f4ee;
	color:#17653a;
}
.wcs-project-index-origin.is-applicant{
	background:#eef2f5;
	color:#45515d;
}
@supports not (color:color-mix(in srgb,#000 10%,#fff)){
	.wcs-project-origin-badge{border-color:#c9d8da;background:#edf5f5}
	.wcs-project-responsible-list li{background:#f6f8f8}
	.wcs-project-responsible-list li span{color:#5f6973}
}
@media(max-width:600px){
	.wcs-project-origin-badge{
		align-items:flex-start;
		border-radius:12px;
	}
	.wcs-project-responsibility{
		padding:.85rem;
	}
	.wcs-project-responsible-list{
		grid-template-columns:1fr;
	}
}


/* 1.5 – Muster-Kreuzchecks */
.wcs-project-attribution.is-sample .wcs-project-origin-badge{
	border-color:#e6c768;
	background:#fff7d8;
	color:#6e5200;
}
.wcs-project-attribution.is-sample .wcs-project-origin-icon{
	background:#8a6500;
	color:#fff;
}
.wcs-project-sample-note{
	display:flex;
	flex-direction:column;
	gap:.25rem;
	margin-top:.75rem;
	padding:.85rem 1rem;
	border:1px solid #ead98f;
	border-radius:12px;
	background:#fffaf0;
	color:#5b4a13;
}
.wcs-project-sample-note strong{font-weight:900}
.wcs-project-sample-note span{line-height:1.45}


/* 1.8 – Check-dein-Kreuz-inspiriertes Standarddesign */
.wcs-public-shell{
	--wcs-brand-pink:var(--wcs-project-primary,#ff007a);
	--wcs-brand-pink-dark:var(--wcs-project-secondary,#c4005e);
	--wcs-brand-bg:var(--wcs-project-bg,#ffffff);
	--wcs-brand-surface:var(--wcs-project-surface,#f7f7f8);
	--wcs-brand-text:var(--wcs-project-text,#111114);
	--wcs-brand-muted:color-mix(in srgb,var(--wcs-brand-text) 68%,#ffffff);
	--wcs-brand-border:color-mix(in srgb,var(--wcs-brand-text) 14%,#ffffff);
	--wcs-brand-soft:color-mix(in srgb,var(--wcs-brand-pink) 13%,var(--wcs-brand-surface));
	--wcs-brand-on-primary:var(--wcs-project-on-primary,#111114);
	--wcs-brand-on-secondary:var(--wcs-project-on-secondary,#ffffff);
	background:
		radial-gradient(circle at 12% -8%,color-mix(in srgb,var(--wcs-brand-pink) 8%,transparent),transparent 34rem),
		var(--wcs-brand-bg);
	color:var(--wcs-brand-text);
	font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.wcs-public-shell :where(h1,h2,h3,h4){
	color:var(--wcs-brand-text);
	font-weight:850;
	letter-spacing:-.025em;
}
.wcs-public-shell :where(a){
	text-underline-offset:.18em;
}
.wcs-public-shell .wcs-app{
	--wcs-bg:var(--wcs-brand-bg);
	--wcs-card:var(--wcs-brand-surface);
	--wcs-text:var(--wcs-brand-text);
	--wcs-muted:var(--wcs-brand-muted);
	--wcs-border:var(--wcs-brand-border);
	--wcs-accent:var(--wcs-brand-pink);
	--wcs-accent-strong:var(--wcs-brand-pink-dark);
	--wcs-soft:var(--wcs-brand-soft);
	--wcs-positive:color-mix(in srgb,#2ebd72 22%,var(--wcs-brand-surface));
	--wcs-neutral:color-mix(in srgb,#d5aa32 20%,var(--wcs-brand-surface));
	--wcs-negative:color-mix(in srgb,#e95864 20%,var(--wcs-brand-surface));
}
.wcs-public-shell .wcs-card,
.wcs-public-shell .wcs-result-item,
.wcs-public-shell .wcs-weight-row{
	box-shadow:0 16px 44px rgba(0,0,0,.22);
}
.wcs-public-shell .wcs-btn-primary{
	color:var(--wcs-brand-on-primary);
	box-shadow:0 8px 24px color-mix(in srgb,var(--wcs-brand-pink) 24%,transparent);
}
.wcs-public-shell .wcs-btn-primary:hover{
	color:var(--wcs-brand-on-secondary);
}
.wcs-public-shell .wcs-answer:hover,
.wcs-public-shell .wcs-answer:focus-visible,
.wcs-public-shell .wcs-btn:focus-visible,
.wcs-public-shell .wcs-weight-row:focus-within{
	box-shadow:0 0 0 3px color-mix(in srgb,var(--wcs-brand-pink) 28%,transparent);
}
.wcs-public-shell .wcs-candidates{
	--text:var(--wcs-brand-text);
	--muted:var(--wcs-brand-muted);
	--border:var(--wcs-brand-border);
	--accent:var(--wcs-brand-pink);
}
.wcs-public-shell .wcs-candidate-public-card{
	background:var(--wcs-brand-surface);
	border-color:var(--wcs-brand-border);
	box-shadow:0 14px 38px rgba(0,0,0,.2);
}
.wcs-public-shell .wcs-candidate-public-photo,
.wcs-public-shell .wcs-candidate-photo-placeholder{
	background:color-mix(in srgb,var(--wcs-brand-text) 7%,var(--wcs-brand-surface));
}
.wcs-public-shell .wcs-candidate-status-notice{
	background:color-mix(in srgb,var(--wcs-brand-text) 5%,var(--wcs-brand-surface));
	border-color:var(--wcs-brand-border);
}
.wcs-public-shell .wcs-transparency{
	--wcs-t-text:var(--wcs-brand-text);
	--wcs-t-muted:var(--wcs-brand-muted);
	--wcs-t-border:var(--wcs-brand-border);
	--wcs-t-accent:var(--wcs-brand-pink);
	--wcs-t-soft:var(--wcs-brand-soft);
}
.wcs-public-shell .wcs-transparency-grid article,
.wcs-public-shell .wcs-transparency-table-wrap{
	background:var(--wcs-brand-surface);
	border-color:var(--wcs-brand-border);
}
.wcs-public-shell .wcs-forum{
	--wcs-f-text:var(--wcs-brand-text);
	--wcs-f-muted:var(--wcs-brand-muted);
	--wcs-f-border:var(--wcs-brand-border);
	--wcs-f-accent:var(--wcs-brand-pink);
	--wcs-f-accent-dark:var(--wcs-brand-pink-dark);
	--wcs-f-soft:var(--wcs-brand-soft);
}
.wcs-public-shell .wcs-forum-card,
.wcs-public-shell .wcs-forum-video-card,
.wcs-public-shell .wcs-forum-message,
.wcs-public-shell .wcs-forum-media-consent{
	background:var(--wcs-brand-surface);
	border-color:var(--wcs-brand-border);
}
.wcs-public-shell .wcs-forum-registration input{
	background:var(--wcs-brand-bg);
	border-color:var(--wcs-brand-border);
	color:var(--wcs-brand-text);
}
.wcs-public-shell .wcs-forum-button{
	color:var(--wcs-brand-on-primary);
}
.wcs-public-shell .wcs-countdown{
	--wcs-c-text:var(--wcs-brand-text);
	--wcs-c-muted:var(--wcs-brand-muted);
	--wcs-c-border:var(--wcs-brand-border);
	--wcs-c-accent:var(--wcs-brand-pink);
	--wcs-c-soft:var(--wcs-brand-soft);
	background:var(--wcs-brand-surface);
	border-color:var(--wcs-brand-border);
	box-shadow:0 18px 48px rgba(0,0,0,.22);
}
.wcs-public-shell .wcs-countdown-refresh{
	color:var(--wcs-brand-on-primary);
}
.wcs-project-origin-badge{
	border-color:color-mix(in srgb,var(--wcs-brand-pink) 38%,var(--wcs-brand-border));
	background:var(--wcs-brand-soft);
	color:var(--wcs-brand-text);
}
.wcs-project-origin-icon{
	color:var(--wcs-brand-on-primary);
}
.wcs-project-responsibility{
	background:var(--wcs-brand-surface);
	border-color:var(--wcs-brand-border);
	box-shadow:0 10px 30px rgba(0,0,0,.2);
}
.wcs-project-responsible-list li{
	background:color-mix(in srgb,var(--wcs-brand-text) 5%,var(--wcs-brand-surface));
}
.wcs-project-responsible-list li span{
	color:var(--wcs-brand-muted);
}
.wcs-project-index li{
	border-color:var(--wcs-brand-border);
	background:var(--wcs-brand-surface);
	box-shadow:0 12px 34px rgba(0,0,0,.18);
}
.wcs-project-index a{color:var(--wcs-brand-text)}
@supports not (color:color-mix(in srgb,#000 10%,#fff)){
	.wcs-public-shell{
		--wcs-brand-muted:#65656d;
		--wcs-brand-border:#dedee3;
		--wcs-brand-soft:#fff0f7;
	}
}


/* 1.9 – öffentliches Kreuzcheck-Untermenü */
.wcs-public-project-nav{
	position:relative;
	z-index:20;
	width:100%;
	margin:0 0 clamp(18px,3vw,30px);
	padding:0;
	border-bottom:1px solid var(--wcs-brand-border,rgba(255,255,255,.16));
}
.wcs-public-project-nav__scroll{
	display:flex;
	align-items:stretch;
	gap:4px;
	overflow-x:auto;
	scrollbar-width:thin;
	-webkit-overflow-scrolling:touch;
	padding:0 0 8px;
}
.wcs-public-project-nav__link{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	flex:0 0 auto;
	min-height:44px;
	padding:.65rem .9rem;
	border:1px solid transparent;
	border-radius:999px;
	color:var(--wcs-brand-text,var(--wcs-project-text,#111114));
	text-decoration:none!important;
	font-size:.92rem;
	font-weight:800;
	line-height:1.15;
	white-space:nowrap;
	transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;
}
.wcs-public-project-nav__link:hover,
.wcs-public-project-nav__link:focus-visible{
	border-color:color-mix(in srgb,var(--wcs-brand-pink,var(--wcs-project-primary,#ff007a)) 55%,transparent);
	background:color-mix(in srgb,var(--wcs-brand-pink,var(--wcs-project-primary,#ff007a)) 12%,transparent);
	color:var(--wcs-brand-text,var(--wcs-project-text,#111114));
	outline:none;
	transform:translateY(-1px);
}
.wcs-public-project-nav__link.is-active{
	border-color:var(--wcs-brand-pink,var(--wcs-project-primary,#ff007a));
	background:var(--wcs-brand-pink,var(--wcs-project-primary,#ff007a));
	color:var(--wcs-brand-on-primary,var(--wcs-project-on-primary,#111114));
	box-shadow:0 8px 22px color-mix(in srgb,var(--wcs-brand-pink,var(--wcs-project-primary,#ff007a)) 22%,transparent);
}
.wcs-public-responsibles{
	width:100%;
	max-width:1100px;
	margin:0 auto;
	color:var(--wcs-brand-text,var(--wcs-project-text,#111114));
}
.wcs-public-responsibles__header{
	max-width:850px;
	margin-bottom:1.5rem;
}
.wcs-public-responsibles__kicker{
	color:var(--wcs-brand-pink,var(--wcs-project-primary,#ff007a));
	font-size:.78rem;
	font-weight:850;
	letter-spacing:.08em;
	text-transform:uppercase;
}
.wcs-public-responsibles__header h2{
	margin:.25rem 0 .6rem;
	font-size:clamp(2rem,6vw,3.5rem);
	line-height:1.05;
}
.wcs-public-responsibles__header>p{
	color:var(--wcs-brand-muted,#65656d);
	font-size:1.05rem;
}
.wcs-public-responsibles__grid{
	display:grid;
	grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));
	gap:14px;
}
.wcs-public-responsible-card,
.wcs-public-responsibles__notice{
	padding:1rem 1.05rem;
	border:1px solid var(--wcs-brand-border,rgba(255,255,255,.16));
	border-radius:16px;
	background:var(--wcs-brand-surface,var(--wcs-project-surface,#f7f7f8));
	box-shadow:0 12px 34px rgba(0,0,0,.18);
}
.wcs-public-responsible-card h3{
	margin:0 0 .35rem;
	font-size:1.2rem;
}
.wcs-public-responsible-card p,
.wcs-public-responsibles__notice p{
	margin:.25rem 0 0;
	color:var(--wcs-brand-muted,#65656d);
}
.wcs-public-responsible-card a{
	display:inline-flex;
	margin-top:.65rem;
	color:var(--wcs-brand-pink,var(--wcs-project-primary,#ff007a));
	font-weight:800;
}
@supports not (color:color-mix(in srgb,#000 10%,#fff)){
	.wcs-public-project-nav__link:hover,
	.wcs-public-project-nav__link:focus-visible{background:#2b1522;border-color:#ff4da0}
}
@media(max-width:640px){
	.wcs-public-project-nav{
		margin-bottom:16px;
	}
	.wcs-public-project-nav__scroll{
		margin-inline:-2px;
		padding-bottom:7px;
	}
	.wcs-public-project-nav__link{
		min-height:42px;
		padding:.6rem .75rem;
		font-size:.86rem;
	}
}

.wcs-project-index-origin.is-external{background:#eaf3ff;color:#174f8f}
