:root{
  --default-padding-frame:32px;
  
  --default-items-margin:16px;
  --default-items-padding:16px;
  --default-card-radius: 16px;
  --default-card-padding: 32px;
  --default-card-margin: 24px 0 24px 0;
  --default-button-padding:16px;
  --default-button-radius:32px;

  --primary-color:rgba(0,0,0,1);
  --primary-brand-color:rgba(219,68,55,1);

  --secondary-color-prim-900:rgba(249,249,249,1);
  --secondary-color-prim-700:rgba(235,245,227,1);
  --secondary-color-prim-600:rgba(255, 255, 255 ,0.6);
  --secondary-color-prim-300:rgba(255, 255, 255 ,0.8);

  --color-shade-dark-100:rgba(0,0,0,0.1);
  --color-shade-dark-200:rgba(0,0,0,0.2);
  --color-shade-dark-300:rgba(0,0,0,0.4);
  --color-shade-dark-600:rgba(0,0,0,0.6);
  --color-shade-dark-800:rgba(0,0,0,0.8);
  
  --color-error:#EB4649;

  --background-color:rgba(255,255,255,1);
  --default-font-dark-color:rgba(0,0,0,1);
  --default-input-border-color:rgba(0,0,0,0.2);
  --default-input-radius:28px;
  --default-input-padding-left:16px;
  --default-input-padding-top:9.5px;
  --default-input-border-width:1px;
  --default-input-label-left:16px;
  --default-input-icon-margin-right:8px;
  --default-fields-input-gap:16px;

  --header-item-radius:32px;
  --header-item-padding:12px;
  --header-item-margin:8px;
  --header-item-height:64px;

  --button-border-color:rgba(0,0,0,1);
  --button-background-color:rgba(0,0,0,1);
  --button-disabled-border-color:rgba(0,0,0,0.05);
  --button-disabled-background-color:rgba(0,0,0,0.4);
  --button-disabled-color:rgba(255, 255, 255 ,0.2);

  --button-filled-disabled-border-color:rgba(0,0,0,0.05);
  --button-filled-disabled-background-color:rgba(0,0,0,0.4);
  --button-filled-disabled-color:rgba(255, 255, 255 ,0.2);

  --input-border-color:rgba(0,0,0,1);
  --surface-hover-bg-color:rgb(244 244 244);

  --chip-border-radius:24px;
  --chip-padding-top-bottom:6px;
  --chip-padding-left-right:10px;
  
  --loader-dots-color:var(--primary-brand-color);
  /* -- Dialog */
  --dialog-bg-color:rgb(0 0 0 / 50%);

  --form-checkbox-color: rgba(219,68,55,1);
  --form-checkbox-disabled: #959495;

}

@font-face {
	font-family: 'Gabarito';
  src: url(fonts/Gabarito/static/Gabarito-Medium.ttf) format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Gabarito';
  src: url(fonts/Gabarito/static/Gabarito-Black.ttf) format('truetype');
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Gabarito';
	src: url(fonts/Gabarito/static/Gabarito-SemiBold.ttf) format('truetype');
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: 'Gabarito';
	src: url(fonts/Gabarito/static/Gabarito-Bold.ttf) format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Gabarito';
	src: url(fonts/Gabarito/static/Gabarito-ExtraBold.ttf) format('truetype');
	font-weight: 800;
	font-style: normal;
}
html,body {
	margin: 0;
	padding: 0;
	font-family: 'Gabarito', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  
  min-height: 100vh;
  background-color: var(--background-color);
}
body.dialog-opened {
  overflow-y: hidden;
}
h1,h2,h3,h4,h5{
  font-family: 'Gabarito', sans-serif;
}
h1{
  font-size: 2.6em;
  font-weight: 700;
}
h1.large-h1{
  font-size: 3.8em;
}
h2{
  font-size: 2.4em;
  font-weight: 600;
}
h3{
  font-size: 1.45em;
  line-height: 1.25em;
  font-weight: 600;
}
h4{
  font-size: 1.25em;
  line-height: 1.35em;
  font-weight: 600;
}
h5{
  font-size: 1em;
  font-weight: 600;
}
h5:has(+ h1) {
  margin-block-end: 0;
}
h5 + h1{
  margin-block-start: 0;
  margin-block-end: 0;
}
p {
  font-size: 1em;
  line-height: 1.45em;
}
input, select{
  appearance: none;
}
button,
.button{
  appearance: none;
  border-width: 1px;
  border-style: solid;
  border-color: var(--button-border-color);
  background-color: #fff;
  fill:var(--default-font-dark-color);
  color: var(--default-font-dark-color);
  padding: var(--default-button-padding) calc(var(--default-button-padding) * 2);
  border-radius: var(--default-button-radius);
  cursor: pointer;
}
button span,
.button span{
  font-size: 1.35em;
  font-weight: 700;
}
button.filled-button,
.button.filled-button{
  background-color: var(--button-background-color);
  fill:#fff;
  color: #fff;
}
button.filled-button:disabled,
.button.filled-button:disabled{
  background-color: var(--button-filled-disabled-background-color);
  color: var(--button-filled-disabled-color);
  border-color: var(--button-filled-disabled-border-color);
}

