:root {
  --border_radius: 3px;
  --color_bg: 255, 245, 245;
  --color_fg: 61, 51, 51;
  --color_ac: 170, 51, 51;
}

:root {
  font-size: calc(1rem + 0.25vw);
  --eff_border_radius: var(--border_radius, 5px);
  --eff_color_bg: var(--color_bg, 255, 250, 250);
  --eff_color_fg: var(--color_fg, 51, 51, 51);
  --eff_color_ac: var(--color_ac, var(--color_fg, 80, 0, 0));
  --eff_width: min(100vw, 1280px);
  --eff_zero_w: calc(50vw - var(--eff_width) / 2);
}
@media (monochrome) {
  :root {
    --eff_color_bg: 255, 255, 255;
    --eff_color_fg: 0, 0, 0;
    --eff_color_ac: 51, 51, 51;
  }
}
@font-face {
  font-family: "Handwriting";
  src: url("/font/Handwriting.ttf") format("truetype");
  font-display: swap;
  size-adjust: 160%;
}
@font-face {
  font-family: "DownloadDeviceHint";
  src: url("/font/DownloadDeviceHint.ttf") format("truetype");
  font-display: swap;
  size-adjust: 110%;
}
body {
  background-color: rgb(var(--eff_color_bg));
  color: rgb(var(--eff_color_fg));
  font-family: sans-serif;
  line-height: 1.4;
  margin: 0.1em;
  padding: 0px;
  text-align: center;
}
.body_frame {
  background-color: rgba(var(--eff_color_fg), 0.02);
  margin: 0px auto;
  padding: 0px 0.2rem;
  min-height: 99vh;
}
.body_frame, #banner {
  margin: 0px auto;
  width: var(--eff_width);
}
a, a:active, a:visited, a:hover {
  color: rgb(var(--eff_color_ac));
  text-decoration: none;
}
a[target="_blank"]:after {
  content: "\2197";
  opacity: .25;
}
h1, h2, h3, h4 {
  color: rgb(var(--eff_color_ac));
  line-height: 1.1;
  text-wrap: balance;
  width: 98%;
  margin: 1rem 1% 0.2rem 1%;
}
h1 {
  font-size: 2.0rem;
}
h2 {
  font-size: 1.6rem;
}
h3 {
  font-size: 1.4rem;
}
h4 {
  font-size: 1.3rem;
}
h5 {
  font-size: 1.2rem;
}
h6 {
  font-size: 1.1rem;
}
.font_handwriting {
  font-family: Handwriting;
}
.tiny {
  font-size: x-small;
  font-style: italic;
}
input, button, textarea, select {
  font-family: inherit;
  font-size: inherit;
}
hr {
  border-color: rgb(var(--eff_color_fg));
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  margin: 1rem 10% 0.8rem 10%;
  width: 80%;
}
.margin_top {
  margin-top: 2rem;
}
img {
  border-radius: var(--eff_border_radius);
  width: 96%;
}
summary {
  color: rgb(var(--eff_color_ac));
  cursor: pointer;
  font-weight: bold;
  list-style: none;
  margin: 0px;
  padding: 0.1rem;
}
ul {
  display: inline;
  list-style: none inside none;
  margin: 0px;
  padding: 0px;
}

.flex {
  align-items: center;
  column-gap: 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 0.5rem;
}
header, footer {
  margin: 0px;
  padding: 0px;
  width: var(--eff_width);
}
.content_s {
  min-width: 241px;
  max-width: 38%;
}
.content_m {
  min-width: 362px;
  max-width: 61%;
  @media screen and (max-width: 594px) {
    max-width: 90%;
  }
}
.content_f {
  width: 98%;
  margin: 0px auto;
}
.p_left {
  padding: 1rem;
  text-align: left;
}

