:root {
    --cl-black: #000000;
    --cl-text-base: #4b4b4b;
    --filter-text-base: invert(29%) sepia(2%) saturate(449%) hue-rotate(318deg) brightness(98%) contrast(95%);
    --cl-white: #ffffff;
    --filter-white: invert(98%) sepia(5%) saturate(266%) hue-rotate(72deg) brightness(113%) contrast(100%);

    --cl-red: #F11A1F; 

    --cl-blue: #032682;
    --cl-blue-bg: #EBEEF5; 
    --filter-blue: invert(13%) sepia(48%) saturate(4907%) hue-rotate(221deg) brightness(92%) contrast(106%);

    --cl-ss: #032682;             /* Blue */
    --cl-ss-bg: #EBEEF5; 
    --filter-ss: invert(13%) sepia(48%) saturate(4907%) hue-rotate(221deg) brightness(92%) contrast(106%);

    --cl-ms: #5A0678;             /* Purple */
    --cl-ms-bg: #F8E5FF; 
    --filter-ms: invert(12%) sepia(61%) saturate(5037%) hue-rotate(279deg) brightness(81%) contrast(109%);

    --cl-autoskola: #405D00;      /* Olive */
    --cl-autoskola-bg: #ECF5D9; 
    --filter-autoskola: invert(31%) sepia(13%) saturate(3579%) hue-rotate(39deg) brightness(98%) contrast(103%);

    --cl-autoservis: #075C6D;     /* Navy */
    --cl-autoservis-bg: #E8FBFF;  
    --filter-autoservis: invert(23%) sepia(68%) saturate(1885%) hue-rotate(164deg) brightness(86%) contrast(94%);

    --cl-souteze: #9A006B;        /* Magenta */
    --cl-souteze-bg: #FEE7F7;  
    --filter-souteze: invert(13%) sepia(49%) saturate(6849%) hue-rotate(306deg) brightness(87%) contrast(116%);

    --cl-cvlk: #11a3c8;
    --filter-cvlk: invert(77%) sepia(62%) saturate(6253%) hue-rotate(155deg) brightness(91%) contrast(87%);;

    --cl-grey-ce: #cecece;
    --cl-grey-eb: #ebebeb;
    --cl-grey-48: #484848;
    --cl-grey-81: #818181;
    --cl-grey-d9: #d9d9d9;

    /*
    --cl-red: #d6000f;
    --cl-red-background: #ffe5e7;

    --cl-green: #0fa600;
    --cl-green-background: #e5ffeb;

    --cl-grey: #737280;*/
}

body { font-family: "Lexend"; font-display: swap; color: var(--cl-text-base); margin: 0; padding: 0; }
p { margin: 0 0 2rem; overflow-wrap: anywhere; }

h1, h2, h3, p, nav, span, div, button, form, input, textarea, a { box-sizing: border-box; font-family: "Lexend"; font-display: swap; color: var(--cl-text-base); }
img { max-width: 100%; }

h2 { font-size: 2.1875rem; line-height: 2.6125rem; color: var(--cl-black); font-weight: 700; padding: 0; margin: 0 0 1.625rem; }

.content { }
.container { margin: 0 auto; padding: 0 1rem;}

@media screen and (min-width: 48rem) {
    .container { max-width: 78rem; margin: 0 auto; padding: 0 1.5rem;}
}

.content__background { position: relative; z-index: 0; }
.content__background:before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 100%; max-height: 950px; background: url('/images/background.png') no-repeat center center; background-color: var(--cl-blue-bg); overflow: hidden; }
.content__background--top:before { top: 0; }
.content__background--center:before { /*top: calc(50% - 425px);*/ top: 420px; }

.theme-ss .content__background:before { background-color: var(--cl-ss-bg); }
.theme-ms .content__background:before { background-color: var(--cl-ms-bg); }
.theme-autoskola .content__background:before { background-color: var(--cl-autoskola-bg); }
.theme-autoservis .content__background:before { background-color: var(--cl-autoservis-bg); }
.theme-souteze .content__background:before { background-color: var(--cl-souteze-bg); }

.overflowX { overflow-x: auto; }
.hidden { display: none; }

.itembox { display: block; background: var(--cl-white); border-radius: 30px 30px 0px 30px; padding: 2.125rem 1.875rem 3.125rem; }

.offsetTop0 { margin-top: 0 }
.offsetTop2 { margin-top: 2rem; }
.offsetTop3 { margin-top: 3rem; }
.offsetTop4 { margin-top: 4rem; }
.offset0 { margin-bottom: 0 }
.offset05 { margin-bottom: 0.5rem }
.offset1 { margin-bottom: 1rem; }
.offset2 { margin-bottom: 2rem; }
.offset3 { margin-bottom: 3rem; }
.offset4 { margin-bottom: 4rem; }

.fixed_screen { overflow: hidden; }

.noBold { font-weight: 400; }