button.filled-button span,
button.filled-button svg{
  fill:inherit;
  color: inherit;
}
button.icon-button,
.button.icon-button,
a.icon-button{
  background-color: transparent;
  box-sizing: border-box;
  height: 36px;
  width: 36px;
  border-radius: 50%;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
}
button.icon-button svg,
button.icon-button img,
a.icon-button svg,
a.icon-button img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
button.icon-button:hover,
a.icon-button:hover{
  background-color: var(--surface-hover-bg-color);
}
button.shadow-small{
  -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.07);
  box-shadow: 0 0 20px 0 rgba(0,0,0,0.07);
}
button.with-icon,
.button.with-icon{
  display: flex;
  flex-direction: row;
  gap: 8px;
  padding: 8px 16px;
  align-items: center;
}
button.with-icon span,
.button.with-icon span{
  font-weight: 500;
  font-size: 1.15em;
}
a{
  text-decoration: none;
  color: unset;
}
.primary-color{
  color: var(--primary);
}
.primary-color-filled{
  border-radius: 0.5em;
  color: #fff;
  background-color: var(--primary);
  padding: 0.15em 0.4em;
}
.card{
  border-radius: var(--default-card-radius);
  background-color: white;
  padding: var(--default-card-padding);
  margin:var(--default-card-margin);
}
.card.gray-transparent{
  background-color: var(--color-shade-dark-100);
}
.card.light-card-shadow{
  -webkit-box-shadow: 0 4px 100px 0 rgb(0 0 0 / 3%);
  box-shadow: 0 4px 100px 0 rgb(0 0 0 / 3%);
}
.section{
  position: relative;
}
.constraint{
  width: 1670px;
  margin: 0 auto;
  position: relative;
}
.constraint .add-padding{
  padding: var(--default-padding-frame);
  box-sizing: border-box;
  position: relative;
}
.constraint>.add-padding>.container {
  display: grid;
  grid-auto-flow: row;
  grid-template-columns: repeat(6, calc(100% / 6));
  grid-auto-rows: auto;
  position: relative;
}
.container .col-2-span{
  grid-column: span 2;
}
.container .col-3-span{
  grid-column: span 3;
}
.container .col-4-span{
  grid-column: span 4;
}
.container .col-5-span{
  grid-column: span 5;
}
.container .col-6-span{
  grid-column: span 6;
}
.chips-container{
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.chips-container .chip{
  margin: 0 var(--default-items-margin) 0 0;
  padding: var(--chip-padding-top-bottom) var(--chip-padding-left-right);
  border-radius: var(--chip-border-radius);
  background-color: var(--color-shade-dark-300);
  position: relative;
  box-sizing: border-box;
  height: 32px;
  color: #fff;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
.chips-container .chip span{
  margin: 0 4px;
  font-size: 0.9em;
}
.chips-container .chip.leading-icon{
  padding: var(--chip-padding-top-bottom) var(--chip-padding-left-right) var(--chip-padding-top-bottom) calc(var(--chip-padding-left-right) + 26px);
}
.chips-container .chip .leading-icon{
  width: 32px;
  height: 32px;
  position: absolute;
  left: 0;
}
.chips-container .chip .leading-icon svg,
.chips-container .chip .leading-icon img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.chips-container .chip.transparent{
  background-color: transparent!important;
  color: rgba(0,0,0,1);
}
.chips-container .chip.smaller {
  padding: calc(var(--chip-padding-top-bottom) / 2) calc(var(--chip-padding-left-right) / 2);
}
.chips-container .chip.smaller span{
  font-size: 0.8em;
}
/*
.chips-container .chip.leading-icon{
  padding: var(--chip-padding-top-bottom) var(--chip-padding-left-right) var(--chip-padding-top-bottom) calc(var(--chip-padding-left-right) + 12px);
}
*/
.chips-container .chip.smaller .leading-icon{
  width: 18px;
  height: 18px;
  position: relative;
}
.hero{
  padding: calc((var(--default-padding-frame) * 2) + var(--header-item-height)) 0 0 0;
  overflow: hidden;
  position: relative;
}
@keyframes fade-in-animation {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;    
  }
}
@keyframes fade-out-animation {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
.loader-round-circle {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: loader-round-circle-spin 1s linear infinite;
}

@keyframes loader-round-circle-spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* Header - Start - */
#header-section{
  position:fixed;
  width:100dvw;
  top:0;
  left: 0;
  z-index: 17;
}
#header-section .constraint .add-padding{
  padding: var(--default-padding-frame) calc(var(--default-padding-frame) / 2);
}

#header-container{
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: var(--header-item-height);
  box-sizing: border-box;
  grid-auto-columns: unset;
  padding:0;
  position: relative;
}
#header-container::before{
  content: "";
  position: absolute;
  width: calc(100% + var(--default-items-margin));
  height: calc(100% + var(--default-items-margin));
  border-radius: 64px;
  left: calc((var(--default-items-margin) / 2) * -1);
  
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.scrolling #header-container::before{
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(3px);
}
#header-container button{
  border: none;
}
#header-container>div{
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: space-between;
  border-radius: 22px;
  height: 100%;
  position: relative;
}
#header-container>div.first{
  max-width: 1120px;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.search-opened #header-container>div.first{
  flex-grow: 1;
}
#header-container>div .item{
  background-color: #fff;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  border-radius: var(--header-item-radius);
  margin: 0 var(--header-item-margin);
  height: 100%;
  box-sizing: border-box;
  position: relative;
}
#header-container>div .item:first-child{
  margin: 0 var(--header-item-margin) 0 0;
}
#header-container>div .item:last-child{
  margin: 0 0 0 var(--header-item-margin);
}
#header-container>div .item.logo{
  padding: var(--header-item-padding);
}
#header-container>div .item.search input{
  font-weight: bold;
  margin: 0 var(--header-item-margin) 0 0;
  font-size: 1.1em;
  padding: var(--header-item-padding);
  border: none;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.search-opened #header-container>div .item.search input{
  width: 100%;
}
#header-container>div .item.search .big-button-cont .filled-button{
  width: 50px;
  height: 50px;
}
.search-opened #header-container>div .item.search .big-button-cont .filled-button{
  background-color: transparent;
}
.search-opened #header-container>div .item.search .big-button-cont .filled-button svg{
fill: #000;
}
#header-container>div .item.search .big-button-cont .filled-button #header-close-search--button-icon{
  display: none;
}
.search-opened #header-container>div .item.search .big-button-cont .filled-button #header-close-search--button-icon{
  display: flex;
}
.search-opened #header-container>div .item.search .big-button-cont .filled-button #header-search--button-icon{
  display: none;
}
#header-container>div .item.search .big-button-cont .filled-button .loader-round-circle{
  border: 3px solid #f3f3f3;
  border-top: 3px solid var(--primary-brand-color);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  display: none;
}
.search-opened #header-container>div .loading .item.search .big-button-cont .filled-button .loader-round-circle{
  display: block;
}
.search-opened #header-container>div .loading .item.search .big-button-cont .filled-button #header-close-search--button-icon,
.search-opened #header-container>div .loading .item.search .big-button-cont .filled-button #header-search--button-icon{
  display: none;
}

