@font-face {
	font-display: swap;
	font-family: Century Gothic;
	font-style: normal;
	font-weight: 400;
	src: url(/site/templates/fonts/centurygothic.woff2) format("woff2")
}

@font-face {
	font-display: swap;
	font-family: Century Gothic;
	font-style: normal;
	font-weight: 700;
	src: url(/site/templates/fonts/centurygothic_bold.woff2) format("woff2")
}

/* COLORS */

[data-theme=building] {
	--color-primary-darker: hsl(20, 4%, 26%);
	--color-primary-darker-h: 20;
	--color-primary-darker-s: 4%;
	--color-primary-darker-l: 26%;
	--color-primary-dark: hsl(20, 4%, 20%);
	--color-primary-dark-h: 20;
	--color-primary-dark-s: 4%;
	--color-primary-dark-l: 20%;
	--color-primary: hsl(20, 4%, 14%);
	--color-primary-h: 20;
	--color-primary-s: 4%;
	--color-primary-l: 14%;
	--color-primary-light: hsl(20, 4%, 7%);
	--color-primary-light-h: 20;
	--color-primary-light-s: 4%;
	--color-primary-light-l: 7%;
	--color-primary-lighter: hsl(20, 4%, 0%);
	--color-primary-lighter-h: 20;
	--color-primary-lighter-s: 4%;
	--color-primary-lighter-l: 0%;

	--color-accent-darker: hsl(15, 87%, 43%);
	--color-accent-darker-h: 11;
	--color-accent-darker-s: 100%;
	--color-accent-darker-l: 41%;
	--color-accent-dark: hsl(15, 87%, 49%);
	--color-accent-dark-h: 11;
	--color-accent-dark-s: 100%;
	--color-accent-dark-l: 47%;
	--color-accent: hsl(15, 87%, 55%);
	--color-accent-h: 15;
	--color-accent-s: 87%;
	--color-accent-l: 55%;
	--color-accent-light: hsl(15, 87%, 61%);
	--color-accent-light-h: 11;
	--color-accent-light-s: 100%;
	--color-accent-light-l: 59%;
	--color-accent-lighter: hsl(15, 87%, 67%);
	--color-accent-lighter-h: 15;
	--color-accent-lighter-s: 87%;
	--color-accent-lighter-l: 55%;

	--color-theme: hsl(0, 0%, 100%);

	.tab-features-v2__control:hover {
		background-color: var(--color-primary-darker);

		color: white;
	}

	.tab-features-v2__control:hover .tab-features-v2__control-title {
		color: white;
	}
	
	.tab-features-v2__control:hover .tab-features-v2__control-description {
		color: white;
	}

	.list--ol > li::before, .text-component .list--ol > li::before {
		background-color: var(--color-primary);

		color: var(--color-white)
	}
}

[data-theme=exploitation] {
	--color-primary-darker: hsl(64, 8%, 28%);
	--color-primary-darker-h: 64;
	--color-primary-darker-s: 8%;
	--color-primary-darker-l: 28%;
	--color-primary-dark: hsl(64, 8%, 34%);
	--color-primary-dark-h: 64;
	--color-primary-dark-s: 8%;
	--color-primary-dark-l: 34%;
	--color-primary: hsl(64, 8%, 40%);
	--color-primary-h: 64;
	--color-primary-s: 8%;
	--color-primary-l: 40%;
	--color-primary-light: hsl(64, 8%, 46%);
	--color-primary-light-h: 64;
	--color-primary-light-s: 8%;
	--color-primary-light-l: 46%;
	--color-primary-lighter: hsl(64, 8%, 52%);
	--color-primary-lighter-h: 64;
	--color-primary-lighter-s: 8%;
	--color-primary-lighter-l: 52%;

	--color-accent-darker: hsl(15, 87%, 43%);
	--color-accent-darker-h: 11;
	--color-accent-darker-s: 100%;
	--color-accent-darker-l: 41%;
	--color-accent-dark: hsl(15, 87%, 49%);
	--color-accent-dark-h: 11;
	--color-accent-dark-s: 100%;
	--color-accent-dark-l: 47%;
	--color-accent: hsl(15, 87%, 55%);
	--color-accent-h: 15;
	--color-accent-s: 87%;
	--color-accent-l: 55%;
	--color-accent-light: hsl(15, 87%, 61%);
	--color-accent-light-h: 11;
	--color-accent-light-s: 100%;
	--color-accent-light-l: 59%;
	--color-accent-lighter: hsl(15, 87%, 67%);
	--color-accent-lighter-h: 15;
	--color-accent-lighter-s: 87%;
	--color-accent-lighter-l: 55%;

	--color-contrast-medium: hsl(0, 0%, 0%);
	--color-contrast-high: hsl(0, 0%, 0%);

	--color-theme: hsl(0, 0%, 100%);

	.tab-features-v2__control:hover {
		background-color: var(--color-primary-lighter);
	}
}

