/* HEADER */
.header-tabs.header-tabs-active{
	background: #57BFCF;
	border-width: 0px 1px;
	border-style: solid;
	border-color: #F3F3F3;
}
.icon-personal {
  	background-image: url(../images/icon-personal-on.svg);
	width: 36px;
  	height: 36px;
}
/* HEADER */





/* NAVIGATION */
.navbar li a{
	color:var(--Charcoal);
}
@media (max-width:820px){
	li.nav-item {
		font-size:14px;
	}
	.navbar-expand-md .navbar-nav .nav-link {
    	padding-right: 5px;
    	padding-left: 5px;
  	}
}
/* NAVIGATION */




/* HEADLINE */
.page-TrialProducts .block-headline.bg-grey-medium{
}
.block-headline.bg-grey-medium{
    background-color: var(--Grey-Medium);
}
.block-headline.bg-grey-medium h2,
.block-headline.bg-grey-medium p{
    color:var(--Charcoal);
}
.section-Personal .block-headline.bg-grey-medium h2,
.section-Personal .block-headline.bg-grey-medium p,
.page-TrialProducts .block-headline.bg-grey-medium h2,
.page-TrialProducts .block-headline.bg-grey-medium p{
    color:var(--White);
}
/* HEADLINE */





/* TILE */
.tile-vertical-layout .category-tile-image{
	aspect-ratio: 68 / 35;
}
.thinnerTiles.tile-vertical-layout .category-tile-image{
	aspect-ratio: 680 / 230;
}
.thinnerTiles.tile-vertical-layout .category-tile-caption{
	height:auto;
}
.category-tile-caption p{
	font-size:22px;
	line-height:22px;
	font-family: 'DINNextLTPro-Medium';
	text-align: center;
	padding:var(--Space-1x) var(--Space-2x) var(--Space-15x);
	display:flex;
}
.block-card-list p{
	font-family: 'DINNextLTPro-Regular';
	color:var(--Charcoal);	
}
.page-Education .category-tile-caption{
	display:block;
	flex-direction:column;
	height:auto;
}
.page-Education .category-tile-caption p{
	display:flex;
	font-size:18px;
	line-height:18px;
	flex-direction:column;	
	font-family: 'DINNextLTPro-Medium';
	margin-bottom:0;
}
.page-Education .category-tile-caption p.small{
	font-size:22px;
	line-height:26px;
	color:var(--Sky-Dark);
	margin-left:auto;
	margin-right:auto;
	margin-bottom:var(--Space-05x);
	max-width:470px;
	padding-bottom:0;
}
.mini-heading{
	font-family: 'CoText-Regular';
}
@media (max-width:1023px){
	.category-tile-caption{
		height:auto;
	}
	.category-tile-caption p {
  		font-size:22px;
  		line-height:26px;
		padding: var(--Space-1x) var(--Space-2x) var(--Space-1x);
	}
	.page-Education .category-tile-caption p.small {
  		font-size: 24px;
  		line-height: 1.3;
		margin-bottom:0!important;
		padding-bottom:0;
	}
	.page-Education .category-tile-caption p {
  		font-size: 20px;
  		line-height:1.3;
	}	
}
@media (max-width:767px){
	.category-tile-caption p {
  		font-size:18px;
  		line-height:22px;
	}
	.page-Education .category-tile-caption p.small {
  		font-size:18px;
	}
	.page-Education .category-tile-caption p {
  		font-size: 16px;
	}	
}
@media (max-width:600px){
	.page-Education .category-tile-caption p.small {
  		font-size:16px;
	}
	.page-Education .category-tile-caption p {
  		font-size: 14px;
	}	
}
/* TILE */





/* BANNER */
.banner-container .bannerSlik{
	height:auto;
	aspect-ratio: 1367 / 473;
}
.banner-container .bannerSlik div.banner{
	height:auto;
	aspect-ratio: 1367 / 473;
}
div.banner{
	height:auto;
	aspect-ratio: 1367 / 473;
}
.banner-additional-elements.banner-container .bannerSlik div.banner{
	align-items:end;
	justify-content:start;
}
.banner-additional-elements.banner-container .bannerSlik div.banner.vmalign{
	align-items:end;
	justify-content:center;
}

.banner-container .bannerSlik div.banner .banner-text {
  max-width: 650px;
  padding: 0 30px 0 60px;
  color: #fff;
  align-content: start;
}
.banner-container .bannerSlik div.banner.banner-bannerTextLeftAligned{
	align-items: start;	
	justify-content: start; 
}
.banner-container .bannerSlik div.banner.banner-bannerTextLeftAligned.vmalign{
	align-items: center;	
	justify-content: start; 
}
.banner-container .bannerSlik div.banner.banner-bannerTextRightAligned{
	align-items: start;	
	justify-content: end; 
}
.banner-container .bannerSlik div.banner.banner-bannerTextRightAligned.vmalign{
	align-items: center;	
	justify-content: end; 
}
.banner-container .bannerSlik div.banner.banner-bannerTextLeftAligned .banner-text{
	
}
.banner-container .bannerSlik div.banner.banner-bannerTextRightAligned .banner-text{
	padding-left:0;
	padding-right:60px;
	
}