#header-container>div .header-search-container .item:first-child{
  margin: 0 0 0 0;
}
.header-search-container{
  z-index: 18;
  width: 100%;
  padding: var(--default-items-padding);
  border-radius:48px 48px 0 0;
  margin: 0 calc(var(--header-item-margin) * 2) 0 0;
  position: relative;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
.search-opened .header-search-container{
  background-color: var(--secondary-color-prim-300);
  backdrop-filter: blur(50px);
}
#header-container>div .header-search-container .item:last-child{
  margin: 0 0 0 0;
}
#backdrop-search{
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 66%);
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 17;
  display: none;
}
.search-opened #backdrop-search{
  display: block;
  -webkit-animation: fade-in-search-background 200ms ease-in-out 0ms 1 normal forwards;
  animation: fade-in-search-background 200ms ease-in-out 0ms 1 normal forwards;
}
#header-container>div .item.search input::placeholder{
  color: var(--color-shade-dark-600);
}
#header-container>div .item.search input:focus{
  outline:none;
}
#header-container>div .item.search input:focus::placeholder{
  color: var(--color-shade-dark-800);
}
.search-results-container{
  height: 450px;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  border-radius: 0 0 48px 48px;
  display: none;
  opacity: 0;
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
.search-opened .search-results-container{
  display: block;
  background-color: var(--secondary-color-prim-300);
  backdrop-filter: blur(10px);
  opacity: 1;
}
.search-results-container .container{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  padding: var(--default-items-padding) calc(var(--default-items-padding) / 4) var(--default-items-padding) var(--default-items-padding);
  height: 100%;
  box-sizing: border-box;
  gap: calc(var(--default-items-margin) * 2);
  opacity: 0;
  animation-duration: 150ms;
  animation-timing-function: ease-in-out;
  animation-delay: 250ms;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  overflow: hidden;
  border-radius: 0 0 48px 48px;
}
.search-opened .search-results-container .container{
  animation-name:fadeInAnimation;
}
.search-opened .search-results-container .suggested-results .list{
  display: none;
}
.search-opened .search-results-container .suggested-results .list.active{
  display: flex;
}
.search-results-container .suggested-results .list ul::-webkit-scrollbar,
.search-results-container .container .list ul::-webkit-scrollbar{
  width: 8px;
  height: 8px;
}
.search-results-container .suggested-results .list ul::-webkit-scrollbar-thumb,
.search-results-container .container .list ul::-webkit-scrollbar-thumb{
  background: var(--color-shade-dark-300);
  border-radius: var(--header-item-radius);
}
.search-results-container .suggested-results .list ul::-webkit-scrollbar-track,
.search-results-container .container .list ul::-webkit-scrollbar-track{
  background: transparent;
}

.search-results-container .container ul{
  padding: 0;
  margin: 0;
  list-style: none;
}

.search-results-container .container.query-results{
  display: none;
}
.searching .search-results-container .container.suggested-results{
  display: none;
}

.searching .search-results-container .container.query-results{
  display: flex;
}

.suggested-groups ul li{
  margin-bottom: calc(var(--default-items-margin) / 2);
  min-width: 100%;
}
.suggested-groups ul li a{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--header-item-padding) ;
  border-radius: 16px;
  background-color: var(--secondary-color-prim-600);
  width: max-content;
  cursor: pointer;
  min-width: 100%;
  box-sizing: border-box;
}
.search-results-container .container .list {
  flex-grow:1;
  display: flex;
  flex-direction: column;
  height:100%;
}
.search-results-container .container .list h2{
  margin-block-start: 0;
  margin-block-end: 0;
  min-width: max-content;
  margin: 0 0 var(--default-items-margin) 0;
}

.suggested-groups ul li a>div{
  margin-right: 48px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}