[data-theme=protection] {
	--color-primary-darker: hsl(15, 87%, 43%);
	--color-primary-darker-h: 11;
	--color-primary-darker-s: 100%;
	--color-primary-darker-l: 41%;
	--color-primary-dark: hsl(15, 87%, 49%);
	--color-primary-dark-h: 11;
	--color-primary-dark-s: 100%;
	--color-primary-dark-l: 47%;
	--color-primary: hsl(15, 87%, 55%);
	--color-primary-h: 15;
	--color-primary-s: 87%;
	--color-primary-l: 55%;
	--color-primary-light: hsl(15, 87%, 61%);
	--color-primary-light-h: 11;
	--color-primary-light-s: 100%;
	--color-primary-light-l: 59%;
	--color-primary-lighter: hsl(15, 87%, 67%);
	--color-primary-lighter-h: 15;
	--color-primary-lighter-s: 87%;
	--color-primary-lighter-l: 55%;

	--color-accent-darker: hsl(20, 4%, 26%);
	--color-accent-darker-h: 20;
	--color-accent-darker-s: 4%;
	--color-accent-darker-l: 26%;
	--color-accent-dark: hsl(20, 4%, 20%);
	--color-accent-dark-h: 20;
	--color-accent-dark-s: 4%;
	--color-accent-dark-l: 20%;
	--color-accent: hsl(20, 4%, 14%);
	--color-accent-h: 20;
	--color-accent-s: 4%;
	--color-accent-l: 14%;
	--color-accent-light: hsl(20, 4%, 7%);
	--color-accent-light-h: 20;
	--color-accent-light-s: 4%;
	--color-accent-light-l: 7%;
	--color-accent-lighter: hsl(20, 4%, 0%);
	--color-accent-lighter-h: 20;
	--color-accent-lighter-s: 4%;
	--color-accent-lighter-l: 0%;

	--color-theme: hsl(0, 0%, 100%);

	.tab-features-v2__control:hover {
		background-color: var(--color-primary-darker);

		color: white;
	}

	.tab-features-v2__control:hover .tab-features-v2__control-title {
		color: white;
	}
	
	.tab-features-v2__control:hover .tab-features-v2__control-description {
		color: white;
	}
}

[data-theme=about] {
	--color-primary-darker: hsl(36, 16%, 64%);
	--color-primary-darker-h: 36;
	--color-primary-darker-s: 16%;
	--color-primary-darker-l: 64%;
	--color-primary-dark: hsl(36, 16%, 70%);
	--color-primary-dark-h: 36;
	--color-primary-dark-s: 16%;
	--color-primary-dark-l: 70%;
	--color-primary: hsl(36, 16%, 76%);
	--color-primary-h: 36;
	--color-primary-s: 16%;
	--color-primary-l: 76%;
	--color-primary-light: hsl(36, 16%, 82%);
	--color-primary-light-h: 36;
	--color-primary-light-s: 16%;
	--color-primary-light-l: 82%;
	--color-primary-lighter: hsl(36, 16%, 88%);
	--color-primary-lighter-h: 36;
	--color-primary-lighter-s: 16%;
	--color-primary-lighter-l: 88%;

	--color-accent-darker: hsl(11, 100%, 41%);
	--color-accent-darker-h: 11;
	--color-accent-darker-s: 100%;
	--color-accent-darker-l: 41%;
	--color-accent-dark: hsl(11, 100%, 47%);
	--color-accent-dark-h: 11;
	--color-accent-dark-s: 100%;
	--color-accent-dark-l: 47%;
	--color-accent: hsl(11, 100%, 53%);
	--color-accent-h: 11;
	--color-accent-s: 100%;
	--color-accent-l: 53%;
	--color-accent-light: hsl(11, 100%, 59%);
	--color-accent-light-h: 11;
	--color-accent-light-s: 100%;
	--color-accent-light-l: 59%;
	--color-accent-lighter: hsl(15, 87%, 55%);
	--color-accent-lighter-h: 15;
	--color-accent-lighter-s: 87%;
	--color-accent-lighter-l: 55%;

	--color-theme: hsl(0, 0%, 0%);

	.btn--accent {
		color: white;
	}

	.btn--accent:hover {
		color: white;
	}
}

