.hero-unterseite {
    position: relative;
    width: 100%;
    aspect-ratio: 2240 / 850 !important;
    overflow: hidden;
    background: #081923;
}

.border {
    border-color: rgba(255, 255, 255, 0.25) !important;
}
.unterseite h1 {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
}

.unterseite h2 {
    font-size: 30px;
    font-weight: bold;
    
}

.header-unterseite #mainNav {
    box-shadow: 0px 15px 10px -15px #000;
}
.column-left {
    padding-right: clamp(24px, 4vw, 50px);
    padding-left: max(clamp(24px, 4vw, 60px), calc((100vw - 1320px) / 2));
}
.column-right {
    padding-left: clamp(24px, 4vw, 50px);
    padding-right: max(clamp(24px, 4vw, 60px), calc((100vw - 1320px) / 2));
}
/*ABOUT*/
.behind-elitefins {
    background: linear-gradient(
			90deg,
			rgba(0, 0, 0, 0.85) 0%,
			rgba(0, 0, 0, 0.85) 55%,
			rgba(0, 0, 0, 0.7) 100%
		),
		 url("../images/background/bg-water_75894416.jpg");
    background-size: cover;
    background-position: center;
}


.behind-elitefins h2 {
    color:#EF6301;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
.behind-elitefins h3 {

    font-size: 40px;
    font-weight: bold;
}

.behind-elitefins svg {
    color:#EF6301;
}

.main-approach  {
    background-color: var(--bg-main-approach);
}

.behind-elitefins .approach h3 {
   color: var(--color-approach-h3);
}

/* =========================================================
   Approach Items
========================================================= */

.approach-items {
	padding-top: 2rem;
	padding-bottom: 2rem;
}

/*
 * Trenner zwischen den einzelnen Spalten.
 * Das letzte Element bekommt keinen Trenner.
 */
.approach-items {
	border-right: 0px;
}


/* =========================================================
   Mobile
========================================================= */

@media (min-width: 991.98px) {

	/*
	 * Auf mobilen Geräten alle Trenner entfernen.
	 */
	.approach-items:not(:last-child) {
		border-right: 1px solid var(--border-approach-items);
	}

}

.find-your-coach {
    background-color: #fff;
    border-radius: 10px;
     background-image: url(../images/background/bg-call2action.jpg);
     background-image: var(--bg-fyc);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}
.find-your-coach h2 {
    color: var(--color-fyc-h2);
}

.behind-elitefins .find-your-coach .fa-calendar-clock {
    color:#EF6301;
    
    background-color: var(--bg-fyc-icon-calendar-clock);
    padding: 25px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
}
.behind-elitefins .find-your-coach .btn-custom__icon {
    color: #fff;
}

.img-round {
	width: 300px;
	max-width: 100%;
	aspect-ratio: 1 / 1;

	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #EF6301;

	flex-shrink: 0;
}

.img-round img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.cols-border:not(:last-child) {
    border-right: 0px;
}

@media (min-width: 991.98px) {
    .cols-border:not(:last-child) {
    border-right: 1px solid var(--border-approach-items);
}
}

.course-age-badge {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;

	padding: 0.65rem 1rem;

	border: 1px solid rgba(73, 73, 73, 0.25);
	border-radius: 999px;

	background: linear-gradient(
		135deg,
		rgba(68, 68, 67, 0.12),
		rgba(23, 23, 23, 0.04)
	);

	color: #000;
	font-size: 0.95rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.02em;
}

.course-age-badge svg {
	font-size: 1.5rem;
	line-height: 1;
}