:root {
  --color--background--body: rgba(0, 0, 0, 0.5);
  --color--background--content: rgba(255, 255, 255, 0.6);
  --color--shadow--content: rgba(255, 255, 255, 0.6);
  --color--background-grad--content--intro-text--left: linear-gradient(to right,rgba(255, 255, 255, 0.7),rgba(255, 255, 255, 0.7));
  --color--background-grad--content--intro-text--left-p: black;
  --color--background-grad--id-default-grad: linear-gradient(90deg,rgba(0, 70, 166, 1) 0%,rgba(0, 0, 0, 0.2) 100%);
  --color--base--end-of-page: black;
  --color--text--end-of-page: white;
  --color--background--main-title: rgb(73, 165, 255);
  --color--background-grad--main-title: linear-gradient(90deg,rgba(255, 255, 255, 0.4) 0%,rgba(255, 255, 255, 0.1) 100%);
  --color--text--main-title: black;
  --color--base--secondary-title: black;
  --color--background-grad--secondary-title: linear-gradient(90deg,rgba(255, 255, 255, 0.4) 0%,rgba(255, 255, 255, 0.1) 100%); /*linear-gradient(to right, blue , #f1f3ff);*/
  --color--base--dropdown-menu--primary-link: #e6f9ff;
  --color--background--dropdown-menu--content: rgb(65, 65, 65);
  --color--text--dropdown-menu--content: #e6f9ff;
  --color--text--dropdown-menu--content--hover: rgb(100, 100, 100);
  --color--background--dropdown-menu--dropbutton: rgb(35, 35, 35);
  --color--background--main-menu: black;
  --color--background--breadcrumb: rgba(29, 29, 29, 0.5);
  --color--background-grad--breadcrumb: rgba(29,29,29,0.5); /*linear-gradient(90deg, rgba(0,46,136,1) 0%, rgba(208,232,255,1) 0%, rgba(241,243,255,1) 100%);*/
  --color--base--breadcrumb-li-befores: white;
  --color--base--breadcrumb-li: rgba(255, 255, 255, 0.5);
  --color--base--breadcrumb-li-a: white;
  --color--base--breadcrumb-li-a-hover: rgba(255, 255, 255, 0.5);
  --color--background--content--gallery-image: rgba(0, 0, 0, 0);
  --color--background--content--gallery-caption-hover: rgba(0, 0, 0, 0.5);
  --color--background--content--gallery-transparent-box: rgba(0, 0, 0, 0);
  --color--base--content--gallery-caption: white;
  --color--background--content--item: rgb(63, 144, 255);
  --color--background-grad--content--item: linear-gradient(0deg,rgba(63, 144, 255, 0.8) 0%,rgba(24, 24, 24, 0.8) 37%);
  --color--base--content--item-description-h4: white;
  --color--base--content--item-description-p: white;
  --color--border--content--item: #ccc;
  --color--border--content--item-hover: #777;

  color-scheme: light;
}

.main-banner-cover {
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-position: center;
}

#grafika {
  background-image: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    url("../images/Nissan_car_export1_lowQ_wText_bwCorr_wLogo.jpg");
}

#grafika2 {
  background-image: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    url("../images/IMG_is3_tank_bright_lowQ_wLogo.jpg");
}

#grafika3 {
  background-image: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    url("../images/IMG_parez_les_2021_final_lowQ_logo.jpg");
}

#grafika4 {
  background-image: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.3) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    url("../images/IMG_karlstejn_export2_lowQ_wLogo.jpg");
}

#buy1 {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2)),
    url("../../../index_resources/images/white-frames.jpg");
}

.accept-button {
  /*background-color: rgba(200,255,200,1);*/
  background-color: rgba(255,255,255,0.75);
  color: black;
  /*border: 2px solid white;*/
  border: none;
}

.accept-button:hover {
  background-color: rgba(0,150,0,1);
  color: white;
  transition: background-color 0.25s, color 0.25s;
}

.decline-button {
  /*background-color: rgba(255,200,200,1);*/
  background-color: rgba(255,255,255,1);
  color: black;
  border: 2px solid white;
}

.decline-button:hover {
  background-color: rgba(150,0,0,1);
  color: white;
  transition: background-color 0.25s, color 0.25s;
}

.default-button {
  background-color: rgba(255,255,255,1);
  color: black;
  border: 2px solid white;
}

.default-button:hover {
  background-color: rgba(0,0,0,0.5);
  color: white;
}

.warn-button {
  background-color: rgba(255,255,255,0.75);
  color: black;
  border: 2px solid white;
}

.warn-button:hover {
  background-color: rgba(0,0,0,0.5);
  color: white;
}

.cookies__box {
  color: black;
  background-color: white;
  background-image:
  linear-gradient(0deg, rgba(0,70,166,0) 50%, rgba(0,70,166,0.5) 100%),
  url('../../../index_resources/images/cookies.webp');
}

.cookies-article {
  background-color: rgba(255, 255, 255, 0.75);
}

.language-button-cookies {
  /*background-color:  rgba(255, 255, 255, 0.75);*/
  background-color:  rgba(255, 255, 255, 0.75);
}

.language-button-cookies:hover {
  /*background-color: rgba(0, 0, 0, 0.15);*/
  background-color: rgba(255, 255, 255, 1);
}