.suggested-groups ul li a>div .icon{
  padding: 6px;
  border-radius: 10px;
  background-color: var(--secondary-color-prim-300);
}
.suggested-groups ul li a>div h5{
  margin:0 0 0 var(--header-item-margin);
  line-height: 1.5em;
}
#header-container>div .item.search .front-icon{
  margin: 0 0 0 calc(var(--header-item-margin) + var(--header-item-padding));
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  height: 20px;
  width: 20px;
}
#header-container>div .item.search .front-icon svg{
  width: 100%;
  height: 100%;
}
.search-results-container .container .list ul{
  height: 100%;
  overflow-y: scroll;
  padding-right: 10px;
}
.search-results-container .container .list ul li{
  width: 100%;
  margin-bottom: calc(var(--default-items-margin) / 2);
}
.search-results-container .container .list #query-results-container{
  flex-grow: 1;
  height: 100%;
  overflow: hidden;
}
.search-results-container .container .list ul li a{
  padding: calc(var(--default-items-padding) / 2) var(--default-items-padding) calc(var(--default-items-padding) / 2) calc(var(--default-items-padding) / 2);
  border-radius: var(--default-card-radius);
  background-color: var(--secondary-color-prim-600);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.search-results-container .container .list ul li a .img{
  width: 64px;
  height: 64px;
  margin-right: calc(var(--default-items-margin) / 2);
  flex-shrink: 0;
  border-radius: 8px;
  overflow: hidden;
}
.search-results-container .container .list ul li a .img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.search-results-container .container .list ul li a .desc{

}
.search-results-container .container .list ul li a .desc p{
  margin-block-start: 0;
  margin-block-end: 0;
}
.search-results-container .container .list ul li a .desc .tittle{
  
}
.search-results-container .container .list ul li a .desc .body{
  font-weight: 400;
  font-size: 0.85em;
  color: var(--color-shade-dark-600);
}
#header-container>div .item>div{
  height: 100%;
  display: flex;
  align-items: center;
  margin: 0 calc(var(--header-item-margin) / 2);
  position: relative;
}
#header-container>div .item>div .cart-badge-no{
  position: absolute;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  background-color: var(--primary-brand-color);
  color: #fff;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  bottom: 10px;
  right: 0px;
  font-size: 0.7em;
}
#header-container>div .item .big-button-cont{
  width: 50px;
  height: 50px;
  position: relative;
}
#header-container>div .item .big-button-cont button{
  border-radius: 50%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: relative;
  padding:0;
  overflow: hidden;
  
}
#header-container>div .item .big-button-cont button:hover{
  background-color: var(--surface-hover-bg-color);
}
#header-container>div .item .big-button-cont button svg{
  height: 20px;
  width: 20px;
}
#header-container>div .item .big-button-cont button img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}
#header-container>div .item .big-button-cont.account-btn-cont button svg{
  fill: black;
}
/*
#header-container>div .item .big-button-cont button svg{
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  fill: black;
}
*/
#header-container>div .item.toolbar{
  z-index: 17;
}
#header-container>div .item.toolbar .language-selector-container{
  margin: 0;
}
.language-selector-container ul{
  list-style:none;
  padding: 0;
  margin: 0;
  height: 100%;
  padding:var(--header-item-margin);
  box-sizing: border-box;
}
.language-selector-container ul li{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  height: 100%;
  padding: 0 var(--header-item-padding) 0 var(--header-item-padding);
  border-radius: var(--header-item-radius);
}
.language-selector-container ul li:hover{
  background-color: var(--surface-hover-bg-color);
}
.language-selector-container ul li .currently-selected{
  display: flex;
  flex-direction: row;
  align-items: center;
  
}
.language-selector-container ul li .currently-selected svg{
  width: 22px;
  height: 22px;
}
.language-selector-container ul li .currently-selected svg.drop-down{
  width: 16px;
  height: 16px;
}
.language-selector-container ul li .currently-selected span{
  font-weight: 400;
  margin: 0 calc(var(--header-item-margin) / 2) 0 var(--header-item-margin);
}
.language-selector-container ul li .langage-selector-list-cont{
  position: absolute;
  top: calc(100% - var(--header-item-padding));
  padding: calc(var(--header-item-padding) * 2) 0 0;
  display: none;
  width: 100%;
  left: 0;
  box-sizing: border-box;
  min-width: 286px;
}
.language-selector-container ul li:hover .langage-selector-list-cont{
  display: block;
}
.language-selector-container ul li ul{
  padding: var(--header-item-padding);
  background-color: #fff;
  border-radius: var(--header-item-radius);
  height: auto;
  opacity: 0;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-delay: 50ms;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards; 
}
.language-selector-container ul li:hover ul{
  animation-name: fade-in-animation;
}
.language-selector-container ul li ul li{
  text-align: left;
  display: block;
  cursor: default;
  border-radius: calc(var(--header-item-radius) / 1.7);
  padding: 0 var(--header-item-padding) 0 0;
}
.language-selector-container ul li ul li a{
  padding: var(--header-item-padding);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.language-selector-container ul li ul li:hover{
  background-color: var(--surface-hover-bg-color);
}
#header-container>div .item.toolbar>div>button{
  background: transparent;
  box-sizing: border-box;
  height: 48px;
  width: 48px;
  border-radius: var(--header-item-radius);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#header-container>div .item.toolbar>div>button:hover{
  background: var(--surface-hover-bg-color);
}
#header-container>div .item.toolbar>div>button svg{
  width: 22px;
  height: 22px;
}
#header-container>div .item.navigation{
  position: unset;
}
#header-container>div .item.navigation .big-button-cont{
  margin: 0 calc(var(--header-item-margin) - 1px);
  z-index: 17;
}
#header-container>div .item .navigation-container{
  position: absolute;
  right: 0;
  height: fit-content;
  top: 0;
  margin: 0;
  width: 100%;
  border-radius: var(--header-item-radius);
  z-index: 16;
  height: 0;
  overflow: hidden;
}
.menu-visible #header-container>div .item .navigation-container{
  height: auto;
}
#header-container>div .item .navigation-container .cont{
  opacity: 0;
  width: 100%;
  padding: var(--header-item-height) calc(var(--header-item-padding) * 2) calc(var(--header-item-padding) * 2);
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-delay: 0ms;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
  box-sizing: border-box;
  border-radius: var(--header-item-radius);
  position: relative;
  background-color: #fff;
}
.menu-visible #header-container>div .item .navigation-container .cont{
  animation-name: fade-in-animation;
}
#header-container>div .item .navigation-container ul{
  list-style: none;
  padding: 0;
  margin-block-start: 0;
  margin-block-end: 0.66em;
}
#header-container>div .item .navigation-container ul li a h1{
  font-size: 2.2em;
  margin-block-start: var(--header-item-padding);
  margin-block-end: calc(var(--header-item-padding) * 2);
}
#header-container>div .item .navigation-container .social-container{
  margin: calc(var(--header-item-padding) * 6) 0 0;
}
#header-container>div .item .navigation-container .social-container ul{ 
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#header-container>div .item .navigation-container .social-container ul li a{
  display: block;
}
.hide-on-menu-open{
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-delay: 150ms;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}
.menu-visible .hide-on-menu-open{
  animation-name: fade-out-animation;
}
/* Header - End - */