.color-theme {
	color: var(--color-theme);
}

.btn--accent {
	background: var(--color-accent);

	color: var(--color-theme);

	border-color: transparent;
}

.btn--accent:hover {
	background: var(--color-accent-dark);

	color: var(--color-theme);

	border-color: transparent;
}

.hiw-v3__item:last-child .hiw-v3__bullet::after {
	background-color: var(--color-accent);
}

.hiw-v3__bullet::after {
	color: var(--color-contrast-high);

	background-color: var(--color-primary);
}


/* OTHER */

:root {
    --f-header-height: 60px;
	--carousel-item-auto-size: 270px;
	--z-index-header: 4;
	--btn-font-size: 0.85em;
}

.custom-figure{
	--aspect-ratio: 16 / 9;
	position: relative;
    height: 0;
    padding-bottom: calc(100% /(var(--aspect-ratio)));
}

.padding-custom {
	padding-top: 60px;
	padding-left: 300px;
}

.aspect-ratio-custom {
	--aspect-ratio: calc(16 / 9);
    position: relative;
    height: 0;
    padding-bottom: calc(100% /(var(--aspect-ratio)));
}

.icon-custom-size{
    --size: 1.5em;
}

.prop-table__cell--right{
	text-align: right;
}

.tab-features__control{
	padding: var(--space-sm) var(--space-md) var(--space-sm) var(--space-sm);
}

.icon-size-custom{
	height: 0.8em;
	width: 0.8em;
}

.prop-table__cell{
	padding: var(--space-xxs) var(--space-xxs) var(--space-xxs) 0;
}

.feature-v8__main-content{
	padding-bottom: var(--space-xl);
}

.tab-features__control::before{
	content: "R-BERG";
}

.loop-slideshow-v2__control .icon{
	--size: 48px;
}

.carousel__control{
	background-color: var(--color-primary);
	color: var(--color-white);
}

.carousel__control:hover{
	background-color: var(--color-primary-darker);
}

.slideshow__height{
	height: calc(100vh - 106px);
}

.card-v3--custom {
	background-color: var(--color-bg-lighter);
}

.card-v3__footer--custom::before {
	display: none;
}

/* BUTTON */

.btn {
	text-transform: uppercase;
}

.btn:hover {
	text-transform: uppercase;
}

/* HEADER */

.mega-nav__logo {
	width: auto;
	height: 60px;
}

.f-header__item .f-header__link--icon{
	transition: 0.5s;
}

.f-header__item .f-header__link--icon:hover{
	color: var(--color-contrast-low);
}

.f-header__link{
	transition: 0.5s;
}

.f-header__link:hover{
	color: var(--color-contrast-high);
}

.pre-header {
	background-color: var(--bg-contrast-darker);
}

.f-header__nav{
	background-color: var(--color-primary);
}

/***** Advantages V2  *****/
.tab-features-v2__control {
	border-radius: var(--radius-xl);
}

.tab-features-v2__control {
	padding: var(--space-sm) var(--space-md) var(--space-sm) var(--space-md);
}

.tab-features-v2__control-title {
	margin-bottom: 0px;
}

/***** Slideshow Promo *****/

.slideshow__promo-height {
	height: 300px;
}

.slideshow__control--custom {
	position: static;
	transform: none;
}

.loop-slideshow .slideshow__content {
	clip-path: inset(0 round var(--radius-xl));
}

/* PROMO GRID MAIN */

.main-direction-item__col-4 {
	transition: all 0.3s ease-in-out;

	min-height: 150px;
}

.main-direction-item__col-4:hover {
	transform: translateY(-10px);

	box-shadow: var(--shadow-md);
}

