.header-message-popup-container{
	position: fixed;
    z-index: 11;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 30px;
    box-shadow: 0px 0px 20px -10px black;

    outline: 2px solid var(--secondary-color);

    width: 700px;
}

.header-message-popup-title{
	font-size: 20px !important;
	letter-spacing: 0.3em !important;
	margin-bottom: 30px !important;
}

.header-message-popup-content{
	text-align: justify;
	max-height: 60vh;
	overflow-y: auto;
}

.header-message-popup-image{
	width: 100%;
	margin-top: 30px;
}

.header-message-popup-ok{
	cursor: pointer;
    transition-property: all;
    transition-duration: 0.1s;
    color: black;
    width:30px;
    height:30px;
    position:absolute; 
    top:30px;
    right: 30px;

    opacity: 50%;
}

a.header-floating-button{
	position: fixed;
    z-index: 12;
    bottom: 6em;
    right: 1em;
    box-shadow: 0px 0px 20px -10px black;
	border-radius: 0.6em;
    color: white;
    padding: 1em;
	display: flex;
	flex-direction: row;
	gap: 1em;
	align-items: center;
	justify-content: center;
	transition-property: transform;
    transition-duration: 0.16s;
    transition-timing-function: cubic-bezier(0.25, 0.1, 0, 2.1);
    transform: scale(1);
}

a.header-floating-button.stick-to-bottom{
    bottom: 1em;
}

a.header-floating-button:hover{
	transform: scale(1.06);
}

a.header-floating-button:active{
	transform: scale(1);
}

a.header-floating-button > svg{
	width: 1.4em;
	height: 1.4em;
}

._svg_cross{
	width: 100%;
	height: 100%;
}

._svg_arrow{
	width: 100%;
	height: 100%;

	transition-property: transform;
	transition-duration: 0.2s;

	transform:rotate(180deg);
}

._svg_arrow.selected{
	transform:rotate(0deg);
}

.header-message-popup-ok:hover{
	opacity: 100%;
}

h1.main-title{
	font-weight: 100;
	font-size: clamp(16px, 1.5vw, 20px);
}

.header-row-elements{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.sticky {
	width:100%;
	z-index: 10;
    position: fixed;
    top: 0;
}

.header-background{
	background-color: white;
	
	z-index:10;
	position:relative;
	transition-property: all;
  	transition-duration: 0.6s;
}

.faded-header{
	box-shadow: none;
}

.full-header{
	box-shadow: 0px -20px 30px black;
}

#myLinks {
	position : relative;
	z-index:9;
  	transition-property: top;
  	transition-duration: 0.3s;
	top:-390px;

	box-shadow: 0px 0px 40px -10px #00000080;
}

#xtraPages {
	position : relative;
	z-index:9;
  	transition-property: top;
  	transition-duration: 0.3s;
	top:-390px;

	padding-right: 160px;
    padding-top: 20px;
    padding-bottom: 4px;
    background: #00000075;

    text-align: right;

    backdrop-filter:blur(10px);
}

a.extra-page-link{
	color: white;
	font-weight: 300;
    letter-spacing: 0.07em;
    font-size: 16px;
}

a.extra-page-link:hover{
	color: white;
	text-decoration: underline;
}

.header-container{
	height:95px;

	display:flex;
	align-items: center;
	justify-content:space-between;

	transition-property: all;
	transition-duration: 0.3s;
}

.header-logo{

	transition-property: all;
	transition-duration: 0.3s;

	max-height:65px;
	max-width:65px;
	object-fit: cover;
}

.header-logo-container{
	padding:15px;
	padding-top:0px;
	padding-bottom: 0px;
}

.anchor-left{
	transition-property: padding-left;
	transition-duration: 0.3s;
	padding-left:120px;
}

.anchor-right{
	transition-property: padding-right;
	transition-duration: 0.3s;
	padding-right:30px;
	flex-shrink: 0;
}

.header-button{
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 30px;
	border-right: 1px solid black;
	line-height: 100%;

	text-align: center;
}

.header-button.no-border{
	border:none;
}

.header-button-label{
	font-weight: 500;

	font-size: clamp(6px, 1vw, 14px);

	line-height:100%;
	text-align: center;
	text-transform: uppercase;

	padding:4px;
}

.burger{
	display:none;
}

.xtra-pages{
	height: 30px;
	width: 30px;
	margin-left: 30px;
}

.extra-page-element{
	margin-bottom: 16px;
}

.burger-element{
	padding:16px;
	background-color: white;
	color: black;
	font-size: 14px;

	cursor: pointer;

	text-transform: uppercase;
	letter-spacing: 0.1em;
}

.header-logo-container{
	cursor: pointer;
}

.animated-header-button-container {
	height: 35px;
	text-align: center;

	width: 90%;
	cursor: pointer;
	transition: all 0.3s;

	position: relative;

	margin:auto;
	margin-top: -30px;
}

.animated-header-button::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left:0;
	z-index: 1;
	opacity: 0;
	transition: all 0.3s;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: rgba(0,0,0,0.5);
	border-bottom-color: rgba(0,0,0,0.5);
	transform: scale(0.1, 1);
}

.animated-header-button:hover::before {
	opacity: 1;	
	transform: scale(1, 1);	
}
.animated-header-button:after {
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: all 0.2s;
}
.animated-header-button:hover::after {
	opacity: 0;	
	transform: scale(0.1, 1);
}

.header-spacer{
	transition-property: height;
	transition-duration: 0.5s;

	background-color: white;
	height:0px;
}

.header-spacer-no-video{
	height:95px;
}

.burger-image-icon{
	padding-right:10px;
	height:35px;
	width: 35px;
}

.d-block{
  display: unset;
}

.d-none{
  display: none !important;
}

.cookie{
  position: fixed;
  background: var(--primary-color);
  width: 100%;
  left:0;
  bottom: 0;
  padding:16px;
  color: white;
  z-index: 1;
  padding: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align:justify;
}

.cookie-button{
  cursor: pointer;
  border: 1px solid white;
  transition-property: all;
  transition-duration: 0.1s;
  color: white;

  padding: 12px;
  margin-left: 32px;
}

.cookie-button:hover{
  background: white;
  color: #101c25;
}

@media only screen and (min-width: 1279px) and (max-width: 1500px){

.anchor-left{
	padding-left:0px;
}

.anchor-right{
	padding-right:30px;
}

}

@media only screen and (min-width: 0px) and (max-width: 1279px){

.burger{
	display: flex;
	height:50%;
	opacity: 90%;
}

.xtra-pages{
	display: none;
}

.header-button{
	display:none;
}

.anchor-left{
	padding-left:0px;
}

.anchor-right{
	padding-right:0px;
}

}

@media only screen and (min-width: 1150px) and (max-width: 1279px){

}

@media only screen and (min-width: 800px) and (max-width: 1150px){

}

@media only screen and (min-width: 480px) and (max-width: 800px){

.header-message-popup-container{
	width: 85%;
}

}

@media only screen and (min-width: 0px) and (max-width: 480px){

.header-message-popup-container{
	width: 85%;
}

.cookie{
	flex-direction: column;
}

.cookie-button{
	margin-top:32px;
	margin-left:0px;
}

.header-logo{
	max-width:50px;
	max-height:50px;
}

h1.main-title{
	font-size: clamp(16px, 1.5vw, 24px);
}

.header-container{
	height: 80px;
}

.header-spacer{
	height:80px;
}

.header-background{
	background-color: white;
	box-shadow: 0px -20px 30px black;
}

}