/* Dialog/Modal - start - */
.dialoginternalWraper{
  position: fixed;
  display:flex;
  width: fit-content;
  flex-direction:column;

  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: auto;
  margin-top: auto;
  box-sizing: border-box;
  padding: 0;
  border-radius: 36px;
  top: 100dvh;

  box-shadow: 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 20px -10px rgb(0 0 0 / 50%);
  -webkit-transition: transform 500ms cubic-bezier(0.74, 0, 0.2, 1), height 250ms ease-in-out;
  -moz-transition: transform 500ms cubic-bezier(0.74, 0, 0.2, 1), height 250ms ease-in-out;
  -ms-transition: transform 500ms cubic-bezier(0.74, 0, 0.2, 1), height 250ms ease-in-out;
  -o-transition: transform 500ms cubic-bezier(0.74, 0, 0.2, 1), height 250ms ease-in-out;
  transition: transform 500ms cubic-bezier(0.74, 0, 0.2, 1), height 250ms ease-in-out;
}
.dialoginternalWraper.show{
  top: calc((var(--header-item-height) / 2) + (var(--default-padding-frame) * 1));
}
.dialoginternalWraper.full-width{
  width: 100%;
  height: calc(100dvh - var(--header-item-height) + (var(--default-padding-frame) * 2));
}

.dialogContainerSection{
  position: relative;
  display:flex;
  width: fit-content;
  flex-direction:column;
  z-index: 19;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  padding: 0;
  border-radius: 36px;
  top: 0;
  overflow: hidden;
  -webkit-transition: transform 500ms cubic-bezier(0.74, 0, 0.2, 1), height 250ms ease-in-out;
  -moz-transition: transform 500ms cubic-bezier(0.74, 0, 0.2, 1), height 250ms ease-in-out;
  -ms-transition: transform 500ms cubic-bezier(0.74, 0, 0.2, 1), height 250ms ease-in-out;
  -o-transition: transform 500ms cubic-bezier(0.74, 0, 0.2, 1), height 250ms ease-in-out;
  transition: transform 500ms cubic-bezier(0.74, 0, 0.2, 1), height 250ms ease-in-out;
}
.dialoginternalWraper.full-width .dialogContainerSection{
  width: 100%;
  min-height: calc(100dvh - var(--header-item-height) + (var(--default-padding-frame) * 2));
}

/*
.dialogContainerSection::before{
  content: "X";
  position: absolute;
  top: -48px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  fill: #000;
  right: 32px;
  z-index: 33;
  box-sizing: border-box;
  padding: 7px;
  background-color: rgba(255, 255, 255, 1);
  border-color: var(--default-input-border-color);
}

  
.dialogContainerSection.show{
  top: calc((var(--header-item-height) / 2) + (var(--default-padding-frame) * 1));
}
.dialogContainerSection.full-width{
  width: 100%;
  height: calc(100dvh - var(--header-item-height) + (var(--default-padding-frame) * 2));
}
*/
#dialogs-container>section:nth-child(2) .dialoginternalWraper.show{
  top: calc(((var(--header-item-height) / 2) + (var(--default-padding-frame) * 1)) + (var(--default-padding-frame) * 0.5));
}
#dialogs-container>section:nth-child(3) .dialoginternalWraper.show{
  top: calc(((var(--header-item-height) / 2) + (var(--default-padding-frame) * 1)) + (var(--default-padding-frame) * 1));
}
#dialogs-container>section:nth-child(4) .dialoginternalWraper.show{
  top: calc(((var(--header-item-height) / 2) + (var(--default-padding-frame) * 1)) + (var(--default-padding-frame) * 1.5));
}
#dialogs-container>section:nth-child(5) .dialoginternalWraper.show{
  top: calc(((var(--header-item-height) / 2) + (var(--default-padding-frame) * 1)) + (var(--default-padding-frame) * 2));
}
#dialogs-container>section:nth-child(6) .dialoginternalWraper.show{
  top: calc(((var(--header-item-height) / 2) + (var(--default-padding-frame) * 1)) + (var(--default-padding-frame) * 2.5));
}

.dialogContainerCloseBtn{
  display: none;
  position: absolute;
  top: -48px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  fill: #000;
  right: 24px;
  z-index: 33;
  box-sizing: border-box;
  padding: 7px;
  background-color: rgb(234 234 234);
  border-color: var(--default-input-border-color);
}
.dialogContainerCloseBtn svg{
  fill: inherit;
  width: 100%;
  height: 100%;
}
.dialogContainerCloseBtn:hover{
  background-color: rgba(255, 255, 255, 1);
  fill: var(--primary-color);
}


.dialogBackDropSection{
  display: block;
  position: fixed;
  content: "";
  width: 0;
  height: 0;
  z-index: 18;
  top: 100vh;
  opacity: 0;
  left: 0;
  background-color: var(--dialog-bg-color);
}

