/* ── Container ─────────────────────────────────────────── */
#bubble-stage {
    width: 100vw;
    height: 50vh;
	display: flex;
    align-items: center;
}
.bubble-headline-layer{
	z-index:170;
} 
@media (max-width: 1100px) {
    #bubble-stage {
        width: 100%;
        height: 30vh;
        margin-left: 0;
			align-items: flex-start;
    }
}
 
/* ── Bubbles ────────────────────────────────────────────── */
.bla-bubble {
    position: absolute;
    border-radius: 50%;
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.03);
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.03);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    will-change: transform, left, top;
}
 
.bla-bubble img {
    width: 65%;
    height: 65%;
    object-fit: contain;
    border-radius: 0.1%;
    display: block;
    pointer-events: none;
    user-select: none;
    -webkit-user-drag: none;
}
 
.bla-bubble.is-linked {
    cursor: pointer;
}



/* Customer Ecperiemce Grid */
.ce-wrapper{
  border:1px solid #000;
	padding:1.5rem;
}
.ce-logo {
    padding: 0rem 2.5rem 1rem 2.5rem;
    height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ce-logo img {
    max-height: 100%;
    max-width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}
.ce-headline{
	font-weight:700;
	line-height:1.4rem;
}
.ce-sub-title{
	margin-top:-0.7rem;
	line-height:1.3rem;
}
.ce-excerpt{
	
}
.ce-horizontal{
	justify-content:space-between;
}
.ce-horizontal .w-vwrapper{
	margin-right:0.5rem;
}
.ce-horizontal .w-html{
	min-width:41px;
	display:block;
}

.ce-quote{
	width:42px !important;
	height:42px !important;
}
.ce-detail{
	width:40px;
	height:40px;
	background-color:#1f97d4;
	border-radius:50%;
	padding:6px;
}
.ce-read-more{
	font-weight:700;
}
@media (max-width: 1100px) {
.ce-logo {
    padding: 0rem 3.5rem 1rem 3.5rem;

}

} /* Mobil 1100 Ende */