.book_cover {
  max-width: 180px;
}
.download_device_hint {
  font-family: DownloadDeviceHint;
  letter-spacing: 0.05rem;
}
.button, .wbutton, .button_invert {
  border-color: rgb(var(--eff_color_ac));
  border-radius: var(--eff_border_radius);
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  display: inline-block;
  padding: 0.4rem 0.8rem;
}
.button, .butten:hover, .wbutton, .wbutton:hover {
  background-color: rgba(var(--eff_color_fg), 0.15);
  color: rgb(var(--eff_color_ac));
}
.button_invert, .button_invert:hover {
  background-color: rgba(var(--eff_color_ac), 0.85);
  color: rgb(var(--eff_color_bg));
}
.wbutton {
  width: 20rem;
  @media screen and (max-width: 594px) {
    width: 15rem;
  }
}

#menu_lang {
  background-color: rgb(var(--eff_color_bg));
  border-radius: 32px;
  padding: 4px 8px;
  position: absolute;
  right: calc(var(--eff_zero_w) + 0.8rem);
  top: 3rem;
}
#menu_lang details, #menu {
  margin: 0px;
  line-height: 1.8rem;
}
#logo_absolute {
  position: absolute;
  left: calc(var(--eff_zero_w) + 0.8rem);
}
#logo, #menu {
  background-color: rgb(var(--eff_color_bg));
  border-radius: var(--eff_border_radius);
  position: fixed;
  top: 1.6rem;
  z-index: 1;
}
#logo svg {
  height: 2.8rem;
  padding: 0.2rem;
  stroke: rgb(var(--eff_color_ac));
  width: 2.1rem;
}
#menu {
  border-color: rgb(var(--eff_color_ac));
  border-style: solid;
  border-width: 1px;
  display: none;
  font-size: x-large;
  text-align: left;
  height: calc(99vh - 3.6rem);
  padding: 0.8rem 1rem 0.4rem;
  top: 1.2rem;
  width: calc(var(--eff_width) - 3.6rem);
}
#menu:target {
  display: block;
}
#newsletter_hint {
  margin-top: 0px;
  position: sticky;
  top: 0.2rem;
  width: 98%;
  z-index: 1;
}