.dialoginternalWraper.show .dialogBackDropSection,
.dialogContainerSection.show + .dialogBackDropSection{
  display: block;
  content: "";
  width: 100vw;
  height: 100vh;
  top: 0;
  height: calc(var(--vh, 1vh) * 110);
  -webkit-animation: fadeInDialogBackground 200ms ease-in-out 0ms 1 normal forwards;
  animation: fadeInDialogBackground 200ms ease-in-out 0ms 1 normal forwards;
}
.dialoginternalWraper.hidding .dialogBackDropSection,
.dialogContainerSection.hidding + .dialogBackDropSection{
  display: block;
  width: 100vw;
  height: 100vh;
  opacity: 1;
  top: 0;
  -webkit-animation: fadeOutDialogBackground 200ms cubic-bezier(0.74, 0, 0.2, 1) 0ms 1 normal forwards;
  animation: fadeOutDialogBackground 200ms cubic-bezier(0.74, 0, 0.2, 1) 0ms 1 normal forwards;
}
@keyframes fadeInDialogBackground {
  0% {
    opacity: 0;
    filter: saturate(100%);
    backdrop-filter: blur(0);
  }
  100% {
    opacity: 1;
    filter: saturate(20%);
    backdrop-filter: blur(0px);
  }
}
@keyframes fadeOutDialogBackground {
  0% {
    top: 0;
    backdrop-filter: blur(0);
    opacity: 1;
  }
  90%{
    top: 0;
    opacity: 0;
  }
  100% {
    top: 100vh;
    backdrop-filter: blur(0px);
    opacity: 0;
  }
}
@keyframes fade-in-search-background {
  0% {
    opacity: 0;
    filter: saturate(100%);

  }
  100% {
    opacity: 1;
    filter: saturate(100%);

  }
}
@keyframes fade-out-search-background {
  0% {
    top: 0;

    opacity: 1;
  }
  90%{
    top: 0;
    opacity: 0;
  }
  100% {
    top: 100vh;

    opacity: 0;
  }
}