.banner-container .bannerSlik div.banner.whiteText .banner-text.banner-text-personal h2,
.banner-container .bannerSlik div.banner.whiteText .banner-text.banner-text-personal h3{
	color: var(--White);
}

@media (max-width: 1023px) {
	.bannerSlik div.banner .banner-text..banner-text-personal h2{ 
		line-height:1;
		font-size: 28px;
		line-height:34px;			
		text-shadow: rgba(255,255,255,1) 0px 0px 8px;
	}
	.bannerSlik div.banner .banner-text.banner-text-personal h3{
		padding:0;
		font-size:16px;
		line-height:20px;
		margin:0;	
		/*text-shadow: rgba(255,255,255,1) 0px 0px 8px;*/
	}
}
@media (max-width: 990px) {
	.banner-container .bannerSlik div.banner .banner-text.banner-text-personal{
		max-width:50%;
	}
	.banner-text-personal h2{
		line-height:1;
		font-size: 28px;
		line-height:34px		
	}
	.bannerSlik div.banner .banner-text.banner-text-personal h3{
		padding:0;
		font-size:16px;
		line-height:20px;
		margin:0;	
	}
	.banner-container .bannerSlik div.banner.banner-bannerTextLeftAligned .banner-text{
		
	}
	.banner-container .bannerSlik div.banner.banner-bannerTextRightAligned .banner-text{
		padding-left:0;
		padding-right:60px;
		
	}
}
@media (max-width: 600px) {
  	.banner-additional-elements.banner-container .bannerSlik div.banner, 	.banner-additional-elements.banner-container .bannerSlik {
   		height: auto;
  	}
	.banner-container .bannerSlik,
	.banner-container .bannerSlik div.banner, 
	div.banner{
		aspect-ratio: 1000 / 600;
	}
	.banner-container .bannerSlik div.banner{
		position:relative;
	}
	.banner-container .bannerSlik div.banner .banner-text{
		max-width:100%;
		background: rgba(255, 255, 255, .7);
		border-radius:22px;
		padding:var(--Space-1x) var(--Space-2x) var(--Space-2x);
		margin-left:var(--Space-1x);
		margin-right:var(--Space-1x);
		position:absolute;
		bottom:0;
		right:0;
		margin-bottom:40px;
	}
	.banner-container .bannerSlik div.banner .banner-text p,
	.banner-container .bannerSlik div.banner .banner-text h3{
		color: var(--Charcoal);
		font-size: 14px !important;
 	   	line-height: 18px !important;
	}
	.banner-container .bannerSlik div.banner .banner-text h2{
		color: var(--Charcoal);
		font-size: 22px !important;
	    line-height: 30px !important;
	}
	.banner-container .bannerSlik div.banner .banner-text.banner-text-personal{
		max-width:50%;
		background: rgba(255, 255, 255, .7);
		border-radius:22px;
		padding:var(--Space-1x) var(--Space-2x) var(--Space-2x);
		margin-right:var(--Space-1x)
	}
	.bannerSlik div.banner .banner-text.banner-text-personal h2{
		font-size: 22px!important;
		line-height:30px!important;			
	}
	.banner-container .banner-text h3,
	.banner-container .bannerSlik div.banner .banner-text.banner-text-personal h3{
		font-size:14px!important;
		line-height:18px!important;
	}
	.banner-additional-elements.banner-container .bannerSlik div.banner {
  		justify-content: end;
	}
	.banner-container .bannerSlik div.banner .banner-text.banner-text-personal{
		margin:0 var(--Space-1x) var(--Space-5x);
	}
/*
}
@media (max-width: 500px) {
*/
	.banner-container .bannerSlik,
	.banner-container .bannerSlik div.banner,
	div.banner{
		aspect-ratio: 500 / 600;
	}
	.bannerSlik div.banner .banner-text.banner-text-personal h2{
		font-size: 22px;
		line-height:30px;			
	}
	.banner-container .bannerSlik div.banner .banner-text.banner-text-personal h3{
		font-size:14px;
		line-height:18px;
	}
	.banner-container .bannerSlik div.banner .banner-text.banner-text-personal{
		max-width:100%;
		margin:0 var(--Space-1x) var(--Space-5x);
	}
	.banner-additional-elements.banner-container .bannerSlik div.banner {
  		justify-content: end;
	}
}
/* BANNER */





/* ARTICLES */
.news-list-divider{
}
.news-list-lhs-image-col{
	width:100%;
	margin-bottom:var(--Space-1x);
}
.news-list-rhs-image{
	aspect-ratio:680 / 350;
}
.custom-gutter-right {
  	padding-right:0;
}
.product-subnav-inner{
	border-color: var(--Yellow-Dark)!important;
}
.product-subnav-container .active a {
  	color: var(--Teal-New)!important;
}
.news-list-rhs-col h3{
	color: var(--Sky-Dark);
  	margin-bottom: var(--Space-3x);
  	font-size: 26px;
  	line-height: 30px;
}
/* ARTICLES */