html,
body {
  height: 100%;
  margin: 0;
}

.bodytext {
	font-size: clamp(3rem,3vw,4rem);
	line-height: 1.2;
}

.footer-text {
	font-size: clamp(1rem,1vw,2rem);
	font-weight: 300;
	line-height: 1;
}

.footer-text:hover {
	font-size: clamp(1rem,1vw,2rem);
	font-weight: 300;
	line-height: 1;
	color:#c62a00;
}

/*

div {
	border: 1px solid red;
}
*/


.logo{
	font-size: clamp(2rem,3vw,4rem);
	text-transform: uppercase;
	opacity: 0.8;
}

.logo:hover{
	
	opacity: 1;
	color:#c62a00;
}



.illustration{
	font-size: clamp(2rem,2vw,4rem);
	/*font-weight:200;*/
	text-transform: uppercase;
	opacity: 0.8;

	text-decoration-line: underline;
	/*text-decoration-thickness: calc(0.5rem);*/
	text-underline-offset:15%;
	text-decoration-skip-ink: none;
	text-decoration-thickness: 1px;
}

.margin-xxl {
	margin: 5vH 0;
}

.section-spacing {
	margin: 2vW;
	width: calc(100vW - 4vW);
}


/* --------------------------------- Link Reset --------------------------------- */

/* reset anchor links*/
a, a:visited, a:hover, a:active {
	color: inherit;
	outline: 0; /* remove dotetd line */
  }

  a:hover, div a:hover {
	color: var(--bricks-color-light);
	
  }

  a {
	transition: background-color 1s ease, color 0.5s ease;
	transition: opacity 1s ease, color 0.5s ease;
  }


.brxe-text a, .brxe-text-basic a {
	text-decoration-line: underline;
	/*text-decoration-thickness: calc(0.5rem);*/
	text-underline-offset:15%;
	text-decoration-skip-ink: none;
	text-decoration-thickness: 1px;
  }

  .brxe-text a:hover, .brxe-text-basic a:hover {
	opacity: 0.5;
  }


  /* --------------------------------- Headlines--------------------------------- */

  h3 {
	margin-top:5vW;
	border-bottom: 1px solid #000;
	text-transform: uppercase;
	font-size: clamp(3rem,4vw,5rem);
  }


/* ----------------------------------------------------------- Full Size Carousel  -----------------------------------------------------------  */

.brxe-carousel {
    width: 100%;
    height: 100%;
}

.brxe-carousel , .brxe-carousel .swiper-wrapper, .brxe-carousel .swiper-autoheight, .brxe-carousel .swiper-autoheight .swiper-slide {
	height: 100% !important;
}

.brxe-carousel .repeater-item {
	width: 100%;
    height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}

.brxe-carousel .image {
	width: 100%;
	height: 100%;
	object-fit: cover;

	position: absolute;
    top:-100%; left:0; right: 0; bottom:-100%;
    margin: auto;
}

.brxe-carousel .swiper-autoheight .image {
    height: 100% !important;
}






.menu-btn {
	display: block;
	width: 36px;
  }
  
  .menu-btn:before,
  .menu-btn:after {
	background-color: #000;
	content: '';
	display: block;
	height: 1px;
	transition: all 200ms ease-in-out;
  }
  .menu-btn:before {
	box-shadow: 0 9px 0 #000;
	margin-bottom: 18px;
  }
  .menu-btn:hover:before {
	box-shadow: 0 0 0 #000;
	transform: translateY(10px) rotate(45deg);
  }
  .menu-btn:hover:after{
	transform: translateY(-10px) rotate(-45deg);
  }