/*
** #bg-layer
*/

#bg-layer {
  background-image: url(../../image/common/bg_general@xl.jpg);
}


/*
** #cookie-banner
*/

#cookie-banner {
  bottom: 3.375em;
}

.cookie-banner__inner {
  max-height: calc(100vh - (3.375em * 2));
  border-radius: 1.875em;
  padding: 2.625em 3em 2em;
}

.cookie-banner__contents {
  grid-row-gap: 1.875em;
}

.cookie-banner__description {
  font-size: 1.125em;
}

#cookie-banner .cookie__accept-block {
  border-radius: 1.875em;
}


/*
** .cookie-accept
*/

.cookie__accept-block {
  font-size: 0.9375em;
  padding-left: 2em;
  padding-right: 2em;
}


/*
** #modal
*/

.modal__contents {
  max-width: 36.25em;
  padding: 2.8125em 2em 2em;
  margin-top: 5em;
  margin-bottom: 5em;
}

.modal__title {
  font-size: 1.3125em;
}

.modal__message br {
  display: block;
}

.modal__buttons {
  grid-auto-rows: 3.75em;
  column-gap: 1em;
}

.modal__buttons button {
  font-size: 1.25em;
}


/*
** .header__page
*/

.header__page-general {
  margin-bottom: 3.875em;
}

.header__page-general-lead {
  font-size: 1.5em;
}

.header__page-general-lead br {
  display: block;
}


/*
** .header__page-exception
*/

.header__page-exception {
  grid-template-columns: 1fr max-content;
  align-items: flex-end;
}

.header__page-exception-image-container {
  order: 2;
}

.header__page-exception-image {
  padding-top: 1.1875em;
  padding-bottom: 1.1875em;
  padding-left: 1.1875em;
}

.header__page-exception-image::before,
.header__page-exception-image::after {
  height: calc(100% - 1.1875em);
}

.header__page-exception-image::after {
  width: calc(100% - 1.1875em - 0.5em);
}

.header__page-exception-lead {
  font-size: 1.5em;
}

.header__page-exception-lead br {
  display: block;
}


/*
** .slider__controls
*/

.slider__controls {
  margin-top: 1.25em;
}


/*
** .slider__dots
*/

.slider__dots .dot.dummy::before,
.slider__dots .slick-dots li button:before {
  font-size: calc(((var(--font-size) / var(--screen-size-xl)) * 100vw) * 0.75);
}


/*
** .slider__arrows
*/

.slider__arrows .arrow {
  font-size: 1.5em;
}


/*
** .button__ulike
*/

.button__ulike .wpulike-heart button.wp_ulike_btn {
  width: calc(((var(--font-size) / var(--screen-size-xl)) * 100vw) * 2.5);
  height: calc(((var(--font-size) / var(--screen-size-xl)) * 100vw) * 2.5);
}


/*
** .button__general
*/

.button__general {
  min-width: 15em;
  height: 3.75em;
}

.button__general a {
  font-size: 1.25em;
  border-radius: 4em;
}


/*
** .button__mystore
*/

.button__mystore {
  height: 3.75em;
  font-size: calc((var(--font-size) / var(--screen-size-xl)) * 100vw);
}

*.not-mystore .button__mystore::before {
  width: calc((3.75em / 2.4) - 0.8rem);
  line-height: calc((3.75em / 2.4 * 0.95) - 0.8rem);
}

*.mystore .button__mystore::before {
  width: calc((3.75em / 1.5) - 0.8rem);
  line-height: calc((3.75em / 1.5) - 0.8rem);
}

.button__mystore::after {
  width: calc(3.75em - 0.8rem);
  height: calc(3.75em - 0.8rem);
}


/*
** .arrow__general
** .arrow__general-a
*/

.arrow__general::after,
.arrow__general-a a::after {
  font-size: calc(((var(--font-size) / var(--screen-size-xl)) * 100vw) * 1.5);
}