/* Fonty - NEMAZAT*/

@font-face {
  font-family: HK Grotesk;
  font-weight: bold;
}

@font-face {
  font-family: Custom_Roboto;
  src: url("../fonts/Roboto-Medium.ttf") format("ttf");
  font-weight: normal;
  font-style: normal;
}

html,
body {
  font-family: /*HK Grotesk*/ Custom_Roboto, HK Grotesk, sans-serif;
}

html {
  scroll-behavior: smooth;
}

/***********************************************************/
/* HLAVNI OBSAH STRANKY */
/***********************************************************/

.content {
  min-width: 30vh;
  margin: 2vh;
  padding: 50px 0;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}

#mainback .content {
  padding: 50px 5px;
}

.content__divider {
  margin: 30px;
}

.content__intro {
  overflow: auto;
}

.content__intro-grid {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}

.content__intro-text {
  padding: 10px 15px;
  /*color: var(--color--text--end-of-page);*/
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  text-align: left;
}

.content__intro-text-grid {
  padding: 10px 15px;
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  text-align: center;
}

.content__intro-text-centered {
  grid-column-start: 2;
  grid-column-end: 4;
}

.content__intro-text--left-new {
  /*grid-row-start: 1;*/
  grid-column-start: 1;
  grid-column-end: 3;
}

.content__intro-text--right-new {
  /*grid-row-start: 1;*/
  grid-column-start: 3;
  grid-column-end: 5;
}

/*.content__intro-text a {
  color: cyan;
  text-decoration: none;
}

.content__intro-text a:hover {
  color: magenta;
}*/

.content__intro-text--left {
  grid-column-start: 1;
  grid-column-end: 5;
  padding: 10px;
  border: solid $border transparent;
  border-radius: 1em;
}

.content__intro-text--full {
  grid-column-start: 1;
  grid-column-end: 5;
  padding: 10px;
  border: solid $border transparent;
  border-radius: 1em;
}

.white-border {
  border: solid rgba(255, 255, 255, 0.5) 2px;
}

.content__intro-pic {
  float: left;
  padding-right: 10px;
}

.content__intro-pic img {
  height: 15vw;
  width: 15vw;
  min-width: 220px;
  max-width: 400px;
  min-height: 220px;
  max-height: 400px;
  border-radius: 0.5em;
  object-fit: cover;
  opacity: 0.9;
}

.content__intro-pic figcaption {
  margin: 5px 15px;
  text-align: center;
}

.content__intro-table {
  border-collapse: separate;
  border-spacing: 0 5px;
}

.content__intro-table td {
  padding: 0 5px 2px;
}

.content__article-video {
  width: 100%;
}

.non-visible {
  display: none;
}

.content__popover-blur {
  filter: blur(8px);
  -webkit-filter: blur(8px);
}

.content__popover {
  position: absolute;
  text-align: center;
  left: 0;
  top: 10vh;
  width: 100%;
  height: auto;
  z-index: 0;
  padding-bottom: 10px;
}

.content__popover-container {
  width: 100%;
  height: 90vh;
}

.mt-10 {
  margin-top: 10px;
}

.my-button {
  padding: 10px 50px;
  border-radius: 0.5em;
  font-size: 100%;
  cursor: pointer;
}

.main-banner-repeat {
  width: 100%;
  height: 54vh;
  background-size: contain;
  background-position: center;
  border: solid $border transparent;
  border-radius: 1em;
}

.main-banner-cover--smaller {
  width: 100%;
  height: 30vh;
  background-size: cover;
  background-position: center;
  border: solid $border transparent;
  border-radius: 1em;
}

.main-banner-cover {
  opacity: 1;
  width: 100%;
  height: 54vh;
  background-size: cover;
  background-position: center;
  border: solid $border transparent;
  border-radius: 1em;
}

.main-banner-cover--bigger {
  width: 100%;
  height: 70vh;
  background-size: cover;
  background-position: center;
  border: solid $border transparent;
  border-radius: 1em;
}

.main-banner-cover--video {
  opacity: 1;
  width: 100%;
  height: 88vh;
  background-size: cover;
  background-position: center;
  border: solid $border transparent;
  border-radius: 1em;
  overflow: hidden;
}

.preview-video{
  min-width: 100%;
  background-size: cover;
  width: auto;
  height: 88vh;
}

.video-item {
  cursor: pointer;
}

/*.mini-shadow {
  box-shadow: 1.5px 1.5px 5px black;
}

.small-shadow {
  box-shadow: 2px 2px 5px black;
}*/

.small-background-shadow {
  overflow: hidden;
}

/* Main article text */
.content__text {
  margin: auto;
  width: 100%;
  text-align: justify;
  grid-column-start: 1;
  grid-column-end: 5;
}

.content__text--right {
  margin: 10px 0;
  width: 100%;
  text-align: justify;
}

.content__text--right-box {
  width: 100%;
  text-align: justify;
  grid-column-start: 1;
  grid-column-end: 5;
}

.bigger-text {
  /*font-size: 120%;*/ /* before font change*/
  font-size: 115%;
}

.paragraph {
  padding: 0 0 10px 0;
  line-height: 1.2;
}

.paragraph--nopadd  {
  padding: 0;
  line-height: 1.2;
}

.para-dark-back {
  padding: 10px;
}

