/*.cards.cards-per-row_2,.cards.cards-per-row_3,.cards.cards-per-row_4{display:flex;flex-wrap:wrap;margin:0 -12px}
.cards.cards-per-row_4 .card{width:calc(25% - 24px);margin:0 12px;margin-bottom:24px}
.cards.cards-per-row_3 .card{width:calc(33.33% - 24px);margin:0 12px;margin-bottom:24px}
.cards.cards-per-row_2 .card{width:calc(50% - 24px);margin:0 12px;margin-bottom:24px}
@media (max-width:1199px){
.cards.cards-per-row_4 .card{width:calc(33.33% - 24px)}
}
@media (max-width:991px){
.cards.cards-per-row_4 .card{width:calc(50% - 24px);margin:0 12px;margin-bottom:16px}
.cards.cards-per-row_3 .card{width:calc(50% - 24px);margin:0 12px;margin-bottom:16px}
}
@media (max-width:575px){
.cards.cards-per-row_2 .card,.cards.cards-per-row_3 .card,.cards.cards-per-row_4 .card{width:100%;margin:0 0 16px 0}
.cards.cards-per-row_4 .card{width:100%}
.cards.cards-per-row_3 .card{width:100%}
.cards.cards-per-row_3,.cards.cards-per-row_4{margin:0}
}
.card-inner{border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 3px 6px 0 rgba(0,0,0,.16);height:100%;background:var(--white)}
.slider-card-column .card-inner{overflow:hidden}
.slider-card-column .card{padding:0 12px;height:auto;padding-bottom:5px}
.slider-card-column{margin:0 -12px}
.card.team .card-inner{box-shadow:none}
.card .lower,.card .upper{position:relative}
.card-content{padding:3rem 1.6rem}
.card.team .card-content{padding:0}
.card .lower{padding:0 1.6rem 3rem 1.6rem}
.card.blue .card-inner{background:var(--darkblue)}
.card.blue .date,.card.blue .text,.card.blue .title{color:var(--white)}
.card .label{position:absolute;top:0;right:0;font-size:var(--font-size_16);line-height:1;background-color:var(--white);color:var(--darkblue);border-color:var(--white);padding:8px 10px;font-weight:700;border-radius:var(--border-radius)}
.card picture{position:relative;display:block;height:auto}
.card picture img{width:100%;aspect-ratio:16/9}
.card picture img{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}
.card.team picture,.team .card picture{margin-bottom:3.2rem}
.card.team picture img,.team .card picture img{border-radius:var(--border-radius);aspect-ratio:291/435}
.card.blue .lower{border-bottom-right-radius:var(--border-radius);border-bottom-left-radius:var(--border-radius)}
.card .link{color:var(--darkblue)}
.card.blue .link{color:var(--white)}
.card.blue .link.primary:after{filter:brightness(0) saturate(100%) invert(87%) sepia(100%) saturate(1%) hue-rotate(315deg) brightness(109%) contrast(101%)}
.card .link.primary:after{filter:brightness(0) saturate(100%) invert(14%) sepia(38%) saturate(3169%) hue-rotate(187deg) brightness(94%) contrast(101%)}
.card .date{font-size:var(--clamp_16-14);margin-bottom:var(--clamp_20-16);line-height:1}
.card .title{color:var(--darkblue);font-size:var(--clamp_22-16);line-height:1.36;font-weight:700;margin-bottom:var(--clamp_36-16)}
.team .card .title .card.team .title{margin-bottom:var(--clamp_22-16)}
.card.team .job-title,.team .card .job-title{font-size:var(--font-size_18);color:var(--darkblue);margin-bottom:1.5rem}
.card.team .content,.card.team .content a,.team .card .content,.team .card .content a{margin-bottom:1.5rem}
.card.team .content a,.team .card .content a{font-size:var(--font-size_18)}
.card-background{position:absolute;content:'';width:100%;height:85%;top:0;left:0;z-index:-1;min-height:640px}
.card-bottom-spacing{padding-bottom:clamp(8rem,calc(4.52rem + 9.29vw),16rem)}
.card-background img{width:100%;height:100%;object-fit:cover}
.card-background-color{position:absolute;content:'';width:100%;height:211px;top:-1px;left:0;z-index:-1}
@media (max-width:991px){
.card-background-color{height:10%}
}
@media (max-width:640px){
.card-background,.card-background-color{height:5%}
}
.card-slider-button{position:relative;width:100%;margin-top:3rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;z-index:1}
.card-slider-button .swiper-button-next,.card-slider-button .swiper-button-prev{position:static;margin:0 clamp(.8rem,calc(.71rem + .23vw),1rem);width:clamp(3rem,calc(2.56rem + 1.16vw),4rem);height:clamp(3rem,calc(2.56rem + 1.16vw),4rem)}
.card-slider-button .swiper-button-next:after,.card-slider-button .swiper-button-prev:after{font-size:0;content:'';width:100%;height:100%;background-position:center;background-size:70%;background-image:url(../img/template/icons/icon_arrow_right.svg);filter:brightness(0) saturate(100%) invert(14%) sepia(38%) saturate(3169%) hue-rotate(187deg) brightness(94%) contrast(101%)}
.card-slider-button .swiper-button-prev:after{transform:rotate(180deg)}
.card-text-element p{font-size:var(--clamp_22-18);line-height:1.65}
.card.team{position:relative;padding-top:60px}
.card.team .card_headline{font-size:var(--clamp_22-18);font-weight:700;color:var(--darkblue);line-height:1.65;position:absolute;top:0;z-index:5}
.card picture.image-hover{position:absolute;transition:.5s ease;opacity:0;top:0;left:0;width:100%;height:auto;aspect-ratio:291/435;background:red}
.card:hover picture.image-hover{opacity:1}*/

