/* /// BREADCRUMBS //// */
.ne-breadcrumbs {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
	font-family: inherit;
  justify-content: center;
}
@media (max-width: 680px) {
	.ne-breadcrumbs {
	font-size: 1em;
}
}
.ne-breadcrumbs a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	text-decoration: none;
}
.ne-breadcrumbs a:hover {
	text-decoration: underline;
}
.ne-crumb-home-icon {
	vertical-align: middle;
}
.ne-crumb-sep {
	opacity: 0.7;
}
.ne-crumb-current {
	opacity: 0.7;
}

/* /// CHRONIK //// */

.sgc-wrap {
    font-family: inherit;
}

.sgc-filter {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    margin-bottom: 2.5rem;
}

.sgc-filter-label {
    font-size: 13px;
    color: #666;
}

.sgc-btn, .sgc-btn-jz {
    font-size: 14px!important;
    padding: 10px 16px!important;
    border-radius: 20px!important;
    border: 1px solid #ccc!important;
    background: transparent!important;
    color: #555!important;
    cursor: pointer!important;
    transition: all .15s!important;
}
.sgc-btn:hover, .sgc-btn-jz:hover {
    background: #f5f5f5!important;
}
.sgc-btn.active, .sgc-btn-jz.active {
    background: #e8f0fe;
    color: #1a56db;
    border-color: #93b4f5;
}

.sgc-timeline {
    position: relative;
    padding-left: 44px;
}

.sgc-timeline::before {
    content: '';
    position: absolute;
    left: 13px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #103483;
}

.sgc-entry {
    position: relative;
    margin-bottom: 25px;
}

.sgc-entry.sgc-hidden {
    display: none;
}

.sgc-dot {
    position: absolute;
    left: -38px;
    top: 20px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #103483;
    transition: all .25s;
}

.sgc-entry:hover .sgc-dot {
    border-color: #103484;
    width: 20px;
    height: 20px;
    top: 30px;
		left: -40px;
}

.sgc-card {
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    padding: calc(8px + (15 - 8) * ((100vw - 320px) / (1200 - 220)));
    transition: border-color .15s;
}

.sgc-entry:hover .sgc-card {
    border-color: #ccc;
}

.sgc-year {
    font-size: calc(22px + (27 - 22) * ((100vw - 320px) / (1200 - 220)));
    font-weight: 600;
    color: #103484;
    margin-bottom: 4px;
}

.sgc-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 6px;
}

.sgc-tag {
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 12px;
    background: #f0f0f0;
    color: #555;
}


.sgc-decade-empty .sgc-decade-label {
    display: none;
}

@media (max-width: 480px) {

    .sgc-timeline {
        padding-left: 32px;
    }

    .sgc-dot {
        left: -27px;
    }

    .sgc-decade-label {
        margin-left: -32px;
        padding-left: 32px;
    }
}

/*  ///// PLATZIERUNGEN CPT ///////*/
.platzierung-item {
    font-size: clamp(16px, 2vw + 10px, 20px);
    font-weight: 300;
    letter-spacing: 0.02em;
    display: flex;
    gap: 0 15px;
		line-height: 1.3;
		border-bottom: 1px solid #e2e2e2;
    padding-top: 15px;
    padding-bottom: 15px;
}
@media (max-width: 550px) {
    .platzierung-item {
        flex-wrap: wrap;
        
		}}
/* Wichtig: flex-shrink verhindert das Verschieben bei kleinerem Fenster */
span.platzierung-jahr {
    width: 120px;
    flex-shrink: 0; 
		font-weight: 400;
}

/* Sorgt dafür, dass langer Text sauber als Block rechts umbricht */
.platzierung-text {
    flex-grow: 1;
}

.platzierung-text a {
    text-decoration: none;
}

.platzierung-text a:hover {
    color: #333;
		text-decoration: underline;
}

/*  COOKIE BANNER*/
.cmplz-cookiebanner .cmplz-logo img {
    max-height: 100px;
    
}