/* Author Box abx8f2c41 – Textumfluss um Avatar */

.abx-abx8f2c41 {
	position: relative;
	width: 100%;
}

.abx-abx8f2c41__avatar {
	line-height: 0;
}

.abx-abx8f2c41__avatar img {
	display: block;
	object-fit: cover;
	max-width: 100%;
	height: auto;
}

.abx-abx8f2c41__avatar a {
	display: inline-block;
	line-height: 0;
}

.abx-abx8f2c41__heading,
.abx-abx8f2c41__name {
	margin: 0 0 0.5em;
	padding: 0;
}

.abx-abx8f2c41__name a {
	text-decoration: none;
	color: inherit;
}

.abx-abx8f2c41__name a:hover {
	text-decoration: underline;
}

.abx-abx8f2c41__bio {
	margin: 0 0 1em;
}

.abx-abx8f2c41__bio p {
	margin: 0 0 0.85em;
}

.abx-abx8f2c41__bio p:last-child {
	margin-bottom: 0;
}


.abx-abx8f2c41__button {
	display: inline-block;
	text-decoration: none;
	padding: 0.55em 1.1em;
	line-height: 1.3;
	border: 1px solid transparent;
	transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

/* Social icons */
.abx-abx8f2c41__socials {
	--abx-social-pad: 10px;
	list-style: none;
	margin: 12px 0 0;
	/* Icon-Padding kompensieren: Glyph bündig mit Textkante */
	margin-inline-start: calc(0px - var(--abx-social-pad));
	padding: 0;
	padding-inline-start: 0;
	width: calc(100% + var(--abx-social-pad));
	max-width: none;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	box-sizing: border-box;
}

.abx-abx8f2c41__social-item {
	margin: 0;
	padding: 0;
	list-style: none;
}

.abx-abx8f2c41__social-link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	text-decoration: none;
	color: #ffffff;
	background-color: #69727d;
	border: 1px solid transparent;
	border-radius: 10%;
	transition: color 0.3s ease, background-color 0.3s ease, border-color 0.3s ease, filter 0.3s ease, opacity 0.3s ease;
}

.abx-abx8f2c41__socials.shape-square .abx-abx8f2c41__social-link {
	border-radius: 0;
}

.abx-abx8f2c41__socials.shape-rounded .abx-abx8f2c41__social-link {
	border-radius: 10%;
}

.abx-abx8f2c41__socials.shape-circle .abx-abx8f2c41__social-link {
	border-radius: 50%;
}

.abx-abx8f2c41__social-link:focus {
	outline: none;
}

.abx-abx8f2c41__social-link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.abx-abx8f2c41__social-icon,
.abx-abx8f2c41__social-icon i,
.abx-abx8f2c41__social-icon svg {
	display: block;
	line-height: 1;
	width: 1em;
	height: 1em;
}

.abx-abx8f2c41__social-icon svg {
	fill: currentColor;
}

/* Official brand colors (wie Elementor Social Icons) */
.abx-abx8f2c41__socials.is-official .abx-social--facebook { background-color: #3b5998; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--twitter { background-color: #000000; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--instagram { background-color: #262626; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--linkedin { background-color: #0077b5; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--youtube { background-color: #cd201f; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--github { background-color: #333333; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--pinterest { background-color: #bd081c; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--tiktok { background-color: #010101; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--whatsapp { background-color: #25d366; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--telegram { background-color: #2ca5e0; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--xing { background-color: #006567; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--mastodon { background-color: #6364ff; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--discord { background-color: #5865f2; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--reddit { background-color: #ff4500; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--vimeo { background-color: #1ab7ea; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--dribbble { background-color: #ea4c89; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--behance { background-color: #1769ff; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--spotify { background-color: #1db954; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--apple { background-color: #000000; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--email { background-color: #ea4335; color: #fff; }
.abx-abx8f2c41__socials.is-official .abx-social--generic { background-color: #69727d; color: #fff; }

.abx-abx8f2c41__socials.is-official .abx-abx8f2c41__social-link:hover,
.abx-abx8f2c41__socials.is-official .abx-abx8f2c41__social-link:focus-visible {
	filter: brightness(0.9);
}

.abx-abx8f2c41__socials.is-custom .abx-abx8f2c41__social-link {
	color: #69727d;
	background-color: transparent;
}

/* --- Text umfließt Bild (Kernfeature) --- */
.abx-abx8f2c41.is-wrap::after {
	content: '';
	display: table;
	clear: both;
}

.abx-abx8f2c41.is-wrap.layout-image-left .abx-abx8f2c41__avatar {
	float: left;
	margin: 0 20px 16px 0;
}

.abx-abx8f2c41.is-wrap.layout-image-right .abx-abx8f2c41__avatar {
	float: right;
	margin: 0 0 16px 20px;
}

.abx-abx8f2c41.is-wrap .abx-abx8f2c41__text {
	display: block;
	overflow: visible;
}

/* Social + Button unter dem Float */
.abx-abx8f2c41.is-wrap .abx-abx8f2c41__socials,
.abx-abx8f2c41.is-wrap .abx-abx8f2c41__button {
	clear: both;
}

/* --- Nebeneinander ohne Umfluss (wie Elementor) --- */
.abx-abx8f2c41.is-side {
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	gap: 20px;
}

.abx-abx8f2c41.is-side.layout-image-right {
	flex-direction: row-reverse;
}

.abx-abx8f2c41.is-side .abx-abx8f2c41__avatar {
	flex-shrink: 0;
}

.abx-abx8f2c41.is-side .abx-abx8f2c41__text {
	flex: 1 1 auto;
	min-width: 0;
}

/* --- Bild oben --- */
.abx-abx8f2c41.is-stacked {
	display: flex;
	flex-direction: column;
}

.abx-abx8f2c41.is-stacked .abx-abx8f2c41__avatar {
	margin-bottom: 16px;
}

.abx-abx8f2c41.is-stacked .abx-abx8f2c41__avatar,
.abx-abx8f2c41.is-stacked .abx-abx8f2c41__avatar a {
	display: inline-block;
}

/* Mobile: Float/Umfluss beibehalten (Bild nicht über den Text schieben) */
@media (max-width: 767px) {
	.abx-abx8f2c41.is-wrap.layout-image-left .abx-abx8f2c41__avatar {
		float: left;
	}

	.abx-abx8f2c41.is-wrap.layout-image-right .abx-abx8f2c41__avatar {
		float: right;
	}

	.abx-abx8f2c41.is-side {
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.abx-abx8f2c41.is-side.layout-image-right {
		flex-direction: row-reverse;
	}
}

.abx-abx8f2c41--empty {
	opacity: 0.7;
	font-style: italic;
}