.cards .card {
	transition: all 0.25s ease-in-out;
	z-index: 1;
}
.cards .card:hover {
	 transform: translateY(-20px);
}
.cards.swiper-wrapper {
	padding-top: 20px;
}


.cards.cards-per-row_4,
.cards.cards-per-row_3,
.cards.cards-per-row_2 {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px;
}

.cards.cards-per-row_4 .card {
	width: calc(25% - 24px);
	margin: 0 12px;
	margin-bottom: 24px;
}

.cards.cards-per-row_3 .card {
	width: calc(33.33% - 24px);
	margin: 0 12px;
	margin-bottom: 24px;
}

.cards.cards-per-row_2 .card {
	width: calc(50% - 24px);
	margin: 0 12px;
	margin-bottom: 24px;
}

@media (max-width: 1199px) {
	.cards.cards-per-row_4 .card {
		width: calc(33.33% - 24px);
	}
}

@media (max-width: 991px) {
	.cards.cards-per-row_4 .card {
		width: calc(50% - 24px);
		margin: 0 12px;
		margin-bottom: 16px;
	}

	.cards.cards-per-row_3 .card {
		width: calc(50% - 24px);
		margin: 0 12px;
		margin-bottom: 16px;
	}
}

@media (max-width: 575px) {

	.cards.cards-per-row_4 .card,
	.cards.cards-per-row_3 .card,
	.cards.cards-per-row_2 .card {
		width: 100%;
		margin: 0 0 16px 0;
	}

	.cards.cards-per-row_4 .card {
		width: 100%;
	}

	.cards.cards-per-row_3 .card {
		width: 100%;
	}

	.cards.cards-per-row_3,
	.cards.cards-per-row_4 {
		margin: 0;
	}
}

/* card ****************************************/
.card-inner {
	border-radius: var(--border-radius);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	/* padding: var(--clamp_20-12); */
	height: 100%;
	background: var(--white);
}

.slider-card-column .card-inner {
	overflow: hidden;
}

.slider-card-column .card {
	padding: 0 12px;
	height: auto;
	padding-bottom: 5px;
}

.slider-card-column {
	margin: 0 -12px;
}

.card.team .card-inner {
	box-shadow: none;
}

.card .upper,
.card .lower {
	position: relative;
}

.card-content {
	padding: 3rem 1.6rem;
}

.card.team .card-content {
	padding: 0;
}

.card .lower {
	padding: 0 1.6rem 3rem 1.6rem;
}

.card.blue .card-inner {
	background: var(--darkblue);
}

.card.blue .date,
.card.blue .title,
.card.blue .text {
	color: var(--white);
}


/* label ****************************************/

.card .label {
	position: absolute;
    top: 0px;
    right: 0px;
    font-size: var(--font-size_16);
    background-color: var(--white);
    color: var(--darkblue);
    border-color: var(--white);
    padding: 6px 10px;
    margin: 8px;
    font-weight: 700;
    border-radius: var(--border-radius);
}


/* image ****************************************/

	.card picture {
        position: relative;
        display: block;
        height: auto;
    }
    .card picture:before {
      position: absolute;
      content: "";
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      opacity: 0.15;
      border-radius: 6px 6px 0px 0px;
    }
    .card picture img {
      width: 100%;
        aspect-ratio: 16 / 9;
    }
    .card picture img {
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius);
    }