.book_list {
  align-items: flex-start;
  column-gap: 0.1rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin 0 auto;
  row-gap: 0.5rem;
  width: 98%;
}
.book_list_book {
  margin: 0px;
  width: 24%;
}
@media screen and (max-width: 594px) {
  .book_list_book .button {
    font-size: x-small;
  }
}
.book_list_img:hover {
  transform: scale(1.02);
}
.cbold, #newsletter_label_surname, #newsletter_form_surname {
  display: none;
}
#newsletter_form {
  align-items: center;
  column-gap: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  row-gap: 0.5rem;
  @media screen and (max-width: 594px) {
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
  }
}
#newsletter_form label {
  font-weight: bold;
  width: 30%;
  @media screen and (max-width: 594px) {
    width: 90%;
  }
}
#newsletter_form input, #newsletter_form button {
  font-weight: bold;
  font-size: 1.1rem;
  height: 2rem;
  padding-left: 1.2rem;
  width: 60%;
  @media screen and (max-width: 594px) {
    width: 90%;
  }
}
#newsletter_form input {
  background-color: rgb(var(--eff_color_bg));
  border-color: rgb(var(--eff_color_ac));
  border-radius: var(--eff_border_radius);
  color: rgb(var(--eff_color_ac));
}
#newsletter_form ::placeholder {
  color: rgb(var(--eff_color_fg));
  font-style: italic;
  font-weight: lighter;
  opacity: 0.4;
}
.author_social_media_icon, .social_media_icon {
  border-radius: var(--eff_border_radius);
  display: inline-block;
}
.author_social_media_icon {
  height: 64px;
  width: 64px;
  margin: 0px 8px;
}
.social_media_icon {
  height: 32px;
  width: 32px;
  margin: 0px 4px;
}
.social_media_icon_amazon {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtbGFiZWw9IkFtYXpvbiIgcm9sZT0iaW1nIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZD0ibTAgMEg1MTJWNTEySDAiIGZpbGw9IiNmOTAiLz48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMjgzIDE4N2MtNjIgMi0xMjEgMTktMTIxIDgxIDAgNDMgMjYgNjQgNjEgNjQgMzEgMCA1MS0xMiA2OC0zMCA4IDExIDEwIDE2IDI0IDI3cTUgMyAxMC0xbDMxLTI3cTQtNCAwLTEwYy03LTExLTE1LTE5LTE1LTM5di02NGMwLTI3IDItNTItMTgtNzAtMTctMTYtMzgtMjAtNjItMjEtNTMtMS04OCAyOC05MyA2MnEtMSA4IDcgOWwzNyA1YzYgMSA5LTQgMTAtOCA2LTIyIDI5LTI4IDQzLTIzIDIwIDYgMTggMjkgMTggNDVtLTM2IDEwNWMtMTUgMC0yNS0xMy0yNS0zMCAxLTM2IDI5LTQyIDYxLTQydjE4YzAgMzItMTcgNTQtMzYgNTRtMTY4IDEwNmMxMy0xMSAyNi0zOCAyNS01NyAwLTctMS04LTgtMTAtMTMtNC00Ni01LTYyIDEwLTMgMy0yIDUgMSA1IDExLTIgNDUtNiA1MCAyIDQgNy04IDM1LTEyIDQ3LTIgNSAyIDYgNiAzTTU4IDM0MmM5NiA5MSAyNDcgOTQgMzQ1IDI1IDctNCAwLTEyLTYtOUEzNzYgMzc2IDAgMDE2MiAzMzdjLTQtMy04IDItNCA1Ii8+PC9zdmc+');
}
.social_media_icon_facebook {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtbGFiZWw9IkZhY2Vib29rIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJtMCAwSDUxMlY1MTJIMCIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Im0zMzEgMzEyaC00NXYxMzRhMTkyIDE5MiAwIDEwLTYwIDBWMzEyaC00OXYtNTZoNDl2LTQ1cTQtODkgMTE2LTY4djQ3aC0yNnEtMjkgMS0zMCAzMHYzNmg1My41IiBmaWxsPSIjMTg3N2YyIi8+PC9zdmc+');
}
.social_media_icon_instagram {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWxhYmVsPSJJbnN0YWdyYW0iIHJvbGU9ImltZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGQ9Im0wIDBINTEyVjUxMkgwIiBpZD0iYiIvPjx1c2UgZmlsbD0idXJsKCNhKSIgeGxpbms6aHJlZj0iI2IiLz48dXNlIGZpbGw9InVybCgjYykiIHhsaW5rOmhyZWY9IiNiIi8+PHJhZGlhbEdyYWRpZW50IGlkPSJhIiBjeD0iLjQiIGN5PSIxIiByPSIxIj48c3RvcCBvZmZzZXQ9Ii4xIiBzdG9wLWNvbG9yPSIjZmQ1Ii8+PHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iI2ZmNTQzZSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2M4MzdhYiIvPjwvcmFkaWFsR3JhZGllbnQ+PGxpbmVhckdyYWRpZW50IGlkPSJjIiB4Mj0iLjIiIHkyPSIxIj48c3RvcCBvZmZzZXQ9Ii4xIiBzdG9wLWNvbG9yPSIjMzc3MWM4Ii8+PHN0b3Agb2Zmc2V0PSIuNSIgc3RvcC1jb2xvcj0iIzYwZiIgc3RvcC1vcGFjaXR5PSIwIi8+PC9saW5lYXJHcmFkaWVudD48ZyBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMzAiPjxyZWN0IHdpZHRoPSIzMDgiIGhlaWdodD0iMzA4IiB4PSIxMDIiIHk9IjEwMiIgcng9IjgxIi8+PGNpcmNsZSBjeD0iMjU2IiBjeT0iMjU2IiByPSI3MiIvPjxjaXJjbGUgY3g9IjM0NyIgY3k9IjE2NSIgcj0iNiIvPjwvZz48L3N2Zz4=');
}
.social_media_icon_telegram {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtbGFiZWw9IlRlbGVncmFtIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJtMCAwSDUxMlY1MTJIMCIgZmlsbD0iI2ZmZiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iYSIgeDI9IjAiIHkyPSIxIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiMyYWFiZWUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMyMjllZDkiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGQ9Ik0yOTEgMjIwcTYtNCA4LTF0LTMgOGMtMzEgMzItNTQgNTAtNjcgNjVxLTkgMTAgNSAyMGw2MiA0MmMyNSAxNyAzMyAzIDM2LTE0cTE3LTkxIDI0LTE1MWMyLTE1LTMtMjMtMjItMTdxLTI3IDgtMTk0IDgxYy0yMSA4LTE3IDE3LTUgMjFzMjEgNyAzMyAxMCAyMCA0IDM0LTVNMjU3IDY0YTE5MiAxOTIgMCAxMS0yIDAiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4=');
}
.social_media_icon_tiktok {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWxhYmVsPSJUaWtUb2siIHJvbGU9ImltZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxwYXRoIGQ9Im0wIDBINTEyVjUxMkgwIiBmaWxsPSIjZmZmIi8+PHVzZSB4bGluazpocmVmPSIjdCIgZmlsbD0iI2YwNSIgeD0iMTgiIHk9IjE1Ii8+PGcgc3R5bGU9ImZpbGw6IzBlZTttaXgtYmxlbmQtbW9kZTptdWx0aXBseSI+PHBhdGggaWQ9InQiIGQ9Ik0yMTkgMjY1YTU0IDU0IDAgMTAzNyA1MVY2NGg2NGE4OCA4OCAwIDAwODggODh2NjNhMTUwIDE1MCAwIDAxLTg4LTI4VjMxNUExMTcgMTE3IDAgMTEyMTkgMjAwIi8+PC9nPjwvc3ZnPg==');
}
.social_media_icon_whatsapp {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtbGFiZWw9IldoYXRzQXBwIiByb2xlPSJpbWciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJtMCAwSDUxMlY1MTJIMCIgZmlsbD0iI2ZmZiIvPjxwYXRoIGZpbGw9IiMyNWQzNjYiIGQ9Im03OSA0MzQgMjUuNy05My45YTE4MS4xIDE4MS4yIDAgMTE3MC4zIDY4LjdNMTIyLjUgMzkxbDU3LTE1YTE1MC42IDE1MC42IDAgMTAtNDEuOC00MC42bTkzLTEyN2MyIDUgMCAxMC0xMSAyMi4yLTYgNi00IDggNi42IDIzczI4IDI5IDQ0IDM2LjUgMTUgNyAyMS43LTFjMTUtMTcgMTEtMjEgMjYtMTQuMmwyNyAxM2M4IDQgOC40IDQgOC41IDlzLTEuNyAxOC03IDIzLjYtMjUgMjQuOC02MCAxMi01OS0yMy05OS03Ny0xLjYtODYgMy42LTg4IDctMS41IDE3LTEuM3E0IDAgNyA1Ii8+PC9zdmc+');
}
.social_media_icon_x {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtbGFiZWw9IlgiIHJvbGU9ImltZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiPjxyZWN0IHdpZHRoPSI1MTIiIGhlaWdodD0iNTEyIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTMyMS44IDM3My4xaDM2LjZMMTkwIDEzNy41SDE1My40Wk0zOTEgMzg5LjlIMzEwLjZMMjM3IDI4NS4xIDE0NC44IDM4OS45SDEyMUwyMjYuNCAyNzAgMTIxIDEyMGg4MC40bDY5LjcgOTkuMkwzNTguNCAxMjBoMjMuOEwyODEuNyAyMzQuM1oiLz48L3N2Zz4=');
}
.social_media_icon_youtube {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtbGFiZWw9IllvdVR1YmUiIHJvbGU9ImltZyIgdmlld0JveD0iMCAwIDUxMiA1MTIiIGZpbGw9IiNmZmYiPjxwYXRoIGQ9Im0wIDBINTEyVjUxMkgwIi8+PHBhdGggZD0iTTMxMyAyNTZsLTkzLTUzVjMwOVptMTE0LTg3YzkgMzcgOSAxMzggMCAxNzQtNCAxNS0xNyAyNy0zMiAzMS0zNyAxMC0yNDIgMTAtMjc4IDAtMTUtNC0yOC0xNi0zMi0zMS0xMC0zOS05LTEzNiAwLTE3NCA0LTE1IDE3LTI3IDMyLTMxIDM5LTEwIDI0NC05IDI3OCAwIDE1IDQgMjggMTYgMzIgMzFaIiBmaWxsPSIjZWQxZDI0Ii8+PC9zdmc+');
}