/*
 * Xpert.Digital – wiederverwendbare Außenrails
 * Für Single-Templates / Kategorien / weitere Theme-Templates.
 *
 * Geometrie:
 * Hauptcontainer: 1122px
 * Rail:          300px
 * Abstand Rail:   12px
 * Außenabstand:   24px
 */

.xpert-rails-stage{
	position:relative;
	width:100%;
}

.xpert-external-rails{
	position:absolute;
	inset:0;
	z-index:30;
	pointer-events:none;
}

.xpert-external-rail{
	position:absolute;
	top:0;
	width:300px;
	box-sizing:border-box;
	pointer-events:auto;
}

.xpert-external-rail-left{
	left:-312px;
}

.xpert-external-rail-right{
	left:calc(100% + 12px);
}

.xpert-external-rail:empty{
	display:none;
}

/* Alte Theme-Positionierung vollständig neutralisieren */
.xpert-external-rail #business-innovator{
	position:static !important;
	left:auto !important;
	right:auto !important;
	top:auto !important;
	bottom:auto !important;
	transform:none !important;
	float:none !important;
	clear:none !important;
	margin:0 !important;
	padding:0 !important;
	width:300px !important;
	max-width:300px !important;
}

/* Startseiten-Rail-Design auch in anderen Templates sauber übernehmen */
.xpert-external-rail .xpert-rail-left-v2{
	width:300px;
	max-width:300px;
	box-sizing:border-box;
}

.xpert-external-rail .xpert-rail-left-v2 *,
.xpert-external-rail .xpert-rail-left-v2 *::before,
.xpert-external-rail .xpert-rail-left-v2 *::after{
	box-sizing:border-box;
}

/*
 * >= 1794px:
 * 24 + 300 + 12 + 1122 + 12 + 300 + 24 = 1794
 * Beide Außenrails passen vollständig.
 */
@media (min-width:1794px){
	.xpert-rails-enabled .body-wrapper{
		position:relative;
		left:0 !important;
	}

	.xpert-external-rail-left,
	.xpert-external-rail-right{
		display:block;
	}
}

/*
 * 1476–1793px:
 * Links bleibt die Rail sichtbar.
 * Ganze Seite so weit nach rechts, dass links exakt 24px Luft bleiben.
 * Rechts reicht der Platz nicht mehr für eine zweite 300px-Rail.
 */
@media (min-width:1476px) and (max-width:1793px){
	.xpert-rails-enabled .body-wrapper{
		position:relative;
		left:calc(897px - 50vw) !important;
	}

	.xpert-external-rail-left{
		display:block;
	}

	.xpert-external-rail-right{
		display:none !important;
	}
}

/* Unter 1476px: Außenrails weg, normale zentrierte Seite */
@media (max-width:1475px){
	.xpert-rails-enabled .body-wrapper{
		left:0 !important;
		transform:none !important;
	}

	.xpert-external-rails{
		display:none !important;
	}
}

/* =========================================================
   V2 – Linke Außenrail optisch identisch zur Startseite
   ========================================================= */

.xpert-external-rail .xpert-rail-left-v2{
	width:300px;
	max-width:300px;
	margin:0;
	padding:0;
	font-family:inherit;
	color:#234c70;
}

.xpert-external-rail .xpert-rail-left-v2 *{
	box-sizing:border-box;
}

.xpert-external-rail .xpert-rail-left-v2 a{
	text-decoration:none;
	color:inherit;
}

.xpert-external-rail .xpert-rail-left-v2 img{
	display:block;
	max-width:100%;
	height:auto;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-card{
	width:100%;
	margin:0 0 16px;
	background:#fafcfe;
	border:1px solid #d7e1e8;
	border-radius:4px;
	box-shadow:0 2px 8px rgba(0,0,0,.045);
	overflow:hidden;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-card-inner{
	padding:18px 18px 16px;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-card--accent{
	border-left:4px solid #d4af37;
	border-top-left-radius:0;
	border-bottom-left-radius:0;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-kicker{
	display:block;
	margin:0 0 10px;
	font-size:12px;
	font-weight:800;
	line-height:1.2;
	letter-spacing:.02em;
	text-transform:uppercase;
	color:#234c70;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-title{
	display:block;
	margin:0 0 10px;
	font-size:17px;
	font-weight:800;
	line-height:1.28;
	color:#2f2f2f;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-text{
	display:block;
	font-size:13px;
	line-height:1.6;
	font-weight:600;
	color:#5c5c5c;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-badge-card{
	text-align:center;
	background:#fffef9;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-badge-wrap{
	padding:16px 14px 10px;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-badge-image{
	margin:0 auto 10px;
	width:100%;
	max-width:240px;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-badge-link{
	display:block;
	padding:0 14px 14px;
	font-size:13px;
	font-weight:800;
	line-height:1.2;
	color:#234c70;
	text-align:center;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-badge-link:hover{
	color:#173b5a;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-card--news-wrap{
	padding:12px;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-news-btn{
	display:flex;
	align-items:center;
	gap:12px;
	width:100%;
	padding:15px 16px;
	background:linear-gradient(180deg,#f2da77 0%,#e4c34a 100%);
	border:1px solid #c89d1b;
	border-radius:4px;
	box-shadow:0 2px 7px rgba(0,0,0,.06);
	color:#2e2e2e;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-news-btn:hover{
	filter:brightness(.98);
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-news-icon{
	flex:0 0 18px;
	width:18px !important;
	height:18px !important;
	display:block;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-news-copy{
	display:flex;
	flex-direction:column;
	gap:2px;
	text-align:left;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-news-top{
	font-size:12px;
	line-height:1.2;
	font-weight:500;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-news-bottom{
	font-size:14px;
	line-height:1.2;
	font-weight:800;
}

.xpert-external-rail .xpert-rail-left-v2 .xrl-card:last-child{
	margin-bottom:0;
}