/* image team */
.team .card picture,
.card.team picture {
	margin-bottom: 3.2rem
}

.team .card picture img,
.card.team picture img {
	border-radius: var(--border-radius);
	aspect-ratio: 291 / 435;
}


.card.blue .lower {
	border-bottom-right-radius: var(--border-radius);
	border-bottom-left-radius: var(--border-radius);
}

/* link */
.card .link {
	color: var(--darkblue);
}

.card.blue .link {
	color: var(--white);
}

.card.blue .link.primary:after {
	filter: brightness(0) saturate(100%) invert(87%) sepia(100%) saturate(1%) hue-rotate(315deg) brightness(109%) contrast(101%);
}

.card .link.primary:after {
	filter: brightness(0) saturate(100%) invert(14%) sepia(38%) saturate(3169%) hue-rotate(187deg) brightness(94%) contrast(101%);
}


/* date ****************************************/

.card .date {
	font-size: var(--clamp_16-14);
	margin-bottom: var(--clamp_20-16);
	line-height: 1;
}


/* title ****************************************/

.card .title {
	color: var(--darkblue);
	font-size: var(--clamp_22-16);
	line-height: 1.36;
	font-weight: 700;
	margin-bottom: var(--clamp_36-16);
}

/* title team */
.team .card .title .card.team .title {
	margin-bottom: var(--clamp_22-16);
}


/* text ****************************************/

.team .card .job-title,
.card.team .job-title {
	font-size: var(--font-size_18);
	color: var(--darkblue);
	margin-bottom: 1.5rem;
}


/* content */
.team .card .content,
.card.team .content,
.team .card .content a,
.card.team .content a {
	margin-bottom: 1.5rem;
}

.team .card .content a,
.card.team .content a {
	font-size: var(--font-size_18);
}

.card-background {
	position: absolute;
	content: '';
	width: 100%;
	height: 206px;
	top: 0px;
	left: 0;
	z-index: -1;
	min-height: 640px;
}

.card-bottom-spacing {
	padding-bottom: clamp(8rem, calc(4.52rem + 9.29vw), 16rem);
}

.card-background img ,.card-background video  {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-background-color {
	position: absolute;
	content: '';
	width: 100%;
	height: 211px;
	top: -1px;
	left: 0;
	z-index: -1;
}

@media (max-width: 991px) {
	/*.card-background-color {
		height: 10%;
	}*/
}

@media (max-width: 640px) {

	.card-background-color,
	.card-background {
		height: calc(100% - 240px);
		min-height: auto;
	}

	.card-bottom-spacing {
		padding-right: 40px;
	}
}

/* card slider */
.card-slider-button {
	position: relative;
	width: 100%;
	margin-top: 3rem;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	z-index: 1;
	gap: 40px;
}

.card-slider-button .swiper-button-prev,
.card-slider-button .swiper-button-next {
	position: static;
	/*margin: 0 clamp(0.8rem, calc(0.71rem + 0.23vw), 1rem);*/
	margin: 0px;
	width: clamp(3rem, calc(2.56rem + 1.16vw), 4rem);
	height: clamp(3rem, calc(2.56rem + 1.16vw), 4rem);
}
.card-slider-button .swiper-button-next:after, 
.card-slider-button .swiper-button-prev:after {
	display: flex;
    content: "";
    font-size: 35px;
    color: #00325b;
}

/*.card-slider-button .swiper-button-next:after,
.card-slider-button .swiper-button-prev:after {
	font-size: 0;
	content: '';
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: 70%;
	background-image: url(../img/template/icons/icon_arrow_right.svg);
	filter: brightness(0) saturate(100%) invert(14%) sepia(38%) saturate(3169%) hue-rotate(187deg) brightness(94%) contrast(101%);
}*/

.card-slider-button .swiper-button-prev:after {
	transform: rotate(180deg);
}

/* card text element */
.card-text-element p {
	font-size: var(--clamp_22-18);
	line-height: 1.65;
}

/*
    .card-text-element p + .button,
    .card-text-element p + button {
      margin-top:0;
    }
    */
.card.team {
	position: relative;
	padding-top: 60px;
}

.card.team .card_headline {
	font-size: var(--clamp_22-18);
	font-weight: bold;
	color: var(--darkblue);
	line-height: 1.65;
	position: absolute;
	top: 0;
	z-index: 5;

}

.card picture.image-hover {
	position: absolute;
	transition: .5s ease;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	aspect-ratio: 291 / 435;
}

.card:hover picture.image-hover {
	opacity: 1;
}


.card-background {
	position: absolute;
	content: '';
	width: 100%;
	height: 206px;
	top: 0px;
	left: 0;
	z-index: -1;
	min-height: 640px;
}

.card-background:after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	background: var(--background_blue);
	opacity: 0.4;
}



