/* News Category Layout (Astra-compatible) */
:root{
	--ncl-accent:#c40000;
	--ncl-bg:#ffffff;
	--ncl-ink:#111;
	--ncl-muted:#6b7280;
	--ncl-line:rgba(15,23,42,.12);
	--ncl-card:#fff;
	--ncl-shadow:0 8px 26px rgba(2,6,23,.06);
	--ncl-radius:14px;
}

.ncl{background:var(--ncl-bg); color:var(--ncl-ink);}
.ncl-shell{max-width:1200px; margin:0 auto; padding:22px 16px 36px;}
.ncl-title{margin:0; font-size:clamp(28px,3.2vw,44px); line-height:1.05; letter-spacing:-.02em;}
.ncl-desc{margin:10px 0 0; color:var(--ncl-muted); max-width:70ch;}
.ncl-top{display:block; padding-bottom:14px; border-bottom:1px solid var(--ncl-line);}
.ncl-top__row{display:flex; gap:16px; align-items:flex-start; justify-content:space-between;}
.ncl-top__title{min-width:0;}
.ncl-top--modern{padding-bottom:18px; border-bottom:none;}

.ncl-bc{margin-top:10px; font-size:12px; color:var(--ncl-muted); display:flex; flex-wrap:wrap; gap:6px; align-items:center;}
.ncl-bc a{color:var(--ncl-muted); text-decoration:none; font-weight:700;}
.ncl-bc a:hover{color:var(--ncl-ink); text-decoration:underline;}
.ncl-bc__sep{opacity:.8;}
.ncl-bc__cur{color:var(--ncl-ink); font-weight:800;}

/* Category header row: Hero (60%) + AKTUELL (40%) */
.ncl-headrow{display:flex; gap:14px; align-items:stretch; margin-top:14px;}
.ncl-headrow__hero{flex:0 1 60%; min-width:0;}
.ncl-headrow__ticker{flex:0 0 40%; min-width:260px; display:flex; align-items:stretch;}
.ncl-headrow__ticker .ncl-ticker{width:100%; max-width:none;}