.para-br-top {
  border-top-left-radius: 0.5em;
  border-top-right-radius: 0.5em;
}

.para-br-bottom {
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

.description-list li {
  list-style-type: circle;
  padding-bottom: 15px;
}

.description-list {
  padding-left: 20px;
}

/* Footer */
.content__end-of-page {
  padding: 15px 70px 80px 70px;
  text-align: center;
  font-family: Copperplate;
}

.content__contact-icon {
  border-radius: 0.75rem;
  min-height: 65px;
}

.content__contact-icon img {
  width: 370px;
  height: 65px;
  border-radius: 0.75rem;
}

.content__contact-icon-holder {
  /*padding: 2px 10px;*/
  border-radius: 1em;
}

.content_line {
  display: inline-block;
  height: 100%;
}

.section-link--wrapper {
  margin-top: 10px;
  margin-bottom: 10px;
}

.section-link {
  border-radius: 1em;
  font-weight: bold;
  padding: 10px;
}

.info-text-dynamic--half {
  grid-column-start: 1;
    grid-column-end: 5;
}

/***********************************************************/
/* NADPISY */
/***********************************************************/

/* Hlavní nadpis (název projektu na hlavní stránce) */
.content__main-title {
  font-family: HK Grotesk, sans;
  font-style: normal;
  font-weight: bold;
  font-size: 6vw;
  text-decoration: underline;
  min-height: 5vw;
  /*height: 100%;*/
  width: 100% - 10px;
  margin: 3vw 0 1vw;
  padding: 1.8vh 5px;
  border-radius: 0.2em;
  grid-column-start: 1;
  grid-column-end: 5;
  /*grid-row-start: 1;*/
  /*grid-row-end: 1;*/
}

.content__main-title-v2 {
  grid-column-start: 1;
  grid-column-end: 5;

  /*width: 100% - 10px;*/
  width: 120%;
  /*margin: 0.5vw 0 1vw;*/
  margin-left: -15px;
  padding: 1vh 25px;
  /*border-radius: 0.2em;*/

  font-family: HK Grotesk, sans;
  font-style: normal;
  font-weight: bold;
  font-size: 6vw;
  text-decoration: underline;
  min-height: 5vw;

  color: white;
  text-shadow: 2px 2px 4px black;
  background-color: rgba(255,255,255,.25);

  /*animation: content__main-title-v2--slow-flash 8s linear infinite;*/
}

.content__sec-title {
  font-size: 150%;
  font-family: HK Grotesk, sans;
  width: 100% - 10px;
  margin: 2vw 0 1vw;
  border-radius: 0.2em;
  padding: 10px 10px;
  grid-column-start: 1;
  grid-column-end: 5;
}

.content__third-title {
  font-size: 150%;
  font-family: HK Grotesk, sans;
  width: 100% - 10px;
  margin: 2vw 0 1vw;
  border-radius: 0;
  padding: 10px 10px;
  grid-column-start: 1;
  grid-column-end: 5;
}

.third-title--article-basic {
  font-size: 120%;
  font-family: Custom_Roboto, HK Grotesk, sans-serif /*HK Grotesk, sans*/;
  padding: 0.5vw 0;
  text-decoration: underline;
}

.content__main-title img{
  float: left;
  margin-top: .5vw;
  margin-right: .5vw;
  width: 6vw;
  height: 6vw;
  border-radius: 0.2em;
  display: block;
}

.welcome-message {
  font-size: 4vw;
  font-family: HK Grotesk, sans;
  border-radius: 0.5em;
  padding: 10px 10px;
  grid-column-start: 1;
  grid-column-end: 5;
}

@keyframes content__main-title-v2--slow-flash {
   0%{
     /*background-color: rgba(255,255,255,.15);*/
     color: white;
   }
   50%{
     /*background-color: rgba(255,255,255,.35);*/
     color: rgba(150, 203, 255, 1);
   }
   100%{
     /*background-color: rgba(255,255,255,.15);*/
     color: white;
   }
 }
/***********************************************************/
/*HEADER AND DROPDOWN MENU*/
/***********************************************************/

.fixed-pos {
  position: fixed;
  z-index: 3;
}

.drop-wrapper-1 {
  display: block;
}
.drop-wrapper-2 {
  display: none;
}
.drop-wrapper-1:hover ~ .drop-wrapper-2 {
  display: block;
}
.drop-wrapper-2:hover {
  display: block;
}

/*The Dropdown Button */
.dropbutton {
  font-size: 20px /*16px*/;
  letter-spacing: 1.5px;
  min-width: 256px; /*206px;*/ /*256px*/
  border: none;
  cursor: pointer;
}

/* The container <div> - to position the dropdown content */
.dropdown {
  position: relative;
  display: flex;
  flex-direction: column;
}

/* Dropdown Content (Hidden by Default) */
.dropdown__content {
  /*display: none;*/
  visibility: hidden;
  opacity: 0;
  position: absolute;
  width: 40%;
  left: 30%;
  top: 100%;
  z-index: 2;
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
  transform: translateY(-20px);
}

/* Links inside the dropdown */
.dropdown__content a {
  text-decoration: none;
  display: block;
  font-size: 18px;
}

.dropdown__content .last-object {
  border-bottom-right-radius: 1em;
  border-bottom-left-radius: 1em;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown__content {
  /*display: block;*/
  visibility: visible;
  transform: translateY(0%);
  opacity: 1;
  transition: all 0.25s ease;
}

/* Header */
.main-menu nav a {
  padding: 15px 0;
  width: 100%;
  margin: auto;
  display: inline-block;
  text-decoration: underline;
  font-family: HK Grotesk, sans;
}

.main-menu nav {
  width: 100%;
  text-align: center;
}

.css-mode-button {
  color: white;
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  width: 52px;
  height: 52px;
  position: fixed;
  z-index: 3;
  right: 0;
  font-size: 112%;
  cursor: pointer;
}

.css-mode-button:hover {
  color: white;
  background-color: rgba(255, 255, 255, 0.1);
}

.language-button {
  color: white;
  background-color: rgba(255, 255, 255, 0.2);
  border: none;
  width: 100px;
  height: 52px;
  position: fixed;
  z-index: 3;
  padding-left: -10px;
  padding-top: -10px;
  font-size: 112%;
  cursor: pointer;
}

.language-button img {
  pointer-events: none;
}

.language-button:hover {
  background-color: rgba(255, 255, 255, 0.1);
}

.language-button-cookies {
  border: none;
  /*height: 35px;*/
  height: 45px;
  /*width: 100px;*/
  min-width: 100px;
  margin-bottom: 10px;
  border-radius: 0.5em;
  /*vertical-align: middle;*/
}

.language-button-cookies img {
  pointer-events: none;
  vertical-align: middle;
}

/***********************************************************/
/*BREADCRUMB NAVIGACE*/
/***********************************************************/

.content__breadcrumb {
  text-align: left;
  grid-column-start: 1;
  grid-column-end: 5;
  grid-row-start: 2;
}

/* Zakladni styl seznamu */
.content__breadcrumb {
  padding: 8px 5px;
  list-style: none;
  border-radius: 0.5em;
}

.content__breadcrumb:first-of-type {
  padding-left: 8px;
}

/* Zobrazení prvků seznamu vedle sebe */
.content__breadcrumb li {
  display: inline;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
}

/* Přidání "/" před a za každý prvek v seznamu */
.content__breadcrumb li + li:before {
  padding: 8px;
  content: "/\00a0";
}

/* Barva prvků v seznamu */
.content__breadcrumb li a {
  text-decoration: none;
}

/* Barva prvků v seznamu při přejetí kurzorem */
.content__breadcrumb li a:hover {
  text-decoration: underline;
}
/***********************************************************/
/*Sekundarni menu*/
/***********************************************************/
@keyframes slide-down {
  0% {
    opacity: 0;
    /*transform: translateY(-20px);*/
  }

  100% {
    opacity: 1;
    /*transform: translateY(0px);*/
  }
}

.content__menu-secondary--wrapper {
  grid-column-start: 1;
  grid-column-end: 5;
  display: flex;
  flex-direction: column;
  padding-top: 15px;
}

.content__menu-secondary--main-icon {
  display: inline-block;
  text-align: left;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 10px;
  border-top-left-radius: 0.2em;
  border-top-right-radius: 0.2em;
  border-bottom-left-radius: 0.2em;
  border-bottom-right-radius: 0.2em;
  font-size: 150%;
  cursor: pointer;
}

.content__menu-secondary--main-icon:hover ~ .content__menu-secondary {
  display: block;
}

.content__menu-secondary--wrapper:hover > .content__menu-secondary--main-icon {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.content__menu-secondary--wrapper:hover > .content__menu-secondary {
  animation: slide-down 1s;
}

.content__menu-secondary:hover {
  display: block;
}

.content__menu-secondary {
  font-weight: bold;
  display: none;
}

.content__menu-secondary ul {
  list-style-type: none;
  display: flex;
  flex-direction: row;
  align-items: left;
  /*flex-wrap: nowrap;*/
  flex-wrap: wrap;
  white-space: nowrap;
  margin: 0;
  padding: 0;
  /*overflow: auto;*/
  overflow: hidden;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

.content__menu-secondary li {
  float: left;
}

.content__menu-secondary li > a {
  display: block;
  color: white;
  text-align: left;
  padding: 14px 16px;
  text-decoration: none;
  max-height: 15px;
}

.content__menu-secondary li > a:hover {
  text-shadow: 2px 2px 4px #000000;
}

/***********************************************************/
/*GALERIE OBRAZKU*/
/***********************************************************/
.content__gallery-box--small {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  border-radius: 0.5em;
}

.content__gallery-box--big {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  border-radius: 0.5em;
}

.content__gallery-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  border-radius: 0.5em;
}

.content__gallery-box--small a {
  width: 100%;
  padding-left: 3px;
  padding-bottom: 3px;
}

.content__gallery-box--big a {
  width: 100%;
  padding-left: 3px;
  padding-bottom: 3px;
}

.content__gallery-box a {
  width: 100%;
  padding-left: 3px;
  padding-bottom: 3px;
}

.box-small img {
  transform: scale(1);
  transition: transform 0.4s ease;
  border-radius: 0.5em;

  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.box-big img {
  height: 400px;
  width: 700px;
  transform: scale(1);
  transition: transform 0.4s ease;
  border-radius: 1em;
}

.content__gallery-image {
  /*box-sizing: content-box;*/
  overflow: hidden;
  display: inline-block;
  color: white;
  position: relative;
  border-radius: 0.5em;
  width: 100%;
}

.image-small {
  height: 100%;
  width: 100%;
}

.image-big {
  height: inherit;
  width: inherit;
}

.content__gallery-image:hover {
  cursor: pointer;
}

.content__gallery-image:hover img {
  transform: scale(1.1);
}

.content__gallery-image:hover .content__gallery-caption {
  transform: translateY(-20px);
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 1em;
  padding: 10px;
}

.content__gallery-image:hover .content__gallery-caption--buy-type {
  transform: translateY(-20px);
  opacity: 1;
  padding: 10px;
}

.content__gallery-transparent-box {
  position: absolute;
  top: 0;
  left: 0;
  transition: background-color 0.3s ease;
  border-radius: 0.5em;
}

.transparent-box-small {
  height: 100%;
  width: 100%;
}

.transparent-box-big {
  height: inherit;
  width: inherit;
}

.content__gallery-caption {
  position: absolute;
  bottom: 5px;
  left: 20px;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.content__gallery-caption > p:nth-child(2) {
  font-size: 1.1em;
}

.opacity-low {
  opacity: 0.9;
}

.content__gallery-caption--buy-type {
  position: absolute;
  bottom: 0px;
  right: 20px;
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.availability-dot {
  opacity: 0.5;
  height: 25px;
  width: 25px;
  border-radius: 50%;
  border: 1px solid white;
}
.green-type {
  background-color: green;
}
.orange-type {
  background-color: orange;
}
.red-type {
  background-color: red;
}
.black-type {
  background-color: black;
}

/* POUŽITÍ:
<div class="content__gallery-caption--buy-type">
  <div class="availability-dot green-type"></div>
</div>
*/

/* Lazy loaded images */
img.lazy {
  filter: blur(5px);
  transition: filter 1.5s, transform 0.3s ease, border-radius 0.3s;
}

img.lazy.loaded {
  filter: blur(0);
}

/* Aspect ratios */
.aspect-16-9 {
  aspect-ratio: 16 / 9;
}

.aspect-9-16 {
  aspect-ratio: 9 / 16;
}

.aspect-2-1 {
  aspect-ratio: 2 / 1;
}

.aspect-1-2 {
  aspect-ratio: 1 / 2;
}

.aspect-0_68 {
  aspect-ratio: 0.68;
}

.aspect-1_4 {
  aspect-ratio: 1.4;
}

.aspect-1_60 {
  aspect-ratio: 1.60;
}

.aspect-2 {
  aspect-ratio: 2;
}

/***********************************************************/
/*ARTICLE BOX*/
/***********************************************************/

.content__article-gallery {
  padding-bottom: 3px;
  margin: 0vw 0 0vw;

  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  border-radius: 0.5em;
  overflow: auto;
  min-height: 280px;
}

.small-box {
  height: 250px;
  max-height: 500px;
  margin-bottom: 15px;
}
.big-box {
  height: /*400px*/ 500px;
  max-height: 500px;
}

.full-grid-width {
  grid-column-start: 1;
  grid-column-end: 5;
}
.half-grid-width {
  grid-column-start: 1;
  grid-column-end: 5;
}
.three-quarters-grid-width {
  grid-column-start: 1;
  grid-column-end: 5;
}

.content__article-gallery > .content__article-box {
  flex: 1;
  /*max-width: 327px;*/ /*550px*/
  /*justify-content: center;*/
  display: none;
  max-height: /*420px*/ 500px;
}

.content__article-box {
  padding: 0 3px;
  /*if there is a problem - remove next line*/
  /*width: 24%;*/
}

.content__article-gallery > .content__article-box:nth-child(-n + 20) {
  max-width: /*650px;*/ 100%;
  display: inherit;
}

.content__item {
  /*border: 3px solid;*/
  border-radius: 1em;
  /*box-shadow: 2px 2px 5px black;*/
  margin: 0vw 0;
  height: 100%;
  max-height: /*380px*/ 480px;
  /*max-height: 92%;*/
  width: 100%;
  /*min-width: 320px;*/
  min-width: 310px;
  cursor: pointer;
}

.content__item-description h4 {
  width: 100%;
  min-width: 245px;
  padding: 0 0 2vh 0;
  font-weight: bold;
  font-size: 120%
}

.content__item-description p {
  width: 100%;
  padding: 0 0 2vh 0;
  /*text-align: justify;*/
  text-align: center;
  font-size: 120%;
}

.content__item a {
  text-decoration: none;
  height: inherit;
  display: block;
}

.content__item:hover {
  border-bottom: 3px solid;
  /*border-color: #777;*/
  /*border-radius: 2.5em;*/
  transition: border-radius 0.5s, margin-top 0.5s;
  margin-top: 5px;
}

.content__item:hover img {
  transform: scale(1.05);
  /*border-radius: 2.3em;*/
  border-top-left-radius: 2.3em;
  border-top-right-radius: 2.3em;
  transition: border-radius 0.5s, transform 0.5s;
}

.content__item:hover h4 {
  /*transform: scale(1.05);*/
  transition: border-radius 0.5s, transform 0.5s;

  animation-name: itemMove;
  animation-duration: 1s;
}

.header-category--big {
  font-size: 160% !important;
  text-shadow: 0 0 3px white;
}

@keyframes itemMove {
    0% {transform: translateY(0px);}
    50%  {transform: translateY(5px);}
    100%  {transform: translateY(0px);}
}


.content__item-image img {
  overflow: hidden;
  width: 100%;
  height: 180px;
  object-fit: cover;
  min-width: 245px;
  max-width: 1000px;
  border: solid $border transparent;
  border-radius: 1em;
}

.content__item-image {
  overflow: hidden;
}

.content__item-description {
  padding: 0.5vw;
  text-align: center;
  min-height: 45px;
  height: fit-content;
}

.small-box > .content__item-description {
  text-align: center;
}

.big-box > .content__item-description {
  text-align: justify;
}

.content {
  margin: 0 2vh;
}

.licence-box {
  text-align: center;
  padding-top: 10px;
  font-weight: bold;
}

.bottom-margin-small {
  margin-bottom: 15px;
}

.article-gallery--wrap {
  flex-wrap: wrap;
  overflow: hidden;
  padding-bottom: 10px;
  z-index: 1068;
}

.cookies__overlay {
  background-color: rgba(0, 0, 0, 0.65);
  height: 100vh;
  width: 100vw;
  margin: auto;
  inset: 0;
}

.cookies__box {
  position: fixed;
  overflow: auto;
  inset: 0;
  z-index: 69;

  margin: auto;
  /*padding: 0.25em;*/
  padding: 1em;
  border-radius: 0.5em;


  /*box-shadow: 5px 5px 10px black;*/

  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;

  width: 90vw;
  height: 75vh;

  font-size: 105%;
  font-family: Helvetica, sans-serif;
}

.cookies__buttons {
  margin-top: 10px;
  text-align: center;
  font-size: 115%;
}

.cookies__buttons > .my-button {
  width: 100%;
}

.cookies__lan-button--text {
  font-weight: bold;
  font-size: 110%;
  pointer-events: none;
}

.languageSelector__box {
  position: fixed;
  overflow: auto;
  inset: 0;
  z-index: 70;

  margin: auto;
  padding: 1em;
  border-radius: 0.5em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;

  width: 80vw;
  height: fit-content;

  font-size: 105%;
  font-family: Helvetica, sans-serif;

  /*background-color: darkgray;*/
}

.languageSelector__items {
  width: 100%;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}

.language-selector-button {
  padding: 10px 20px;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  border-radius: 0.5em;
}

.language-selector-button img {
  width: 40px;
  height: 40px;
}

.language-selector-button p {
  font-size: 125%;
}

@keyframes moveImg {
    100%  { offset-distance: 100%; }
}

/* KNIGHTCZECH WIKI */

.large-text {
  font-size: 150%;
}

.wiki__banner {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 10px;
}

.wiki__banner--text {
  flex-grow: 3;
  text-align: justify;
  padding-left: 0px;
  font-size: 170%;
  /*max-width: 50%;*/
  font-weight: bold;
}

.wiki__image-holder {
  flex-grow: 1;
  min-height: 150px;
  max-width: 100%;
  border-radius: 1em;
  overflow: hidden;
}

.wiki__image {
  min-height: 150px;
  min-width: 300px;
  width: 100%;
  object-fit: cover;
}

.wiki__text--left {
  grid-column-start: 1;
  grid-column-end: 5;
  border: solid $border transparent;
  border-radius: 1em;
  padding: 10px;
}

.tr__higher tr {
  line-height: 140%;
}

.content__article-gallery--videobox {
  display: flex;
  flex-direction: column;
  /*flex-wrap: wrap;*/
}

.content__article-gallery--video {
  width: 100%;
  height: fit-content;
  padding: 1px 1px;
  border-radius: 1em;
}

.content__article-gallery--video--big {
  width: 100%;
  height: 100%;
  padding: 1px;
  border-radius: 1em;
}

.content__article-gallery--video--medium {
  width: 100%;
  padding: 1px 1px;
  border-radius: 1em;
}

.cookies-article {
  font-weight: normal;
  font-size: 115%;
  line-height: 1;
}

/* homepage about site section */

.about-section {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.standalone-video {
  border-radius: 0.5em;
  overflow: hidden;
}

.about-video {
  width: 100%;
}

.errorpage__container {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.errorpage__article-box {
  max-width: 100%;
}

.errorpage__article {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

.errorpage__list {
  list-style-type: circle;
  text-align: left;
}

.errorpage__list li {
  padding-bottom: 10px;
}

.errorpage__img-box {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.errorpage__img-box--wider {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.errorpage__img-box img {
  width: 200px;
  height: 200px;
}

.errorpage__img-box--wider img {
  width: 280px;
  height: 200px;
}

/***********************************************************/
/* Scroll helper*/
/***********************************************************/
.scroll-helper__wrapper{
    position: fixed;
    z-index: 2;

    bottom: 0;
    right: 0;

    border-radius: 0;
    box-shadow: 0px 0px 20px black;
    background-color: rgba(0, 0, 0, 0.75);

    display: flex;
    flex-direction: row;
    justify-content: center;
    /*gap: 10px;*/

    padding: 10px;
    width: 100%;
}

/***********************************************************/
/* Update section */
/***********************************************************/

.content__update-box {
  grid-column-start: 1;
  grid-column-end: 5;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 10px;
}

.content__update-item {
  width: 100%;
  max-height: 100px;
  /*box-shadow: 1.5px 1.5px 5px black;*/
  border-radius: 0.5em;
  overflow: hidden;
}

.content__update-item:hover {
  transform: scale(0.975);
  transition: transform 0.5s;
}

.content__update-link {
  display: flex;
  flex-direction: row;
  text-decoration: none;
}

.content__update-image img{
  object-fit: cover;
  width: 200px;
  height: 100px;
}

.content__update-description {
  font-size: large;
  padding-left: 8px;
  padding-top: 8px;
  text-decoration: none;
}

.content__update-description p:last-child {
  line-height: 150%;
}

.content__update-description article h4 {
  font-size: 100%;
}

@media screen and (min-width: 700px) and (max-width: 1000px){
  .content__update-box {
    flex-direction: row;
  }

  .content__update-item {
    width: 49%;
  }
}

@media screen and (min-width: 1000px) {
  .content__update-box {
    flex-direction: row;
  }

  .content__update-item {
    width: 32.7%;
  }
}

@media screen and (min-width: 1200px) {

  .content__update-description article h4 {
    font-size: 125%;
  }
}

/***********************************************************/
/***********************************************************/
/*MEDIA QUERIES*/
/***********************************************************/
/***********************************************************/

/***********************************************************/
/* Skupina 0 - niche parts */
/***********************************************************/
@media screen and (max-width: 400px) { 
  .content__main-title-v2 {
    width: 100%;
    font-size: 300%;
    min-height: 5vw;
  }
}

@media screen and (min-width: 400px) and (max-width: 530px) {
  .content__main-title-v2 {
    width: 100%;
    font-size: 350%;
    min-height: 5vw;
  }
}

@media screen and (max-width: 450px) {
  .bigger-text {
      font-size: 105%;
    }
}

/***********************************************************/
/* Skupina 1 - flexbox a grid layout*/
/***********************************************************/
@media screen and (max-width: 530px) {
  .content {
    padding: 8.5vw 5px;
  }

  .content__intro-pic img {
    display: none;
  }

  .content__intro-text--right-new {
    grid-column-start: 1;
    grid-column-end: 5;
  }

  .content__intro-text--left-new {
    grid-column-start: 1;
    grid-column-end: 5;
  }

  .content__menu-secondary ul {
    flex-direction: column;
  }

  .content__menu-secondary--wrapper:hover > .content__menu-secondary {
    animation: slide-down 1s;
  }

  .content__menu-secondary ul {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .content__menu-secondary li > a {
    min-width: 140px;
  }

  .content__menu-secondary {
    display: none;
  }

  .content__menu-secondary--main-icon {
    display: block;
  }

  .content__breadcrumb:first-of-type {
    padding-left: 8px;
  }

  .wiki__banner {
    flex-direction: column;
  }

  .wiki__image-holder {
    flex-grow: 1;
    min-height: 150px;
    max-width: 100%;
  }

  .wiki__banner--text {
    padding-left: 0px;
  }

  .content__main-title {
    width: 100%;
    font-size: 350%;
    min-height: 5vw;
  }

  .content__main-title img {
    display: none;
  }

  .welcome-message {
    font-size: 125%;
    border-radius: 0.5em;
    padding: 10px 10px;
  }
}

@media screen and (min-width: 530px) and (max-width: 790px) {
  .content__article-gallery > .content__article-box:nth-child(-n + 20) {
    display: inherit;
    /*max-width:*/ /*650px;*/ /*350px*/ /*50%;*/
  }

  .content {
    padding: 8.5vw 5px;
  }

  .content__item {
    min-width: 240px;
  }

  /*#mainback .content {
    padding: 8.5vw 5px;
  }*/

  .content__searchbar {
    grid-column-start: 1;
    grid-column-end: 5;
    grid-row-start: 3;
    width: 60%;
    padding: 2vh 0;
  }

  .content__intro-pic img {
    display: none;
  }

  .content__intro-text--left {
    grid-column-start: 1;
    grid-column-end: 5;
  }

  .content__gallery-box a {
    width: 48%;
  }

  .content__gallery-box--small a {
    width: 32.7%;
  }

  .content__gallery-box--big a {
    width: 100%;
  }

  .content__intro-text--right-new {
    grid-column-start: 1;
    grid-column-end: 5;
  }

  .content__intro-text--left-new {
    grid-column-start: 1;
    grid-column-end: 5;
  }

  .content__menu-secondary li > a {
    min-width: 140px;
  }

  .content__menu-secondary--wrapper:hover > .content__menu-secondary {
    animation: slide-down 1s;
  }

  .content__menu-secondary ul {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .content__menu-secondary ul {
    flex-direction: column;
  }

  .content__menu-secondary {
    display: none;
  }

  .content__menu-secondary--main-icon {
    display: block;
  }

  .welcome-message {
    font-size: 120%;
  }

  .content__breadcrumb:first-of-type {
    padding-left: 8px;
  }

  .wiki__banner {
    flex-direction: column;
  }

  .wiki__image-holder {
    flex-grow: 1;
    min-height: 150px;
    max-width: 100%;
  }

  .wiki__banner--text {
    padding-left: 0px;
  }

  .content__main-title-v2 {
    width: 100%;
    font-size: 350%;
    min-height: 5vw;
  }

  .content__main-title {
    width: 100%;
    font-size: 350%;
    min-height: 5vw;
  }

  .content__main-title img {
    display: none;
  }

  .welcome-message {
    font-size: 125%;
    border-radius: 0.5em;
    padding: 10px 10px;
  }

  .errorpage__article-box {
    max-width: 100%;
  }

  .errorpage__article {
    text-align: left;
  }

  .errorpage__img-box img {
    width: 400px;
    height: 400px;
  }

  .errorpage__img-box--wider img {
    width: 560px;
    height: 400px;
  }

  .languageSelector__box {
    width: 80vw;
  }
}

@media screen and (min-width: 790px) and (max-width: 1050px) {
  .content__article-gallery > .content__article-box:nth-child(-n + 20) {
    display: inherit;
    max-width: /*450px;*/ 50%;
  }

  .content {
    padding: 3.5vw 5px;
  }

  #mainback .content {
    padding: 3.5vw 10px;
  }

  .content__searchbar {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 2;
    width: 100%;
    padding: 0;
  }

  .content__intro-pic img {
    display: block;
  }

  .content__intro-text--left {
    grid-column-start: 1;
    grid-column-end: 4;
  }

  .content__gallery-box a {
    width: 48%;
  }

  .content__gallery-box--small a {
    width: 24.6%;
  }

  .content__gallery-box--big a {
    width: 48%;
  }

  .content__intro-text--right-new {
    grid-column-start: 1;
    grid-column-end: 5;
  }

  .content__intro-text--left-new {
    grid-column-start: 1;
    grid-column-end: 5;
  }

  .content__menu-secondary li > a {
    min-width: 45px;
  }

  .content__menu-secondary ul {
    flex-direction: row;
  }

  .content__menu-secondary--wrapper:hover > .content__menu-secondary {
    animation: slide-down 0s;
  }

  .content__menu-secondary ul {
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
  }

  .content__menu-secondary {
    display: block;
  }

  .content__menu-secondary--main-icon {
    display: none;
  }

  .welcome-message {
    font-size: 150%;
  }

  .content__breadcrumb:first-of-type {
    padding-left: 15px;
  }

  .wiki__banner {
    flex-direction: column;
  }

  .wiki__image-holder {
    flex-grow: 1;
    min-height: 150px;
    max-width: 100%;
  }

  .wiki__banner--text {
    padding-left: 0px;
  }

  .about-video {
    width: 50%;
  }

  .errorpage__container {
    flex-direction: column;
  }

  .errorpage__article-box {
    max-width: 100%;
  }

  .errorpage__article {
    text-align: left;
  }

  .errorpage__img-box img {
    width: 400px;
    height: 400px;
  }

  .errorpage__img-box--wider img {
    width: 560px;
    height: 400px;
  }

  .language-selector-button {
    width: 50%;
  }
  
  .languageSelector__items {
    flex-direction: row;
    gap: 10px;
  }

  .languageSelector__box {
    width: 60vw;
  }
}

@media screen and (min-width: 1050px) {
  .content__article-gallery > .content__article-box:nth-child(-n + 20) {
    display: inherit;
    max-width: /*450px;*/ 33%;
  }

  .content {
    padding: 2.5vw 5px;
  }

  #mainback .content {
    padding: 2.5vw 10px;
  }

  .content__searchbar {
    grid-column-start: 4;
    grid-column-end: 5;
    grid-row-start: 2;
    width: 100%;
    padding: 0;
  }

  .content__intro-pic img {
    display: block;
  }

  .content__intro-text--left {
    grid-column-start: 1;
    grid-column-end: 3;
  }

  .content__gallery-box a {
    width: 33%;
  }

  .content__gallery-box--small a {
    width: 24.7%;
  }

  .content__gallery-box--big a {
    width: 49.7%;
  }

  .content__intro-text--right-new {
    grid-column-start: 3;
    grid-column-end: 5;
  }

  .content__intro-text--left-new {
    grid-column-start: 1;
    grid-column-end: 3;
  }

  .content__menu-secondary li > a {
    min-width: 45px;
  }

  .content__menu-secondary ul {
    flex-direction: row;
  }

  .content__menu-secondary--wrapper:hover > .content__menu-secondary {
    animation: slide-down 0s;
  }

  .content__menu-secondary ul {
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
  }
  .content__menu-secondary {
    display: block;
  }

  .content__menu-secondary--main-icon {
    display: none;
  }

  .welcome-message {
    font-size: 150%;
  }

  .content__breadcrumb:first-of-type {
    padding-left: 15px;
  }

  .wiki__banner {
    flex-direction: row;
  }

  .wiki__image-holder {
    flex-grow: 1;
    min-height: 150px;
    max-width: 25%;
  }

  .wiki__banner--text {
    padding-left: 10px;
  }

  .about-video {
    width: 40%;
  }

  .errorpage__container {
    flex-direction: row;
  }

  .errorpage__article-box {
    max-width: 35%;
  }

  .errorpage__article {
    text-align: center;
  }

  .errorpage__img-box img {
    width: 400px;
    height: 400px;
  }

  .errorpage__img-box--wider img {
    width: 560px;
    height: 400px;
  }

  .info-text-dynamic--half {
    grid-column-start: 1;
    grid-column-end: 3;
  }

  .language-selector-button {
    width: 50%;
  }

  .languageSelector__items {
    flex-direction: row;
    gap: 10px; 
  }

  .languageSelector__box {
    width: 30vw;
  }
}

/***********************************************************/
/* Skupina 2 - Queries pro ostatni upravy */
/***********************************************************/

@media screen and (min-width: 530px) and (max-width: 1250px) {
  .full-grid-width {
    grid-column-start: 1;
    grid-column-end: 5;
  }
  .half-grid-width {
    grid-column-start: 1;
    grid-column-end: 5;
  }
  .three-quarters-grid-width {
    grid-column-start: 1;
    grid-column-end: 5;
  }

  .small-box {
    height: 250px;
    max-height: 500px;
  }
  .big-box {
    height: /*400px*/ 500px;
    max-height: 500px;
  }

  .content__article-box {
    /*width: 49.99999%;*/
    padding: 0 3px;
  }

  .drop-wrapper-1 {
    display: block;
  }
  .drop-wrapper-2 {
    display: none;
  }

  .dropdown {
    position: relative;
    display: flex;
    flex-direction: column;
  }

  .content__article-gallery {
    min-height: 280px;
  }

  .content__breadcrumb li {
    font-size: 18px;
  }

  .main-menu nav {
    text-align: center;
  }

  .language-button {
    height: 52px;
  }

  .css-mode-button {
    height: 52px;
  }

  .content__text--right {
    margin: 10px 0;
    width: 100%;
    text-align: justify;
  }

  .content__text--right-box {
    width: 100%;
    text-align: justify;
    grid-column-start: 1;
    grid-column-end: 5;
  }

  .cookies__box {
    width: 90vw;
    height: 75vh;
  }

  .content__article-gallery--videobox {
    flex-direction: column;
  }

  .content__article-gallery--video {
    width: 100%;
    padding: 1px 1px;
  }

  .cookies-article {
    line-height: 1;
  }
}

@media screen and (min-width: 1250px) {
  .full-grid-width {
    grid-column-start: 1;
    grid-column-end: 5;
  }
  .half-grid-width {
    grid-column-start: 1;
    grid-column-end: 3;
  }
  .three-quarters-grid-width {
    grid-column-start: 1;
    grid-column-end: 4;
  }

  .content__text--right {
    margin: 0 10px;
    width: 98%;
    text-align: justify;
  }

  .content__text--right-box {
    width: 100%;
    text-align: justify;
    grid-column-start: 3;
    grid-column-end: 5;
  }

  .content__article-box {
    padding: 0 5px;
    /*max-height: 80%;*/
    /*float: left;
    width: 24.99999%;*/
  }

  .content__article-gallery {
    min-height: 290px;
  }

  .small-box {
    height: 260px;
    max-height: 300px;
  }
  .big-box {
    height: /*450px*/ 500px;
    max-height: 500px;
  }

  .content__item-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    min-width: 255px;
    /*max-width: 550px;*/

    border: solid $border transparent;
    border-radius: 1em;
  }

  .content__item a {
    width: 100%;
    text-align: center;
    min-width: 255px;
  }

  .content {
    margin: 0 11vh;
    padding: 2vw 10px;
  }

  .drop-wrapper-1 {
    display: none;
  }
  .drop-wrapper-2 {
    display: block;
  }

  .dropdown {
    position: relative;
    display: inline-block;
  }
  .dropdown__content {
    width: 100%;
    left: 0;
    transform: translateY(-100%);
    z-index: -1;
    opacity: 1;
  }

  .content__breadcrumb li {
    font-size: 18px;
  }

  .main-menu nav {
    text-align: center;
  }

  .language-button {
    height: /*46*/ 50px;
  }

  .css-mode-button {
    height: /*46*/ 50px;
  }

  .cookies__box {
    width: 66vw;
    height: 75vh;
  }

  .cookies-article {
    line-height: 1.2;
  }

  .cookies__buttons > .my-button {
    width: 49%;
  }

  .cookies__buttons {
    text-align: center;
  }

  .content__article-gallery--videobox {
    flex-direction: row;
    width: 33%;
  }

  .content__article-gallery--video {
    width: 99%;
    padding: 0 1px;
  }

  .scroll-helper__wrapper {
    display: flex;
    flex-direction: column;
    width: auto;
    bottom: 10px;
    right: 10px;
    border-radius: 1em;
    padding: 0;
    /*background-color: black*/
  }

  .content__end-of-page {
    text-align: center;
    padding: 15px 70px;
  }

  .content__contact-icon a {
    width: 24.5% !important;
  }
}

@media screen and (min-width: 1000px) {
  .content__article-gallery {
    flex-wrap: nowrap;
  }

  .content__item-image img {
    max-width: 650px;
  }

  /*
  .content__article-box {
    width: 25%;
  }
  */

  .content__article-gallery--video--medium {
    width: 50%;
    padding: 1px 1px;
    border-radius: 1em;
  }
}

@media screen and (min-width: 700px) and (max-width: 1250px){
  .scroll-helper__wrapper {
    display: flex;
    flex-direction: row;
    width: auto;
    bottom: 10px;
    right: 10px;
    border-radius: 1em;
    padding: 0;
    /*background-color: black*/
  }

  .content__end-of-page {
    text-align: left;
    padding: 15px 70px;
  }
}