.card-background-inner {
	position: relative;
}

.card-background-half {
	position: absolute;
	content: '';
	width: 60%;
	height: 70%;
	top: 0px;
	right: 0;
	min-height: 430px;
}

.card-background-half:after {
	position: absolute;
	content: "";
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	/*background: var(--background_blue);*/
	opacity: 0.15;
}

.card-bottom-spacing {
	padding-bottom: clamp(8rem, calc(4.52rem + 9.29vw), 16rem);
}

.card-padding-bottom_50-0 {
	padding-bottom: clamp(0rem, calc(-1.97rem + 5.46vw), 5rem);
}

.card-padding-top_40-20 {
	padding-top: clamp(2rem, calc(1.21rem + 2.18vw), 4rem);
}

.card-background img,
.card-background-half img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-background-color {
	position: absolute;
	content: '';
	width: 100%;
	height: 211px;
	top: -1px;
	left: 0;
	z-index: -1;
}

@media (max-width: 991px) {
	/*.card-background-color {
		height: 10%;
	}*/

	.card-background-half {
		width: calc(100% + 40px);
		height: 85%;
		right: 0;
		margin-left: -20px;
		margin-right: -20px;
	}

	/*.card-text-light-mobile *,
	.card-text-element .breadcrumb ul li {
		color: var(--white);
	}

	.card-text-element .breadcrumb ul li:after {
		filter: brightness(0) saturate(100%) invert(98%) sepia(0%) saturate(7500%) hue-rotate(87deg) brightness(108%) contrast(105%);
	}*/

}

@media (max-width: 640px) {
	
	.module_combi-card .card-text-element h2 {
		text-wrap: auto;
	}
	.card-background-color,
	.card-background,
	.card-background-half {
		height: calc(100% - 240px);
	}

	.card-background-color,
	.card-background {
		min-height: auto;
	}
}


/* breadcrumb */
.breadcrumb ul {
	padding: 0;
}

.breadcrumb ul li {
	position: relative;
	margin: 0 20px 0 0;
	list-style: none;
	display: inline-block;
	color: var(--darkblue);
	font-weight: 700;
}

.breadcrumb ul li a {
	text-decoration: none;
}

.breadcrumb ul li:after {
	position: absolute;
	content: '';
	background-image: url(../img/template/icons/icon-arrow-right.svg);
	filter: brightness(0) saturate(100%) invert(16%) sepia(20%) saturate(5001%) hue-rotate(182deg) brightness(92%) contrast(104%);
	width: 6px;
	height: 10px;
	background-size: cover;
	background-position: center;
	right: -15px;
	top: 50%;
	transform: translateY(-50%);
}

.breadcrumb ul li:last-child:after {
	content: none;
}


    .card.card-line-animation {
    position: relative;
          transform: none;
      }

    .card.card-line-animation:hover {
      transform: none;
    }

    .card.card-line-animation:before {
    position: absolute;
    content: "";
    height: 15px;
    width: 0;
    bottom: 0;
    left: 0;
    background: var(--darkblue);
    z-index: 1;
    transition: width 0.25s ease-in-out;
}

.card.card-line-animation:hover:before {
    width: 100%;
}

.card.card-line-animation:after {
    position: absolute;
    content: "";
    height: 15px;
    width: 100%;
    bottom: 0;
    left: 0;
    background: var(--mediumblue);
}
.module_combi-card .card-text-element a.button {margin-top: 0px;}
.section:has(.card-background-color) picture {
    height: 230px;
    overflow: hidden;
    width: 100%;
}

.section:has(.card-background-color) picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
	aspect-ratio: none;
}

.card img.image {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width:100%;
}

.light .breadcrumb ul li:after {
    filter: invert(1);
}


.light .breadcrumb ul li {
    color: inherit;
}

.module_combi-card.module_team .card.team{padding-top: 0px;}
.module_combi-card.module_team .card.team .card-content .title{margin-bottom:1.5rem;}

@media screen and (min-width: 641px) {
	.card-background:has(video)::after {
		background: none;
	}
}

.card picture img.product-thumbnail {
	aspect-ratio: 1 / 1;
	object-fit: contain;
	background-color: #fff;
}

.card--product .card-content p {
	margin-bottom: 0;
}