.language-button-cookies img {
  border-radius: 2em;
  box-shadow: 0px 0px 15px grey;
}

body {
  background-color: var(--color--background--body);
}

.content {
  background-color: var(--color--background--content);
  box-shadow: 0 0px 40px 40px var(--color--shadow--content);
}

.content__intro-text--left {
  background-image: var(--color--background-grad--content--intro-text--left);
}

.content__intro-text--left p {
  color: var(--color--background-grad--content--intro-text--left-p);
}

#default-grad {
  background-image: var(--color--background-grad--id-default-grad);
}

.content__end-of-page {
  background-color: var(--color--base--end-of-page);
  color: var(--color--text--end-of-page);
}

.content__main-title {
  color: var(--color--text--main-title);
  background: var(--color--background--main-title);
  background: var(--color--background-grad--main-title);
  font-weight: bold;
}

.content__sec-title {
  color: var(--color--base--secondary-title);
  background-image: var(--color--background-grad--secondary-title);
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.25);
  font-weight: bold;
}

.menu-link-primary {
  color: var(--color--base--dropdown-menu--primary-link);
}

.dropdown a,
.dropdown__content a {
  font-weight: bold;
}

.dropdown a:hover,
.dropdown__content a:hover {
  /*text-shadow:
    -1px -1px 0 rgba(0,0,0,.5),
    1px -1px 0 rgba(0,0,0,.5),
    -1px 1px 0 rgba(0,0,0,.5),
    1px 1px 0 rgba(0,0,0,.5);*/

  text-shadow: 2px 2px 4px #000000;
}

.dropdown__content {
  background-color: var(--color--background--dropdown-menu--content);
}

/* Links inside the dropdown */
.dropdown__content a {
  color: var(--color--text--dropdown-menu--content);
  transition: background-color .5s ;
  -moz-transition: background-color .5s ;
  -webkit-transition: background-color .5s ;
}

/* Color of dropdown links on hover */
.dropdown__content a:hover {
  background-color: var(--color--text--dropdown-menu--content--hover);
}

/* Background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbutton {
  background-color: var(--color--background--dropdown-menu--dropbutton);
}

.main-menu nav {
  background-color: var(--color--background--main-menu);
}

.content__breadcrumb {
  background: var(--color--background--breadcrumb);
  background: var(--color--background-grad--breadcrumb);
}

/* Barva "/" v seznamu */
.content__breadcrumb li + li:before {
  color: var(--color--base--breadcrumb-li-befores);
}

.content__breadcrumb li {
  color: var(--color--base--breadcrumb-li);
}

/* Barva prvků v seznamu */
.content__breadcrumb li a {
  color: var(--color--base--breadcrumb-li-a);
}

/* Barva prvků v seznamu při přejetí kurzorem */
.content__breadcrumb li a:hover {
  color: var(--color--base--breadcrumb-li-a-hover);
}

.content__gallery-image {
  background-color: var(--color--background--content--gallery-image);
}

.content__gallery-image:hover .content__gallery-transparent-box {
  background-color: var(--color--background--content--gallery-caption-hover);
}

.content__gallery-transparent-box {
  background-color: var(--color--background--content--gallery-transparent-box);
}

.content__gallery-caption {
  color: var(--color--base--content--gallery-caption);
}

.content__item {
  background: var(--color--background--content--item);
  background: var(--color--background-grad--content--item);
  border-color: var(--color--border--content--item);
}

.content__item:hover {
  border-color: var(--color--border--content--item-hover);
}

.content__item-description h4 {
  color: var(--color--base--content--item-description-h4);
}

.content__item-description p {
  color: var(--color--base--content--item-description-p);
}

.content__intro-text a {
  color: blue;
  text-decoration: none;
}

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

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

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

.content__menu-secondary ul {
  background: rgba(29, 29, 29, 0.5);
  /*box-shadow: 0 0 10px 2px rgba(0,0,0,0.5);*/
}

.content__menu-secondary li > a:hover {
  color: white;
  background: rgba(0, 0, 0, 0.5);
}

.content__menu-secondary li > a {
  color: rgba(255, 255, 255, 1);
}

#menu-secondary__highlighted {
  color: rgba(255, 252, 166, 1);
}

.content__menu-secondary li > #menu-secondary__highlighted:hover {
  color: white;
}

.content__menu-secondary--main-icon {
  background: var(--color--background--breadcrumb);
  color: white;
}

.section-link {
  background: rgba(255,255,255,0.5);
  /*box-shadow: 0px 0px grey;*/
  border: 2px solid rgba(255,255,255,0);
}

.section-link:hover {
  background: white;
  /*box-shadow: 5px 5px 2px grey;*/
  border: 2px solid rgb(43, 20, 255);

  transition: background 1s, border 0.5s;
}

@media screen and (max-width: 1250px) {
  .content {
    box-shadow: 0 0px 40px 40px var(--color--shadow--content);
    background-color: var(--color--background--content);
  }
}

@media screen and (min-width: 1250px) {
  .content {
    box-shadow: 0 0px 40px 40px rgba(0, 0, 0, 0), 0 0 5px black;
    background-color: var(--color--background--content);
  }
}

/*****************/
/*MEDIAQ skup 2*/
/*****************/
@media screen and (max-width: 650px) {
  .content__main-title {
    text-shadow: 1px 1px 2px black;
  }
}