.main-direction-item .link-fx-1::before {
	display: none;
}

.main-direction-item:hover .icon circle {
	stroke-dashoffset: 200;
	transition: stroke-dashoffset 0.2s 0.1s;
}

.main-direction-item:hover .icon line {
	transform: rotate(-180deg);
}

.main-direction-item:hover .icon line:last-child {
	transform: rotate(180deg);
}

.main-direction-item .link-fx-1 .icon {
	position: static;
	transform: translateX(0%) rotate(90deg);
}

.main-direction-item .link-fx-1  {
	height: auto;
	padding: 0;
}

.slideshow__item--custom::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
    z-index: 3;
}

/***** Grid *****/

.card-v5 {
	background-color: var(--color-primary);
	transition: all 0.2s ease-in-out;
}

.card-v5:hover {
	box-shadow: var(--shadow-md);
	scale: 1.01;
}

.card-v5__img-link:hover .card-v5__img-wrapper {
	--offset: 0px;
}

/*****  Text Points   *****/

.hiw-v3__bullet::after {
	color: var(--color-white);
}

/* CONTACTS */

.custom-map > iframe {
	width: calc(50vw - var(--component-padding));
}

/* FOOOTER */

.custom-footer-hover-link{
	transition: 0.5s;
	color: var(--color-contrast-higher);
}

.custom-footer-hover-link:hover{
	color: var(--color-contrast-high);
}

.footer-v4__nav-item a{
	text-decoration: none;
	font-size: 1rem;
	transition: ease 0.3s;
}

.footer-v4__socials > .f-header__item {
	border-bottom: none;
}

.footer-v4__socials > .f-header__item .f-header__link--icon{
	color: var(--color-contrast-higher);
}

.footer-v4__socials > .f-header__item .f-header__link--icon:hover{
	color: var(--color-contrast-high);
}

.footer-v4__nav-item a:hover{
	color: var(--color-contrast-high);
}

.footer-v4__nav-item a{
	color: var(--color-contrast-higher);
}

.footer-v4__print{
	color: var(--color-contrast-higher);
}


#cookie_note{
    display: none;
    position: fixed;
	bottom: 0;
	width: 100%;
    background-color: white;
    border-radius: 4px;
	z-index: 9999;
}

#cookie_note p{
    margin: 0;
    font-size: 0.7rem;
    text-align: left;
    color: black;
}

.table--expanded .table__body .table__row:nth-child(odd) {
  color: white;
}

.mega-nav--desktop .mega-nav__control {
  padding: 0 var(--space-sm);
}



@media (min-width: 576px){
    #cookie_note.show{
        display: flex;
	}
}

@media (max-width: 575px){
	.cookie_accept{
		margin-top: 20px;
	}
    #cookie_note.show{
        display: block;
        text-align: left;
		width: 100%;
		position: fixed;
		bottom: 0;
		max-width: unset;
    }
}


@media (max-width: 767px){ 
	/* OTHER */

	.word-break-all {
		word-break: break-all;
	}

	.aspect-ratio-custom {
		--aspect-ratio: 9 / 14;
	}

	.feature-v9__block {
		min-height: 465px;
	}
}

@media (max-width: 1023px){
	/* HEADER */

	.pre-header{
		display: none;
	}

	.f-header__item{
		border-bottom: 0;
	}

	/* OTHER */

	.slideshow__height{
		height: calc(100vh - 60px);
	}

	.tab-features-v2__control {
        padding: var(--space-sm) var(--space-md);
    }

	/* CONTACT */

	.contact-map-custom{
		height: 300px;
	}

	.gap-xs {
		--gap-x: var(--space-xs);
		--gap-y: var(--space-xs);
	}
}

@media (min-width: 64rem){

	/***** Slideshow Promo *****/

	.slideshow__promo-height {
		height: 350px;
	}
	
	/* CONTACT */

	.map-container {
        height: 600px;
    }

	/* OTHER */

	.feature-v3__media-wrapper{
		height: 600px;
	}
}

@media (min-width: 1290px){

	.mega-nav--desktop .mega-nav__control {
		padding: 0 var(--space-sm);
	}
}

@media (max-width: 1289px){

	.mega-nav--desktop .mega-nav__control {
		padding: 0 var(--space-xs);
	}
}