:root {
--width-main: 1200px;
--font-icons: 'Material Icons';
--font-primary: 'Roboto';
--font-headers: 'Rubik';
--font-size-small: 12px;
--font-size-primary: 14px;
--font-size-header-h1: 30px;
--font-size-header-h2: 20px;
--font-size-header-h3: 16px;
--font-weight-400: 400;
--font-weight-500: 500;
--font-weight-600: 600;
--font-weight-700: 700;
--line-height: 1.10;
--line-height-more: 1.50;

        --back-body: #F5F5F5; /* pozadí HTML za eshopem */
        --back-main: #FFF; /* pozadí eshopu, bočního menu */
        --back-info: #3B5998; /* pozadí infolišty */
        --back-header: #FFF; /* pozadí hlavičky */
        --back-menu: #3B5998; /* pozadí horního menu */
        --back-menu-light: #3B5998; /* světlejší pozadí horního menu */
        --line-color: #0000001a; /* barva čar a oddělovátek */
        --border-input: #00000033; /* barva ohraničení imputů */

        --color-font: #000; /* barva pisma */
        --color-font-light: #8C8C8C; /* barva pisma světlejší */
        --color-info: #FFF; /* barva písma v infoliště */
        --color-header: #3B5998; /* barva písma v hlavičce */
        --color-menu: #FFF; /* barva písma v horním menu */
        --color-other: #C0C0C0; /* doplňková barva */
        --color-system-alert: #B91D1F; /* barva upozornění */
        }
@media screen and (max-width: 1200px) {
	:root {
	--font-size-small: calc(5px + 2vw);
	--font-size-primary: calc(6px + 2vw);
	--font-size-header-h1: calc(12px + 2vw);
	--font-size-header-h2: calc(8px + 2vw);
	--font-size-header-h3: calc(6px + 2vw);
	--line-height: 1.20;
	--line-height-more: 1.60;
	}
}
body  {
    background: var(--back-body) url("soubory/design/back.jpg") no-repeat top center;
	}
 @media screen and (max-width: 1200px){
    body {
        background: var(--back-main) !important;
    }
}

/* ///////////////////////// */
/*  nasleduje vlastni CSS    */

#buttony div.prvni {display: flex; align-items: center; width:170px; height:25px; background:transparent url(soubory/design/icon-phone-mini.png) left 50% no-repeat !important; padding-left:30px;}

#buttony div.druhy {display: flex; align-items: center; width:200px; height:25px; background:transparent url(soubory/design/icon-mail-mini.png) left 50% no-repeat !important; padding-left:30px;}


.vypis_item .popisek {
  max-height: 150px;
  overflow: hidden;
  max-width: fit-content;
}

#katvakci {
  padding: 5px 5px 5px 10px;
  background: #FBE2E2;
  margin-bottom: 5px;
  font-size: var(--font-size-header-h3);
  font-weight: var(--font-weight-500);
  color: var(--color-system-alert);
  font-family: var(--font-primary);
  line-height: var(--line-height);
}
#katvakci a {
  font-size: var(--font-size-header-h3);
  font-weight: var(--font-weight-500);
  color: var(--color-system-alert);
  font-family: var(--font-primary);
  line-height: var(--line-height);
}

#max-footer {background: none; color: var(--color-font);}
#max-footer a {color: var(--color-font);}
#footer #footer-text { width: 100%; }
#footer-text h3, #footer-text h3 * {font-size: 26px; color: var(--back-menu);}
#footer-text table tr td:nth-child(2) {width: calc(50% - 30px);}
#footer-text table tr td:nth-child(4) {width: 30px;}
#footer-system { color: var(--color-font); }

#aktualni_submenu {margin: 20px 0; display: none;}
#aktualni_submenu ul > li {background: #DFF1F5; margin-bottom: 1px;}