.card-dialog-cont {
  min-width: 400px;
  min-height: 150px;
  border-radius: var(--default-card-radius);
  background-color: white;
  padding: var(--default-card-padding);
  margin:0
}
.card-dialog-cont .tittle{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--default-items-margin);
}
.card-dialog-cont .tittle h2{
  margin-block-start: 0;
  margin-block-end: 0;
  font-size: 1.625em;
}
.card-dialog-cont .tittle button{
  padding: calc(var(--default-button-padding) / 2);
  border-radius: 50%;
  border: none;
  width: 39px;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* Dialog/Modal - END - */
.price-container p{
  text-transform: uppercase;
  color: var(--color-shade-dark-600);
  margin-block-start: 0;
  margin-block-end: 0.33em;
}
form .fields {
  display: flex;
  gap: var(--default-fields-input-gap);
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
form .fields.big-gap{
  gap: 24px;
}
form .fields .fields-row{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--default-items-margin);
  width: 100%;
}
form .fields .fields-row>div{
  width: 100%;
}
form .fields .input-wrapper{
  display: flex;
  flex-direction: row;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: var(--default-input-padding-top) var(--default-input-padding-left);
  border-radius: var(--default-input-radius);
  border-style: solid;
  border-color: var(--default-input-border-color);
  border-width: var(--default-input-border-width);
  height: 56px;
}
form .fields .input-wrapper.non-floating-label{
  margin-top: calc(var(--default-items-margin) / 2);
}
form .fields .input-wrapper .icon-container{
  margin-right: var(--default-input-icon-margin-right);
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
form .fields .input-wrapper .icon-container-end{
  margin-left: var(--default-input-icon-margin-right);
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  width: 16px;
  font-size: unset;
  margin-top: unset;
  margin-bottom: unset;
}
form .fields .input-wrapper .icon-container,
form .fields .input-wrapper .icon-container-end{
  border: none;
  appearance: none;
  padding: 0;
}
form .fields .input-wrapper .icon-container.loading svg,
form .fields .input-wrapper .icon-container-end.loading svg{
  opacity: 0;
}
form .fields .input-wrapper .icon-container .loader-round-circle, 
form .fields .input-wrapper .icon-container-end .loader-round-circle{
  border: 3px solid #f3f3f3;
  border-top: 3px solid var(--primary-brand-color);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  position: absolute;
  display: none;
}
form .fields .input-wrapper .icon-container.loading .loader-round-circle, 
form .fields .input-wrapper .icon-container-end.loading .loader-round-circle{
  display: block;
}
form .fields .input-wrapper .icon-container-end svg{
  -webkit-transition: all 250ms ease-in-out;
  -moz-transition: all 250ms ease-in-out;
  -ms-transition: all 250ms ease-in-out;
  -o-transition: all 250ms ease-in-out;
  transition: all 250ms ease-in-out;
}
form .fields .input-wrapper .input-label-container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 1;
  width: 100%;
}
form .fields .input-wrapper label{
  font-size: 0.75em;
  color: var(--color-shade-dark-600);
  margin-bottom: 0;
  width: 100%;
  margin-top: -2px;
}
form .fields .button-wrapper{
  display: block;
  position: relative;
  box-sizing: border-box;
  width: 100%;
  padding: var(--default-input-padding-top) 0;
}
form .fields .input-wrapper select,
form .fields .input-wrapper input{
  font-size: 1.125em;
  font-weight: 600;
  line-height: 21.6px;
  appearance: none;
  border: none;
  width: 100%;
  border-width: 0;
  padding: 0;
}
form .fields .input-wrapper.non-floating-label select,
form .fields .input-wrapper.non-floating-label input{
  font-size: 1em;
}
form .fields .input-wrapper input:focus{
  outline: none;
}
form .fields .input-wrapper input::placeholder{
  font-weight: 400;
}
form .fields .input-wrapper input::-webkit-outer-spin-button,
form .fields .input-wrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
form .fields .input-wrapper input[type=number] {
  -moz-appearance: textfield;
}
form .fields .input-wrapper .dropdown-options{
  position: absolute;
  top: 100%;
  width: calc(100% + 2px);
  left: -1px;
  display: none;
}
form .fields .input-wrapper .dropdown-options .cont{
  background-color: #fff;
  width: 100%;
  min-height: 100%;
  position: relative;
  z-index: 1;
  border-radius: 0 0 var(--default-input-radius) var(--default-input-radius);
  padding: var(--default-input-padding-top) 0;
  border-style: solid;
  border-color: var(--default-input-border-color);
  border-width: var(--default-input-border-width);
  border-top: none;
  box-sizing: border-box;
  border-radius: 0 0 var(--default-input-radius) var(--default-input-radius);
  box-shadow: 0px 8px 5px 0 rgb(0 0 0 / 14%), 0px 5px 10px 0 rgb(0 0 0 / 12%), -1px 11px 20px -10px rgb(0 0 0 / 50%);
}
form .fields .input-wrapper.visible-dropdown{
  border-radius: var(--default-input-radius) var(--default-input-radius) 0 0;
}
form .fields .input-wrapper.with-icon.with-dropdown.visible-dropdown .icon-container-end svg{
  transform: rotate(180deg);
}
form .fields .input-wrapper.visible-dropdown .dropdown-options{
  display: block;
}
form .fields .input-wrapper .dropdown-options .cont .input-wrapper{
  border-radius: 0;
  border-left: none;
  border-right: none;
  border-bottom: none;
  border-color: var(--color-shade-dark-100);
}
form .fields .input-wrapper .dropdown-options .cont .input-wrapper:first-child{
  border-top: none;
}
form .fields .input-wrapper .dropdown-options .cont .input-wrapper.increment-btns .option-label{
  flex-grow: 1;
}
form .fields .input-wrapper .dropdown-options .cont .input-wrapper.increment-btns .option-label h4{
  margin-block-start: 0;
  margin-block-end: 0;
  font-size: 1.125em;
  line-height: 21.6px;
}
form .fields .input-wrapper .dropdown-options .cont .input-wrapper.increment-btns .options-actions-container{
  display: flex;
  flex-direction: row;
  flex-grow: 0;
  flex-shrink: 1;
  align-items: center;
}
form .fields .input-wrapper .dropdown-options .cont .input-wrapper.increment-btns .options-actions-container input{
  width: 60px;
  text-align: center;
}
form .fields .input-wrapper .dropdown-options .cont .input-wrapper.increment-btns .options-actions-container input[type=number]::-webkit-inner-spin-button,
form .fields .input-wrapper .dropdown-options .cont .input-wrapper.increment-btns .options-actions-container input[type=number]::-webkit-outer-spin-button{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; 
}
.input-wrapper-checkbox {
  font-size: 1em;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
  line-height: 1em;
}
.input-wrapper-checkbox--disabled {
  color: var(--form-checkbox-disabled);
  cursor: not-allowed;
}
.input-wrapper-checkbox input[type=checkbox] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  -moz-appearance: none;
       appearance: none;
  /* For iOS < 15 */
  background-color: var(--form-background);
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}
.input-wrapper-checkbox input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: bottom left;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--form-checkbox-color);
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}
.input-wrapper-checkbox input[type=checkbox]:checked::before {
  transform: scale(1);
}
.input-wrapper-checkbox input[type=checkbox]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}
.input-wrapper-checkbox input[type=checkbox]:disabled {
  --form-checkbox-color: var(--form-checkbox-disabled);
  color: var(--form-checkbox-disabled);
  cursor: not-allowed;
}
#templateCheckAvailability{
  max-width: 300px;
}
form .fields .button-wrapper button{
  width: 100%;
}
input[type="date"]::-webkit-calendar-picker-indicator {
  background: transparent;
  bottom: 0;
  color: transparent;
  cursor: pointer;
  height: auto;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
}
/* HTML: <div class="loader"></div> */
.loader {
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50%;
  animation: l5 1s infinite linear alternate;
}
#templateCheckAvailability .cancelation-short-desc{
  display: flex;
  align-items: flex-start;
  flex-direction: row;
}
#templateCheckAvailability .cancelation-short-desc svg{
  flex-shrink: 0;
}
#templateCheckAvailability .cancelation-short-desc p{
  margin-block-start: 0;
  margin-block-end: 0;
  margin-left: calc(var(--default-items-margin) / 2);
  margin-right: calc(var(--default-items-margin) / 2);
  color: var(--color-shade-dark-600);
}
@keyframes l5 {
    0%  {box-shadow: 20px 0 #000, -20px 0 #0002;background: #000 }
    33% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #0002}
    66% {box-shadow: 20px 0 #0002,-20px 0 #000; background: #0002}
    100%{box-shadow: 20px 0 #0002,-20px 0 #000; background: #000 }
}
#snackbarContainer{
  background-color:#000;
  display: flex;
  justify-content: center;
  align-items: center;
  position:fixed;
  bottom:0;
  height:0;
  width:0;
  z-index: 30;
  left: 50%;
  right: 50%;
}
.snackbar{
  max-width: 450px;
  width: max-content;
  padding: var(--default-button-padding) calc(var(--default-button-padding) * 1.6);
  border-radius: var(--default-button-radius);
  position: absolute;
  bottom: 32px;
  background-color: #202020e0;
  color: #FFF;
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  user-select: none;
  align-items: center;
  opacity:0;
  font-size: 1.1em;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 20%), 0 1px 5px 0 rgb(0 0 0 / 12%);
  box-shadow: 0 2px 100px 0 rgb(255 255 255 / 55%);
  animation-duration: 150ms;
  animation-timing-function: ease-in-out;
  animation-delay: 0ms;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards; 
}
.snackbar::after{
  content: '';
  position: absolute;
  border-radius: var(--default-button-radius);
  left: 0;
  width: 100%;
  bottom: 0px;
  top: 0;
  height: 100%;
  backdrop-filter: blur(16px);
  -webkit-mask: linear-gradient(180deg, transparent, black 0%);
  mask: linear-gradient(180deg, transparent, black 0%);
}
.snackbar.fadeIn{
  animation-name:fadeInAnimation;
}
.snackbar.fadeIn.slideOutToBottom{
  animation-name:fadeOutAnimation;
}
.snackbar p{
  margin:0;
  font-size:0.8em;
  position: relative;
  z-index: 30;
}

@keyframes fadeInAnimation {
  0% {
    opacity:0;
  }
  100% {
    opacity:1;    
  }
}
@keyframes fadeOutAnimation {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}
footer{
  padding: calc(var(--default-padding-frame) * 3) 0 calc(var(--default-padding-frame) * 4);
}
footer .logo-row{
  width: 100%;
  grid-column: span 6;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(249, 249, 249, 1);
  border-radius: calc(var(--default-items-margin) * 2);
  padding: var(--default-items-margin);
}
footer .logo-row .social-footer ul{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0;
  margin: 0 calc(var(--default-items-margin) / 2) 0 0;
  list-style:none;
  gap: calc(var(--default-items-margin) * 1.6);
}
footer .logo-row .social-footer ul li a{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  fill: #000;
  stroke:#000;
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  -ms-transition: all 150ms ease-in-out;
  -o-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
}
footer .logo-row .social-footer ul li a:hover{
  cursor: pointer;
  fill: var(--primary-brand-color);
  stroke:var(--primary-brand-color);
}
.imprint-container .imprint{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.imprint-container .imprint>p{
  margin: 0 var(--default-items-margin) 0 0;
  color: rgba(0, 0, 0, 0.6);
  font-weight: 600;
}
.imprint-container .imprint>ul{
  list-style: none;
  padding: 0;
  margin: 0;
  position: relative;
  width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
}
.imprint-container .imprint>ul li{
  padding: calc(var(--default-items-margin) / 4);
  width: fit-content;
}
.imprint-container .imprint>ul li ul{
  list-style: none;
  padding: 0;
  margin: 0;
  position: absolute;
  bottom: calc(100% - var(--header-item-padding));
  padding: calc(var(--header-item-padding) * 2) calc(var(--header-item-padding) * 2) calc(var(--header-item-padding) * 2) calc(var(--header-item-padding) * 1);
  display: none;
  box-sizing: border-box;
  min-width: 286px;
  width: fit-content;
  right: 0;
  -webkit-box-shadow: 0 0 50px 0 #000000;
  box-shadow: 0 0 50px 0 #00000021;
  background-color: #fff;
  border-radius: var(--header-item-radius);
  height: auto;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-delay: 50ms;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;

}
.imprint-container .imprint>ul li .currently-selected{
  display: flex;
  flex-direction: row;
  align-items: center;
}
.imprint-container .imprint>ul li .currently-selected svg{
    width: 22px;
    height: 22px;
}
.imprint-container .imprint>ul li .currently-selected span{
  font-weight: 400;
  margin: 0 calc(var(--header-item-margin) / 2) 0 var(--header-item-margin);
}
.imprint-container .imprint>ul li:hover{
  background-color: var(--surface-hover-bg-color);
}
.imprint-container .imprint>ul li:hover ul{
  display: block;
}
.imprint-container .imprint>ul li ul li{
  text-align: left;
  display: block;
  cursor: default;
  border-radius: calc(var(--header-item-radius) / 1.7);
  padding: 0 var(--header-item-padding) 0 0;
  width: 100%;

}

.imprint-container .imprint>ul li ul li a{
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--header-item-padding) var(--header-item-padding) var(--header-item-padding) var(--header-item-padding) ;
  box-sizing: border-box;
}
footer .columns{
    grid-column-start: 1;
    grid-column-end: 7;
    display: grid;
    grid-auto-flow: row;
    grid-template-columns: repeat(8, 1fr);
    grid-auto-rows: auto;
    width: 100%;
    padding: calc(var(--default-items-padding) * 2) calc(var(--default-items-padding) * 2);
    position: relative;
    gap: calc(var(--default-items-margin) * 2);
    box-sizing: border-box;
    width: 100%;
}
.section.footer .columns .column{
  grid-column: span 1;
  margin: calc(var(--default-items-margin) * 1) 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--default-items-margin);
}
.section.footer .columns .column.double{
    grid-column: span 2;
}
.section.footer .columns .column a{
  min-width: 100%;
  cursor: pointer;
  display: inline-block;
}
footer .review{
  display: flex;
  flex-direction: row;
  margin-bottom: 12px;
}
footer .review .icon-cont{
  margin-right: 12px;
}
footer .review .desc-cont{
  height: fit-content;
}
footer .review .desc-cont .score{
  display: flex;
  flex-direction: row;
  gap: 8px;
}
footer .review .desc-cont a{
  color: var(--color-shade-dark-600);
  font-weight: 600;
  font-size: 0.9em;

}
@media screen and (min-width: 1701px) and (max-width: 1920px){
  .constraint{
    width: 1580px;
  }
  /*
  .search-opened #header-container>div .item.search input{
    min-width: 650px;
  }
  */
}
@media screen and (min-width: 1500px) and (max-width: 1700px){
  .constraint{
    width: 1440px;
  }
  /*
  .search-opened #header-container>div .item.search input{
    min-width: 650px;
  }
  */
}
@media screen and (min-width: 1366px) and (max-width: 1499px){
  .constraint{
    width: 1346px;
  }
  /*
  .search-opened #header-container>div .item.search input{
    min-width: 650px;
  }
      */
}
@media screen and (min-width: 1260px) and (max-width: 1365px){
  .constraint{
    width: 1200px;
  }
  /*
  .search-opened #header-container>div .item.search input{
    min-width: 500px;
  }
      */
}
@media screen and (min-width: 1020px) and (max-width: 1259px){
  .constraint{
    width: 1000px;
  }
  /*
  .search-opened #header-container>div .item.search input{
    min-width: 420px;
  }
      */
}
@media screen and (min-width:0px) and (max-width:1019px) {
  body,
  html {
    height: auto
  }
  .constraint{
    width: 100%;
  }
}