.ncl-ticker{min-width:310px; max-width:380px; border:1px solid var(--ncl-line); border-left:4px solid var(--ncl-accent); background:#fff; border-radius:12px; overflow:hidden;}
.ncl-ticker__head{font-weight:800; font-size:12px; letter-spacing:.08em; text-transform:uppercase; padding:10px 12px; background:linear-gradient(0deg, rgba(196,0,0,.06), rgba(196,0,0,.06));}
.ncl-ticker__list{list-style:none; margin:0; padding:6px 12px 10px;}
.ncl-ticker__list li{padding:6px 0; border-top:1px dashed rgba(15,23,42,.12);}
.ncl-ticker__list li:first-child{border-top:0;}
.ncl-ticker__list a{color:var(--ncl-ink); text-decoration:none; font-weight:600;}
.ncl-ticker__list a:hover{text-decoration:underline;}
.ncl-ticker--compact{min-width:290px; max-width:420px;}
.ncl-ticker--compact .ncl-ticker__list li{padding:7px 0;}

/* Subcategory tabs (only rendered if subcategories exist) */
.ncl-tabs{margin:14px 0 6px;}
.ncl-tabs ul{display:flex; gap:8px; list-style:none; margin:0; padding:0 0 10px; overflow:auto; border-bottom:1px solid var(--ncl-line); -webkit-overflow-scrolling:touch;}
.ncl-tabs li{flex:0 0 auto;}
.ncl-tabs a{display:inline-flex; align-items:center; padding:8px 12px; border:1px solid var(--ncl-line); border-radius:999px; text-decoration:none; color:var(--ncl-ink); background:#fff; font-weight:700; font-size:13px;}
.ncl-tabs a:hover{border-color:rgba(196,0,0,.45); box-shadow:0 6px 18px rgba(2,6,23,.06);}
.ncl-tabs .is-active a{border-color:var(--ncl-accent); box-shadow:0 10px 24px rgba(2,6,23,.06);}

.ncl-grid{display:grid; gap:18px; margin-top:18px;}
.ncl-grid--sidebar{grid-template-columns:minmax(0, 1fr) 340px;}
.ncl-grid--nosidebar{grid-template-columns:1fr;}

.ncl-main{min-width:0;}
.ncl-sidebar{position:sticky; top:18px; align-self:start; border-left:1px solid var(--ncl-line); padding-left:16px;}
.ncl-sidebar__sep{height:1px; background:var(--ncl-line); margin:16px 0;}
.ncl-sidebar__block{border:1px solid var(--ncl-line); border-radius:12px; padding:12px; background:#fff; box-shadow:0 10px 24px rgba(2,6,23,.05); margin-bottom:14px;}
.ncl-sidebar--modern{border-left:none; padding-left:0;}

.ncl-widgets{margin:0 0 14px;}
.ncl-widget{border:1px solid var(--ncl-line); border-radius:12px; padding:12px; background:#fff; box-shadow:0 10px 24px rgba(2,6,23,.05);}
.ncl-widget__title{margin:0 0 10px; font-size:14px; letter-spacing:.02em;}
.ncl-ad{margin:12px 0;}
.ncl-ad > *{max-width:100%;}

.ncl-meta{display:flex; align-items:center; gap:10px; color:var(--ncl-muted); font-size:12px; letter-spacing:.02em; margin-bottom:6px;}
.ncl-meta__cat{font-weight:700; color:var(--ncl-accent);}
.ncl-meta__sep{opacity:.8;}
.ncl-h{margin:0; font-size:20px; line-height:1.15; letter-spacing:-.01em;}
.ncl-h a{color:var(--ncl-ink); text-decoration:none;}
.ncl-h a:hover{text-decoration:underline;}
.ncl-excerpt{margin:10px 0 0; color:#334155; font-size:14px; line-height:1.55;}

.ncl-item{display:flex; gap:14px; padding:14px 0; border-bottom:1px solid var(--ncl-line); align-items:flex-start;}
.ncl-item--lead{padding:16px 0 18px; border-bottom:2px solid rgba(196,0,0,.18);}
.ncl-item--lead .ncl-h{font-size:26px;}
.ncl-thumb{display:block; width:220px; flex:0 0 220px; border-radius:12px; overflow:hidden; background:#f3f4f6; align-self:flex-start; aspect-ratio:16/10;}
.ncl-item--lead .ncl-thumb{aspect-ratio:16/9;}
.ncl-thumb img{width:100%; height:100%; object-fit:cover; display:block;}
.ncl-body{min-width:0;}

.ncl--layout1 .ncl-top{border-bottom:2px solid rgba(196,0,0,.18);}
.ncl--layout1 .ncl-title{position:relative;}
.ncl--layout1 .ncl-title:after{content:""; display:block; width:72px; height:4px; background:var(--ncl-accent); margin-top:10px; border-radius:999px;}

.ncl-mag{display:grid; gap:14px;}
.ncl-mag__item{display:grid; grid-template-columns:160px 1fr; gap:14px; padding:14px; border:1px solid var(--ncl-line); border-radius:14px; background:#fff; box-shadow:0 10px 24px rgba(2,6,23,.05);}
.ncl-mag__thumb{border-radius:12px; overflow:hidden; background:#f3f4f6; display:block;}
.ncl-mag__thumb{aspect-ratio:16/10;}
.ncl-mag__thumb img{width:100%; height:100%; object-fit:cover; display:block;}
.ncl-mag__body{min-width:0;}
.ncl--layout2 .ncl-top{border-bottom:1px solid var(--ncl-line);}
.ncl--layout2 .ncl-title{font-size:clamp(26px,2.6vw,40px);}

.ncl-cards{display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:14px;}
.ncl-card{border:1px solid var(--ncl-line); border-radius:var(--ncl-radius); background:var(--ncl-card); box-shadow:var(--ncl-shadow); overflow:hidden; display:flex; flex-direction:column; min-height:100%;}
.ncl-card__thumb{display:block; background:#f3f4f6;}
.ncl-card__thumb{aspect-ratio:16/9; overflow:hidden;}
.ncl-card__thumb img{width:100%; height:100%; object-fit:cover; display:block;}
.ncl-card__body{padding:14px;}
.ncl--layout3 .ncl-h{font-size:18px;}
.ncl--layout3 .ncl-excerpt{margin-top:8px;}

.ncl-pagination{margin:16px 0 0;}
.ncl-pagination ul{display:flex; flex-wrap:wrap; gap:8px; list-style:none; padding:0; margin:0;}
.ncl-pagination a,.ncl-pagination span{display:inline-flex; align-items:center; justify-content:center; min-width:38px; height:38px; border-radius:10px; border:1px solid var(--ncl-line); background:#fff; text-decoration:none; color:var(--ncl-ink); font-weight:700; padding:0 10px;}
.ncl-pagination .current{background:var(--ncl-accent); border-color:var(--ncl-accent); color:#fff;}

@media (max-width: 980px){
	.ncl-headrow{flex-direction:column;}
	.ncl-ticker{min-width:0; max-width:none; width:100%;}
	.ncl-grid--sidebar{grid-template-columns:1fr;}
	.ncl-sidebar{position:relative; top:auto; border-left:none; padding-left:0;}
	.ncl-thumb{width:160px; flex-basis:160px;}
	.ncl-cards{grid-template-columns:1fr;}
	.ncl-mag__item{grid-template-columns:1fr;}
	.ncl-mag__thumb{max-width:520px;}
}

@media (max-width: 560px){
	.ncl-shell{padding:18px 12px 28px;}
	.ncl-item{gap:12px;}
	.ncl-thumb{width:120px; flex-basis:120px;}
	.ncl-item--lead .ncl-h{font-size:22px;}
}


/* Right rail (AKTUELL + Hero) */
.ncl-top__right{display:flex; gap:12px; align-items:stretch;}
.ncl-hero{border:1px solid var(--ncl-line); background:#fff; border-radius:12px; overflow:hidden; box-shadow:var(--ncl-shadow);}
.ncl-hero__thumb{display:block; aspect-ratio:16/9; overflow:hidden;}
.ncl-hero__thumb img{width:100%; height:100%; object-fit:cover; display:block;}
.ncl-hero__body{padding:12px 12px 14px;}
.ncl-hero__kicker{font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:var(--ncl-muted); margin:0 0 6px;}
.ncl-hero__title{margin:0 0 6px; font-size:18px; line-height:1.18; letter-spacing:-.01em;}
.ncl-hero__title a{color:inherit; text-decoration:none;}
.ncl-hero__title a:hover{text-decoration:underline;}
.ncl-hero__meta{font-size:12px; color:var(--ncl-muted); margin:0 0 8px;}
.ncl-hero__excerpt{margin:0; color:#111; font-size:14px; line-height:1.45;}
.ncl-hero__content{margin-top:10px; color:#111; font-size:14px; line-height:1.55;}
.ncl-hero__content p{margin:0;}

/* Layout accents for Hero */
.ncl--layout1 .ncl-hero{border-color:rgba(196,0,0,.22);}
.ncl--layout1 .ncl-hero__kicker{color:var(--ncl-accent);}
.ncl--layout2 .ncl-hero{border-radius:14px;}
.ncl--layout3 .ncl-hero{border-radius:18px;}

/* Responsive */
@media (max-width: 980px){
	.ncl-headrow{flex-direction:column;}
	.ncl-ticker{max-width:none; width:100%;}
	.ncl-hero{max-width:none; width:100%;}
}