.totop { position: fixed; bottom: 3rem; right: 1.875rem; display: none; align-content: end; align-items: end; justify-content: center; justify-items: center; width: 80px; height: 80px; background-color: var(--cl-white); padding: 1.5rem 0.5rem; font-size: 0.875rem; line-height: 0.75rem; font-weight: 700; text-decoration: underline; cursor: pointer; border-radius: 50% 50% 3px 50%; z-index: 1000; border: 0; box-shadow: 0px 0px 16px #00000029;  transition: all 0.2s ease; }
.totop:before { content: ''; position: absolute; left: calc(50% - 7px); top: calc(50% - 18px); width: 14px; height: 14px; background-image: url('/images/ssams-icons.svg#ico-arrow-up'); background-repeat: no-repeat; }
.totop:hover { text-decoration: none; }

/* Default - SŠ */
.totop { color: var(--cl-ss); }
.totop:before { filter: var(--filter-ss); }
.totop:hover { background-color: var(--cl-ss); color: var(--cl-white); }
.totop:hover:before { filter: var(--filter-white); }
.theme-ms .totop { color: var(--cl-ms); }
.theme-ms .totop:before { filter: var(--filter-ms); }
.theme-ms .totop:hover { background-color: var(--cl-ms);  color: var(--cl-white); }
.theme-ms .totop:hover:before { filter: var(--filter-white); }
.theme-autoskola .totop { color: var(--cl-autoskola); }
.theme-autoskola .totop:before { filter: var(--filter-autoskola); }
.theme-autoskola .totop:hover { background-color: var(--cl-autoskola);  color: var(--cl-white); }
.theme-autoskola .totop:hover:before { filter: var(--filter-white); }
.theme-autoservis .totop { color: var(--cl-autoservis); }
.theme-autoservis .totop:before { filter: var(--filter-autoservis); }
.theme-autoservis .totop:hover { background-color: var(--cl-autoservis);  color: var(--cl-white); }
.theme-autoservis .totop:hover:before { filter: var(--filter-white); }
.theme-souteze .totop { color: var(--cl-souteze); }
.theme-souteze .totop:before { filter: var(--filter-souteze); }
.theme-souteze .totop:hover { background-color: var(--cl-souteze);  color: var(--cl-white); }
.theme-souteze .totop:hover:before { filter: var(--filter-white); }



/*bradcrumb*/
.breadcrumb__container { margin: 0 auto 1.875rem; }
.breadcrumb { font-size: 0.75rem; line-height: 1.25rem; color: var(--cl-black); display: flex; flex-wrap: wrap; margin-bottom: 30px; }
.breadcrumb a, .breadcrumb span, .breadcrumb div { color: var(--cl-blue); }
.breadcrumb a:hover { text-decoration: none; }
.breadcrumb__split { margin-left: 5px; margin-right: 5px; color: var(--cl-black); }

.theme-ss .breadcrumb a, .theme-ss .breadcrumb span, .theme-ss .breadcrumb div { color: var(--cl-ss); }
.theme-ms .breadcrumb a, .theme-ms .breadcrumb span, .theme-ms .breadcrumb div { color: var(--cl-ms); }
.theme-autoskola .breadcrumb a, .theme-autoskola .breadcrumb span, .theme-autoskola .breadcrumb div { color: var(--cl-autoskola); }
.theme-autoservis .breadcrumb a, .theme-autoservis .breadcrumb span, .theme-autoservis .breadcrumb div { color: var(--cl-autoservis); }
.theme-souteze .breadcrumb a, .theme-souteze .breadcrumb span, .theme-souteze .breadcrumb div { color: var(--cl-souteze); }
/*end bradcrumb*/


/* Page - Header */
header { background: var(--cl-blue-bg); margin: 0 0 1.75rem; }
.theme-ss header { background: var(--cl-ss-bg); }
.theme-ms header { background: var(--cl-ms-bg); }
.theme-autoskola header { background: var(--cl-autoskola-bg); }
.theme-autoservis header { background: var(--cl-autoservis-bg); }
.theme-souteze header { background: var(--cl-souteze-bg); }

.header__container { display: grid; grid-template-columns: 5rem 1fr; gap: 1.25rem; align-content: center; align-items: center; }
.header__logo {  }
.header__logo__image { filter: var(--filter-blue); }
.theme-ss .header__logo__image { filter: var(--filter-ss);  }
.theme-ms .header__logo__image { filter: var(--filter-ms);  }
.theme-autoskola .header__logo__image { filter: var(--filter-autoskola);  }
.theme-autoservis .header__logo__image { filter: var(--filter-autoservis);  }
.theme-souteze .header__logo__image { filter: var(--filter-souteze);  }

header h1 { padding: 2rem 0; margin: 0; font-size: 1.5rem; line-height: 1.875rem; font-weight: 700; }
header .title__h1 { padding: 2rem 0; margin: 0; font-size: 1.5rem; line-height: 1.875rem; font-weight: 700; }

.theme-ss h1, .theme-ss header .title__h1 { color: var(--cl-ss); }
.theme-ms h1, .theme-ms header .title__h1 { color: var(--cl-ms); }
.theme-autoskola h1, .theme-autoskola header .title__h1 { color: var(--cl-autoskola); }
.theme-autoservis h1, .theme-autoservis header .title__h1 { color: var(--cl-autoservis); }
.theme-souteze h1, .theme-souteze header .title__h1 { color: var(--cl-souteze); }

@media screen and (min-width: 34rem) {
}

@media screen and (min-width: 48rem) {
    .header__container { grid-template-columns: 8.9375rem 1fr; gap: 2.875rem; }
}

@media screen and (min-width: 78rem) {
    .totop {  }
    header h1 { padding: 4.875rem 0; font-size: 2.5rem; line-height: 3rem; }
    header .title__h1 { padding: 4.875rem 0; font-size: 2.5rem; line-height: 3rem; }
}


/* HP - Header */
.hp__header { position: relative; width: 100%; height: 450px; margin: 0; background: none; }
.hp__header:before { content: ''; position: absolute; width: 100%; height: 450px; margin: 0; background: var(--cl-blue-bg); }

.hp__header__slider { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow-x: hidden; overflow: hidden; text-align: center; }
.hp__header__slider__out { width: 1920px; height: 450px; position: absolute; left: calc(50% - 960px); overflow: hidden; margin: 0 auto; }
.hp__header__slider__in { width: 100%; display: flex; transition: transform 0.5s ease-in-out; }

.hp__header__slider__in__item { position: relative; width: 1920px; height: 450px; }
.hp__header__slider__in__item__image { position: absolute; left: -460px; top: 0; width: 1920px; height: 450px; }

.theme-ss header.hp__header { background: none; }
.theme-ms header.hp__header { background: none; }
.theme-autoskola header.hp__header { background: none; }
.theme-autoservis header.hp__header { background: none; }
.theme-souteze header.hp__header { background: none; }

.theme-ss .hp__header:before { background: var(--cl-ss-bg); }
.theme-ms .hp__header:before { background: var(--cl-ms-bg); }
.theme-autoskola .hp__header:before { background: var(--cl-autoskola-bg); }
.theme-autoservis .hp__header:before { background: var(--cl-autoservis-bg); }
.theme-souteze .hp__header:before { background: var(--cl-souteze-bg); }


@media screen and (min-width: 48rem) {
    .hp__header__slider__in__item { }
    .hp__header__slider__in__item__image { left: -350px; }
}
@media screen and (min-width: 62rem) {
    .hp__header__slider__in__item { }
    .hp__header__slider__in__item__image { position: static; left: unset; top: unset; }
}
@media screen and (min-width: 1921px) {
    .hp__header:before { height: 348px; }
}

.hp__header__background { position: absolute; overflow: hidden; top: 0; right: 0; bottom: 0; left: 0; margin: 0; text-align: center; }
.hp__header__background__in { display: block; width: 1920px; height: 450px; position: absolute; left: calc(50% - 960px); overflow: hidden; text-align: left; }
.hp__header__background__in:before { content: ''; display: inline-block; width: 1319px; height: 450px; position: relative; background-image: url('/images/ssams-icons.svg#hp-header-background'); background-repeat: no-repeat; background-position-x: 0; background-position-y: 0; overflow: hidden; margin: 0 auto; }
.hp__header__background__in:after { content: ''; display: block; width: 1920px; height: 450px; position: absolute; bottom: 0; left: 0; background-image: url('/images/elipse.png'); background-repeat: no-repeat; background-position-x: 0; background-position-y: 0; overflow: hidden; margin: 0 auto; }

.hp__header__headline { display: grid; grid-template-columns: 1fr; gap: 20px; padding: 2rem 0 2rem;}
.hp__header__headline__logo { max-width: 6rem; }
.hp__header__headline__logo__image { filter: var(--filter-white); height: auto; }

.hp__header__headline__h1 { font-size: 1.5rem; line-height: 2rem; font-weight: 700; padding: 0; margin: 0; color: var(--cl-white) !important; }

.hp__header__content { position: relative; }
.hp__header__content .container { position: relative; height: 450px; }

.hp__header__content__controls { position: absolute; left: 1.5rem; bottom: 6.75rem; display: flex; align-items: center; align-content: center; }
.hp__header__content__controls__slide_btn { display: block; position: relative; border: 0; margin: 0; padding: 0; width: 0.625rem; height: 0.625rem; line-height: 0.625rem; background: var(--cl-white); border-radius: 50%; }
.hp__header__content__controls__slide_btn:not(:first-child) { margin-left: 0.625rem;  }
.hp__header__content__controls__slide_btn--active { background: var(--cl-blue); }
.hp__header__content__controls__play_pause { display: block; position: relative; border: 0; margin: 0 0.5rem 0 0; padding: 0; width: 1.625rem; height: 1.625rem; line-height: 1.625rem; background-color: var(--cl-white); border-radius: 50%; }
.hp__header__content__controls__play_pause:before { display: block; content: ''; position: absolute; top: 0; left: 0; width: 1.625rem; height: 1.625rem; background-image: url('/images/ssams-icons.svg#slider-pause'); background-repeat: no-repeat; background-size: 15px 15px; background-position-x: 5px; background-position-y: 5px;  filter: var(--filter-blue); }
.hp__header__content__controls__play_pause--paused:before {  background-image: url('/images/ssams-icons.svg#slider-play'); background-size: 11px 15px; background-position-x: 9px; background-position-y: 6px; }

.theme-ss .hp__header__content__controls__slide_btn--active { background: var(--cl-ss); }
.theme-ss .hp__header__content__controls__play_pause:before { filter: var(--filter-ss); }
.theme-ms .hp__header__content__controls__slide_btn--active { background: var(--cl-ms); }
.theme-ms .hp__header__content__controls__play_pause:before { filter: var(--filter-ms); }
.theme-autoskola .hp__header__content__controls__slide_btn--active { background: var(--cl-autoskola); }
.theme-autoskola .hp__header__content__controls__play_pause:before { filter: var(--filter-autoskola); }
.theme-autoservis .hp__header__content__controls__slide_btn--active { background: var(--cl-autoservis); }
.theme-autoservis .hp__header__content__controls__play_pause:before { filter: var(--filter-autoservis); }
.theme-souteze .hp__header__content__controls__slide_btn--active { background: var(--cl-souteze); }
.theme-souteze .hp__header__content__controls__play_pause:before { filter: var(--filter-souteze); }

@media screen and (min-width: 25rem){
}

@media screen and (min-width: 34rem){
    .hp__header__headline { grid-template-columns: 9rem 1fr; gap: 30px; padding: 4.75rem 0 2rem;}
    .hp__header__headline__logo { max-width: unset; }
    .hp__header__headline__h1 { font-size: 2rem; line-height: 2.5rem; font-weight: 700; }
}

@media screen and (min-width: 48rem){
    .hp__header__headline { grid-template-columns: 11rem 1fr; gap: 53px; padding: 4.75rem 0 2rem;}
}

@media screen and (min-width: 78rem){
    .hp__header__headline { grid-template-columns: 191px 1fr; gap: 53px; padding: 4.75rem 0 2rem;}
    .hp__header__headline__logo__image { margin-top: 4px; }
    .hp__header__headline__h1 { font-size: 2.5rem; line-height: 3.125rem; font-weight: 700; }
}


/* HP - lišta */
.lista { position: relative; margin-top: -70px; margin-bottom: 5rem; }
.lista.lista--low_margin { margin-bottom: 2rem; }
.lista__h2 { width: 0; height: 0; overflow: hidden; margin: 0; padding: 0; }
.lista__list { position: relative; display: grid; justify-content: center; justify-items: center; align-items: stretch; }
.lista__list--2 { grid-template-columns: repeat(2, 1fr); gap: 1.25rem 0.75rem; }
.lista__list--3 { grid-template-columns: repeat(2, 1fr); gap: 1.25rem 0.75rem; }
.lista__list--3 > *:nth-child(3) { grid-column: span 2; }
.lista__list--4 { grid-template-columns: repeat(2, 1fr); gap: 1.25rem 0.75rem; }
.lista__list--5 { grid-template-columns: repeat(2, 1fr); gap: 1.25rem 0.75rem; }
.lista__list--5 > *:nth-child(5) { grid-column: span 2; }
.lista__list--6 { grid-template-columns: repeat(2, 1fr); gap: 1.25rem 0.75rem; }
.lista__item { position: relative; padding: 1.75rem 1rem 1.5rem; aspect-ratio: 1 / 1; text-align: center; transition: all 0.2s ease; max-width: 9rem; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; border-radius: 30px 30px 3px 30px; box-shadow: 0px 3px 16px #00000029; background: var(--cl-white); }
.lista__item__imgWrap { display: flex; /*height: 6.25rem;*/ margin: 0 auto 1rem; aspect-ratio: 1 / 1; justify-content: center; justify-items: center; align-content: center; align-items: center; }
.lista__item__imgWrap__image { filter: var(--filter-blue); max-width: 70px; max-height: 70px; }
.lista__item__link {  }
.lista__item__link a { color: var(--cl-blue); font-size: 1.125rem; line-height: 1.5rem; font-weight: 700; text-align: center; text-decoration: underline; transition: all 0.2s ease; }
.lista__item__link a:hover { text-decoration: none; }
.lista__item__link a:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.lista__item:hover { background: var(--cl-blue); }
.lista__item:hover .lista__item__imgWrap__image { filter: invert(99%) sepia(44%) saturate(525%) hue-rotate(297deg) brightness(114%) contrast(100%); }
.lista__item:hover .lista__item__link a { color: var(--cl-white); }

.theme-ss .lista__item__link a { color: var(--cl-ss); }
.theme-ss .lista__item__imgWrap__image { filter: var(--filter-ss) }
.theme-ss .lista__item:hover { background: var(--cl-ss); }
.theme-ms .lista__item__link a { color: var(--cl-ms); }
.theme-ms .lista__item__imgWrap__image { filter: var(--filter-ms) }
.theme-ms .lista__item:hover { background: var(--cl-ms); }
.theme-autoskola .lista__item__link a { color: var(--cl-autoskola); }
.theme-autoskola .lista__item__imgWrap__image { filter: var(--filter-autoskola) }
.theme-autoskola .lista__item:hover { background: var(--cl-autoskola); }
.theme-autoservis .lista__item__link a { color: var(--cl-autoservis); }
.theme-autoservis .lista__item__imgWrap__image { filter: var(--filter-autoservis) }
.theme-autoservis .lista__item:hover { background: var(--cl-autoservis); }
.theme-souteze .lista__item__link a { color: var(--cl-souteze); }
.theme-souteze .lista__item__imgWrap__image { filter: var(--filter-souteze) }
.theme-souteze .lista__item:hover { background: var(--cl-souteze); }

@media screen and (min-width: 25rem){
    .lista__item { max-width: 10rem; }
    .lista__item__imgWrap__image { max-width: 80px; max-height: 80px; }
}

@media screen and (min-width: 34rem){
    .lista__list--3 { grid-template-columns: repeat(3, 1fr); gap: 0.75rem 0.75rem; }
    .lista__list--3 > *:nth-child(3) { grid-column: span 1; }
    .lista__list--5 { grid-template-columns: repeat(3, 1fr); gap: 1.25rem 0.75rem; }
    .lista__list--5 > *:nth-child(4) { grid-column: 1 / 2; }
    .lista__list--5 > *:nth-child(5) { grid-column: 3 / 4; }
    .lista__list--6 { grid-template-columns: repeat(3, 1fr); gap: 1.25rem 0.75rem; }
}

@media screen and (min-width: 48rem){
    .lista__list--4 { grid-template-columns: repeat(4, 1fr); }
    .lista__list--5 { grid-template-columns: repeat(4, 1fr); }
    .lista__list--5 > *:nth-child(4) { grid-column: unset; }
    .lista__list--5 > *:nth-child(5) { grid-column: span 4; }
    .lista__list--6 { grid-template-columns: repeat(4, 1fr); }
    .lista__list--6 > *:nth-child(n+5) { grid-column: span 2; }
}

@media screen and (min-width: 78rem) {
    .lista { margin-bottom: 5rem; }
    .lista.lista--low_margin { margin-bottom: 3rem; }
    .lista__list--5 { grid-template-columns: repeat(5, 1fr); gap: 0.75rem; }
    .lista__list--5 > *:nth-child(n+5) { grid-column: span 1; }
    .lista__list--6 { grid-template-columns: repeat(6, 1fr); gap: 0.75rem; }
    .lista__list--6 > *:nth-child(n+5) { grid-column: span 1; }

    .lista__item { padding: 2.25rem 1.75rem 1.5rem; max-width: 11.875rem; }
    .lista__item__imgWrap { height: 6.25rem; margin: 0 auto 1.5rem; }
    .lista__item__imgWrap__image { max-width: unset; max-height: unset; }
    .lista__item__link a { font-size: 1.375rem; line-height: 1.75rem; font-weight: 700; }
}

/* HP - obrazkovy banner */
.banner_picture { margin-bottom: 3rem; }
.banner_picture .container { text-align: center; }
.banner_picture .container a { display: inline-block; position: relative; overflow: hidden; }
.banner_picture .container a img { display: block; transition: all 0.2s ease; position: relative; margin: 0; padding: 0; max-width: 100%; height: auto; }
.banner_picture .container a:hover img { transform: scale(1.05); }

/* Cover banner */
#popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s ease-in-out; }
#popup-window { background: var(--cl-white); border-radius: 30px 30px 3px 30px; box-shadow: 0px 3px 16px #00000029; min-width: 240px; max-width: 80%; max-height: 90%; text-align: center; padding: 1.5rem; margin: 1rem; position: relative; overflow: hidden; }
#popup-content { max-width: 100%; max-height: 100%; position: relative; overflow: hidden; display: flex; flex-direction: column; }
#popup-content p { margin-bottom: 1.25rem; font-size: 1.125rem; font-weight: 700; }
#popup-image { overflow: hidden; }
#popup-image img { max-width: 100%; height: auto; max-height: 600px; margin: 0 auto; object-fit: cover; object-position: center; }
#popup-close { display: inline-block; padding: 0.5rem 1.25rem; background: var(--cl-blue); color: var(--cl-white); max-width: 10rem; font-size: 1rem; line-height: 1.5rem; font-weight: 700; border-radius: 0.625rem; transition: all 0.2s ease; text-align: center; outline: 0; border: 0; cursor: pointer; margin: 0 auto; }
#popup-close:hover { background: var(--cl-black); }
#popup-overlay.show { visibility: visible; opacity: 1; }
#popup-content a { text-decoration: none; display:flex; flex-direction: column;  }
#popup-content a p { color: var(--cl-blue); text-decoration: none; transition: all 0.2s ease; }
#popup-content a:hover p { text-decoration: underline; }
#popup-content a #popup-image { display: block; overflow: hidden; padding: 0; margin: 0 0 15px; }
#popup-content a #popup-image img { transition: all 0.2s ease; padding: 0; margin: 0; display: block; }
#popup-content a:hover #popup-image img { transform: scale(1.05); }

@media screen and (min-width: 78rem) {
    #popup-window { margin: 0; }
    #popup-close { padding: 1rem 2.25rem; font-size: 1rem; line-height: 1.5rem; }
}

/* Výsuvný banner */
.banner_vysuvny { background: var(--cl-blue); padding: 1.5rem 2rem; position: relative; overflow: hidden; }
.banner_vysuvny--red { background: var(--cl-red); }
.banner_vysuvny .container { text-align: center; }
.banner_vysuvny .container p { text-align: center; color: var(--cl-white); margin: 0; font-size: 1.125rem; line-height: 1.625rem; font-weight: 700;  }
.banner_vysuvny .container p a { color: var(--cl-white); }
.banner_vysuvny .container p a:hover { text-decoration: none; }
.banner_vysuvny__grid { display: inline-grid; grid-template-columns: 1fr; gap: 1rem; margin: 0 auto; align-content: center; align-items: center; justify-content: center; justify-items: center; }
.banner_vysuvny__svg { }
.banner_vysuvny__svg svg { width: 2.5rem; height: 2.5rem; fill: var(--cl-white); }

/* Efekt zvýraznění (běžící pruh) */
#highlight-bar { position: absolute; top: 0; bottom: 0; left: -100%; width: 4rem; background: rgba(255, 255, 255, 0.5);  animation: slide-highlight 1.5s ease-out forwards; z-index: 0; }

/* Klíčové snímky animace */
@keyframes slide-highlight {
    from { left: -100%; /* Začíná vlevo mimo obrazovku */ }
    to { left: 100%; /* Končí vpravo mimo obrazovku */ }
}

.banner_vysuvny__close { width: 2.5rem; height: 2.5rem; border-radius: 5px; cursor: pointer; transition: all 0.2s ease; position: relative; }
.banner_vysuvny__close:hover { background: var(--cl-blue-bg-hover); }
.banner_vysuvny__close:before { content: ''; position: absolute; left: 6px; top: 19px; width: 28px; height: 3px; transform: rotate(45deg); background: var(--cl-white); }
.banner_vysuvny__close:after { content: ''; position: absolute; left: 6px; top: 19px; width: 28px; height: 3px; transform: rotate(-45deg); background: var(--cl-white); }

@media screen and (min-width: 48rem){
    .banner_vysuvny__grid { grid-template-columns: 2.5rem 1fr 2.5rem; gap: 2rem; }
}

.theme-ss .banner_vysuvny { background: var(--cl-ss); }
.theme-ms .banner_vysuvny { background: var(--cl-ms); }
.theme-autoskola .banner_vysuvny { background: var(--cl-autoskola); }
.theme-autoservis .banner_vysuvny { background: var(--cl-autoservis); }
.theme-souteze .banner_vysuvny { background: var(--cl-souteze); }

.theme-ss #popup-close { background: var(--cl-ss); }
.theme-ss #popup-content a p { color: var(--cl-ss); }
.theme-ms #popup-close { background: var(--cl-ms); }
.theme-ms #popup-content a p { color: var(--cl-ms); }
.theme-autoskola #popup-close { background: var(--cl-autoskola); }
.theme-autoskola #popup-content a p { color: var(--cl-autoskola); }
.theme-autoservis #popup-close { background: var(--cl-autoservis); }
.theme-autoservis #popup-content a p { color: var(--cl-autoservis); }
.theme-souteze #popup-close { background: var(--cl-souteze); }
.theme-souteze #popup-content a p { color: var(--cl-souteze); }

.banner_vysuvny--red { background: var(--cl-red) !important; }
#popup-close:hover { background: var(--cl-black); }


/* Search dialog */
.navbar__navmenu__search__dialog { z-index: 10; position: absolute; top: 100%; left: unset; right: 0; border: none; border-radius: 5px; box-shadow: 0px 0px 15px #0000001F; padding: 1.25rem; }
.navbar__navmenu__search__dialog__title { padding: 0; margin: 0 0 0.75rem; font-size: 1rem; line-height: 1.5rem; font-weight: 700; }
.navbar__navmenu__search__dialog__container { display: flex; align-items: center; position: relative; }
.navbar__navmenu__search__dialog__container__input { flex: 1; padding: 0.625rem 1rem 0.625rem 1rem; border: 1px solid var(--cl-grey-81); border-radius: 0.3125rem; margin-right: 1.25rem; max-width: 15.625rem; width: 15.625rem; outline: 0; color: var(--cl-black); font-size: 0.9375rem; line-height: 1.25rem; }
.navbar__navmenu__search__dialog__container__input:focus { border-color: var(--cl-blue); }
.navbar__navmenu__search__dialog__container__input::placeholder { border-color: var(--cl-grey); }
.navbar__navmenu__search__dialog__container__error_message { color: var(--cl-red); font-size: 0.75rem; position: absolute; bottom: -1.125rem; left: 0; display: none; }
.navbar__navmenu__search__dialog__container__input--invalid { border-color: red; }
.navbar__navmenu__search__dialog__container__button { padding: 0.75rem 1rem; background-color: var(--cl-black); font-size: 0.875rem; font-weight: 700; color: white; border: none; border-radius: 5px; cursor: pointer; transition: all 0.2s ease; }
.navbar__navmenu__search__dialog__container__button:hover { background-color: var(--cl-grey-48); }



/* SiteBar */
.sitebar__navmenu { display: flex; padding: 10px 0; margin: 0; }
.sitebar__navmenu__item { display: inline-block; list-style: none; padding: 0; margin: 0 50px 0 0; }
.sitebar__navmenu__item__link { position: relative; display: inline-block; font-size: 16px; line-height: 40px; font-weight: 700; padding: 0 0 0 26px; transition: all 0.2s ease; text-decoration: none; }
.sitebar__navmenu__item__link:before { content: ''; position: absolute; left: 0; top: calc(50% - 8px); width: 16px; height: 16px; background: var(--cl-grey-eb); border-radius: 50%; transition: all 0.2s ease; }


.sitebar__navmenu__item--hledani { position: relative; padding-left: 0; }
.sitebar__navmenu__item__button { border: none; outline: 0; background: none; position: relative; display: inline-block; font-size: 16px; line-height: 40px; font-weight: 700; transition: all 0.2s ease; cursor: pointer; border-radius: 5px; padding: 0 35px 0 15px; color: var(--cl-black); transition: all 0.2s ease; }
.sitebar__navmenu__item__button:after { content: ''; position: absolute; top: calc(50% - 8px); right: 10px; width: 15px; height: 15px; background: url('/images/ssams-icons.svg#ico-lupa'); }
.sitebar__navmenu__item__button:hover { background: var(--cl-grey-eb); }

@media screen and (max-width: 78rem) {
    .sitebar__navmenu { display: none; }
    .sitebar__navmenu.active { display: block; }
    .sitebar__navmenu { position: absolute; top: 58px; left: 0; right: 0; z-index: 50; background: var(--cl-blue); transition: all 0.2s ease; }
    .sitebar__navmenu__item { display: block; list-style: none; padding: 0 1rem; margin: 0; }
    .sitebar__navmenu__item--hledani {display: none;}
    .sitebar__navmenu__item__link { color: var(--cl-white); padding-top: 0.25rem; padding-bottom: 0.25rem; }

    .sitebar__navmenu__item--cvlk { position: relative; }
    .sitebar__navmenu__item__link--cvlk { position: relative; padding-left: 0; }
    .sitebar__navmenu__item__link--cvlk:before { display: none; }
    .sitebar__navmenu__item__link--cvlk:after { content: ''; position: absolute; right: -12px; top: 14px; width: 7px; height: 7px; background: url('/images/ssams-icons.svg#ico-arrow-new-window') no-repeat; filter: var(--filter-white);}

    .sitebar__navmenu__item__link:before { border: 1px solid var(--cl-white);}
    .sitebar__navmenu__item__link--ss:before { background-color: var(--cl-ss); }
    .sitebar__navmenu__item__link--ms:before { background-color: var(--cl-ms); }
    .sitebar__navmenu__item__link--autoskola:before { background-color: var(--cl-autoskola); }
    .sitebar__navmenu__item__link--autoservis:before { background-color: var(--cl-autoservis); }
    .sitebar__navmenu__item__link--souteze:before { background-color: var(--cl-souteze); }
}

@media screen and (min-width: 78rem) {

    .sitebar__navmenu__item__link--active.sitebar__navmenu__item__link--ss, .sitebar__navmenu__item__link--ss:hover { color: var(--cl-ss); }
    .sitebar__navmenu__item__link--active.sitebar__navmenu__item__link--ms, .sitebar__navmenu__item__link--ms:hover { color: var(--cl-ms); }
    .sitebar__navmenu__item__link--active.sitebar__navmenu__item__link--autoskola, .sitebar__navmenu__item__link--autoskola:hover { color: var(--cl-autoskola); }
    .sitebar__navmenu__item__link--active.sitebar__navmenu__item__link--autoservis, .sitebar__navmenu__item__link--autoservis:hover { color: var(--cl-autoservis); }
    .sitebar__navmenu__item__link--active.sitebar__navmenu__item__link--souteze, .sitebar__navmenu__item__link--souteze:hover { color: var(--cl-souteze); }

    .sitebar__navmenu__item__link--active.sitebar__navmenu__item__link--ss:before, .sitebar__navmenu__item__link--ss:hover:before { background-color: var(--cl-ss); }
    .sitebar__navmenu__item__link--active.sitebar__navmenu__item__link--ms:before, .sitebar__navmenu__item__link--ms:hover:before { background-color: var(--cl-ms); }
    .sitebar__navmenu__item__link--active.sitebar__navmenu__item__link--autoskola:before, .sitebar__navmenu__item__link--autoskola:hover:before { background-color: var(--cl-autoskola); }
    .sitebar__navmenu__item__link--active.sitebar__navmenu__item__link--autoservis:before, .sitebar__navmenu__item__link--autoservis:hover:before { background-color: var(--cl-autoservis); }
    .sitebar__navmenu__item__link--active.sitebar__navmenu__item__link--souteze:before, .sitebar__navmenu__item__link--souteze:hover:before { background-color: var(--cl-souteze); }

    .sitebar__navmenu__item--cvlk { position: relative; padding-left: 35px; margin-right: 26px; }
    .sitebar__navmenu__item--cvlk:before { content: ''; position: absolute; left: 0; top: 8px; bottom: 8px; width: 1px; background: var(--cl-grey-d9); }

    .sitebar__navmenu__item__link--cvlk { padding: 0 25px 0 15px; color: var(--cl-cvlk); border-radius: 5px; transition: all 0.2s ease; }
    .sitebar__navmenu__item__link--cvlk:hover { background: var(--cl-cvlk); color: var(--cl-white); }
    .sitebar__navmenu__item__link--cvlk:before { display: none; }
    .sitebar__navmenu__item__link--cvlk:after { content: ''; position: absolute; right: 9px; top: 14px; width: 7px; height: 7px; background: url('/images/ssams-icons.svg#ico-arrow-new-window') no-repeat; filter: var(--filter-cvlk); transition: all 0.2s ease; }
    .sitebar__navmenu__item__link--cvlk:hover:after { filter: var(--filter-white); }
}


/* Mobile menu toggle */
.navbar__menutoggle { display: none; width: 22px; height: 17px; margin-left: 1.5rem; }
.navbar__menutoggle .navbar__menutoggle__inner { position: relative; width: 22px; height: 17px; }
.navbar__menutoggle .navbar__menutoggle__symbol { position: absolute; top: 10px; background: var(--cl-black); width: 22px; height: 3px; transition: all 0.2s ease; }
.navbar__menutoggle .navbar__menutoggle__symbol::before { content: ''; position: absolute; left: 0; top: -7px; background: var(--cl-black); width: 22px; height: 3px; transition: all 0.2s ease; }
.navbar__menutoggle .navbar__menutoggle__symbol::after { content: ''; position: absolute; left: 0; top: 7px; background: var(--cl-black); width: 22px; height: 3px; transition: all 0.2s ease; }
/*.navbar__menutoggle:hover .navbar__menutoggle__symbol { background: var(--cl-brown); }
.navbar__menutoggle:hover .navbar__menutoggle__symbol::before { background: var(--cl-brown); }
.navbar__menutoggle:hover .navbar__menutoggle__symbol::after { background: var(--cl-brown); }*/

.navbar__menutoggle.active .navbar__menutoggle__symbol { position: absolute; top: 0px; background: var(--cl-black); width: 22px; height: 0; transition: all 0.2s ease; }
.navbar__menutoggle.active .navbar__menutoggle__symbol::before { content: ''; position: absolute; left: 0; top: 10px; background: var(--cl-black); width: 22px; height: 3px; transition: all 0.2s ease; transform: rotate(45deg); }
.navbar__menutoggle.active .navbar__menutoggle__symbol::after { content: ''; position: absolute; left: 0; top: 10px; background: var(--cl-black); width: 22px; height: 3px; transition: all 0.2s ease; transform: rotate(-45deg); }

/* Lupa v menu */
.navbar__navmenu__search { position: relative; margin: 1px 0 0 1.125rem; }
.navbar__navmenu__search__lupa { background: none; border: none; cursor: pointer; }
.navbar__navmenu__search__lupa__image { transition: all 0.2s ease; }


/* NavBar */

.navbar__webtoggle { display: none; }

.navbar__navmenu { display: flex; justify-content: flex-start; align-content: center; align-items: center; list-style: none; margin: 2px 0 0; padding: 0; }
.navbar__navmenu__item { position: relative; margin: 0 1.875rem;  }

@media screen and (max-width: 78rem) {
    .navbar__background { display: flex; justify-content: space-between;  position: relative; }
    .navbar { display: flex; justify-content: flex-end; align-items: center; padding-top: 0.5rem; padding-bottom: 0.75rem; }
    .navbar.container { margin: 0; }
    .navbar__menutoggle { display: block; }

    .navbar__webtoggle { position: relative; display: block; padding: 1.25rem 3.5rem 0.75rem 1rem;  background-color: var(--cl-blue); color: var(--cl-white); font-size: 1rem; line-height: 1.125rem; font-weight: 700; }
    .navbar__webtoggle:after { content: ''; position: absolute; right: 1rem; top: 1.5rem; transform: rotate(135deg); width: 0.375rem; height: 0.375rem; border: 0.125rem solid var(--cl-white); border-bottom: 0; border-left: 0; transition: all 0.4s ease; }
    .navbar__webtoggle.active:after { transform: rotate(315deg); }
    .navbar__webtoggle-ss { background-color: var(--cl-ss); }
    .navbar__webtoggle-ms { background-color: var(--cl-ms); }
    .navbar__webtoggle-autoskola { background-color: var(--cl-autoskola); }
    .navbar__webtoggle-autoservis { background-color: var(--cl-autoservis); }
    .navbar__webtoggle-souteze { background-color: var(--cl-souteze); }

    .navbar__navmenu { display: none; flex-direction: column; align-content: flex-start; align-items: flex-start; box-sizing: border-box; width: calc(100% - 20px); max-width: 360px; background-color: var(--cl-white); position: absolute; top: 65px; right: 10px; margin: 0 auto; box-shadow: 0px 3px 9px #00000033; border-radius: 5px; padding: 0.75rem 1.75rem; }
    .navbar__navmenu.active { display: block; z-index: 20; }
    .navbar__menutoggle { display: block; }

    .navbar__navmenu li { text-align: left; display: block; }
    .navbar__navmenu a { position: relative; font-size: 1rem; line-height: 2.875rem; font-weight: 700; display: block; padding: 0; text-decoration: none; color: var(--cl-black); }
    .navbar__navmenu__item { position: relative; margin: 0;  }
    .navbar__navmenu__item:not(:last-child) { border-bottom: 1px solid var(--cl-grey-eb); }
    .navbar__navmenu__item__dropdownmenu { display: none; position: relative; box-shadow: none; padding: 0; left: unset; top: unset; }
    .navbar__navmenu__item__dropdownmenu a { line-height: 2.75rem; }

    .navbar__navmenu__item__link { position: relative; display: block; padding: 0.5rem 0.5rem; box-sizing: border-box; color: var(--cl-black); text-decoration: none; font-size: 1.125rem; font-weight: 400; }

    .navbar__navmenu__item__link .navbar__navmenu__item__label { display: block; position: absolute; right: 0; top: 0.6875rem; width: 1.5rem; height: 1.5rem; z-index: 21; }
    .navbar__navmenu__item__link .navbar__navmenu__item__label:after { content: ''; position: absolute; right: 0.375rem; top: 0.25rem; transform: rotate(135deg); width: 0.5rem; height: 0.5rem; border: 0.125rem solid var(--cl-black); border-bottom: 0; border-left: 0; transition: all 0.4s ease; }
    .navbar__navmenu__item__cb:checked ~ .navbar__navmenu__item__dropdownmenu { display: block; padding-left: 1rem; }
    .navbar__navmenu__item__cb:checked ~ .navbar__navmenu__item__link .navbar__navmenu__item__label:after { top: 0.5rem; transform: rotate(-45deg); }
    .navbar__navmenu__search { position: unset; margin: 9px 0 0 1.125rem; }
    .navbar__navmenu__search__dialog { top: 65px; right: 5px; margin: 0 0 0 5px; z-index: 50; }
    .navbar__navmenu__search__dialog__container {  }
    .navbar__navmenu__search__dialog__container__input { width: 100%; }
    .navbar__navmenu__item__link:hover { color: var(--cl-black); }
}

@media screen and (min-width: 78rem) {
    .navbar__background { background-color: var(--cl-blue); }

    .navbar { padding-top: 0.875rem; padding-bottom: 0.875rem; }
    
    .navbar__navmenu__search { display: none; }
    .navbar__navmenu__item__link { position: relative; display: block; padding: 0.5rem 0.5rem; box-sizing: border-box; color: var(--cl-white); text-decoration: none; font-size: 1.125rem; font-weight: 400; }
    .navbar__navmenu__item__link:hover { }
    .navbar__navmenu__item__dropdownmenu { display: none; position: absolute; top: 100%; left: calc(50% - 7.125rem); background-color: var(--cl-white); list-style: none; padding: 0; margin: 0; width: 14.25rem; z-index: 60; border-radius: 5px; box-shadow: 0 0 20px #01518d33; padding: 0.75rem 0; }
    .navbar__navmenu__item__dropdownmenu li a { padding: 0.375rem 1.75rem; color: var(--cl-blue); text-decoration: none; display: block; font-size: 1rem; line-height: 1.5rem; font-weight: 400; transition: all 0.2s ease; }
    .navbar__navmenu__item__dropdownmenu li a:hover { background: var(--cl-blue-bg); color: var(--cl-blue); }

    .navbar__navmenu__item:hover .navbar__navmenu__item__dropdownmenu { display: block; }
    .navbar__navmenu__item--active > a { color: var(--cl-white); position: relative; }
    .navbar__navmenu__item--active > a:after { position: absolute; content: ''; bottom: -0.875rem; right: -0.75rem; left: -0.75rem; height: 5px; background: var(--cl-white); }
    .navbar__navmenu__item:hover > a:after { position: absolute; content: ''; bottom: -0.875rem; right: -0.75rem; left: -0.75rem; height: 5px; background: var(--cl-white); }

    .theme-ss .navbar__background { background-color: var(--cl-ss); }
    .theme-ss .navbar__navmenu__item__dropdownmenu li a { color: var(--cl-ss); }
    .theme-ss .navbar__navmenu__item__dropdownmenu li a:hover { background: var(--cl-ss-bg); color: var(--cl-ss); }
    .theme-ms .navbar__background { background-color: var(--cl-ms); }
    .theme-ms .navbar__navmenu__item__dropdownmenu li a { color: var(--cl-ms); }
    .theme-ms .navbar__navmenu__item__dropdownmenu li a:hover { background: var(--cl-ms-bg); color: var(--cl-ms); }
    .theme-autoskola .navbar__background { background-color: var(--cl-autoskola); }
    .theme-autoskola .navbar__navmenu__item__dropdownmenu li a { color: var(--cl-autoskola); }
    .theme-autoskola .navbar__navmenu__item__dropdownmenu li a:hover { background: var(--cl-autoskola-bg); color: var(--cl-autoskola); }
    .theme-autoservis .navbar__background { background-color: var(--cl-autoservis); }
    .theme-autoservis .navbar__navmenu__item__dropdownmenu li a { color: var(--cl-autoservis); }
    .theme-autoservis .navbar__navmenu__item__dropdownmenu li a:hover { background: var(--cl-autoservis-bg); color: var(--cl-autoservis); }
    .theme-souteze .navbar__background { background-color: var(--cl-souteze); }
    .theme-souteze .navbar__navmenu__item__dropdownmenu li a { color: var(--cl-souteze); }
    .theme-souteze .navbar__navmenu__item__dropdownmenu li a:hover { background: var(--cl-souteze-bg); color: var(--cl-souteze); }

}

.navbar__navmenu__item { }
.navbar__navmenu__item__label { display: none; }
.navbar__navmenu__item__cb { display: none; }


/* Nadpis sekce */
.section__header { display: grid; grid-template-columns: 1fr; gap: 1rem; margin: 0 0 2.75rem; }
.section__header--aktuality { padding-top: 4.5rem; }
.section__header__headline { }
.section__header__headline h2 { color: var(--cl-black); margin: 0; }
.section__header__button__link { color: var(--cl-blue); display: inline-block; position: relative; text-decoration: underline; padding-right: 1.5rem; font-size: 1rem; line-height: 1.5rem; font-weight: 700; margin-bottom: 0.25rem; }
.section__header__button__link:after { content: ''; position: absolute; top: 0.3125rem; right: 0; width: 0.875rem; height: 0.875rem; background: url('/images/ssams-icons.svg#ico-arrow-right'); filter: var(--filter-blue); }
.section__header__button__link:hover { text-decoration: none; }

@media screen and (min-width: 48rem) {
    .section__header { display: grid; grid-template-columns: 1fr 12rem; gap: 2rem; align-content: end; align-items: end;  margin: 0 0 2.75rem; }
    .section__header__button { text-align: right; }
}

@media screen and (min-width: 78rem) {
}

.theme-ss .section__header__button__link { color: var(--cl-ss); }
.theme-ss .section__header__button__link:after { filter: var(--filter-ss); }
.theme-ms .section__header__button__link { color: var(--cl-ms); }
.theme-ms .section__header__button__link:after { filter: var(--filter-ms); }
.theme-autoskola .section__header__button__link { color: var(--cl-autoskola); }
.theme-autoskola .section__header__button__link:after { filter: var(--filter-autoskola); }
.theme-autoservis .section__header__button__link { color: var(--cl-autoservis); }
.theme-autoservis .section__header__button__link:after { filter: var(--filter-autoservis); }
.theme-souteze .section__header__button__link { color: var(--cl-souteze); }
.theme-souteze .section__header__button__link:after { filter: var(--filter-souteze); }

/* Aktuality a blog */
.aktuality { position: relative; margin: 0 0 4.5rem; }

.aktuality__list { display: grid; grid-template-columns: 1fr; gap: 3rem 1.5rem; margin: 0 0 2.5rem; justify-content: center; justify-items: center; }
.aktuality__list__item { position: relative; width: 100%; max-width: 400px; display: flex; flex-direction: column; justify-content: space-between; display: block; background: var(--cl-white); border-radius: 30px 30px 0px 30px; }

.aktuality__list__item__imgWrap { position: relative; margin: 0; border-radius: 30px 30px 0 30px; overflow: hidden; aspect-ratio: 390 / 260;}
.aktuality__list__item__imgWrap__image { display: block; transition: all 0.2s ease; width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; left: 0; top: 0; }
.aktuality__list__item:hover .aktuality__list__item__imgWrap__image { transform: scale(1.075); }

.aktuality__list__item__imgWrap__noimage { background-color: var(--cl-blue-bg); position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.aktuality__list__item__imgWrap__noimage:before { content: ''; position: absolute; left: calc(50% - 52px); top: calc(50% - 40px);  background: url('/images/ssamsliberec-logo.svg'); filter: var(--filter-blue); background-size: 100px 100px; width: 100px; height: 100px; transition: all 0.2s ease; }
.aktuality__list__item:hover .aktuality__list__item__imgWrap__noimage:before { transform: scale(1.15); }

.aktuality__list__item__text { padding: 1.75rem 1.55rem 2.125rem; }

.aktuality__list__item__title { padding: 0; margin: 0 0 1.125rem; font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; }
.aktuality__list__item__title__link { color: var(--cl-blue); text-decoration: underline; }
.aktuality__list__item__title__link:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 50; }
.aktuality__list__item__date { margin: 0 0 1rem; font-size: 1rem; line-height: 1.5rem; font-weight: 700; color: var(--cl-grey-48); }
.aktuality__list__item__date__split { position: relative; display: inline-block; height: 0.5rem; margin: 0 0.875rem; }
.aktuality__list__item__date__split:before { content: ''; position: absolute; top: -0.125rem; left: -0.25rem; height: 0.5rem; width: 0.5rem; background: var(--cl-blue-bg); border-radius: 50%; }
.aktuality__list__item__perex { color: var(--cl-grey-48); font-size: 1.125rem; line-height: 1.5rem; margin: 0 0 1.5rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; text-overflow: ellipsis; max-height: 4em; }
.aktuality__list__item__button { display: inline-block; }
.aktuality__list__item__button__link { position: relative; display: inline-block; color: var(--cl-blue); font-size: 1rem; line-height: 1.5rem; font-weight: 700; transition: all 0.2s ease; text-decoration: underline; padding-right: 2.75rem; }
.aktuality__list__item__button__link:before { content: ''; position: absolute; right: 0; top: -0.3125rem; width: 2.125rem; height: 2.125rem; background: var(--cl-blue-bg); border-radius: 50%; transition: all 0.2s ease;  }
.aktuality__list__item__button__link:after { content: ''; position: absolute; right: 0.625rem; top: 0.3125rem; width: 0.875rem; height: 0.875rem; background: url('/images/ssams-icons.svg#ico-arrow-right') no-repeat; filter: var(--filter-blue); transition: all 0.2s ease; }

.aktuality__list__item:hover .aktuality__list__item__button__link:before { background: var(--cl-blue); }
.aktuality__list__item:hover .aktuality__list__item__button__link:after { filter: var(--filter-white); }
.aktuality__list__item:hover .aktuality__list__item__title__link { text-decoration: none; }
.aktuality__list__item:hover .aktuality__list__item__button__link { text-decoration: none; }

.aktuality__list__item__icons { position: absolute; top: -1.375rem; left: 0rem; }
.aktuality__list__item__icons__icon { display: inline-block; width: 2.6125rem; height: 2.6125rem; border-radius: 50%; background: var(--cl-blue); margin: 0; padding: 0; }
.aktuality__list__item__icons__icon:not(:first-child) { margin-left: 0.5rem; }
.aktuality__list__item__icons__icon--foto { background-image: url('/images/ssams-icons.svg#news-foto'); background-repeat: no-repeat; background-size: 20px 20px; background-position: center center; }
.aktuality__list__item__icons__icon--pin { background-image: url('/images/ssams-icons.svg#news-pin'); background-repeat: no-repeat; background-size: 28px 28px; background-position: center center; }

.projekty__list { display: grid; grid-template-columns: 1fr; gap: 3rem 1.5rem; margin: 0 0 2.5rem; justify-content: center; justify-items: center; }

.blog { padding: 0; margin: 0 0 4.25rem; position: relative; }

.blog_page { margin: 3.25rem 0 6.25rem; position: relative; }
.blog_page .aktuality__list { margin: 0 0 3.5rem; }
.blog_page .aktuality__list__item { box-shadow: 0px 0px 16px #00000029; }
.aktuality__list--blog .aktuality__list__item { box-shadow: 0px 0px 16px #00000029; }
.projekty__list .aktuality__list__item { box-shadow: 0px 0px 16px #00000029; padding: 1.6875rem 1.875rem; }

@media screen and (min-width: 48rem){
    .aktuality__list { grid-template-columns: 1fr 1fr; gap: 2.5rem 1rem; }
    .projekty__list .aktuality__list__item { padding: 1.6875rem 1.875rem; }
    /*.blog { margin: 0 0 4.25rem; }*/

    .projekty__list { grid-template-columns: 1fr 1fr; gap: 3rem 2rem; margin: 0 0 2.5rem; }
}

@media screen and (min-width: 78rem) {
    .aktuality__list { grid-template-columns: 1fr 1fr 1fr; }

    .aktuality__list__item__text { padding: 2.125rem 1.875rem 3.125rem; }
    .aktuality__list__item__title { margin: 0 0 1.25rem; font-size: 1.5rem; line-height: 2rem; }
    .aktuality__list__item__button__link { font-size: 1.125rem; /*padding: 1rem 2.25rem; font-size: 1rem; line-height: 1.5rem;*/ }
    .aktuality__list__item__icons { /*top: -1.5625rem; right: -1.5625rem;*/ }
}

.theme-ss .aktuality__list__item__imgWrap__noimage { background-color: var(--cl-ss-bg); }
.theme-ss .aktuality__list__item__imgWrap__noimage:before { filter: var(--filter-ss); }
.theme-ss .aktuality__list__item__title__link { color: var(--cl-ss); }
.theme-ss .aktuality__list__item__date__split:before { background: var(--cl-ss-bg); }
.theme-ss .aktuality__list__item__button__link { color: var(--cl-ss); }
.theme-ss .aktuality__list__item__button__link:before { background: var(--cl-ss-bg); }
.theme-ss .aktuality__list__item__button__link:after { filter: var(--filter-ss); }
.theme-ss .aktuality__list__item:hover .aktuality__list__item__button__link:before { background: var(--cl-ss); }
.theme-ss .aktuality__list__item__icons__icon { background-color: var(--cl-ss); }

.theme-ms .aktuality__list__item__imgWrap__noimage { background-color: var(--cl-ms-bg); }
.theme-ms .aktuality__list__item__imgWrap__noimage:before { filter: var(--filter-ms); }
.theme-ms .aktuality__list__item__title__link { color: var(--cl-ms); }
.theme-ms .aktuality__list__item__date__split:before { background: var(--cl-ms-bg); }
.theme-ms .aktuality__list__item__button__link { color: var(--cl-ms); }
.theme-ms .aktuality__list__item__button__link:before { background: var(--cl-ms-bg); }
.theme-ms .aktuality__list__item__button__link:after { filter: var(--filter-ms); }
.theme-ms .aktuality__list__item:hover .aktuality__list__item__button__link:before { background: var(--cl-ms); }
.theme-ms .aktuality__list__item__icons__icon { background-color: var(--cl-ms); }






/* Stránka webu */
.stranka { position: relative; margin-bottom: 6.25rem; display: grid; grid-template-columns: 1fr; gap: 1.5rem; z-index: 1; }
.stranka__main { display: block; position: relative; background-color: var(--cl-white); box-shadow: 0px 0px 16px #00000029; padding: 2rem 1.5rem; margin: 0 -1rem 1.5rem; box-sizing: border-box; min-width: 0; }
.stranka__main--margin { margin: 0 0 3.125rem; }
.stranka__aside {  }
.empty__main { margin: 0 0 1.5rem; }

.stranka__zpet { display: inline-block; }
.stranka__zpet__link { position: relative; display: inline-block; color: var(--cl-blue); font-size: 1.125rem; line-height: 1.5rem; font-weight: 700; transition: all 0.2s ease; text-decoration: underline; padding-right: 2.75rem; }
.stranka__zpet__link:before { content: ''; position: absolute; right: 0; top: -0.3125rem; width: 2.125rem; height: 2.125rem; background: var(--cl-blue-bg); border-radius: 50%; transition: all 0.2s ease;  }
.stranka__zpet__link:after { content: ''; position: absolute; right: 0.625rem; top: 0.3125rem; width: 0.875rem; height: 0.875rem; background: url('/images/ssams-icons.svg#ico-arrow-right') no-repeat; filter: var(--filter-blue); transition: all 0.2s ease; }
.stranka__zpet__link:hover { text-decoration: none; }
.stranka__zpet__link:hover:before { background: var(--cl-blue); }

@media screen and (min-width: 48rem) {
    .stranka__main { border-radius: 30px 30px 0 30px; padding: 2rem 1.5rem; margin: 0 0 1.5rem; }
}

@media screen and (min-width: 78rem){
    .stranka { margin-bottom: 4.5rem; grid-template-columns: 860fr 316fr; gap: 1.5rem;  }
    .stranka--marginTop { margin-top: 3.5rem; }
    .stranka_solo { grid-template-columns: 1fr; }
    .stranka__main { margin: 0; padding: 57px 77px 50px 83px; max-width: 53.75rem; }
    .stranka_solo .stranka__main { max-width: unset; }
    /*.stranka__zpet { margin: 2.5rem 0 0; }*/
    .empty__main { margin: 0; }
    .stranka__main--margin { margin: 0 0 3.125rem; }
}

.theme-ss .stranka__zpet__link { color: var(--cl-ss); }
.theme-ss .stranka__zpet__link:before { background: var(--cl-ss-bg); }
.theme-ss .stranka__zpet__link:after { filter: var(--filter-ss); }
.theme-ss .stranka__zpet__link:hover:before { background: var(--cl-ss); }
.theme-ms .stranka__zpet__link { color: var(--cl-ms); }
.theme-ms .stranka__zpet__link:before { background: var(--cl-ms-bg); }
.theme-ms .stranka__zpet__link:after { filter: var(--filter-ms); }
.theme-ms .stranka__zpet__link:hover:before { background: var(--cl-ms); }
.theme-autoskola .stranka__zpet__link { color: var(--cl-autoskola); }
.theme-autoskola .stranka__zpet__link:before { background: var(--cl-autoskola-bg); }
.theme-autoskola .stranka__zpet__link:after { filter: var(--filter-autoskola); }
.theme-autoskola .stranka__zpet__link:hover:before { background: var(--cl-autoskola); }
.theme-autoservis .stranka__zpet__link { color: var(--cl-autoservis); }
.theme-autoservis .stranka__zpet__link:before { background: var(--cl-autoservis-bg); }
.theme-autoservis .stranka__zpet__link:after { filter: var(--filter-autoservis); }
.theme-autoservis .stranka__zpet__link:hover:before { background: var(--cl-autoservis); }
.theme-souteze .stranka__zpet__link { color: var(--cl-souteze); }
.theme-souteze .stranka__zpet__link:before { background: var(--cl-souteze-bg); }
.theme-souteze .stranka__zpet__link:after { filter: var(--filter-souteze); }
.theme-souteze .stranka__zpet__link:hover:before { background: var(--cl-souteze); }

.stranka__zpet__link:hover:after { filter: var(--filter-white); }


/* Pager */
.pager__cover { text-align: center; }
.pager { display: inline-flex; margin: 0 auto; justify-content: space-around; justify-items: center; flex-wrap: wrap; }
.pager__number { display: block; position: relative; font-size: 1.25rem; line-height: 3.125rem; font-weight: 700; width: 3.125rem; height: 3.125rem; color: var(--cl-blue); text-align: center; margin: 0 0.5rem 0.5rem; text-decoration: none; border-radius: 50%; }
.pager__number:hover { background-color: var(--cl-blue-bg); }
.pager__current { display: block; position: relative; font-size: 1.25rem; line-height: 3.125rem; font-weight: 700; width: 3.125rem; height: 3.125rem; color: var(--cl-blue); text-align: center; margin: 0 0.5rem; border-radius: 50%; background-color: var(--cl-blue-bg); }
.pager__dots { display: inline-block; position: relative; padding: 0 0.5rem; font-size: 1.25rem; line-height: 3.125rem; font-weight: 700; color: var(--cl-blue); text-align: center; margin: 0 0.5rem; }

.pager__prev, .pager__next { display: flex; align-content: center; align-items: center; position: relative; padding: 0 1.25rem; margin-bottom: 0.5rem; color: var(--cl-white); font-size: 1rem; line-height: 3.125rem; text-decoration: none; font-weight: 700; border-radius: 0.3125rem; transition: all 0.2s ease; background: var(--cl-blue); }
.pager__prev > span, .pager__next > span { display: inline-block; color: var(--cl-white); }

@media screen and (min-width: 78rem){
    .pager__prev, .pager__next { padding: 0 1.75rem; font-size: 1rem; line-height: 3.125rem; }
    .pager__prev { margin-right: 1.75rem; }
    .pager__next { margin-left: 1.75rem; }
}

.theme-ss .pager__number { color: var(--cl-ss); }
.theme-ss .pager__number:hover { background-color: var(--cl-ss-bg); }
.theme-ss .pager__current { color: var(--cl-ss); background-color: var(--cl-ss-bg); }
.theme-ss .pager__dots { color: var(--cl-ss); }
.theme-ss .pager__prev, .theme-ss .pager__next { background: var(--cl-ss); }

.theme-ms .pager__number { color: var(--cl-ms); }
.theme-ms .pager__number:hover { background-color: var(--cl-ms-bg); }
.theme-ms .pager__current { color: var(--cl-ms); background-color: var(--cl-ms-bg); }
.theme-ms .pager__dots { color: var(--cl-ms); }
.theme-ms .pager__prev, .theme-ms .pager__next { background: var(--cl-ms); }

.pager__prev:hover, .pager__next:hover { background: var(--cl-black); }

/* Serp */
.serp {}
.serp__headline { margin: 0 0 3rem;}
.serp__headline__title { font-size: 2.5rem; line-height: 3rem; font-weight: 700; margin: 0 0 1.5rem; }
.serp__headline__perex { font-size: 1.0625rem; line-height: 1.6875rem; margin: 0 0 2rem; }

.serp__list { }
.serp__list__group { margin: 0 0 3rem; }
.serp__list__group__h2 { position: relative; font-size: 1.5rem; line-height: 2rem; font-weight: 700; margin: 0 0 1rem; }
.serp__list__group__h2:before { content: ''; position: absolute; left: -22px; top: 11px; width: 10px; height: 10px; border-radius: 50%; background-color: var(--cl-blue); }
.serp__list__item { position: relative; margin: 0 0 1.875rem; }
.serp__list__item__url { font-size: 0.875rem; line-height: 1.375rem; color: var(--cl-grey-81); margin: 0 0 0.25rem; }
.serp__list__item__title { font-weight: 700; margin: 0 0 0.375rem; }
.serp__list__item__title a { color: var(--cl-blue); text-decoration: none; transition: all 0.2s ease; }
.serp__list__item__title a:hover { text-decoration: underline; }
.serp__list__item__title a:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 50; }
.serp__list__item__perex { font-size: 0.9375rem; line-height: 1.375rem; margin: 0; }
.serp__list__item__perex .datum { font-weight: 700; }

.serp__nezadano { }
.serp__nezadano__title { }

.serp__list__group--ss .serp__list__group__h2 { color: var(--cl-ss); }
.serp__list__group--ss .serp__list__group__h2:before { background-color: var(--cl-ss); }
.serp__list__group--ss .serp__list__item__title a { color: var(--cl-ss); }
.serp__list__group--ms .serp__list__group__h2 { color: var(--cl-ms); }
.serp__list__group--ms .serp__list__group__h2:before { background-color: var(--cl-ms); }
.serp__list__group--ms .serp__list__item__title a { color: var(--cl-ms); }
.serp__list__group--autoskola .serp__list__group__h2 { color: var(--cl-autoskola); }
.serp__list__group--autoskola .serp__list__group__h2:before { background-color: var(--cl-autoskola); }
.serp__list__group--autoskola .serp__list__item__title a { color: var(--cl-autoskola); }
.serp__list__group--autoservis .serp__list__group__h2 { color: var(--cl-autoservis); }
.serp__list__group--autoservis .serp__list__group__h2:before { background-color: var(--cl-autoservis); }
.serp__list__group--autoservis .serp__list__item__title a { color: var(--cl-autoservis); }
.serp__list__group--souteze .serp__list__group__h2 { color: var(--cl-souteze); }
.serp__list__group--souteze .serp__list__group__h2:before { background-color: var(--cl-souteze); }
.serp__list__group--souteze .serp__list__item__title a { color: var(--cl-souteze); }


/* Article */
.article { margin: 0 0 3.125rem; }
.article p { font-size: 1.0625rem; line-height: 1.6875rem; margin: 0 0 2rem; }
.article a { text-decoration: underline; color: var(--cl-blue); }
.article img { display: block; margin: 0 auto; }
.article a:hover { text-decoration: none; }
.article h1 { font-size: 1.75rem; line-height: 2.25rem; font-weight: 700; margin: 0 0 1.125rem; color: var(--cl-black); }
.article h2 { font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; margin: 0 0 1.25rem; color: var(--cl-text-base); }
.article h3 { font-size: 1.125rem; line-height: 1.625rem; font-weight: 700; margin: 0 0 1.125rem; }
.article h4 { font-size: 1.0625rem; line-height: 1.5625rem; font-weight: 700; margin: 0 0 1rem; }
.article hr { display: block; width: 100%; height: 0.0625rem; background: var(--cl-grey-eb); margin: 0 0 2rem; border: 0; }
.article ul, .article ol { list-style: none; padding: 0; margin: 0 0 2rem; }
.article ul ul, .article ul ul ul, 
.article ul ol, .article ol ul, 
.article ol ol, .article ol ol ol { margin: 0.25rem 0 0; }
.article li { font-size: 1.0625rem; line-height: 1.6875rem; margin: 0 0 0.5rem; padding-left: 2rem; position: relative;  }
.article ul li:before { content: ''; background: var(--cl-blue-bg); width: 0.5625rem; height: 0.5625rem; border-radius: 50%; position: absolute; left: 0; top: 0.5625rem; }

.article ol { list-style: none; counter-reset: item; }
.article ol li { counter-increment: item; }
.article ol li:before { position: absolute; left: 0; top: 0; content: counter(item) '.'; color: var(--cl-blue); display: block; font-weight: 500; }

.article table {  }
.article table { width: 100%; margin: 0 0 2.5rem; border-top: 0.0625rem solid var(--cl-blue); border-left: 0.0625rem solid var(--cl-blue); border-spacing: 0; }
.article table thead tr { margin: 0; padding: 0; }
.article table thead tr th { border-right: 0.0625rem solid var(--cl-blue); border-bottom: 0.0625rem solid var(--cl-blue); padding: 0.875rem 1.25rem; font-weight: 700; text-align: left; }
.article table tbody tr { position: relative; }
.article table tbody tr:nth-child(2n+1) td { background: var(--cl-blue-bg); }
.article table tbody tr td { width: 50%; border-right: 0.0625rem solid var(--cl-blue); border-bottom: 0.0625rem solid var(--cl-blue); padding: 0.875rem 1.25rem; }
.article table tbody tr td a { transition: all 0.2s ease; }
.article table tbody tr td a:before { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.article table .knihy__tabulka__0 {  }

.article img.fr-dii.fr-fil { float: left; margin: 0 1rem 1rem 0; }
.article img.fr-dii.fr-fir { float: right; margin: 0 0 1rem 1rem; }

.article p img.fr-dib { display: block; }
.article p img.fr-dii { display: inline-block; }
.article p img.fr-fic { margin: 0 auto; }
.article p img.fr-fir { margin-right: 0; }
.article p img.fr-fil { margin-left: 0; }


.theme-ss .article a { color: var(--cl-ss); }
.theme-ss .article hr { background: var(--cl-ss-bg); }
.theme-ss .article ul li:before { background: var(--cl-ss-bg); }
.theme-ss .article ol li:before { color: var(--cl-ss); }
.theme-ss .article table { border-top-color: var(--cl-ss); border-left-color: var(--cl-ss); }
.theme-ss .article table thead tr th { border-right-color: var(--cl-ss); border-bottom-color: var(--cl-ss); }
.theme-ss .article table tbody tr:nth-child(2n+1) td { background: var(--cl-ss-bg); }
.theme-ss .article table tbody tr td { border-right-color: var(--cl-ss); border-bottom-color: var(--cl-ss);}

.theme-ms .article a { color: var(--cl-ms); }
.theme-ms .article hr { background: var(--cl-ms-bg); }
.theme-ms .article ul li:before { background: var(--cl-ms-bg); }
.theme-ms .article ol li:before { color: var(--cl-ms); }
.theme-ms .article table { border-top-color: var(--cl-ms); border-left-color: var(--cl-ms); }
.theme-ms .article table thead tr th { border-right-color: var(--cl-ms); border-bottom-color: var(--cl-ms); }
.theme-ms .article table tbody tr:nth-child(2n+1) td { background: var(--cl-ms-bg); }
.theme-ms .article table tbody tr td { border-right-color: var(--cl-ms); border-bottom-color: var(--cl-ms);}

.theme-autoskola .article a { color: var(--cl-autoskola); }
.theme-autoskola .article hr { background: var(--cl-autoskola-bg); }
.theme-autoskola .article ul li:before { background: var(--cl-autoskola-bg); }
.theme-autoskola .article ol li:before { color: var(--cl-autoskola); }
.theme-autoskola .article table { border-top-color: var(--cl-autoskola); border-left-color: var(--cl-autoskola); }
.theme-autoskola .article table thead tr th { border-right-color: var(--cl-autoskola); border-bottom-color: var(--cl-autoskola); }
.theme-autoskola .article table tbody tr:nth-child(2n+1) td { background: var(--cl-autoskola-bg); }
.theme-autoskola .article table tbody tr td { border-right-color: var(--cl-autoskola); border-bottom-color: var(--cl-autoskola);}

.theme-autoservis .article a { color: var(--cl-autoservis); }
.theme-autoservis .article hr { background: var(--cl-autoservis-bg); }
.theme-autoservis .article ul li:before { background: var(--cl-autoservis-bg); }
.theme-autoservis .article ol li:before { color: var(--cl-autoservis); }
.theme-autoservis .article table { border-top-color: var(--cl-autoservis); border-left-color: var(--cl-autoservis); }
.theme-autoservis .article table thead tr th { border-right-color: var(--cl-autoservis); border-bottom-color: var(--cl-autoservis); }
.theme-autoservis .article table tbody tr:nth-child(2n+1) td { background: var(--cl-autoservis-bg); }
.theme-autoservis .article table tbody tr td { border-right-color: var(--cl-autoservis); border-bottom-color: var(--cl-autoservis);}

.theme-souteze .article a { color: var(--cl-souteze); }
.theme-souteze .article hr { background: var(--cl-souteze-bg); }
.theme-souteze .article ul li:before { background: var(--cl-souteze-bg); }
.theme-souteze .article ol li:before { color: var(--cl-souteze); }
.theme-souteze .article table { border-top-color: var(--cl-souteze); border-left-color: var(--cl-souteze); }
.theme-souteze .article table thead tr th { border-right-color: var(--cl-souteze); border-bottom-color: var(--cl-souteze); }
.theme-souteze .article table tbody tr:nth-child(2n+1) td { background: var(--cl-souteze-bg); }
.theme-souteze .article table tbody tr td { border-right-color: var(--cl-souteze); border-bottom-color: var(--cl-souteze);}


/* Přílohy */
.prilohy { padding: 1.4375rem 1.8125rem; margin: 0 0 3.125rem; border: 0.0625rem solid var(--cl-grey-eb); border-radius: 30px 30px 3px 30px; }
.prilohy__h2 { font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; margin: 0 0 0.75rem; color: var(--cl-black); }
.prilohy__h2:not(:first-child) { margin-top: 2rem; }
.prilohy__list { }
.prilohy__list__item { position: relative; padding: 0; display: grid; grid-template-columns: 1.5625rem 1fr; gap: 1.25rem; align-items: center; align-content: center; transition: all 0.2s ease; cursor: pointer; }
.prilohy__list__item:not(:last-child) { margin-bottom: 1rem; }
.prilohy__list__item__imgWrap { }
.prilohy__list__item__imgWrap img { transition: all 0.2s ease; filter: var(--filter-blue); }
.prilohy__list__item:hover .prilohy__list__item__imgWrap img { transform: scale(1.2); }
.prilohy__list__item__content { }
.prilohy__list__item__content__title { font-size: 1.0625rem; line-height: 1.5rem; font-weight: 700; margin: 0; padding: 0; }
.prilohy__list__item__content__title a { color: var(--cl-blue); text-decoration: underline; }
.prilohy__list__item__content__title a:hover { text-decoration: none; }
.prilohy__list__item__content__title a:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.prilohy__list__item__content__perex { font-size: 0.9375rem; line-height: 1.5rem; margin: 0; padding: 0; }

.theme-ss .prilohy__list__item__imgWrap img { filter: var(--filter-ss); }
.theme-ss .prilohy__list__item__content__title a { color: var(--cl-ss); }
.theme-ms .prilohy__list__item__imgWrap img { filter: var(--filter-ms); }
.theme-ms .prilohy__list__item__content__title a { color: var(--cl-ms); }
.theme-autoskola .prilohy__list__item__imgWrap img { filter: var(--filter-autoskola); }
.theme-autoskola .prilohy__list__item__content__title a { color: var(--cl-autoskola); }
.theme-autoservis .prilohy__list__item__imgWrap img { filter: var(--filter-autoservis); }
.theme-autoservis .prilohy__list__item__content__title a { color: var(--cl-autoservis); }
.theme-souteze .prilohy__list__item__imgWrap img { filter: var(--filter-souteze); }
.theme-souteze .prilohy__list__item__content__title a { color: var(--cl-souteze); }

@media screen and (min-width: 48rem){
    .prilohy__h2 { margin: 0 0 1rem; }
    .prilohy__list__item { padding: 0.25rem 1.125rem; margin: 0; }
    .prilohy__list__item:not(:last-child) { margin-bottom: 0.875rem; }
}

/* Aktuality - detail */
.article__info { margin: 0 0 1.25rem; display: flex; flex-direction: column; font-size: 0.9375rem; line-height: 1.375rem; }
.article__info > div:not(:last-child) { margin-bottom: 1rem; } 
.article__info__split { display: none; }
.article__info__autor { margin: 0.5rem 0; }
.article__info__autor--nophoto { margin: 0; }
.article__info__datum { }
.article__info__kategorie { }
.article__info__prilohy { padding-left: 1.25rem; background: url('/images/ssams-icons.svg#news-attachs-bk') no-repeat; background-size: 9px 15px; background-position-y: 0.25rem; }
.article__info__foto { padding-left: 1.75rem; background: url('/images/ssams-icons.svg#news-foto-bk') no-repeat; background-size: 15px 15px; background-position-y: 0.25rem; }
.article__info__autorinfo { display: grid; grid-template-columns: 3.125rem 1fr; gap: 0.5rem; align-items: center; align-content: center; }
.article__info__autorinfo__foto { }
.article__info__autorinfo__foto img { }
.article__info__autorinfo__name { }
.article__info a { color: var(--cl-text-base) !important; }

.article p.article__perex { color: var(--cl-black); font-weight: 700; margin: 0 0 1.5rem; }

.article__figure { margin: 0 0 2rem 0; }
.article__figure__imgWrap { position: relative; aspect-ratio: 700 / 527; overflow: hidden; width: 100%; max-width: 700px; padding-top: 66.7%; margin: 0 0 0.5rem; background-color: var(--cl-blue-bg); }
.article__figure__imgWrap__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.article__figure__label { font-size: 0.9375rem; line-height: 1.5rem; color: var(--cl-grey-81); }

.article__youtube { margin: 0 0 2rem -4rem; }
.article__video { margin: 0 0 3.125rem; }
.article__video h2 { font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; margin: 0 0 1rem; color: var(--cl-black); }

.theme-ss .article__figure__imgWrap { background-color: var(--cl-ss-bg); }
.theme-ms .article__figure__imgWrap { background-color: var(--cl-ms-bg); }
.theme-autoskola .article__figure__imgWrap { background-color: var(--cl-autoskola-bg); }
.theme-autoservis .article__figure__imgWrap { background-color: var(--cl-autoservis-bg); }
.theme-souteze .article__figure__imgWrap { background-color: var(--cl-souteze-bg); }

@media screen and (min-width: 48rem) {
    .article__info { margin: 0 0 1.25rem; display: flex; flex-direction: row; align-content: center; align-items: center; }
    .article__info > div:not(:last-child) { margin-bottom: 0; } 
    .article__info__split { position: relative; display: block; margin: 0 0.8375rem; height: 1rem; }
    .article__info__split:before { content: ''; position: absolute; top: 0; bottom: -0.0625rem; left: 0; width: 0.0625rem; background: var(--cl-grey-eb); }
}
@media screen and (min-width: 78rem) {

}


/* Gallery */
.fotogalerie__h2 { font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; margin: 0 0 1rem; color: var(--cl-black); }
.article__foto { margin: 0 0 3.125rem; }
.article__foto--page { margin: 0 0 3rem; }
.gallery { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.5rem; }
.gallery a { display: block; position: relative; width: 100%; padding-top: calc(85 / 127 * 100%); overflow: hidden; background-color: var(--cl-blue-bg); }
.gallery a img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: all 0.2s ease; }
.gallery a:hover img { transform: scale(1.15); }

.theme-ss .gallery a { background-color: var(--cl-ss-bg); }
.theme-ms .gallery a { background-color: var(--cl-ms-bg); }
.theme-autoskola .gallery a { background-color: var(--cl-autoskola-bg); }
.theme-autoservis .gallery a { background-color: var(--cl-autoservis-bg); }
.theme-souteze .gallery a { background-color: var(--cl-souteze-bg); }

@media screen and (min-width: 34rem) {
    .gallery { grid-template-columns: repeat(3, 1fr); }
}
@media screen and (min-width: 42rem) {
    .gallery { grid-template-columns: repeat(4, 1fr); }
}
@media screen and (min-width: 48rem) {
    .gallery { grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
}
@media screen and (min-width: 78rem) {
    .gallery { grid-template-columns: repeat(4, 1fr); gap: 1.25rem; }
}



/* Lightbox */

#lightbox-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); justify-content: center; align-items: center; z-index: 10000; }
#lightbox-container { position: relative; display: flex; align-items: center; justify-content: center; }
#lightbox-image { max-width: 90vw; max-height: 80vh; position: relative; }
#lightbox-close { position: absolute; top: 1rem; right: 1rem; width: 2rem; height: 2rem; cursor: pointer; border-radius: 10px; transition: all 0.2s ease; }
#lightbox-close:before { content: ''; position: absolute; width: 3px; height: 18px; left: 14px; top: 7px; transform: rotate(45deg); background: var(--cl-white); }
#lightbox-close:after { content: ''; position: absolute; width: 3px; height: 18px; left: 14px; top: 7px; transform: rotate(-45deg); background: var(--cl-white); }
#lightbox-close:hover { background: var(--cl-red); }

#lightbox-prev, #lightbox-next { position: absolute; top: 50%; font-size: 1rem; background: none; border: none; color: var(--cl-white); cursor: pointer; transition: all 0.2s ease; }
#lightbox-prev:hover, #lightbox-next:hover { background: var(--cl-blue); }
#lightbox-prev { background: var(--cl-black); padding: 0.75rem 1.25rem 0.75rem 2rem; left: 0; border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
#lightbox-next { background: var(--cl-black); padding: 0.75rem 2rem 0.75rem 1.25rem; right: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
#lightbox-prev:before { content: ''; position: absolute; left: 12px; top: 15px; width: 10px; height: 10px; border-left: var(--cl-white) 0.125rem solid; border-top: var(--cl-white) 0.125rem solid; transform: rotate(-45deg); }
#lightbox-next:before { content: ''; position: absolute; right: 12px; top: 15px; width: 10px; height: 10px; border-left: var(--cl-white) 0.125rem solid; border-top: var(--cl-white) 0.125rem solid; transform: rotate(135deg); }
#lightbox-prev:hover { padding-right: 2rem; }
#lightbox-next:hover { padding-left: 2rem; }
#lightbox-caption { position: absolute; bottom: 0; left: 0; color: var(--cl-white); font-size: 1rem; font-weight: 500; padding: 0.625rem; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); border-radius: 5px; max-width: calc(100% - 20px); box-sizing: border-box; text-align: left; }

.theme-ss #lightbox-prev:hover, .theme-ss #lightbox-next:hover { background: var(--cl-ss); }
.theme-ms #lightbox-prev:hover, .theme-ms #lightbox-next:hover { background: var(--cl-ms); }
.theme-autoskola #lightbox-prev:hover, .theme-autoskola #lightbox-next:hover { background: var(--cl-autoskola); }
.theme-autoservis #lightbox-prev:hover, .theme-autoservis #lightbox-next:hover { background: var(--cl-autoservis); }
.theme-souteze #lightbox-prev:hover, .theme-souteze #lightbox-next:hover { background: var(--cl-souteze); }

/* Aktuality - aside panel */
.stranka__aside__news { }
.stranka__aside__news__title { font-size: 1.25rem; line-height: 1.875rem; font-weight: 700; margin: 0 0 1.25rem; color: var(--cl-blue); }
.stranka__aside__news__list { display: grid; grid-template-columns: 1fr; gap: 2rem; }
.stranka__aside__news__list .aktuality__list__item { box-shadow: 0px 0px 16px #00000029; border-radius: 30px 30px 3px 30px; padding: 2.125rem 1.875rem 3.125rem; } 
.stranka__aside__news__list .aktuality__list__item__date { margin: 0 0 0.75rem; } 
.stranka__aside__news__list .aktuality__list__item__title { font-size: 1.25rem; line-height: 1.75rem; margin: 0 0 0.75rem; } 
.stranka__aside__news__list .aktuality__list__item__perex { margin: 0; } 

/* Blog - aside panel */
.stranka__aside__blog {  }
.stranka__aside__blog__title { font-size: 1.25rem; line-height: 1.875rem; font-weight: 700; margin: 0 0 1.25rem; color: var(--cl-blue); }
.stranka__aside__blog__list { display: grid; grid-template-columns: 1fr; gap: 1.25rem; }
.aktuality__aside__blog__list__item { position: relative; box-shadow: 0px 0px 16px #00000029; border-radius: 30px 30px 3px 30px; margin: 0 0 1.25rem; }
.aktuality__aside__blog__list__item__imgWrap {  border-radius: 30px; overflow: hidden; }
.aktuality__aside__blog__list__item__imgWrap img { display: block; transition: all 0.2s ease; object-fit: cover; object-position: center; width: 100%; height: auto; }
.aktuality__aside__blog__list__item__text { padding: 1rem 1.375rem 1.5rem; }
.aktuality__aside__blog__list__item__title { font-size: 1.25rem; line-height: 1.875rem; font-weight: 700; margin: 0; }
.aktuality__aside__blog__list__item__title__link { text-decoration: underline; color: var(--cl-blue); }
.aktuality__aside__blog__list__item__title__link:hover { text-decoration: none; }
.aktuality__aside__blog__list__item__noimage { border-radius: 5px; aspect-ratio: 111 / 79; background-color: var(--cl-blue-bg); background-image: url('/images/ssamsliberec-logo.svg'); background-repeat: no-repeat; background-size: 46px 46px; background-position: center center; }
.aktuality__aside__blog__list__item:hover .aktuality__aside__blog__list__item__imgWrap img { transform: scale(1.15); }
.aktuality__aside__blog__list__item:hover .aktuality__aside__blog__list__item__noimage {  background-size: 50px 33px; }
.aktuality__aside__blog__list__item__title a:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.theme-ss .stranka__aside__news__title { color: var(--cl-ss); }
.theme-ss .stranka__aside__blog__title { color: var(--cl-ss); }
.theme-ss .aktuality__aside__blog__list__item__title__link { text-decoration: underline; color: var(--cl-ss); }
.theme-ss .aktuality__aside__blog__list__item__noimage { background-color: var(--cl-ss-bg); }

.theme-ms .stranka__aside__news__title { color: var(--cl-ms); }
.theme-ms .stranka__aside__blog__title { color: var(--cl-ms); }
.theme-ms .aktuality__aside__blog__list__item__title__link { text-decoration: underline; color: var(--cl-ms); }
.theme-ms .aktuality__aside__blog__list__item__noimage { background-color: var(--cl-ms-bg); }


/* Aside panel - menu */
.stranka__aside__menu { background: var(--cl-white); border-radius: 30px 30px 3px 30px; box-shadow: 0px 0px 16px #00000029; margin: 0 0 2.5rem; color: var(--cl-blue); padding: 1.25rem 0.625rem;  }
.stranka__aside__menu a { color: var(--cl-blue);  }
.stranka__aside__menu__headline { font-size: 1.25rem; line-height: 1.75rem; font-weight: 700; margin: 0 0 0.875rem; padding: 0 0.625rem; }
.stranka__aside__menu__headline a { text-decoration: none; }
.stranka__aside__menu__headline a:hover { text-decoration: underline; }
.stranka__aside__menu__list { list-style: none; padding: 0; margin: 0; display: block; }
.stranka__aside__menu__list__item { position: relative; display: block; }
.stranka__aside__menu__list__item:not(:last-child):after { content: ''; position: absolute; bottom: 0; left: 0.625rem; right: 0.625rem; height: 0.0625rem; background: var(--cl-blue-bg); }
.stranka__aside__menu__list__item--active {  }
.stranka__aside__menu__list__item__cb { display: none; }
.stranka__aside__menu__list__item__caption { margin: 0;}
.stranka__aside__menu__list__item__caption > * { display: block; position: relative; font-size: 1rem; line-height: 1.5rem; font-weight: 700; padding: 0.75rem 4rem 0.75rem 1.25rem; }
.stranka__aside__menu__list__item__caption span { background: var(--cl-blue-bg);  }
.stranka__aside__menu__list__item__caption a { text-decoration: none; }
.stranka__aside__menu__list__item__caption a:hover { background: var(--cl-blue-bg); margin: 0; }
.stranka__aside__menu__list__item__caption a:hover:before { content: ''; position: absolute; top: -1px; left: 0; right: 0; height: 1px; background: var(--cl-blue-bg); z-index: 5; }
.stranka__aside__menu__list__item__caption a:hover:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: var(--cl-blue-bg); z-index: 5; }
.stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a { background: var(--cl-blue-bg); }
.stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption span { background: var(--cl-blue-bg);  }
.stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a { background: var(--cl-blue-bg);  }
.stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a:before { content: ''; position: absolute; top: -1px; left: 0; right: 0; height: 1px; background: var(--cl-blue-bg); z-index: 5; }
.stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a:after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background: var(--cl-blue-bg); z-index: 5; }
.stranka__aside__menu__list__item__label { position: absolute; right: 0; top: -0.0625rem; width: 3rem; height: 3.125rem; padding: 0; z-index: 6; transition: all 0.2s ease; }
.stranka__aside__menu__list__item__label:hover { background: var(--cl-blue-bg); }
.stranka__aside__menu__list__item__label:after { content: ''; position: absolute; right: 1.25rem; top: 1.25rem; transform: rotate(135deg); width: 0.3125rem; height: 0.3125rem; border: 0.125rem solid var(--cl-blue); border-bottom: 0; border-left: 0; transition: all 0.4s ease; }
.stranka__aside__menu__list__item__cb:checked ~ .stranka__aside__menu__list__item__caption .stranka__aside__menu__list__item__label:after { top: 1.4375rem; transform: rotate(-45deg); }
.stranka__aside__menu__list__item__level3list { list-style: none;  margin: 0.75rem 1rem 0 1.875rem; padding: 0 0 0.25rem; }
.stranka__aside__menu__list__item__level3list__item { }
.stranka__aside__menu__list__item__level3list__item a { display: inline-block; font-size: 0.875rem; line-height: 1.375rem; padding: 0; margin: 0 0 0.75rem;  text-decoration: none; }
.stranka__aside__menu__list__item__level3list__item a:hover { text-decoration: underline; }
.stranka__aside__menu__list__item__level3list__item--active {  }
.stranka__aside__menu__list__item__level3list__item--active a { font-weight: 700; }
.stranka__aside__menu__list__item__level3list__item--active a:hover {  }

.stranka__aside__menu__list__item__level3list { display: none; }
.stranka__aside__menu__list__item__cb:checked ~ .stranka__aside__menu__list__item__level3list { display: block; }

.theme-ss .stranka__aside__menu { color: var(--cl-ss); }
.theme-ss .stranka__aside__menu a { color: var(--cl-ss);  }
.theme-ss .stranka__aside__menu__list__item:not(:last-child):after { background: var(--cl-ss-bg); }
.theme-ss .stranka__aside__menu__list__item__caption span { background: var(--cl-ss-bg);  }
.theme-ss .stranka__aside__menu__list__item__caption a:hover { background: var(--cl-ss-bg); }
.theme-ss .stranka__aside__menu__list__item__caption a:hover:before { background: var(--cl-ss-bg); }
.theme-ss .stranka__aside__menu__list__item__caption a:hover:after { background: var(--cl-ss-bg); }
.theme-ss .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a { background: var(--cl-ss-bg); }
.theme-ss .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption span { background: var(--cl-ss-bg);  }
.theme-ss .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a { background: var(--cl-ss-bg);  }
.theme-ss .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a:before { background: var(--cl-ss-bg); }
.theme-ss .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a:after { background: var(--cl-ss-bg); }
.theme-ss .stranka__aside__menu__list__item__label:hover { background: var(--cl-ss-bg); }
.theme-ss .stranka__aside__menu__list__item__label:after { border-color: var(--cl-ss); }

.theme-ms .stranka__aside__menu { color: var(--cl-ms); }
.theme-ms .stranka__aside__menu a { color: var(--cl-ms);  }
.theme-ms .stranka__aside__menu__list__item:not(:last-child):after { background: var(--cl-ms-bg); }
.theme-ms .stranka__aside__menu__list__item__caption span { background: var(--cl-ms-bg);  }
.theme-ms .stranka__aside__menu__list__item__caption a:hover { background: var(--cl-ms-bg); }
.theme-ms .stranka__aside__menu__list__item__caption a:hover:before { background: var(--cl-ms-bg); }
.theme-ms .stranka__aside__menu__list__item__caption a:hover:after { background: var(--cl-ms-bg); }
.theme-ms .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a { background: var(--cl-ms-bg); }
.theme-ms .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption span { background: var(--cl-ms-bg);  }
.theme-ms .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a { background: var(--cl-ms-bg);  }
.theme-ms .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a:before { background: var(--cl-ms-bg); }
.theme-ms .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a:after { background: var(--cl-ms-bg); }
.theme-ms .stranka__aside__menu__list__item__label:hover { background: var(--cl-ms-bg); }
.theme-ms .stranka__aside__menu__list__item__label:after { border-color: var(--cl-ms); }

.theme-autoskola .stranka__aside__menu { color: var(--cl-autoskola); }
.theme-autoskola .stranka__aside__menu a { color: var(--cl-autoskola);  }
.theme-autoskola .stranka__aside__menu__list__item:not(:last-child):after { background: var(--cl-autoskola-bg); }
.theme-autoskola .stranka__aside__menu__list__item__caption span { background: var(--cl-autoskola-bg);  }
.theme-autoskola .stranka__aside__menu__list__item__caption a:hover { background: var(--cl-autoskola-bg); }
.theme-autoskola .stranka__aside__menu__list__item__caption a:hover:before { background: var(--cl-autoskola-bg); }
.theme-autoskola .stranka__aside__menu__list__item__caption a:hover:after { background: var(--cl-autoskola-bg); }
.theme-autoskola .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a { background: var(--cl-autoskola-bg); }
.theme-autoskola .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption span { background: var(--cl-autoskola-bg);  }
.theme-autoskola .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a { background: var(--cl-autoskola-bg);  }
.theme-autoskola .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a:before { background: var(--cl-autoskola-bg); }
.theme-autoskola .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a:after { background: var(--cl-autoskola-bg); }
.theme-autoskola .stranka__aside__menu__list__item__label:hover { background: var(--cl-autoskola-bg); }
.theme-autoskola .stranka__aside__menu__list__item__label:after { border-color: var(--cl-autoskola); }

.theme-autoservis .stranka__aside__menu { color: var(--cl-autoservis); }
.theme-autoservis .stranka__aside__menu a { color: var(--cl-autoservis);  }
.theme-autoservis .stranka__aside__menu__list__item:not(:last-child):after { background: var(--cl-autoservis-bg); }
.theme-autoservis .stranka__aside__menu__list__item__caption span { background: var(--cl-autoservis-bg);  }
.theme-autoservis .stranka__aside__menu__list__item__caption a:hover { background: var(--cl-autoservis-bg); }
.theme-autoservis .stranka__aside__menu__list__item__caption a:hover:before { background: var(--cl-autoservis-bg); }
.theme-autoservis .stranka__aside__menu__list__item__caption a:hover:after { background: var(--cl-autoservis-bg); }
.theme-autoservis .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a { background: var(--cl-autoservis-bg); }
.theme-autoservis .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption span { background: var(--cl-autoservis-bg);  }
.theme-autoservis .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a { background: var(--cl-autoservis-bg);  }
.theme-autoservis .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a:before { background: var(--cl-autoservis-bg); }
.theme-autoservis .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a:after { background: var(--cl-autoservis-bg); }
.theme-autoservis .stranka__aside__menu__list__item__label:hover { background: var(--cl-autoservis-bg); }
.theme-autoservis .stranka__aside__menu__list__item__label:after { border-color: var(--cl-autoservis); }

.theme-souteze .stranka__aside__menu { color: var(--cl-souteze); }
.theme-souteze .stranka__aside__menu a { color: var(--cl-souteze);  }
.theme-souteze .stranka__aside__menu__list__item:not(:last-child):after { background: var(--cl-souteze-bg); }
.theme-souteze .stranka__aside__menu__list__item__caption span { background: var(--cl-souteze-bg);  }
.theme-souteze .stranka__aside__menu__list__item__caption a:hover { background: var(--cl-souteze-bg); }
.theme-souteze .stranka__aside__menu__list__item__caption a:hover:before { background: var(--cl-souteze-bg); }
.theme-souteze .stranka__aside__menu__list__item__caption a:hover:after { background: var(--cl-souteze-bg); }
.theme-souteze .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a { background: var(--cl-souteze-bg); }
.theme-souteze .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption span { background: var(--cl-souteze-bg);  }
.theme-souteze .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a { background: var(--cl-souteze-bg);  }
.theme-souteze .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a:before { background: var(--cl-souteze-bg); }
.theme-souteze .stranka__aside__menu__list__item--active .stranka__aside__menu__list__item__caption a:after { background: var(--cl-souteze-bg); }
.theme-souteze .stranka__aside__menu__list__item__label:hover { background: var(--cl-souteze-bg); }
.theme-souteze .stranka__aside__menu__list__item__label:after { border-color: var(--cl-souteze); }


/* Kontaktní formulář */

.form__container { container: form-container / inline-size;  }
.form__h2 { padding: 0; margin: 0 0 1rem; font-size: 1.125rem; line-height: 1.375rem; font-weight: 700; color: var(--cl-blue); }

.form { position: relative; background: var(--cl-white); background: var(--cl-white); border-radius: 30px 30px 3px 30px; box-shadow: 0px 0px 16px #00000029; padding: 1.25rem; box-sizing: border-box; width: 100%; }
.form__row { margin: 0 0 1.375rem; }
.form__row__item {  }
.form__row--grid .form__row__item:first-child { margin-bottom: 1.125rem; }

.form__row__item__label { display: block; margin: 0 0 3px; font-size: 0.9375rem; line-height: 1.375rem; font-weight: 700; color: var(--cl-blue);  }
.form input[type=text], .form input[type=email], .form textarea { font-size: 1rem; line-height: 1.25rem; padding: 0.9375rem 0.75rem; border: 0.0625rem solid var(--cl-blue-bg); outline: 0; border-radius: 0.3125rem; color: var(--cl-black); }
.form input[type=text]:focus, .form input[type=email]:focus, .form textarea:focus { border: 1px solid var(--cl-blue); }
.form input[type=text]::placeholder, .form input[type=email]::placeholder, .form textarea::placeholder { color: var(--cl-grey-81); }
.form input[type=text], .form input[type=email] { width: 100%; } 
.form textarea { width: 100%; height: 9.5rem; } 

.form .invalid .form__row__item__label { color: var(--cl-red); }
.form .invalid .form__row__item__label .form__row__item__label__star { color: var(--cl-red); }
.form .invalid input[type=text], .form .invalid input[type=email], .form .invalid textarea { border-color: var(--cl-red); }

.form__disclaimer { display: block; font-size: 0.875rem; line-height: 1.25rem; text-align: center; margin: 0; }
.form__disclaimer a { color: var(--cl-blue); text-decoration: underline; }
.form__disclaimer a:hover { text-decoration: none; }

.form__validation__message { display: block; position: relative; margin: 0; padding: 0.125rem 1.25rem; background-color: var(--cl-red-background); border-radius: 5px; color: var(--cl-red); font-size: 0.9375rem; line-height: 1.375rem; font-weight: 700; text-align: center; }
.form__validation__message:before { content: '!'; color: var(--cl-red); margin-right: 10px; }

.form__message__message { display: block; position: relative; margin: 0; padding: 0.75rem 1.875rem; background-color: var(--cl-green-background); border-radius: 5px; color: var(--cl-green); font-size: 0.9375rem; line-height: 1.375rem; font-weight: 700; }

.form__row--submit { text-align: center; }
.form__button { display: inline-block; padding: 1rem 2.25rem; background: var(--cl-blue); color: var(--cl-white); font-size: 1rem; font-weight: 700; border-radius: 5px; outline: 0; border: 0; transition: all 0.2s ease; cursor: pointer; margin: 0 auto; }

.form--inprogress:after { content: ''; position: absolute; z-index: 7; left: 0; top: 0; bottom: 0; right: 0; background: var(--cl-blue-bg); opacity: 0.625; border-radius: 5px; }

@container form-container (inline-size > 48rem) {
    .form__h2 { padding: 0; margin: 0 0 2.875rem; font-size: 1.5625rem; line-height: 1.875rem; font-weight: 700; }
    .form { padding: 57px 80px 3.125rem; }
    .form__row { margin: 0 0 1.25rem; }
    .form__row--grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2.5rem; margin: 0 0 1.875rem; }
    .form__row--grid .form__row__item:first-child { margin-bottom: 0; }
    .form__row__disclaimer { margin: 0 0 1.625rem; }
    .form__validation__message { margin-top: -0.5rem; }
    .form__row--submit { margin-bottom: 0; }
}

.theme-ss .form__h2 { color: var(--cl-ss); }
.theme-ss .form__row__item__label { color: var(--cl-ss);  }
.theme-ss .form input[type=text], .theme-ss .form input[type=email], .theme-ss .form textarea { border-color: var(--cl-ss-bg); }
.theme-ss .form input[type=text]:focus, .theme-ss .form input[type=email]:focus, .theme-ss .form textarea:focus { border-color: var(--cl-ss); }
.theme-ss .form__disclaimer a { color: var(--cl-ss); }
.theme-ss .form__button { background: var(--cl-ss); }
.theme-ss .form--inprogress:after { background: var(--cl-ss-bg); }

.theme-ms .form__h2 { color: var(--cl-ms); }
.theme-ms .form__row__item__label { color: var(--cl-ms);  }
.theme-ms .form input[type=text], .theme-ms .form input[type=email], .theme-ms .form textarea { border-color: var(--cl-ms-bg); }
.theme-ms .form input[type=text]:focus, .theme-ms .form input[type=email]:focus, .theme-ms .form textarea:focus { border-color: var(--cl-ms); }
.theme-ms .form__disclaimer a { color: var(--cl-ms); }
.theme-ms .form__button { background: var(--cl-ms); }
.theme-ms .form--inprogress:after { background: var(--cl-ms-bg); }

.theme-autoskola .form__h2 { color: var(--cl-autoskola); }
.theme-autoskola .form__row__item__label { color: var(--cl-autoskola);  }
.theme-autoskola .form input[type=text], .theme-autoskola .form input[type=email], .theme-autoskola .form textarea { border-color: var(--cl-autoskola-bg); }
.theme-autoskola .form input[type=text]:focus, .theme-autoskola .form input[type=email]:focus, .theme-autoskola .form textarea:focus { border-color: var(--cl-autoskola); }
.theme-autoskola .form__disclaimer a { color: var(--cl-autoskola); }
.theme-autoskola .form__button { background: var(--cl-autoskola); }
.theme-autoskola .form--inprogress:after { background: var(--cl-autoskola-bg); }

.theme-autoservis .form__h2 { color: var(--cl-autoservis); }
.theme-autoservis .form__row__item__label { color: var(--cl-autoservis);  }
.theme-autoservis .form input[type=text], .theme-autoservis .form input[type=email], .theme-autoservis .form textarea { border-color: var(--cl-autoservis-bg); }
.theme-autoservis .form input[type=text]:focus, .theme-autoservis .form input[type=email]:focus, .theme-autoservis .form textarea:focus { border-color: var(--cl-autoservis); }
.theme-autoservis .form__disclaimer a { color: var(--cl-autoservis); }
.theme-autoservis .form__button { background: var(--cl-autoservis); }
.theme-autoservis .form--inprogress:after { background: var(--cl-autoservis); }

.theme-souteze .form__h2 { color: var(--cl-souteze); }
.theme-souteze .form__row__item__label { color: var(--cl-souteze);  }
.theme-souteze .form input[type=text], .theme-souteze .form input[type=email], .theme-souteze .form textarea { border-color: var(--cl-souteze-bg); }
.theme-souteze .form input[type=text]:focus, .theme-souteze .form input[type=email]:focus, .theme-souteze .form textarea:focus { border-color: var(--cl-souteze); }
.theme-souteze .form__disclaimer a { color: var(--cl-souteze); }
.theme-souteze .form__button { background: var(--cl-souteze); }
.theme-souteze .form--inprogress:after { background: var(--cl-souteze); }

.form__button:hover { background: var(--cl-black); }


/* Zamestnanci */
.zamestnanci { }
.zamestnanci__perex { font-size: 1rem; line-height: 1.5rem; margin: 0 0 2.5rem;}
.zamestnanci__perex a { color: var(--cl-blue); text-decoration: underline; }
.zamestnanci__perex a:hover { text-decoration: none; }
.zamestnanci__h2 { color: var(--cl-black); }
.zamestnanci__list { display: grid; grid-template-columns: 1fr; gap: 2rem; margin: 0 0 3rem; }
.zamestnanci__list__item { padding: 1rem 1.25rem; border-radius: 30px 30px 3px 30px; box-shadow: 0px 0px 16px #00000029;  }
.zamestnanci__list__item__name { font-size: 0.9375rem; line-height: 1.375rem; font-weight: 700; margin: 0 0 1.375rem; color: var(--cl-black); }

.zamestnanci__list__item__content { display: grid; grid-template-columns: 6.25rem 1fr; gap: 1.25rem; margin: 0 0 0.6125rem; }
.zamestnanci__list__item__content__imgWrap { border-radius: 50%; overflow: hidden; aspect-ratio: 1 / 1; }
.zamestnanci__list__item__content__imgWrap img {}

.zamestnanci__funkce { font-size: 0.9375rem; line-height: 1.25rem; font-weight: 700; color: var(--cl-grey-48); margin: 0 0 0.625rem; }
.zamestnanci__linka { font-size: 0.9375rem; line-height: 1.25rem; font-weight: 700; color: var(--cl-grey-48); margin: 0 0 0.625rem; }
.zamestnanci__predmety { font-size: 0.9375rem; line-height: 1.25rem; margin: 0 0 0.625rem; }
.zamestnanci__predmety__label { font-weight: 700; }
.zamestnanci__predmety__predmet { }
.zamestnanci__email, .zamestnanci__telefon { font-size: 0.9375rem; line-height: 1.25rem; margin: 0; }
.zamestnanci__email a, .zamestnanci__telefon a { text-decoration: underline; color: var(--cl-blue); transition: all 0.2s ease; }
.zamestnanci__email a:hover, .zamestnanci__telefon a:hover { text-decoration: none; }
.zamestnanci__telefon { margin-top: 0.625rem; }
.zamestnanci__linka { font-size: 0.9375rem; line-height: 1.5rem; font-weight: 400; }

.zamestnanci__kontakt { background: var(--cl-blue-bg); border-radius: 5px; padding: 2rem; text-align: center; }
.zamestnanci__kontakt__p { font-size: 0.9375rem; line-height: 1.25rem; font-weight: 700; color: var(--cl-blue); margin: 0; }
.zamestnanci__kontakt__p span { display: block; margin: 0 0 1rem; }
.zamestnanci__kontakt__p a { display: inline-block; padding: 0.75rem 1.25rem; background: var(--cl-blue); color: var(--cl-white); font-size: 0.9375rem; line-height: 1.25rem; font-weight: 700; border-radius: 0.625rem; transition: all 0.2s ease; text-decoration: none; }
.zamestnanci__kontakt__p a:hover { text-decoration: underline; }

.kontakty__vedeni .zamestnanci__list__item { border-radius: unset; box-shadow: none; }

@media screen and (min-width: 48rem) {
    .zamestnanci__list { grid-template-columns: 1fr 1fr; gap: 2.5rem;}
    .zamestnanci__kontakt__p span { display: inline-block; margin: 0; }
    .zamestnanci__kontakt__p a { display: inline-block; margin-left: 1.5rem; }
}

@media screen and (min-width: 78rem) {
    .zamestnanci__list { grid-template-columns: 1fr 1fr 1fr; gap: 2.5rem;}

    .kontakty__vedeni .zamestnanci__list { grid-template-columns: 1fr 1fr; }
}

.theme-ss .zamestnanci__perex a { color: var(--cl-ss); }
.theme-ss .zamestnanci__email a, .theme-ss .zamestnanci__telefon a { color: var(--cl-ss); }
.theme-ss .zamestnanci__kontakt { background: var(--cl-ss-bg); }
.theme-ss .zamestnanci__kontakt__p { color: var(--cl-ss); }
.theme-ss .zamestnanci__kontakt__p a { background: var(--cl-ss); }

.theme-ms .zamestnanci__perex a { color: var(--cl-ms); }
.theme-ms .zamestnanci__email a, .theme-ms .zamestnanci__telefon a { color: var(--cl-ms); }
.theme-ms .zamestnanci__kontakt { background: var(--cl-ms-bg); }
.theme-ms .zamestnanci__kontakt__p { color: var(--cl-ms); }
.theme-ms .zamestnanci__kontakt__p a { background: var(--cl-ms); }

.theme-autoskola .zamestnanci__perex a { color: var(--cl-autoskola); }
.theme-autoskola .zamestnanci__email a, .theme-autoskola .zamestnanci__telefon a { color: var(--cl-autoskola); }
.theme-autoskola .zamestnanci__kontakt { background: var(--cl-autoskola-bg); }
.theme-autoskola .zamestnanci__kontakt__p { color: var(--cl-autoskola); }
.theme-autoskola .zamestnanci__kontakt__p a { background: var(--cl-autoskola); }

.theme-autoservis .zamestnanci__perex a { color: var(--cl-autoservis); }
.theme-autoservis .zamestnanci__email a, .theme-autoservis .zamestnanci__telefon a { color: var(--cl-autoservis); }
.theme-autoservis .zamestnanci__kontakt { background: var(--cl-autoservis-bg); }
.theme-autoservis .zamestnanci__kontakt__p { color: var(--cl-autoservis); }
.theme-autoservis .zamestnanci__kontakt__p a { background: var(--cl-autoservis); }

.theme-souteze .zamestnanci__perex a { color: var(--cl-souteze); }
.theme-souteze .zamestnanci__email a, .theme-souteze .zamestnanci__telefon a { color: var(--cl-souteze); }
.theme-souteze .zamestnanci__kontakt { background: var(--cl-souteze-bg); }
.theme-souteze .zamestnanci__kontakt__p { color: var(--cl-souteze); }
.theme-souteze .zamestnanci__kontakt__p a { background: var(--cl-souteze); }


/* Kontakt */
.kontakty { display: grid; grid-template-columns: 1fr; gap: 2rem; border-bottom: 1px solid var(--cl-blue-bg); padding-bottom: 2.5rem; margin-bottom: 2rem; color: var(--cl-black) }
.kontakty * { color: var(--cl-black) }
.kontakty__h2 { font-size: 1.5rem; line-height: 2rem; font-weight: 700; }
.kontakty__vedeni { border-bottom: 1px solid var(--cl-blue-bg); padding-bottom: 2.5rem; margin-bottom: 2rem; }
.kontakty__zame { margin: 0; }
.kontakty__zame__item { padding: 0; }
.kontakty__item--fakturacni > p { font-size : 1.0625rem; line-height: 1.5rem; margin-bottom: 0.25rem;}
.kontakty__nazev__label { display: block; text-decoration: underline; font-weight: 700; margin: 0 0 0.625rem; }
.kontakt--label { font-weight: 700; display: inline-block; margin-right: 0.375rem; color: var(--cl-black); }
.kontakt--value { display: inline-block; }
.kontakty__adresa {  font-size : 1.0625rem; line-height: 1.625rem; margin-bottom: 1.5rem; }
.kontakty__gps a { display: inline-block; font-size : 1.0625rem; line-height: 1.625rem; font-weight: 700; color: var(--cl-blue); text-decoration: underline; padding-left: 1.875rem; background: url('/images/ssams-icons.svg#ico-gps') no-repeat; background-position: left center; background-size: 20px 20px; }
.kontakty__gps a:hover { text-decoration: none; }
.kontakty__zamestnanci > a { display: inline-block; font-size : 1.0625rem; line-height: 1.625rem; font-weight: 700; color: var(--cl-blue); text-decoration: underline; }
.kontakty__zamestnanci > a:hover { text-decoration: none; }

.kontakty__item--fakturacni .kontakty__nazev, .kontakty__item--fakturacni .kontakty__dic, .kontakty__item--fakturacni .kontakty__red_izo, .kontakty__item--fakturacni .kontakty__ds { margin-bottom: 1.5rem; }

.kontakty__email, .kontakty__telefon { margin-bottom: 0.5rem;}
.kontakty__email__link, .kontakty__telefon__link { position: relative; display: inline-block; padding-left: 2.5rem; background-position: 0 50%; background-size: 20px auto; background-repeat: no-repeat; color: var(--cl-blue); font-size: 1.0625rem; line-height: 1.625rem; font-weight: 700; transition: all 0.2s ease; text-decoration: underline; } 
.kontakty__email__link:hover, .kontakty__telefon__link:hover { text-decoration: none; }
.kontakty__hodiny { display: inline-block; padding-left: 2.5rem; margin-bottom: 0.9375rem; }
.kontakty__email__link { background-image:url('/images/ssams-icons.svg#ico-email');}
.kontakty__telefon__link { background-image:url('/images/ssams-icons.svg#ico-telefon');}
.kontakty__email--podatelna { margin: 0 0 3.5rem; }

.kontakty__item--fakturacni a { text-decoration: underline; transition: all 0.2s ease; }
.kontakty__item--fakturacni a:hover { text-decoration: none;  }

.kontakty__zrizovatel { position: relative; }
.kontakty__zrizovatel__imgWrap { }
.kontakty__zrizovatel__link { display: inline-block; font-size: 1.0625rem; line-height: 1.625rem; color: var(--cl-blue); text-decoration: underline; margin: 0 0 0.875rem; }
.kontakty__zrizovatel__link:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.kontakty__zrizovatel__link:hover { text-decoration: none; }

.kontakty__duplikaty { background: var(--cl-blue-bg); border-radius: 30px 30px 3px 30px; margin: 2rem 0; padding: 1.875rem; }
.kontakty__duplikaty__h2 { font-size: 1rem; line-height: 1.5rem; font-weight: 700; margin: 0 0 1rem; }
.kontakty__duplikaty p { font-size: 1rem; line-height: 1.5rem; margin: 0 0 0.5rem; }
.kontakty__duplikaty__jmeno { }
.kontakty__duplikaty__telefon { }
.kontakty__duplikaty__telefon a { color: var(--cl-blue); text-decoration: underline; }
.kontakty__duplikaty__telefon a:hover { text-decoration: none; }
.kontakty__duplikaty__email { }
.kontakty__duplikaty__email a { color: var(--cl-blue); text-decoration: underline; }
.kontakty__duplikaty__email a:hover { text-decoration: none; }

@media screen and (min-width: 48rem) {
    .kontakty { grid-template-columns: 1fr 1fr; }
}

.theme-ss .kontakty { border-bottom-color: var(--cl-ss-bg); }
.theme-ss .kontakty__vedeni { border-bottom-color: var(--cl-ss-bg); }
.theme-ss .kontakty__gps a { color: var(--cl-ss); }
.theme-ss .kontakty__zamestnanci > a { color: var(--cl-ss); }
.theme-ss .kontakty__email__link, .theme-ss .kontakty__telefon__link { color: var(--cl-ss); } 
.theme-ss .kontakty__zrizovatel__link { color: var(--cl-ss); }

.theme-ms .kontakty { border-bottom-color: var(--cl-ms-bg); }
.theme-ms .kontakty__vedeni { border-bottom-color: var(--cl-ms-bg); }
.theme-ms .kontakty__gps a { color: var(--cl-ms); }
.theme-ms .kontakty__zamestnanci > a { color: var(--cl-ms); }
.theme-ms .kontakty__email__link, .theme-ms .kontakty__telefon__link { color: var(--cl-ms); } 
.theme-ms .kontakty__zrizovatel__link { color: var(--cl-ms); }

.theme-autoskola .kontakty { border-bottom-color: var(--cl-autoskola-bg); }
.theme-autoskola .kontakty__vedeni { border-bottom-color: var(--cl-autoskola-bg); }
.theme-autoskola .kontakty__gps a { color: var(--cl-autoskola); }
.theme-autoskola .kontakty__zamestnanci > a { color: var(--cl-autoskola); }
.theme-autoskola .kontakty__email__link, .theme-autoskola .kontakty__telefon__link { color: var(--cl-autoskola); } 
.theme-autoskola .kontakty__zrizovatel__link { color: var(--cl-autoskola); }

.theme-autoservis .kontakty { border-bottom-color: var(--cl-autoservis-bg); }
.theme-autoservis .kontakty__vedeni { border-bottom-color: var(--cl-autoservis-bg); }
.theme-autoservis .kontakty__gps a { color: var(--cl-autoservis); }
.theme-autoservis .kontakty__zamestnanci > a { color: var(--cl-autoservis); }
.theme-autoservis .kontakty__email__link, .theme-autoservis .kontakty__telefon__link { color: var(--cl-autoservis); } 
.theme-autoservis .kontakty__zrizovatel__link { color: var(--cl-autoservis); }

.theme-souteze .kontakty { border-bottom-color: var(--cl-souteze-bg); }
.theme-souteze .kontakty__vedeni { border-bottom-color: var(--cl-souteze-bg); }
.theme-souteze .kontakty__gps a { color: var(--cl-souteze); }
.theme-souteze .kontakty__zamestnanci > a { color: var(--cl-souteze); }
.theme-souteze .kontakty__email__link, .theme-souteze .kontakty__telefon__link { color: var(--cl-souteze); } 
.theme-souteze .kontakty__zrizovatel__link { color: var(--cl-souteze); }


/* Rozpis zvonění */
.article .zvoneni__hlaska p:first-child { padding: 0; }
.zvoneni__h2 { }
.zvoneni__container:first-child { margin: 0 0 2.5rem; }
.zvoneni__tabulka { display: grid; }
.zvoneni__tabulka > div { padding: 0.625rem 1rem; }
.zvoneni__tabulka > div:nth-child(4n+5), .zvoneni__tabulka > div:nth-child(4n+6) {  background: var(--cl-blue-bg); }
.zvoneni__tabulka__head { background: var(--cl-blue); color: var(--cl-white); font-weight: 700; }
.zvoneni__tabulka__ted { background: var(--cl-grey-48) !important; color: var(--cl-white); font-weight: 700; }
.zvoneni__tabulka__ted span { color: var(--cl-white); }
.zvoneni__tabulka span.nazev { padding-right: 1.25rem; }
.zvoneni__tabulka span.zvyraznena { font-weight: 700; }

@media screen and (min-width: 0) {
    .zvoneni__tabulka span.delka { display: block; }
    .zvoneni__tabulka { grid-template-columns: 5fr 6fr; }
}

@media screen and (min-width: 25rem) {
    .zvoneni__tabulka span.delka { display: inline; }
    .zvoneni__tabulka { grid-template-columns: 2fr 3fr; }
}

@media screen and (min-width: 78rem) {
    .zvoneni__tabulka span.delka { display: inline; }
    .zvoneni__tabulka { grid-template-columns: 1fr 2fr; }
}

/* Partneři */

.partneri__list { position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; }
.partneri__list__item { position: relative; transition: all 0.2s ease; text-align: center; display: flex; justify-content: center; justify-items: center; align-items: center; align-content: center; }
.partneri__list__item:hover { transform: scale(1.1); }
.partneri__list__item__image { display: block; position: relative; max-width: 100%; height: auto; }

@media screen and (min-width: 34rem){
    .partneri__list { grid-template-columns: repeat(3, 1fr); gap: 1.75rem;}
}

@media screen and (min-width: 48rem) {
    .partneri__list { grid-template-columns: repeat(4, 1fr); gap: 1.75rem;}
}


/* ISO 9001 */
.iso__login__form { display: flex; margin: 0 0 1rem; }
.iso__login__form label { display: block; margin: 0 0 3px; font-size: 0.9375rem; line-height: 1.375rem; font-weight: 700; color: var(--cl-blue);  }
.iso__login__form input[type=text] { font-size: 1rem; line-height: 1.25rem; padding: 0.9375rem 0.75rem; border: 0.0625rem solid var(--cl-grey-81); outline: 0; border-radius: 0.3125rem; color: var(--cl-black); margin-right: 1.25rem;  }
.iso__login__form input[type=text]:focus { border: 1px solid var(--cl-blue); }
.iso__login__form input[type=text]::placeholder { color: var(--cl-grey-81); }

.iso__login__form button { display: inline-block; padding: 1rem 2.25rem; background: var(--cl-blue); color: var(--cl-white); font-size: 1rem; font-weight: 700; border-radius: 5px; outline: 0; border: 0; transition: all 0.2s ease; cursor: pointer; margin: 0; }
.iso__login__form button:hover { background: var(--cl-black); }

.iso__types { display: flex; flex-wrap: wrap; margin: 0 0 2rem; }
.iso__types__type { margin: 0 1rem 1rem 0; display: inline-block; padding: 0.5rem 1rem; border-radius: 0.5rem; background: var(--cl-grey-eb); font-size: 1rem; line-height: 1.5rem; font-weight: 500; text-decoration: none; transition: all 0.2s ease; }
.iso__types__type:hover { background: var(--cl-blue); color: var(--cl-white); }
.iso__types__type--active { background: var(--cl-blue); color: var(--cl-white); }

.iso__list { display: block; overflow-x: auto; overflow-y: clip; margin: 0 0 3rem; max-width: 100%; }
.iso__list__table { border-collapse: collapse; border-spacing: 0; min-width: 100%;  }
.iso__list__table th, .iso__list__table td { padding: 0.625rem; }
.iso__list__table thead { }
.iso__list__table thead tr { background: var(--cl-blue); color: var(--cl-white); }
.iso__list__table thead tr th { text-align: left; }
.iso__list__table tbody { }
.iso__list__table tbody tr { }
.iso__list__table tbody tr:nth-child(even) { background: var(--cl-blue-bg); }
.iso__list__table tbody tr td { }
.iso__list__table tbody tr td > a { font-weight: 700; }

.iso__list__table thead tr th.oznaceni, .iso__list__table tbody tr td.oznaceni { width: 260px; }
.iso__list__table thead tr th.platnost, .iso__list__table tbody tr td.platnost { width: 120px; text-align: right; }
.iso__list__table thead tr th.nazev, .iso__list__table tbody tr td.nazev { min-width: 250px; }
.iso__list__table thead tr th.proces, .iso__list__table tbody tr td.proces { min-width: 220px; }



/* Mapa webu */

.mapa_webu__item {}
.mapa_webu__item__h2 {}

.theme-ss .mapa_webu__item__h2 { color: var(--cl-ss); }
.theme-ss.mapa_webu__item a { color: var(--cl-ss); }
.theme-ms .mapa_webu__item__h2 { color: var(--cl-ms); }
.theme-ms.mapa_webu__item a { color: var(--cl-ms); }
.theme-autoskola .mapa_webu__item__h2 { color: var(--cl-autoskola); }
.theme-autoskola.mapa_webu__item a { color: var(--cl-autoskola); }
.theme-autoservis .mapa_webu__item__h2 { color: var(--cl-autoservis); }
.theme-autoservis.mapa_webu__item a { color: var(--cl-autoservis); }
.theme-souteze .mapa_webu__item__h2 { color: var(--cl-souteze); }
.theme-souteze.mapa_webu__item a { color: var(--cl-souteze); }


/* Footer */

.footer__image { position: relative; margin: 0; background: var(--cl-blue-bg); text-align: center; display: flex; justify-content: center; justify-items: center; box-shadow: 0px 3px 6px #00000029; }
.footer__image__imgWrap { max-width: 1920px; min-height: 350px; max-height: 700px; aspect-ratio: 1920 / 700; overflow: hidden; display: block; position: relative; margin: 0 auto; }
.footer__image__imgWrap__image { display: block; object-fit: contain; object-position: top center; }
.footer__image__imgWrap__image { display: block; object-fit: cover; object-position: top center; width: 100%; height: 100%/*auto*/; }

.theme-ss .footer__image { background: var(--cl-ss-bg); }
.theme-ms .footer__image { background: var(--cl-ms-bg); }
.theme-autoskola .footer__image { background: var(--cl-autoskola-bg); }
.theme-autoservis .footer__image { background: var(--cl-autoservis-bg); }
.theme-souteze .footer__image { background: var(--cl-souteze-bg); }

.footer__partneri { padding: 4.375rem 0 5rem; background-color: var(--cl-white); }
.footer__partneri__list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem;}
.footer__partneri__list__item { position: relative; transition: all 0.2s ease; text-align: center; display: flex; align-items: center; align-content: center; }
.footer__partneri__list__item:hover { transform: scale(1.1); }
.footer__partneri__list__item__image { margin: 0 auto; max-width: 100%; height: auto; }

.footer { color: var(--cl-white); }
.footer__line {}
.footer__line-line1 { background: var(--cl-black); padding: 4.5rem 0 3rem; border-bottom: 1px solid var(--cl-grey-ce); }
.footer__line-line1 p { color: var(--cl-white); font-size: 1rem; line-height: 1.9375rem; font-weight: 700; margin: 0; }
.footer__line-line1 a { color: var(--cl-white); text-decoration: underline; }
.footer__line-line1 a:hover { text-decoration: none; }

.footer__line__columns { display: grid; grid-template-columns: 1fr; gap: 3rem 2rem; grid-template-areas: "f2" "f1" "f3" "f4"; }
.footer__line__columns__column {}
.footer__line__columns__column-1 { grid-area: f1; }
.footer__line__columns__column-2 { grid-area: f2; }
.footer__line__columns__column-3 { grid-area: f3; }
.footer__line__columns__column-4 { grid-area: f4; }

.footer__line-line1 p.footer_column_1__headline { font-size: 1.375rem; line-height: 1.875rem; font-weight: 700; margin: 0 0 1.5rem; }
.footer__line-line1 .footer_column_1__hodiny { display: inline-block; padding-left: 2.5rem; font-weight: 500; }
.footer__line-line1 .footer_column_1__email__link, .footer_column_1__telefon__link, .footer_column_1__soc__link { position: relative; display: inline-block; padding-left: 2.5rem; background-position: 0 50%; background-size: 20px auto; background-repeat: no-repeat; } 
.footer__line-line1 .footer_column_1__email__link { background-image:url('/images/ssams-icons.svg#footer-email');}
.footer__line-line1 .footer_column_1__telefon__link { background-image:url('/images/ssams-icons.svg#footer-telefon');}
.footer__line-line1 .footer_column_1__soc__link {  font-weight: 500; }
.footer__line-line1 .footer_column_1__soc__link-facebook { background-image:url('/images/ssams-icons.svg#soc-facebook'); background-size: 9px 18px; background-position-x: 3px;}

.footer_column_2__logo a .footer_column_2__logo__image { margin-top: 0.375rem; filter: var(--filter-white); }

.footer__line-line2 { background: var(--cl-black); padding: 1.5rem 0; color: var(--cl-white); line-height: 1.5rem; }
.footer__line-line2 .footer__line2__content p { color: var(--cl-white); margin: 0 0 1rem; }
.footer__line-line2 .footer__line2__content p span { color: var(--cl-white); margin: 0; }
.footer__line-line2 .footer__line2__content p.footer__line2__content__separator { display: none; }
.footer__line-line2 a { color: var(--cl-white); text-decoration: underline; }
.footer__line-line2 a:hover { text-decoration: none; }

.footer_column_links__link--cvlk { position: relative; }
.footer_column_links__link--cvlk:after { content: ''; position: absolute; right: -11px; top: 1px; width: 7px; height: 7px; background-image:url('/images/ssams-icons.svg#ico-cvlk-footer'); background-repeat: no-repeat; }

@media screen and (min-width: 48rem){
    .footer__partneri { padding: 4.375rem 0 5rem; background-color: var(--cl-white); }
    .footer__partneri__list { grid-template-columns: repeat(3, 1fr); gap: 2.25rem;}
    
    .footer__line__columns { grid-template-columns: repeat(2, 1fr); gap: 3rem 2rem; grid-template-areas: "f1 f2" "f3 f4"; }

    .footer__line-line2 .footer__line2__content { display: flex; justify-content: center; justify-items: center; }
    .footer__line-line2 .footer__line2__content p { margin: 0; }
    .footer__line-line2 .footer__line2__content p.footer__line2__content__separator { display: block; margin: 0 6px; }
}

@media screen and (min-width: 78rem) {
    .footer__partneri__list { grid-template-columns: repeat(6, 1fr); gap: 2.25rem;}

    .footer__line__columns { grid-template-columns: 290px 183px 200px 1fr; gap: 5rem; grid-template-areas: "f1 f2 f3 f4"; }
    .footer__line__columns__column-3 .footer_column_links__outer { position: relative; }
    .footer__line__columns__column-3 .footer_column_links__outer:after { content: ''; position: absolute; top: 5px; bottom: 5px; right: 0; width: 1px; background: var(--cl-grey-ce); }
}

/* CC */

.cc__denied { margin: 0 0 2rem; background: var(--cl-red-background); padding: 2.5rem 1.5rem; }
.cc__denied > div { text-align: center; }
.cc__denied > div > p { font-size: 1.125rem; line-height: 1.625rem; font-weight: 500; }

.cc__denied > div > button { font-size: 1.125rem; line-height: 1.625rem; display: inline-block; padding: 0.75rem 1.25rem; background: var(--cl-blue); color: var(--cl-white); font-size: 0.875rem; line-height: 1.375rem; font-weight: 700; border-radius: 0.625rem; transition: all 0.2s ease; border: 0; outline: 0; text-decoration: none; cursor: pointer; }
.cc__denied > div > button:hover { background: var(--cl-brown); color: var(--cl-white); }

@media screen and (min-width: 48rem) {
    .cc__denied { padding: 4rem 3rem; }
}

 #cc-main {
     --cc-font-family: "Lexend";

     --cc-btn-primary-bg: var(--cl-blue);
     --cc-btn-primary-border-color: var(--cl-blue);
     --cc-btn-primary-hover-bg: var(--cl-black);
     --cc-btn-primary-hover-border-color: var(--cl-black);

     --cc-toggle-on-bg: var(--cc-btn-primary-bg);

     /*--cc-cookie-category-block-bg: var(--cl-blue-bg);*/

     --cc-btn-border-radius: 0.625rem;
 }

.cc__button { font-size: 1.125rem; line-height: 1.625rem; display: inline-block; padding: 0.75rem 1.25rem; background: var(--cl-blue); color: var(--cl-white); font-size: 0.875rem; line-height: 1.375rem; font-weight: 700; border-radius: 0.625rem; transition: all 0.2s ease; border: 0; outline: 0; text-decoration: none; cursor: pointer; }
.cc__button:hover { background: var(--cl-black); color: var(--cl-white); }


.article .cookies__located {
    padding: 0 0 1rem;
}
.article details {
    padding: 0.25rem 0;
}

.article details summary {
    cursor: pointer;
    background: var(--cl-blue-bg);
    padding: 0.75rem 1.75rem;
}
.article details summary > div {
    display: inline;
    cursor: pointer;
}
.article details summary h3 {
    display: inline;
    color: var(--cl-blue-bg-hover);
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
}
.article details summary span {
    color: var(--cl-blue-bg-hover);
}

.article details > div {
    background: #f8f8f8;
    display: grid;
    gap: 1.5rem 3.5rem;
}
.article details > div p {
    padding-top: 0;
    font-size: 0.9625rem;
}
.article details > div .cookies-per-purpose {
    display: grid;
    border: 1px solid #dadada;
    grid-gap: 1px;
    background-color: #dadada;
    margin-bottom: 10px;
}

@media screen and (min-width: 0) {
    .article details summary span {
        display: block;
    }
    .article details > div {
        grid-template-columns: 1fr;
    }
    .article details > div .cookies-service-description {
        padding: 1rem 1.75rem 0;
    }
    .article details > div .cookies-sharing-data {
        padding: 0 1.75rem 0;
    }
    .article details > div .cookies-per-purpose {
        grid-template:
            "purpose"
            "header1" auto
            "header2" auto
            "header3" auto;
    }
}
@media screen and (min-width: 48rem) {
    .article details summary span {
        display: unset;
        float: right;
    }
    .article details > div {
        grid-template-columns: 1fr 1fr;
    }
    .article details > div .cookies-service-description {
        padding: 1.25rem 0 0 1.75rem;
    }
    .article details > div .cookies-sharing-data {
        padding: 1.25rem 1.75rem 0 0;
    }
    .article details > div .cookies-per-purpose {
        grid-column-start: 1;
        grid-column-end: 3;
        grid-template:
            "purpose purpose purpose"
            "header1 header2 header3" auto;
    }
}


.article details > div .cookies-per-purpose div {
    padding: 1rem;
}
.article details > div .cookies-per-purpose div h4 {
    padding: 0;
    margin: 0;
}
.article details > div .cookies-per-purpose div h5 {
    padding: 0;
    margin: 0;
}
.article details > div .cookies-per-purpose .purpose {
    grid-area: purpose;
    background: var(--cl-white);
}
.article details > div .cookies-per-purpose .name-header {
    grid-area: header1;
    background: #f8f8f8;
}
.article details > div .cookies-per-purpose .retention-header {
    grid-area: header2;
    background: #f8f8f8;
}
.article details > div .cookies-per-purpose .function-header {
    grid-area: header3;
    background: #f8f8f8;
}
.article details > div .cookies-per-purpose .name {
    background: var(--cl-white);
}
.article details > div .cookies-per-purpose .retention {
    background: var(--cl-white);
}
.article details > div .cookies-per-purpose .function {
    background: var(--cl-white);
}