/* ==========================================================================
   Bricks Angebotsbanner Element
   ========================================================================== */

.angebot-banner-wrapper {
	width: 100%;
	position: relative;
	display: block;
	box-sizing: border-box;
}

/* Link-Wrapper */
a.angebot-banner-wrapper {
	text-decoration: none;
	color: inherit;
}

a.angebot-banner-wrapper:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
	border-radius: 4px;
}

/* SVG */
.angebot-banner-wrapper .angebot-svg {
	width: 100%;
	height: auto;
	max-width: none;
	display: block;
	box-sizing: border-box;
}

/* Bricks Builder Override */
.brxe-angebot-banner .angebot-svg,
.brxe-angebot-banner svg {
	width: 100%;
	height: auto;
	max-width: none;
}

/* Text-Overlay */
.angebot-banner-wrapper .angebot-text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	box-sizing: border-box;
}

/* Reset Heading/P Defaults im Banner */
.angebot-banner-wrapper .angebot-text h1,
.angebot-banner-wrapper .angebot-text h2,
.angebot-banner-wrapper .angebot-text h3,
.angebot-banner-wrapper .angebot-text h4,
.angebot-banner-wrapper .angebot-text h5,
.angebot-banner-wrapper .angebot-text h6,
.angebot-banner-wrapper .angebot-text p,
.angebot-banner-wrapper .angebot-text span {
	margin: 0;
	padding: 0;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	font-family: inherit;
	color: inherit;
	letter-spacing: inherit;
	text-transform: inherit;
	display: block;
}

/* Hover-Transition */
.angebot-banner-wrapper {
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.angebot-banner-wrapper .angebot-square,
.angebot-banner-wrapper .angebot-banner-shape {
	transition: fill 0.3s ease;
}

.angebot-banner-wrapper .angebot-text {
	transition: color 0.3s ease;
}