@font-face {
   font-display: optional;
   font-family: "OS-WWBregular";
   src: url('fonts/OS-WWBregular.woff2') format('woff2');
}
@font-face {
   font-display: optional;
   font-family: "Dosis-WWBregular";
   src: url('fonts/Dosis-WWBregular.woff2') format('woff2');
}
@font-face {
   font-display: optional;
   font-family: "Dosis-WWBmedium";
   src: url('fonts/Dosis-WWBmedium.woff2') format('woff2');
}
@font-face {
   font-display: optional;
   font-family: "OS-WWBSemibold";
   src: url('fonts/OS-WWBSemibold.woff2') format('woff2');
}
@font-face {
   font-display: optional;
   font-family: "OS-WWBSemiboldItalic";
   src: url('fonts/OS-WWBSemiboldItalic.woff2') format('woff2');
}
@font-face {
   font-display: optional;
   font-family: "OS-WWBitalic";
   src: url('fonts/OS-WWBitalic.woff2') format('woff2');
}


@keyframes slide-down-in {
0% {
   opacity: 0;
   transform-origin: 0 0;
   transform: translate(0px,-100%) rotate(1deg);
}
100% {
   opacity: 1;
   transform-origin: 0 0;
   transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes slide-left-in {
0% {
   opacity: 0;
   transform-origin: 0 0;
   transform: translate(-100%,0px) rotate(1deg);
}
100% {
   opacity: 1;
   transform-origin: 0 0;
   transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes slide-right-in {
0% {
   opacity: 0;
   transform-origin: 0 0;
   transform: translate(100%,0px) rotate(1deg);
}
100% {
   opacity: 1;
   transform-origin: 0 0;
   transform: translate(0px,0px) rotate(0deg);
}
}
@keyframes transform-scale-in {
0% {
   opacity: 0;
   transform: rotate(0deg) scale(0,0);
}
100% {
   opacity: 1;
   transform: rotate(0deg) scale(1.0,1.0);
}
}
a.produkt-buton {
   background: #F0FFF0;
   color: #000000;
   text-decoration: underline;
}
a.produkt-buton:visited {
   color: #800080;
   text-decoration: underline;
}
a.produkt-buton:active {
   color: #FF0000;
   text-decoration: underline;
}
a.produkt-buton:hover {
   color: #0000FF;
   text-decoration: underline;
}
h1.Heading1,
.h1 {
   --color: #4F4F4F;
   background-color: transparent;
   color: #4F4F4F;
   display: inline-block;
   font-family: Dosis-WWBmedium;
   font-size: 27px;
   font-weight: normal;
   letter-spacing: 2px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-align: left;
   text-decoration: none;
}
h2.Heading2,
.h2 {
   --color: #4F4F4F;
   background-color: transparent;
   color: #4F4F4F;
   display: inline-block;
   font-family: Dosis-WWBmedium;
   font-size: 24px;
   font-weight: normal;
   letter-spacing: 3px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-align: left;
   text-decoration: none;
}
h3.Heading3,
.h3 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: OS-WWBSemibold;
   font-size: 19px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h4.Heading4,
.h4 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: OS-WWBregular;
   font-size: 21px;
   font-style: italic;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h5.Heading5,
.h5 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: OS-WWBregular;
   font-size: 19px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
h6.Heading6,
.h6 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: OS-WWBregular;
   font-size: 16px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
.Dosis-24-cerna-vlevo {
   --color: #4F4F4F;
   background-color: transparent;
   color: #4F4F4F;
   display: inline-block;
   font-family: Dosis-WWBmedium;
   font-size: 32px;
   font-weight: normal;
   letter-spacing: 3px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-align: left;
   text-decoration: none;
}
.Dosis-18-cerna-center {
   --color: #4F4F4F;
   background-color: transparent;
   color: #4F4F4F;
   display: inline-block;
   font-family: Dosis-WWBmedium;
   font-size: 24px;
   font-weight: normal;
   letter-spacing: 3px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-align: center;
   text-decoration: none;
}
.Titulek-24-Dosis-bila {
   --color: #FFFFFF;
   background-color: transparent;
   color: #FFFFFF;
   font-family: Dosis-WWBmedium;
   font-size: 32px;
   font-weight: normal;
   text-decoration: none;
}
.Titulek-18-Dosis-bila {
   --color: #FFFFFF;
   background-color: transparent;
   color: #FFFFFF;
   font-family: Dosis-WWBmedium;
   font-size: 24px;
   font-weight: normal;
   text-decoration: none;
}
.text-16-semibold-cerna {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   font-family: OS-WWBSemibold;
   font-size: 21px;
   font-weight: bold;
   text-align: left;
   text-decoration: none;
}
.text-16-semibold-bila {
   --color: #FFFFFF;
   background-color: transparent;
   color: #FFFFFF;
   font-family: OS-WWBSemibold;
   font-size: 21px;
   font-weight: bold;
   text-align: left;
   text-decoration: none;
}
.text-14-regular {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   font-family: OS-WWBregular;
   font-size: 19px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-align: left;
   text-decoration: none;
}
.text-14-italic {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   font-family: OS-WWBitalic;
   font-size: 19px;
   text-align: left;
   text-decoration: none;
}
.text-14-semibold {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   font-family: OS-WWBSemibold;
   font-size: 19px;
   text-align: left;
   text-decoration: none;
}
.text-14-semibolditalic {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   font-family: OS-WWBSemiboldItalic;
   font-size: 19px;
   text-align: left;
   text-decoration: none;
}
.text-12-semibold-bila {
   --color: #FFFFFF;
   background-color: transparent;
   color: #FFFFFF;
   font-family: OS-WWBSemibold;
   font-size: 16px;
   text-decoration: none;
}
.text-10-regular-bila {
   --color: #FFFFFF;
   background-color: transparent;
   color: #FFFFFF;
   font-family: OS-WWBregular;
   font-size: 13px;
   text-decoration: none;
}
.text-12-link {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: block;
   font-family: OS-WWBregular;
   font-size: 16px;
   margin-top: 7px;
   text-decoration: none;
}
.text-10-semibold {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   font-family: OS-WWBSemibold;
   font-size: 13px;
   text-decoration: none;
}
.produktova-karta {
   background-color: transparent;
   border: 1px solid #006400;
   --border-color: #006400;
   border-radius: 12px;
   overflow: hidden;
   text-decoration: none;
}
.titulek {
   background-color: transparent;
   font-family: Dosis-WWBregular;
   font-size: 43px;
   text-decoration: none;
}
.h1.Heading1-mensi {
   --color: #4F4F4F;
   background-color: transparent;
   color: #4F4F4F;
   display: inline-block;
   font-family: Dosis-WWBmedium;
   font-size: 13px;
   font-weight: normal;
   letter-spacing: 2px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-align: left;
   text-decoration: none;
}
.h1.Heading1 {
   --color: #4F4F4F;
   background-color: transparent;
   color: #4F4F4F;
   display: inline-block;
   font-family: Dosis-WWBmedium;
   font-size: 27px;
   font-weight: normal;
   letter-spacing: 2px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
.h2.Heading2 {
   --color: #4F4F4F;
   background-color: transparent;
   color: #4F4F4F;
   display: inline-block;
   font-family: Dosis-WWBmedium;
   font-size: 24px;
   font-weight: normal;
   letter-spacing: 3px;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-align: left;
   text-decoration: none;
}
.h3.Heading3 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: OS-WWBSemibold;
   font-size: 19px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
.h4.Heading4 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: OS-WWBregular;
   font-size: 21px;
   font-style: italic;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
.h5.Heading5 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: OS-WWBregular;
   font-size: 19px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}
.h6.Heading6 {
   --color: #000000;
   background-color: transparent;
   color: #000000;
   display: inline-block;
   font-family: OS-WWBregular;
   font-size: 16px;
   font-weight: bold;
   margin: 0 0 0 0;
   padding: 0 0 0 0;
   text-decoration: none;
}