/*============= VARIABLE FILE =============*/
::selection {
  background-color: #efefef;
  color: var(--color-primary) !important;
}

* {
  box-sizing: border-box;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in-grid {
  0% {
    display: none;
  }
  100% {
    display: grid;
  }
}
@keyframes fade-in-inline {
  0% {
    display: none;
  }
  100% {
    display: inline;
  }
}
a {
  text-decoration: none;
}

:root {
  --1svh: 1vh;
  --1dvh: 1vh;
  --fs-normal: 16px;
  --lh-normal: 0.95em;
  --padding-horizontal: 30px;
  --padding-vertical: 30px;
  --color-primary: #ff4d2e;
  --color-secondary: #ff4d2e;
  --color-background: #ffffff;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

@font-face {
  font-family: "TimesNewRomanSevenRegular";
  src: url("../fonts/TimesNewRomanSevenRegular.woff2") format("woff2");
  src: url("../fonts/TimesNewRomanSevenRegular.woff") format("woff");
}
html,
body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: "TimesNewRomanSevenRegular";
  font-size: var(--fs-normal);
  font-weight: normal;
  line-height: var(--lh-normal);
  overflow: hidden;
}
@media only screen and (max-width: 750px) {
  html,
body {
    font-size: 15px;
    -webkit-text-stroke: thin;
    -webkit-text-stroke: thin #ff4d2e;
    text-stroke: thin #ff4d2e;
  }
}

a {
  color: inherit;
  text-decoration: none;
}

@media only screen and (max-width: 750px) {
  .remove-mobile {
    display: none;
  }
}

.show-mobile {
  display: none;
}
@media only screen and (max-width: 750px) {
  .show-mobile {
    display: block;
  }
}

.tmbsb-header {
  width: 100%;
  color: var(--color-primary);
  display: flex;
  padding: 0 0 30px;
  z-index: 1000;
  position: relative;
  visibility: hidden;
}

.js-savethedate-hover, .js-bestbook-award-hover, .js-jt-award-hover {
  display: block;
}

.js-savethedate-hover {
  max-width: 600px;
}

.the-most-beautiful-swiss-books {
  cursor: pointer;
  display: inline-block;
  padding-top: 30px;
  visibility: visible;
}

.jan-tschichold-award {
  padding-top: 30px;
}

.tmbsb-header-date {
  padding-top: 4px;
  display: none;
}

.tmbsb-header-date--show {
  display: inline-block;
  cursor: pointer;
}

.js-tmbsb-hover, .js-tmbsb-click, .js-bestbook-award-hover, .js-jt-award-hover {
  visibility: visible;
  transition: 0.2s 1s ease;
}

.the-most-beautiful-swiss-books, .jan-tschichold-award, .twenty-books-2024, .the-most-beautiful-swiss-books-2, .at, .awarded-in, .simone-keller-hidden-heartach, .awarded-a-bronze, .the-best-book-design, .world-competition,
.the-jan-tschichold-award-2025, .goes-to-vela-arbutina {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
  cursor: pointer;
}

.tmbsb-header--colophon-mobile-header {
  display: none;
}

.js-colophon-hover {
  display: inline-block;
}
@media only screen and (max-width: 750px) {
  .js-colophon-hover {
    display: none;
  }
}

.tmbsb-container--colophon .tmbsb-colophon-container {
  opacity: 1;
  visibility: visible;
  transition: 0.2s 0.05s ease;
  z-index: 900;
  pointer-events: none;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--colophon .tmbsb-colophon-container {
    z-index: 10000;
  }
}
.tmbsb-container--colophon .tmbsb-colophon-inner {
  pointer-events: all;
}
.tmbsb-container--colophon .tmbsb-colophon-inner-col {
  pointer-events: all;
}
.tmbsb-container--colophon .js-tmbsb-hover, .tmbsb-container--colophon .js-tmbsb-click, .tmbsb-container--colophon .js-bestbook-award-hover, .tmbsb-container--colophon .js-jt-award-hover {
  visibility: hidden;
  transition: 0.2s ease;
}
.tmbsb-container--colophon .jan-tschichold-award, .tmbsb-container--colophon .twenty-books-2024, .tmbsb-container--colophon .the-most-beautiful-swiss-books-2, .tmbsb-container--colophon .at, .tmbsb-container--colophon .awarded-in, .tmbsb-container--colophon .simone-keller-hidden-heartach, .tmbsb-container--colophon .awarded-a-bronze, .tmbsb-container--colophon .the-best-book-design, .tmbsb-container--colophon .world-competition,
.tmbsb-container--colophon .the-jan-tschichold-award-2025, .tmbsb-container--colophon .goes-to-vela-arbutina {
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
}
.tmbsb-container--colophon .tmbsb-header--colophon-mobile-header .the-most-beautiful-swiss-books {
  pointer-events: none !important;
  padding-top: 28px !important;
}

.tmbsb-container--savethedate .jan-tschichold-award, .tmbsb-container--savethedate .twenty-books-2024, .tmbsb-container--savethedate .the-most-beautiful-swiss-books-2, .tmbsb-container--savethedate .at, .tmbsb-container--savethedate .awarded-in, .tmbsb-container--savethedate .simone-keller-hidden-heartach, .tmbsb-container--savethedate .awarded-a-bronze, .tmbsb-container--savethedate .the-best-book-design, .tmbsb-container--savethedate .world-competition,
.tmbsb-container--savethedate .the-jan-tschichold-award-2025, .tmbsb-container--savethedate .goes-to-vela-arbutina {
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
}
.tmbsb-container--savethedate .js-tmbsb-hover, .tmbsb-container--savethedate .js-tmbsb-click, .tmbsb-container--savethedate .js-bestbook-award-hover, .tmbsb-container--savethedate .js-jt-award-hover {
  visibility: hidden;
  transition: 0.2s ease;
}
.tmbsb-container--savethedate .js-bestbook-award-hover {
  visibility: hidden;
}
.tmbsb-container--savethedate .tmbsb-header-date {
  display: inline-block;
}
.tmbsb-container--savethedate .save-date {
  opacity: 1;
  visibility: visible;
  transition: 0.2s 0.05s ease;
}

.tmbsb-container--jt-award .the-most-beautiful-swiss-books, .tmbsb-container--jt-award .twenty-books-2024, .tmbsb-container--jt-award .the-most-beautiful-swiss-books-2, .tmbsb-container--jt-award .at, .tmbsb-container--jt-award .awarded-in, .tmbsb-container--jt-award .simone-keller-hidden-heartach,
.tmbsb-container--jt-award .awarded-a-bronze, .tmbsb-container--jt-award .the-best-book-design, .tmbsb-container--jt-award .world-competition {
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
}
.tmbsb-container--jt-award .js-bestbook-award-hover {
  visibility: hidden;
}
.tmbsb-container--jt-award .tmbsb-jt-award-image-container {
  display: flex;
}
.tmbsb-container--jt-award .tmbsb-jt-award-image-container {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
  pointer-events: none;
}

.tmbsb-container--bestbook-award .jan-tschichold-award, .tmbsb-container--bestbook-award .twenty-books-2024, .tmbsb-container--bestbook-award .the-most-beautiful-swiss-books-2, .tmbsb-container--bestbook-award .at, .tmbsb-container--bestbook-award .awarded-in, .tmbsb-container--bestbook-award .the-jan-tschichold-award-2025, .tmbsb-container--bestbook-award .goes-to-vela-arbutina {
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
}
.tmbsb-container--bestbook-award .tmbsb-bestbook-container {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
  pointer-events: none;
}
.tmbsb-container--bestbook-award .tmbsb-bestbook-image-container img {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}

.tmbsb-container--tmbsb .simone-keller-hidden-heartach, .tmbsb-container--tmbsb .awarded-a-bronze, .tmbsb-container--tmbsb .the-best-book-design, .tmbsb-container--tmbsb .world-competition,
.tmbsb-container--tmbsb .jan-tschichold-award, .tmbsb-container--tmbsb .the-jan-tschichold-award-2025, .tmbsb-container--tmbsb .goes-to-vela-arbutina {
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb .tmbsb-main-content {
  pointer-events: none;
}
.tmbsb-container--tmbsb .js-tmbsb-hover {
  pointer-events: auto;
}
.tmbsb-container--tmbsb .js-bestbook-award-hover {
  visibility: hidden;
}
.tmbsb-container--tmbsb .tmbsb-book-image-container {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
  z-index: 900;
}
.tmbsb-container--tmbsb .tmbsb-book-image {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb .tmbsb-book-image .tmbsb-book-grid-breakdown-inner {
  display: grid;
  visibility: visible;
}
.tmbsb-container--tmbsb .tmbsb-book-image img {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb .tmbsb-book-details {
  visibility: visible;
}

.tmbsb-container--tmbsb-book-1 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-1 .tmbsb-book-details .tmbsb-book-details-inner--book-1 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-1 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-1 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-2 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-2 .tmbsb-book-details .tmbsb-book-details-inner--book-2 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-2 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-2 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-3 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-3 .tmbsb-book-details .tmbsb-book-details-inner--book-3 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-3 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-3 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-4 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-4 .tmbsb-book-details .tmbsb-book-details-inner--book-4 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-4 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-4 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-5 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-5 .tmbsb-book-details .tmbsb-book-details-inner--book-5 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-5 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-5 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-6 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-6 .tmbsb-book-details .tmbsb-book-details-inner--book-6 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-6 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-6 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-7 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-7 .tmbsb-book-details .tmbsb-book-details-inner--book-7 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-7 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-7 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-8 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-8 .tmbsb-book-details .tmbsb-book-details-inner--book-8 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-8 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-8 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-9 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-9 .tmbsb-book-details .tmbsb-book-details-inner--book-9 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-9 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-9 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-10 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-10 .tmbsb-book-details .tmbsb-book-details-inner--book-10 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-10 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-10 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-11 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-11 .tmbsb-book-details .tmbsb-book-details-inner--book-11 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-11 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-11 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-12 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-12 .tmbsb-book-details .tmbsb-book-details-inner--book-12 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-12 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-12 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-13 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-13 .tmbsb-book-details .tmbsb-book-details-inner--book-13 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-13 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-13 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-14 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-14 .tmbsb-book-details .tmbsb-book-details-inner--book-14 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-14 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-14 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-15 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-15 .tmbsb-book-details .tmbsb-book-details-inner--book-15 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-15 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-15 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-16 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-16 .tmbsb-book-details .tmbsb-book-details-inner--book-16 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-16 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-16 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-17 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-17 .tmbsb-book-details .tmbsb-book-details-inner--book-17 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-17 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-17 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-18 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-18 .tmbsb-book-details .tmbsb-book-details-inner--book-18 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-18 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-18 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-19 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-19 .tmbsb-book-details .tmbsb-book-details-inner--book-19 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-19 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-19 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-container--tmbsb-book-20 .tmbsb-book-details {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}
.tmbsb-container--tmbsb-book-20 .tmbsb-book-details .tmbsb-book-details-inner--book-20 {
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-20 .tmbsb-book-image-container {
    background-color: white;
  }
  .tmbsb-container--tmbsb-book-20 .tmbsb-book-image-container .tmbsb-book-image--mobile {
    opacity: 0.5;
  }
}

.tmbsb-header-date-details {
  text-align: left;
  visibility: visible;
}

.tmbsb-header-section {
  width: 50%;
}

.tmbsb-header-section--left {
  padding-left: 10vw;
}

.tmbsb-header-section--right {
  padding-left: 15vw;
}

.tmbsb-main-content {
  width: 100%;
  display: flex;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
}

.tmbsb-main-content-inner {
  width: 50%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  color: var(--color-primary);
}

.tmbsb-main-content-inner-top, .tmbsb-main-content-inner-bottom {
  height: 25vh;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  padding-left: 10vw;
}

.tmbsb-main-content-inner-top {
  margin-top: 25vh;
  justify-content: flex-start;
}

.tmbsb-main-content-inner-bottom {
  justify-content: flex-end;
}

.tmbsb-main-content-inner-full {
  margin-top: 25vh;
  height: 25vh;
  width: 100%;
  padding-left: 15vw;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: column;
}

.tmbsb-sentence {
  display: block;
}

.tmbsb-book-image-container {
  width: 50%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.2s ease;
  padding: 15px;
  padding-right: 30px;
  background-color: white;
  visibility: hidden;
}

.tmbsb-close-container, .tmbsb-close-container-colophon, .tmbsb-close-container-savethedate {
  opacity: 0;
  visibility: hidden;
  display: block;
  position: fixed;
  z-index: 80;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  transition: 0.2s ease;
}
@media only screen and (max-width: 750px) {
  .tmbsb-close-container, .tmbsb-close-container-colophon, .tmbsb-close-container-savethedate {
    z-index: 900;
  }
}

.tmbsb-close-container-colophon {
  z-index: 180;
}
@media only screen and (max-width: 750px) {
  .tmbsb-close-container-colophon {
    z-index: 100;
  }
}

.tmbsb-close-container--show, .tmbsb-close-container-colophon--show, .tmbsb-close-container-savethedate--show {
  visibility: visible;
  opacity: 1;
  transition: 0.2s ease;
}
.tmbsb-close-container--show:hover, .tmbsb-close-container-colophon--show:hover, .tmbsb-close-container-savethedate--show:hover {
  cursor: pointer;
}

.tmbsb-book-image--desktop {
  display: flex !important;
}
@media only screen and (max-width: 750px) {
  .tmbsb-book-image--desktop {
    display: none !important;
  }
}

.tmbsb-book-image--mobile {
  display: none !important;
}
@media only screen and (max-width: 750px) {
  .tmbsb-book-image--mobile {
    display: flex !important;
  }
}

.tmbsb-book-image {
  width: 100%;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  transition: 0.2s ease;
  object-fit: contain;
}
@media only screen and (max-width: 750px) {
  .tmbsb-book-image {
    width: calc(100% - 30px);
  }
}
.tmbsb-book-image .tmbsb-book-grid-breakdown {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 20;
  color: var(--color-primary);
}

.tmbsb-book-image--desktop .tmbsb-book-grid-breakdown-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 60%;
  height: 75%;
  margin-top: 16%;
  margin-left: 13%;
  visibility: hidden;
}
.tmbsb-book-image--desktop .tmbsb-book-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.tmbsb-book-image--desktop .tmbsb-book-grid div {
  width: 80%;
  height: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-1 {
  top: 10%;
  left: 50%;
  justify-content: flex-start !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-1 span {
  margin-left: -10%;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-2 {
  top: 40%;
  left: 40%;
  justify-content: flex-end !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-3 {
  top: 20%;
  left: 30%;
  align-items: flex-start !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-3 span {
  margin-left: 20%;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-4 {
  top: 20%;
  left: 20%;
  justify-content: flex-end !important;
  align-items: flex-end !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-4 span {
  margin-bottom: 20%;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-8 {
  top: 0;
  left: 40%;
  align-items: flex-end !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-7 {
  top: 10%;
  left: 20%;
  justify-content: flex-end !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-7 span {
  margin-bottom: 45%;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-6 {
  top: 5%;
  justify-content: flex-end !important;
  align-items: flex-start !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-5 {
  left: 5%;
  top: 0;
  justify-content: flex-end !important;
  align-items: flex-end !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-9 {
  top: -8%;
  align-items: flex-end !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-10 {
  top: -8%;
  left: 4%;
  justify-content: flex-end !important;
  align-items: flex-start !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-11 {
  top: -10%;
  left: 8%;
  justify-content: flex-end !important;
  align-items: flex-start !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-11 span {
  margin-right: -22%;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-12 {
  left: 5%;
  top: 0;
  justify-content: flex-end !important;
  align-items: flex-end !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-12 span {
  margin-bottom: 15%;
  margin-right: -10%;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-15 {
  left: -35%;
  top: -25%;
  justify-content: flex-start !important;
  align-items: center !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-15 span {
  margin-left: -25%;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-14 {
  left: 12%;
  top: -10%;
  justify-content: flex-start !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-14 span {
  margin-left: -15%;
  margin-top: -10%;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-13 {
  left: 45%;
  top: -20%;
  justify-content: flex-start !important;
  align-items: flex-end !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-20 {
  left: 20%;
  top: 20%;
  justify-content: flex-end !important;
  align-items: flex-end !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-16 {
  left: -10%;
  top: -45%;
  justify-content: flex-start !important;
  align-items: center !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-16 span {
  margin-left: -25%;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-17 {
  left: -40%;
  top: 10%;
  align-items: center !important;
  justify-content: flex-start !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-17 span {
  margin-top: 25%;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-18 {
  left: -50%;
  top: -8%;
  justify-content: center !important;
  align-items: flex-start !important;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-18 span {
  margin-top: -10%;
}
.tmbsb-book-image--desktop .js-tmbsb-hover-book-19 {
  left: -50%;
  top: -15%;
  justify-content: flex-end !important;
  align-items: flex-end !important;
}
.tmbsb-book-image--desktop img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 10;
  opacity: 0;
  transition: 0.2s ease;
}

.tmbsb-book-image--mobile .tmbsb-book-grid-breakdown-inner {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  width: 90%;
  height: 65%;
  margin-top: 0;
  margin-left: 0;
  visibility: hidden;
  display: none;
}
.tmbsb-book-image--mobile .tmbsb-book-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.tmbsb-book-image--mobile .tmbsb-book-grid div {
  width: 70%;
  height: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  position: absolute;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-15 {
  top: 1%;
  left: 27%;
  justify-content: center !important;
  align-items: flex-start !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-15 span {
  margin-top: -15%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-6 {
  top: -10%;
  justify-content: center !important;
  align-items: flex-start !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-6 span {
  margin-top: -15%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-1 {
  top: -6%;
  left: 40%;
  justify-content: flex-start !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-1 span {
  margin-left: -15%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-5 {
  top: -10%;
  left: 20%;
  justify-content: center !important;
  align-items: flex-start !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-5 span {
  margin-top: -15%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-9 {
  top: 60%;
  justify-content: flex-end !important;
  align-items: flex-start !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-9 span {
  margin-top: -5%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-3 {
  top: -50%;
  left: -130%;
  justify-content: flex-end !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-3 span {
  margin-right: -25%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-10 {
  top: -50%;
  left: -130%;
  justify-content: flex-end !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-10 span {
  margin-right: -15%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-19 {
  top: -40%;
  left: -100%;
  justify-content: flex-start !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-19 span {
  margin-left: -15%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-11 {
  top: -20%;
  left: -100%;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-11 span {
  margin-top: -40%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-12 {
  top: 20%;
  left: 70%;
  justify-content: flex-start !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-12 span {
  margin-left: -30%;
  margin-top: 10%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-17 {
  top: -50%;
  left: 130%;
  justify-content: center !important;
  align-items: flex-start !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-17 span {
  margin-top: -10%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-13 {
  top: -70%;
  left: 80%;
  justify-content: center !important;
  align-items: flex-end !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-13 span {
  margin-bottom: -15%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-4 {
  top: -90%;
  left: 50%;
  justify-content: center !important;
  align-items: flex-end !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-4 span {
  margin-bottom: -50%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-18 {
  top: -80%;
  left: 30%;
  justify-content: center !important;
  align-items: flex-start !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-18 span {
  margin-top: -15%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-2 {
  top: -70%;
  justify-content: flex-end !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-2 span {
  margin-right: -15%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-7 {
  top: -70%;
  left: 150%;
  justify-content: flex-start !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-7 span {
  margin-left: -50%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-20 {
  top: -90%;
  left: 230%;
  justify-content: flex-start !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-20 span {
  margin-left: -50%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-2 {
  top: -90%;
  left: 210%;
  justify-content: flex-end !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-2 span {
  margin-right: -50%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-8 {
  left: -120%;
  justify-content: flex-start !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-8 span {
  margin-left: -50%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-14 {
  left: -30%;
  top: -10%;
  align-items: flex-end !important;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-14 span {
  margin-bottom: -30%;
}
.tmbsb-book-image--mobile .js-tmbsb-click-book-16 {
  top: -80%;
  right: -20%;
}
.tmbsb-book-image--mobile img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  z-index: 10;
  opacity: 0;
  transition: 0.2s ease;
}

.tmbsb-book-details {
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 10vw;
  height: calc(75vh + 15px);
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  color: var(--color-primary);
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
}

.tmbsb-book-details-inner {
  width: calc(100% + 60px);
  margin-left: -60px;
  margin-top: 44px;
  display: none;
}

.tmbsb-book-details-index {
  width: 60px;
}

.tmbsb-book-details-colophon {
  width: calc(100% - 60px);
  display: flex;
  flex-wrap: wrap;
}
.tmbsb-book-details-colophon .tmbsb-book-details-colophon-label, .tmbsb-book-details-colophon .tmbsb-book-details-colophon-name {
  line-height: 1.15em !important;
}

.tmbsb-book-details-colophon-label {
  width: 100px;
}

.tmbsb-book-details-colophon-name {
  width: calc(100% - 100px);
}

.tmbsb-bestbook-container {
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease;
}

.tmbsb-bestbook-container--show {
  opacity: 1;
  visibility: visible;
  transition: 0.2s ease;
}

.tmbsb-bestbook-image-container {
  width: 50%;
  height: 94vh;
  padding: 30px;
  justify-content: center;
  align-items: center;
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}
.tmbsb-bestbook-image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transition: 0.2s ease;
}

.tmbsb-bestbook-details {
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 50px;
  padding-left: 10vw;
  height: 50vh;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  color: var(--color-primary);
}

.tmbsb-bestbook-details-inner {
  display: flex;
  width: 100%;
  flex-direction: column;
}
.tmbsb-bestbook-details-inner .tmbsb-book-details-colophon {
  width: 100%;
}

.tmbsb-bestbook-details-colophon {
  width: 100%;
}

.tmbsb-jt-award-image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100vh;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
  z-index: 800;
}
.tmbsb-jt-award-image-container img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  opacity: 0;
  transition: 0.2s ease;
}

.tmbsb-jt-award-image-animation {
  position: relative;
  height: calc(100vh - 0px);
}

.tmbsb-jt-award-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100vh - 0px);
  object-fit: contain;
  opacity: 0;
}

.tmbsb-jt-award-image-1 {
  position: relative;
  width: 100%;
  height: calc(100vh - 0px);
  object-fit: contain;
  animation: 13.5s jt-gif-animation-01 infinite;
}

.tmbsb-jt-award-image-2 {
  animation: 13.5s jt-gif-animation-02 infinite;
}

.tmbsb-jt-award-image-3 {
  animation: 13.5s jt-gif-animation-03 infinite;
}

.tmbsb-jt-award-image-4 {
  animation: 13.5s jt-gif-animation-04 infinite;
}

.tmbsb-jt-award-image-5 {
  animation: 13.5s jt-gif-animation-05 infinite;
}

.tmbsb-jt-award-image-6 {
  animation: 13.5s jt-gif-animation-06 infinite;
}

.tmbsb-jt-award-image-7 {
  animation: 13.5s jt-gif-animation-07 infinite;
}

.tmbsb-jt-award-image-8 {
  animation: 13.5s jt-gif-animation-08 infinite;
}

.tmbsb-jt-award-image-9 {
  animation: 13.5s jt-gif-animation-09 infinite;
}

.tmbsb-jt-award-image-10 {
  animation: 13.5s jt-gif-animation-10 infinite;
}

@keyframes jt-gif-animation-01 {
  0% {
    opacity: 1;
  }
  5% {
    opacity: 1;
  }
  5.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes jt-gif-animation-02 {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 0;
  }
  5.01% {
    opacity: 1;
  }
  15% {
    opacity: 1;
  }
  15.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes jt-gif-animation-03 {
  0% {
    opacity: 0;
  }
  15% {
    opacity: 0;
  }
  15.01% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  25.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes jt-gif-animation-04 {
  0% {
    opacity: 0;
  }
  25% {
    opacity: 0;
  }
  25.01% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  35.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes jt-gif-animation-05 {
  0% {
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  35.01% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  45.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes jt-gif-animation-06 {
  0% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  45.01% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  55.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes jt-gif-animation-07 {
  0% {
    opacity: 0;
  }
  55% {
    opacity: 0;
  }
  55.01% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  65.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes jt-gif-animation-08 {
  0% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  65.01% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  75.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes jt-gif-animation-09 {
  0% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  75.01% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  85.01% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes jt-gif-animation-10 {
  0% {
    opacity: 0;
  }
  85% {
    opacity: 0;
  }
  85.01% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
.tmbsb-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: 35vw;
  width: 65vw;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: var(--padding-horizontal) 0;
  color: var(--color-primary);
  flex-direction: column;
  z-index: 900;
}

.tmbsb-footer--within-colophon {
  display: none !important;
}

.tmbsb-footer-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}
@media only screen and (max-width: 750px) {
  .tmbsb-footer-nav {
    padding-bottom: 5px;
    flex-direction: column;
  }
  .tmbsb-footer-nav li {
    display: block;
    line-height: 1;
  }
}

.facebook-hover {
  position: relative;
}
.facebook-hover .facebook-hover-message {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.facebook-hover .facebook-hover-message span:first-child {
  letter-spacing: -0.065em;
}
.facebook-hover .facebook-hover-message span:nth-child(2) {
  letter-spacing: -0.023em;
}
.facebook-hover .facebook-hover-message span:nth-child(3) {
  letter-spacing: -0.011em;
}
.facebook-hover .facebook-hover-message span:nth-child(4) {
  letter-spacing: -0.039em;
}
.facebook-hover .facebook-hover-message span:nth-child(5) {
  letter-spacing: -0.028em;
}
.facebook-hover .facebook-hover-message span:nth-child(6) {
  letter-spacing: 0.075em;
}
.facebook-hover .facebook-hover-message span:nth-child(7) {
  letter-spacing: -0.043em;
}
.facebook-hover .facebook-hover-message span:nth-child(8) {
  letter-spacing: -0.025em;
}
.facebook-hover:hover .insta-handle-2 {
  opacity: 0;
  transform: 0.2s ease;
}
.facebook-hover:hover .facebook-hover-message {
  opacity: 1;
  transform: 0.2s ease;
}

.instagram-hover {
  position: relative;
}
.instagram-hover .instagram-hover-message {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}
.instagram-hover .instagram-hover-message span:first-child {
  letter-spacing: -0.056em;
}
.instagram-hover .instagram-hover-message span:nth-child(2) {
  letter-spacing: -0.025em;
}
.instagram-hover .instagram-hover-message span:nth-child(3) {
  letter-spacing: -0.044em;
}
.instagram-hover .instagram-hover-message span:nth-child(4) {
  letter-spacing: -0.012em;
}
.instagram-hover .instagram-hover-message span:nth-child(5) {
  letter-spacing: -0.021em;
}
.instagram-hover .instagram-hover-message span:nth-child(6) {
  letter-spacing: 0.002em;
}
.instagram-hover .instagram-hover-message span:nth-child(7) {
  letter-spacing: 0.075em;
}
.instagram-hover .instagram-hover-message span:nth-child(8) {
  letter-spacing: 0em;
}
.instagram-hover:hover .insta-handle {
  opacity: 0;
  transform: 0.2s ease;
}
.instagram-hover:hover .instagram-hover-message {
  opacity: 1;
  transform: 0.2s ease;
}

.tmbsb-show-mobile {
  display: none;
}

.tmbsb-colophon-container {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.2em;
  opacity: 0;
  visibility: hidden;
  z-index: 80;
}

.tmbsb-colophon-inner {
  width: 60%;
  display: flex;
  padding-left: 10vw;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  color: var(--color-primary);
  flex-direction: row;
  line-height: 1.2em;
}

.tmbsb-colophon-inner-col {
  width: 50%;
  height: 68vh;
}

.tmbsb-logo {
  width: 225px;
  margin-top: 50px;
}
@media only screen and (max-width: 750px) {
  .tmbsb-logo {
    margin-left: 50px;
    margin-bottom: 50px;
  }
}
.tmbsb-logo svg {
  width: 100%;
  fill: var(--color-primary);
}

.show-video {
  pointer-events: none;
}
.show-video .the-most-beautiful-swiss-books {
  pointer-events: none;
}
.show-video .tmbsb-video-container {
  display: block;
  pointer-events: auto;
}
.show-video .tmbsb-video-container:hover {
  cursor: pointer;
}

.idle-video {
  pointer-events: none;
}
.idle-video .the-most-beautiful-swiss-books {
  pointer-events: none;
}
.idle-video .tmbsb-video-container {
  display: block;
  pointer-events: auto;
}

.tmbsb-video-container {
  padding: 0;
  margin: 0;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1100;
  background-color: white;
  display: none;
}

.tmbsb-desktop-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  object-position: center;
}

.tmbsb-desktop-video-placeholder {
  position: fixed;
  z-index: 50;
}

.tmbsb-mobile-video {
  display: none;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  object-position: center;
}

@media only screen and (max-width: 1100px) {
  .tmbsb-header-section--left {
    padding-left: 8vw;
  }

  .tmbsb-header-section--right {
    padding-left: 12vw;
  }

  .tmbsb-main-content-inner-top, .tmbsb-main-content-inner-bottom, .tmbsb-book-details {
    padding-left: 8vw;
  }

  .tmbsb-main-content-inner-full {
    padding-left: 12vw;
  }

  .tmbsb-colophon-inner {
    padding-left: 8vw;
    width: 90%;
  }

  .tmbsb-footer {
    margin-left: 25vw;
    width: 75vw;
  }

  .tmbsb-bestbook-details {
    padding-left: 8vw;
  }
}
@media only screen and (max-width: 800px) {
  .tmbsb-header-section--left {
    padding-left: 5vw;
  }

  .tmbsb-header-section--right {
    padding-left: 10vw;
  }

  .tmbsb-main-content-inner-top, .tmbsb-main-content-inner-bottom, .tmbsb-book-details {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .tmbsb-main-content-inner-full {
    padding-left: 10vw;
  }

  .tmbsb-footer {
    margin-left: 15vw;
    width: 85vw;
  }

  .tmbsb-bestbook-details {
    padding-left: 5vw;
  }

  .tmbsb-colophon-inner {
    padding-left: 5vw;
    width: 90%;
  }
}
@media only screen and (max-width: 750px) {
  html, body {
    overflow: visible;
    position: relative;
  }

  .tmbsb-container--tmbsb, .tmbsb-container--savethedate, .tmbsb-container--bestbook-award,
.tmbsb-container--jt-award, .tmbsb-container--colophon {
    overflow: hidden;
  }

  .tmbsb-container--jt-award .tmbsb-header-inner {
    opacity: 0;
  }

  .tmbsb-container--savethedate .tmbsb-main-content-inner-top .the-most-beautiful-swiss-books, .tmbsb-container--savethedate .tmbsb-main-content-inner-top .jan-tschichold-award, .tmbsb-container--savethedate .tmbsb-main-content-inner-top .twenty-books-2024, .tmbsb-container--savethedate .tmbsb-main-content-inner-top .the-most-beautiful-swiss-books-2, .tmbsb-container--savethedate .tmbsb-main-content-inner-top .at, .tmbsb-container--savethedate .tmbsb-main-content-inner-top .awarded-in, .tmbsb-container--savethedate .tmbsb-main-content-inner-top .simone-keller-hidden-heartach, .tmbsb-container--savethedate .tmbsb-main-content-inner-top .awarded-a-bronze, .tmbsb-container--savethedate .tmbsb-main-content-inner-top .the-best-book-design, .tmbsb-container--savethedate .tmbsb-main-content-inner-top .world-competition,
.tmbsb-container--savethedate .tmbsb-main-content-inner-top .the-jan-tschichold-award-2025, .tmbsb-container--savethedate .tmbsb-main-content-inner-top .goes-to-vela-arbutina, .tmbsb-container--savethedate .tmbsb-main-content-inner-bottom .the-most-beautiful-swiss-books, .tmbsb-container--savethedate .tmbsb-main-content-inner-bottom .jan-tschichold-award, .tmbsb-container--savethedate .tmbsb-main-content-inner-bottom .twenty-books-2024, .tmbsb-container--savethedate .tmbsb-main-content-inner-bottom .the-most-beautiful-swiss-books-2, .tmbsb-container--savethedate .tmbsb-main-content-inner-bottom .at, .tmbsb-container--savethedate .tmbsb-main-content-inner-bottom .awarded-in, .tmbsb-container--savethedate .tmbsb-main-content-inner-bottom .simone-keller-hidden-heartach, .tmbsb-container--savethedate .tmbsb-main-content-inner-bottom .awarded-a-bronze, .tmbsb-container--savethedate .tmbsb-main-content-inner-bottom .the-best-book-design, .tmbsb-container--savethedate .tmbsb-main-content-inner-bottom .world-competition,
.tmbsb-container--savethedate .tmbsb-main-content-inner-bottom .the-jan-tschichold-award-2025, .tmbsb-container--savethedate .tmbsb-main-content-inner-bottom .goes-to-vela-arbutina {
    opacity: 0;
    visibility: hidden;
    transition: 0.2s ease;
    cursor: pointer;
  }

  .tmbsb-header {
    flex-wrap: wrap;
    padding: 0;
    position: sticky;
    top: 0;
    left: 0;
  }

  .tmbsb-header-section--left {
    padding-left: 0;
    margin-left: 15vw;
  }

  .tmbsb-header-section--right {
    display: none;
  }

  .tmbsb-header-section {
    width: 70vw;
  }

  .tmbsb-main-content {
    flex-wrap: wrap;
    position: relative;
    height: auto;
    margin-top: calc(33.33vh - 60px);
  }

  .tmbsb-main-content-inner {
    width: 100%;
  }

  .tmbsb-main-content-inner-top, .tmbsb-main-content-inner-bottom {
    padding-left: 0;
    margin-left: 15vw;
    width: 85vw;
    margin-top: 0;
    height: 33.33vh;
  }

  .tmbsb-main-content-inner-bottom {
    justify-content: flex-start;
  }

  .tmbsb-main-content-inner-full {
    padding-left: 0;
    margin-left: 15vw;
    width: 70vw;
    margin-top: 0;
    height: 45vh;
    justify-content: flex-start;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 900;
  }

  .tmbsb-book-image-container {
    width: auto;
    height: auto;
    margin-top: 60px;
    position: fixed;
    top: 0;
    left: 0;
    padding: 30px 15px;
    visibility: none;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 750px) and (max-width: 750px) {
  .tmbsb-book-image-container {
    margin-left: 15px;
    padding: 30px 0 0;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-book-details {
    width: 100%;
    height: auto;
    justify-content: flex-end;
    position: fixed;
    bottom: 0;
    padding-bottom: 30px;
    top: auto;
    left: 0;
    z-index: 900;
    background-color: white;
  }
}
@media only screen and (max-width: 750px) {
  .twenty-books-2024-awarded-in {
    display: inline-block !important;
  }
  .twenty-books-2024-awarded-in .awarded-in {
    display: inline;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-book-details-inner {
    margin-left: 0;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 15px;
  }
  .tmbsb-book-details-inner .tmbsb-book-details-index {
    width: 100%;
    padding-bottom: 30px;
  }
  .tmbsb-book-details-inner .tmbsb-book-details-colophon {
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb .tmbsb-book-grid-breakdown-inner {
    display: none;
    animation: fade-in-grid 2s ease;
    visibility: visible;
  }
  .tmbsb-container--tmbsb .tmbsb-book-details {
    visibility: visible !important;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--tmbsb-book-1 .tmbsb-book-grid-breakdown, .tmbsb-container--tmbsb-book-2 .tmbsb-book-grid-breakdown,
.tmbsb-container--tmbsb-book-3 .tmbsb-book-grid-breakdown, .tmbsb-container--tmbsb-book-4 .tmbsb-book-grid-breakdown,
.tmbsb-container--tmbsb-book-5 .tmbsb-book-grid-breakdown, .tmbsb-container--tmbsb-book-6 .tmbsb-book-grid-breakdown,
.tmbsb-container--tmbsb-book-7 .tmbsb-book-grid-breakdown, .tmbsb-container--tmbsb-book-8 .tmbsb-book-grid-breakdown,
.tmbsb-container--tmbsb-book-9 .tmbsb-book-grid-breakdown, .tmbsb-container--tmbsb-book-10 .tmbsb-book-grid-breakdown,
.tmbsb-container--tmbsb-book-11 .tmbsb-book-grid-breakdown, .tmbsb-container--tmbsb-book-12 .tmbsb-book-grid-breakdown,
.tmbsb-container--tmbsb-book-13 .tmbsb-book-grid-breakdown, .tmbsb-container--tmbsb-book-14 .tmbsb-book-grid-breakdown,
.tmbsb-container--tmbsb-book-15 .tmbsb-book-grid-breakdown, .tmbsb-container--tmbsb-book-16 .tmbsb-book-grid-breakdown,
.tmbsb-container--tmbsb-book-17 .tmbsb-book-grid-breakdown, .tmbsb-container--tmbsb-book-18 .tmbsb-book-grid-breakdown,
.tmbsb-container--tmbsb-book-19 .tmbsb-book-grid-breakdown, .tmbsb-container--tmbsb-book-20 .tmbsb-book-grid-breakdown {
    pointer-events: none !important;
  }
  .tmbsb-container--tmbsb-book-1 .tmbsb-book-grid-breakdown-inner, .tmbsb-container--tmbsb-book-2 .tmbsb-book-grid-breakdown-inner,
.tmbsb-container--tmbsb-book-3 .tmbsb-book-grid-breakdown-inner, .tmbsb-container--tmbsb-book-4 .tmbsb-book-grid-breakdown-inner,
.tmbsb-container--tmbsb-book-5 .tmbsb-book-grid-breakdown-inner, .tmbsb-container--tmbsb-book-6 .tmbsb-book-grid-breakdown-inner,
.tmbsb-container--tmbsb-book-7 .tmbsb-book-grid-breakdown-inner, .tmbsb-container--tmbsb-book-8 .tmbsb-book-grid-breakdown-inner,
.tmbsb-container--tmbsb-book-9 .tmbsb-book-grid-breakdown-inner, .tmbsb-container--tmbsb-book-10 .tmbsb-book-grid-breakdown-inner,
.tmbsb-container--tmbsb-book-11 .tmbsb-book-grid-breakdown-inner, .tmbsb-container--tmbsb-book-12 .tmbsb-book-grid-breakdown-inner,
.tmbsb-container--tmbsb-book-13 .tmbsb-book-grid-breakdown-inner, .tmbsb-container--tmbsb-book-14 .tmbsb-book-grid-breakdown-inner,
.tmbsb-container--tmbsb-book-15 .tmbsb-book-grid-breakdown-inner, .tmbsb-container--tmbsb-book-16 .tmbsb-book-grid-breakdown-inner,
.tmbsb-container--tmbsb-book-17 .tmbsb-book-grid-breakdown-inner, .tmbsb-container--tmbsb-book-18 .tmbsb-book-grid-breakdown-inner,
.tmbsb-container--tmbsb-book-19 .tmbsb-book-grid-breakdown-inner, .tmbsb-container--tmbsb-book-20 .tmbsb-book-grid-breakdown-inner {
    pointer-events: none !important;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-show-mobile {
    display: flex;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-footer {
    position: relative;
    margin-left: 0;
    width: 100vw;
    padding-left: 5vw;
    background-color: white;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-footer-nav {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-bestbook-container {
    position: fixed;
    margin-top: 60px;
    top: 0;
    left: 0;
    width: 100%;
    flex-direction: column;
    height: calc(85vh - 60px);
    background-color: white;
    visibility: hidden;
    z-index: 1000;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-bestbook-image-container {
    width: auto;
    height: 52vh;
    position: relative;
    top: auto;
    left: auto;
    justify-content: center;
    align-items: center;
    padding: 15px 30px 30px;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-bestbook-details {
    width: 100%;
    position: absolute;
    top: auto;
    left: auto;
    bottom: 0;
    padding: 0;
    padding-left: 5vw;
    padding-right: 10px;
    height: auto;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-bestbook-details-colophon-title {
    width: 80px;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-bestbook-details-colophon-name {
    width: calc(100% - 80px);
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-bestbook-medal-details {
    margin-left: 0;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-jt-award-image-container {
    width: 100%;
    position: fixed;
    padding: 60px 30px 10vh;
    visibility: hidden;
    z-index: 800;
    height: calc(100vh - 130px);
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-book-image-container {
    width: 100%;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-colophon-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: white;
  }
  .tmbsb-colophon-container .the-most-beautiful-swiss-books {
    line-height: 0.935em;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-colophon-inner {
    align-items: flex-start;
    flex-wrap: wrap;
    max-width: 330px;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-colophon-inner-col {
    width: 330px;
  }
  .tmbsb-colophon-inner-col:first-child {
    margin-top: 15vh;
  }
}
@media only screen and (max-width: 750px) {
  .show-video {
    pointer-events: none;
    overflow: hidden;
  }
  .show-video .the-most-beautiful-swiss-books {
    pointer-events: none;
  }
  .show-video .tmbsb-mobile-video {
    pointer-events: all;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-desktop-video {
    display: none;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-mobile-video {
    display: block;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-colophon-inner-col {
    height: fit-content;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-colophon-inner {
    overflow-y: scroll;
    overflow-x: hidden;
    -ms-overflow-style: none;
    /* Internet Explorer 10+ */
    scrollbar-width: none;
    /* Firefox */
  }
  .tmbsb-colophon-inner::-webkit-scrollbar {
    display: none;
    /* Safari and Chrome */
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-jt-award-image-animation {
    max-width: 400px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-bestbook-container--show {
    background-color: white;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-header--colophon-mobile-header {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: all !important;
  }
}
@media only screen and (max-width: 750px) {
  .tmbsb-container--colophon .tmbsb-header {
    visibility: visible;
    z-index: 1100;
  }
  .tmbsb-container--colophon .tmbsb-footer {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: 0.2s ease;
  }
  .tmbsb-container--colophon .tmbsb-footer--within-colophon {
    opacity: 1;
    pointer-events: auto;
    padding-left: 0;
    line-height: 0.95em;
    display: block !important;
    visibility: visible;
    transition: 0.2s 0.4s ease;
  }
}

/*# sourceMappingURL=default.css.map */