/*
 HASIČI MEZIBOŘÍ – PRŮVODCE ÚPRAVAMI CSS
 =====================================
 Komentáře mezi lomítkem s hvězdičkou a hvězdičkou s lomítkem se na webu nezobrazují.

 JAK SE V SOUBORU ORIENTOVAT
 - Ctrl+F: vyhledejte název oddílu nebo selektor uvedený níže.
 - Selektor před { určuje prvek; uvnitř jsou vlastnosti a jejich hodnoty.
 - color = barva písma; background = pozadí; font-size = velikost písma.
 - padding = vnitřní odsazení; margin = vnější odstup; gap = mezera mezi kartami.
 - border = rámeček; border-radius = zaoblení; width/height = šířka/výška.
 - grid-template-columns určuje počet a šířku sloupců.
 - @media omezuje pravidla podle šířky okna. max-width znamená „nejvýše“.
 - :hover platí při najetí myší; :focus-visible při ovládání klávesnicí.
 - !important dává deklaraci přednost před běžnými pravidly.

 KDE UPRAVOVAT
 Barvy: :root (--red červená, --dark tmavé pozadí, --ink text,
 --line rámečky, --muted vedlejší text). Některé oddíly mají vlastní pevné barvy.
 Záhlaví a znak: .v2-brand, .v2-logo; aktuální rozměry i v oddílu Zvětšení znaku.
 Horní menu: #v2-nav; čitelnost také v oddílu Čitelná navigace.
 Banner: .v2-hero; adresu obrázku určuje proměnná --hero-image níže v CSS.
 Tlačítka: .v2-btn. Rozložení stránky: #body a #nav-column-right.
 Karty: hledejte oddíl členů/techniky; fotky v oddílu Fotogalerie.
 Kontakty: .contact-; O nás: .about-; zařazení členů: .roles-.

 DŮLEŽITÉ PRO DALŠÍ ÚPRAVY
 Pořadí pravidel je záměrně zachováno: níže jsou pozdější opravy vzhledu.
 Při stejné důležitosti a specifičnosti vyhrává pozdější pravidlo.
 Než hodnotu změníte, vyhledejte i další výskyty stejného selektoru.
 Další CSS je v Upravit XHTML > Hlavní šablona, v označených blocích <style>:
 prevence a mládež, informace sboru, videa a stránkování, ohlášení pálení,
 školení a tisk, sponzoring a rozložení po odstranění starého rozcestníku.
 Tyto bloky se mohou překrývat s pravidly zde. Texty a adresy odkazů měňte
 v XHTML nebo v příslušném příspěvku, nikoli v CSS.
 Před úpravou si uložte kopii; po úpravě zkontrolujte počítač i úzké okno.
*/
/* Hasiči Meziboří — vzhled podle dodané obrazové předlohy. */

/* ZÁKLADNÍ PALETA BAREV – společné proměnné používané přes var(...). */
:root {
  --red:#c90716;
  --dark:#1b2227;
  --ink:#171c20;
  --line:#dfe2e5;
  --muted:#59616a
}

* {
  box-sizing:border-box
}

html {
  scroll-behavior:smooth;
  scroll-padding-top:20px
}

body {
  margin:0;
  background:#f5f6f7;
  color:var(--ink);
  font:16px/1.55 Arial,Helvetica,sans-serif;
  text-align:left
}

a {
  color:var(--red);
  text-underline-offset:3px
}

a:hover {
  color:#8d0711
}

img {
  max-width:100%;
  height:auto
}

button,input,select,textarea {
  font:inherit
}

button,a {
  touch-action:manipulation
}

a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible {
  outline:3px solid #e29b16;
  outline-offset:3px
}

hr,.clear,.decoration {
  display:none
}

.accessibility-links {
  position:absolute;
  left:-10000px
}

.accessibility-links:focus {
  left:10px;
  top:10px;
  background:white;
  padding:10px;
  z-index:100
}

.v2-only-home {
  display:none
}

.home .v2-only-home {
  display:block
}


/* CELKOVÁ ŠÍŘKA WEBU – max-width omezuje šířku na velkých monitorech. */
#whole-page {
  max-width:1500px;
  margin:0 auto
}

#document {
  background:#f7f8f9
}

#header,#header1 {
  display:none
}

h1,h2,h3 {
  line-height:1.2
}

h1,h2,.v2-logo,.v2-stats strong,#v2-nav {
  font-family:'Arial Narrow','Roboto Condensed',Impact,Arial,sans-serif;
  font-stretch:condensed
}


/* HORNÍ KONTAKTNÍ LIŠTA – kontakty a odkazy nad logem. */
.v2-top {
  display:flex;
  justify-content:space-between;
  background:var(--dark);
  color:white;
  padding:7px 4.5%;
  font-size:13px;
  gap:20px
}

.v2-top>div {
  display:flex;
  gap:25px
}

.v2-top a {
  color:white;
  text-decoration:none
}


/* ZÁHLAVÍ – logo, název sboru a motto. */
.v2-brand {
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:20px 4.5%;
  min-height:145px;
  background:linear-gradient(110deg,#fff,#f0f2f4)
}

.v2-logo {
  display:flex;
  gap:22px;
  align-items:center;
  text-decoration:none;
  color:#101519
}

.v2-logo img {
  width:86px;
  height:108px;
  object-fit:contain
}

.v2-logo strong {
  font-size:clamp(24px,3.2vw,42px);
  line-height:1.08;
  display:block;
  letter-spacing:-1px;
  font-weight:900
}

.v2-logo b {
  display:block;
  color:var(--red);
  font-size:clamp(15px,2vw,24px);
  margin-top:6px;
  font-weight:800
}

.v2-motto {
  font:italic 27px/1.12 'Segoe Print','Brush Script MT',cursive;
  transform:rotate(-6deg);
  padding-right:10%;
  color:#222
}

.v2-motto span {
  margin-left:38px
}

.v2-motto i {
  margin-left:77px;
  font-style:inherit
}


/* HLAVNÍ MENU – rozbalovací nabídky a jejich odkazy. */
#v2-nav {
  display:flex;
  align-items:stretch;
  padding:0 4.5%;
  background:var(--dark);
  position:relative;
  z-index:20
}

#v2-nav>a,#v2-nav summary {
  display:block;
  color:white;
  text-decoration:none;
  font-size:14px;
  font-weight:700;
  padding:17px 16px;
  cursor:pointer;
  white-space:nowrap;
  border-right:1px solid #ffffff0b
}

#v2-nav>a:hover,#v2-nav summary:hover,#v2-nav details[open]>summary {
  background:#31383e
}

#v2-nav .v2-home {
  background:var(--red)
}

#v2-nav details {
  position:relative
}

#v2-nav summary:after {
  content:'⌄';
  margin-left:8px
}

#v2-nav summary {
  list-style:none
}

#v2-nav summary::-webkit-details-marker {
  display:none
}

#v2-nav details>div {
  position:absolute;
  top:100%;
  min-width:220px;
  background:var(--dark);
  padding:8px;
  box-shadow:0 8px 20px #0003
}

#v2-nav details>div a {
  display:block;
  padding:10px;
  color:white;
  text-decoration:none;
  font-family:Arial,sans-serif;
  font-size:14px
}

#v2-nav details>div a:hover {
  background:var(--red)
}

#v2-toggle {
  display:none
}


/* ÚVODNÍ BANNER – výška, fotografie na pozadí a překrytí pro čitelnost textu. */
.v2-hero {
  position:relative;
  min-height:375px;
  background-color:#333;
  background-image:linear-gradient(90deg,#000b,transparent 70%),var(--hero-image);
  background-position:center;
  background-size:cover;
  color:white;
  padding:38px 8%
}

.v2-hero>div {
  position:relative;
  z-index:1
}

.v2-hero p {
  font-size:22px;
  font-weight:700;
  margin:0 0 10px
}

.v2-hero h1 {
  font-size:clamp(34px,4.2vw,56px);
  letter-spacing:-1px;
  font-weight:900;
  margin:0;
  line-height:1.07;
  color:white;
  position:static;
  width:auto;
  height:auto
}

.v2-rule {
  display:block;
  width:150px;
  height:5px;
  background:var(--red);
  margin:17px 0
}

.v2-hero h2 {
  font-size:clamp(17px,2vw,25px);
  margin:0 0 20px;
  color:white
}

.v2-hero>small {
  position:absolute;
  bottom:8px;
  right:12px;
  background:#0008;
  padding:2px 7px;
  font-size:12px
}


/* SPOLEČNÁ ČERVENÁ TLAČÍTKA – odsazení, barva a zaoblení. */
.v2-btn {
  display:inline-block;
  background:var(--red);
  color:white!important;
  border-radius:3px;
  padding:10px 18px;
  font-weight:700;
  text-decoration:none;
  font-size:14px
}

.v2-btn:hover {
  background:#a0000c
}


/* RYCHLÉ ODKAZY POD BANNEREM – mřížka čtyř položek. */
.v2-stats {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  padding:20px 4.5%;
  border-bottom:1px solid var(--line)
}

.v2-stats a {
  display:flex;
  align-items:center;
  gap:20px;
  padding:14px 20px;
  background:linear-gradient(110deg,#f2f3f4,#eceef0);
  border:1px solid #e6e8eb;
  border-radius:3px;
  color:var(--ink);
  text-decoration:none;
  font-size:14px
}

.v2-stats a>span {
  color:var(--red);
  font-size:34px
}

.v2-stats strong {
  display:block;
  color:var(--red);
  font-size:30px;
  line-height:1.1
}

.v2-stats a:hover {
  border-color:#ca8e93
}


/* ROZLOŽENÍ OBSAHU A PRAVÉHO PANELU – novější úprava je také v XHTML. */
#body {
  display:grid;
  grid-template-columns:minmax(0,1fr) 265px;
  grid-template-areas:'main side' 'extra side';
  gap:28px;
  margin:25px 4.5% 28px;
  align-items:start
}

#content {
  grid-area:main;
  min-width:0;
  overflow-wrap:anywhere
}

#nav-column {
  grid-area:extra
}

#nav-column-right {
  grid-area:side;
  min-width:0
}

#nav-column,#nav-column-right {
  width:auto;
  max-width:none;
  float:none;
  position:static;
  background:none
}

#breadcrumb-nav {
  font-size:14px;
  color:var(--muted);
  margin-bottom:20px
}

.home #breadcrumb-nav {
  display:none
}


/* NADPISY SEKCÍ – zarovnání nadpisu a doprovodného odkazu. */
.v2-section-title {
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 16px
}

.v2-section-title h2 {
  border-left:7px solid var(--red);
  padding-left:20px;
  font-size:29px;
  font-weight:900;
  letter-spacing:-.5px;
  margin:0
}

.v2-section-title>a {
  font-size:14px;
  text-decoration:none
}

.v2-cards,.home .v2-news {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-bottom:24px
}

.v2-card,.entry-content {
  background:#f6f7f8;
  border:1px solid var(--line);
  border-radius:3px;
  overflow:hidden;
  min-width:0;
  float:none;
  width:auto;
  margin:0;
  display:flex;
  flex-direction:column
}

.v2-card>a {
  display:block
}

.v2-card>a img {
  display:block;
  width:100%;
  height:155px;
  object-fit:cover
}

.v2-equipment .v2-card img {
  object-fit:contain;
  background:#e7e9ec
}

.v2-card-text {
  padding:15px
}

.v2-card h3 {
  font:700 16px/1.4 Arial,sans-serif;
  margin:0 0 5px
}

.v2-card p {
  font-size:14px;
  margin:0 0 14px
}

.v2-card small {
  font-size:12px;
  font-weight:700
}

.v2-card a {
  font-size:14px;
  text-decoration:none
}

.v2-card-text .v2-btn {
  padding:6px 12px
}

.vignette {
  position:relative
}

.vignette .dummy {
  display:none
}

.image-container {
  height:155px;
  overflow:hidden
}

.image-container img {
  width:100%;
  height:100%!important;
  object-fit:cover;
  display:block
}

.thumbnail-overlay {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  padding:8px 12px;
  background:#1b2227dc
}

.category a {
  color:white;
  text-decoration:none;
  font-size:14px;
  font-weight:700
}

.article-box {
  font-size:14px;
  line-height:1.5;
  padding:14px;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:8;
  overflow:hidden
}

.v2-gallery {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-bottom:24px
}

.v2-gallery img {
  display:block;
  width:100%;
  height:125px;
  object-fit:cover;
  border-radius:2px
}

.home #perex>.editor-area>p:first-child,.home #perex .f10 {
  display:none
}

.home #perex>.editor-area>p {
  font-size:14px
}

.home #perex>.editor-area>p img {
  display:none
}

.home #articles:empty {
  display:none
}

.editor-area {
  padding:0
}

.editor-area img,.article img {
  max-width:100%!important;
  height:auto!important
}

.editor-area table {
  max-width:100%;
  display:block;
  overflow:auto
}

#content h1 {
  position:static;
  font-size:32px;
  width:auto;
  height:auto;
  margin:20px 0;
  color:var(--ink)
}

#content h2:not(.v2-section-title h2) {
  font-size:26px
}

.article {
  margin-bottom:24px
}

.under-article {
  font-size:14px;
  color:var(--muted)
}

#nav-column-right>section {
  margin:0 0 15px;
  border:1px solid var(--line);
  border-radius:4px;
  padding:18px
}

#nav-column-right h2 {
  font-size:20px;
  margin:0 0 15px;
  font-weight:900
}

#nav-column-right .v2-emergency {
  padding:0;
  border:2px solid var(--red)
}

.v2-emergency h2 {
  color:white;
  background:var(--red);
  font-size:18px!important;
  padding:11px 14px;
  margin:0!important
}

.v2-emergency a {
  display:flex;
  align-items:center;
  gap:15px;
  text-decoration:none;
  padding:8px 14px;
  font-size:14px
}

.v2-emergency a>span:first-child {
  font-size:24px;
  color:var(--red)
}

.v2-emergency a>span:last-child {
  color:var(--ink);
  font-size:13px
}

.v2-emergency b {
  font-size:21px
}

.v2-social {
  background:linear-gradient(120deg,#252e35,#171d21);
  color:white
}

.v2-social a {
  display:flex;
  align-items:center;
  gap:15px;
  color:white;
  text-decoration:none;
  margin:13px 0;
  font-size:14px
}

.v2-social a span {
  display:flex;
  width:34px;
  height:34px;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  background:var(--red);
  font-size:25px;
  font-weight:700
}

.v2-social a:first-of-type span {
  background:#1474ed
}

.v2-contact p,.v2-weather p,.v2-partners a {
  font-size:14px
}

.v2-contact a,.v2-weather a {
  font-size:14px;
  text-decoration:none
}

.v2-contact,.v2-weather {
  background:linear-gradient(130deg,#fff,#eceff1)
}

.v2-partners {
  border:0!important
}

.v2-partners h2 {
  border-left:3px solid var(--red);
  padding-left:12px
}

.v2-extra {
  font-size:14px;
  border-top:1px solid var(--line);
  padding-top:14px
}

.v2-extra summary {
  cursor:pointer;
  font-weight:700
}

.v2-extra .section,.v2-extra .column {
  width:auto;
  max-width:100%;
  float:none;
  margin:15px 0;
  background:none
}

.v2-extra h2 {
  font-size:18px
}

#navigation menu {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  padding:0;
  list-style:none
}

#navigation li {
  list-style:none
}

#navigation a {
  font-size:14px;
  text-decoration:none
}

#nav-column .column {
  display:inline-block;
  vertical-align:top;
  margin-right:25px
}

.v2-extra img {
  max-width:100%;
  height:auto
}

.v2-extra .inner_frame {
  width:auto;
  max-width:100%
}

.v2-footer {
  display:grid;
  grid-template-columns:1.2fr 1.3fr 1fr 1fr;
  gap:25px;
  padding:35px 4.5%;
  color:white;
  background:linear-gradient(120deg,#1d252a,#12171b);
  font-size:14px
}

.v2-footer>div {
  padding-right:15px;
  border-right:1px solid #ffffff15
}

.v2-footer>div:last-child {
  border:0
}

.v2-footer strong {
  font-size:23px
}

.v2-footer a {
  color:white;
  text-decoration:none
}

.v2-footer p {
  color:#d8dee2
}

.v2-footer-motto {
  font:italic 24px/1.6 'Segoe Print',cursive;
  color:#b5c0c7;
  transform:rotate(-5deg)
}

#footer,#footer1 {
  background:#13191d;
  color:#ddd;
  padding:15px 4.5%;
  font-size:13px;
  height:auto
}

#footer1 ul {
  list-style:none;
  margin:0;
  padding:0;
  display:flex;
  gap:15px;
  position:static
}

#footer1 li {
  float:none
}

#footer a,#footer1 a {
  color:#ddd;
  text-decoration:none
}

#footer .inner_frame {
  width:auto;
  background:none;
  margin:0
}

input,textarea,select {
  max-width:100%;
  padding:8px;
  border:1px solid #bcc3c9;
  border-radius:3px
}

table {
  border-collapse:collapse
}

th,td {
  padding:5px
}

.mbox,.mbox2,.mbox3 {
  max-width:100%;
  float:left;
  margin:10px
}

.mbox h1,.mbox2 h1,.mbox3 h1 {
  font-size:18px!important
}

.v2-preview-note {
  font-size:13px;
  text-align:center;
  padding:5px;
  background:#ffebbd;
  color:#523600
}

.v2-history-template {
  display:none
}

body:not(.home) .v2-hero,body:not(.home) .v2-stats {
  display:none
}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:1150px) {
  #v2-nav>a,#v2-nav summary {
    padding:15px 11px;
    font-size:13px
  }

  #body {
    grid-template-columns:minmax(0,1fr) 235px;
    gap:22px
  }

  .v2-stats {
    gap:12px
  }

  .v2-stats a {
    padding:12px;
    gap:12px
  }

  .v2-section-title h2 {
    font-size:25px
  }

  .v2-motto {
    padding-right:4%
  }

  .v2-card>a img,.image-container {
    height:140px
  }

}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:900px) {
  .v2-motto {
    font-size:22px
  }

  .v2-top>div>a {
    display:none
  }

  .v2-brand {
    min-height:120px
  }

  .v2-logo img {
    width:68px;
    height:85px
  }

  .v2-logo {
    gap:15px
  }

  .v2-logo strong {
    font-size:32px
  }

  .v2-logo b {
    font-size:18px
  }

  #v2-toggle {
    display:block;
    width:100%;
    background:var(--dark);
    color:white;
    border:0;
    text-align:left;
    padding:14px 5%;
    font-weight:700
  }

  #v2-nav {
    flex-wrap:wrap;
    padding:0 4.5%
  }

  .v2-js #v2-nav {
    display:none
  }

  .v2-js #v2-nav.open {
    display:flex
  }

  #v2-nav>a,#v2-nav>details {
    width:50%
  }

  #v2-nav details>div {
    position:static;
    min-width:0
  }

  #v2-nav>a,#v2-nav summary {
    padding:14px;
    font-size:14px
  }

  .v2-hero {
    min-height:340px;
    padding:35px 5%;
    background-position:60% center
  }

  .v2-hero h1 {
    font-size:43px
  }

  .v2-hero h2 {
    max-width:300px;
    line-height:1.4
  }

  .v2-stats {
    grid-template-columns:repeat(2,1fr)
  }

  #body {
    grid-template-columns:1fr;
    grid-template-areas:'main' 'side' 'extra'
  }

  #nav-column-right {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    align-items:start
  }

  #nav-column-right>section {
    margin:0
  }

  #nav-column-right>.v2-extra {
    grid-column:1/-1
  }

  .v2-footer {
    grid-template-columns:1fr 1fr
  }

  .v2-footer>div {
    border:0
  }

  .v2-card>a img,.image-container {
    height:170px
  }

}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:580px) {
  .v2-top {
    font-size:12px;
    padding:6px 4%
  }

  .v2-top>a {
    display:none
  }

  .v2-brand {
    min-height:104px;
    padding:12px 4%
  }

  .v2-logo img {
    width:58px;
    height:73px
  }

  .v2-logo strong {
    font-size:28px;
    letter-spacing:-1px
  }

  .v2-logo b {
    font-size:15px
  }

  .v2-motto {
    display:none
  }

  .v2-hero {
    min-height:350px;
    background-position:57% center
  }

  .v2-hero h1 {
    font-size:39px
  }

  .v2-hero p {
    font-size:19px
  }

  .v2-hero h2 {
    font-size:17px;
    max-width:255px
  }

  .v2-stats {
    padding:15px 4%;
    gap:10px
  }

  .v2-stats a {
    font-size:12px;
    padding:10px;
    gap:9px
  }

  .v2-stats a>span {
    font-size:25px
  }

  .v2-stats strong {
    font-size:25px
  }

  #body {
    margin:22px 4%
  }

  .v2-cards,.home .v2-news {
    grid-template-columns:1fr;
    gap:18px
  }

  .v2-card>a img,.image-container {
    height:210px
  }

  .article-box {
    display:block;
    padding:16px
  }

  .v2-card-text {
    padding:16px
  }

  .v2-card p,.v2-card a,.article-box {
    font-size:16px
  }

  .v2-section-title h2 {
    font-size:25px;
    padding-left:13px;
    border-width:5px
  }

  .v2-section-title>a {
    font-size:12px;
    max-width:105px;
    text-align:right
  }

  .v2-gallery {
    grid-template-columns:repeat(2,1fr);
    gap:12px
  }

  .v2-gallery img {
    height:140px
  }

  #nav-column-right {
    grid-template-columns:1fr
  }

  #navigation menu {
    grid-template-columns:1fr 1fr
  }

  .v2-footer {
    grid-template-columns:1fr;
    gap:10px
  }

  .v2-footer-motto {
    display:none
  }

}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }

}

.v2-section-title.v2-only-home {
  display:none!important
}

.home .v2-section-title.v2-only-home {
  display:flex!important
}

:root {
  --hero-image:url(/img/picture/1643/banner-cas30-bez-spz.png)
}

h1,h2,.v2-logo,.v2-stats strong,#v2-nav {
  font-family:'Roboto Condensed','Arial Narrow',Impact,Arial,sans-serif
}

/* Upravené podstránky */
.sdh-page {
  font-size:16px;
  line-height:1.75
}

.sdh-page p {
  margin:0 0 18px
}

.sdh-page .f10 {
  height:auto;
  margin:8px 0
}

.sdh-page h2 {
  position:static!important;
  width:auto!important;
  height:auto!important;
  margin:25px 0 15px!important;
  color:var(--ink)!important;
  background:none!important;
  line-height:1.3!important
}

.sdh-page h3 {
  font-size:21px
}

.sdh-page img {
  max-width:100%;
  height:auto
}

.sdh-page .sdh-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px
}

.sdh-card {
  min-width:0;
  border:1px solid var(--line);
  border-radius:6px;
  overflow:hidden;
  background:white;
  display:flex;
  flex-direction:column;
  box-shadow:0 5px 18px #18232e06
}

.sdh-card>img,.sdh-card>a>img {
  display:block;
  width:100%;
  height:215px!important;
  object-fit:contain;
  background:#eef0f2;
  padding:12px
}

.sdh-members .sdh-card>img {
  height:235px!important;
  object-fit:cover;
  object-position:center top;
  padding:0
}

.sdh-card>div {
  padding:18px
}

.sdh-card h2 {
  font:700 19px/1.35 'Roboto Condensed',Arial,sans-serif!important;
  margin:0 0 8px!important
}

.sdh-card p {
  margin:0;
  color:#53606c;
  font-size:15px
}

.sdh-contact-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  margin-bottom:30px
}

.sdh-panel {
  padding:24px;
  background:white;
  border:1px solid var(--line);
  border-top:3px solid var(--red);
  border-radius:4px;
  overflow-wrap:anywhere
}

.sdh-panel h2 {
  margin:0 0 14px!important;
  font-size:23px!important
}

.sdh-panel a {
  font-weight:700
}

.sdh-panel p {
  margin-bottom:12px
}

.sdh-page iframe {
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  border:0;
  display:block;
  border-radius:5px;
  margin:20px 0
}

.sdh-contact iframe {
  aspect-ratio:4/3;
  max-height:450px
}

.sdh-page table {
  width:100%;
  height:auto;
  max-width:100%;
  border-collapse:collapse;
  display:table
}

.sdh-page td {
  vertical-align:top;
  padding:12px
}

.sdh-page .imageRow {
  margin:20px 0
}

.sdh-page .imageRow .single {
  float:none;
  width:auto;
  position:static
}

.sdh-page .imageRow a {
  display:inline-block;
  max-width:100%;
  margin:6px
}

.sdh-history address {
  font-style:normal
}

.sdh-history>p:first-of-type {
  font-size:17px
}

.sdh-note {
  border-left:4px solid #b67c18;
  background:#fff5df;
  padding:15px 18px;
  font-size:14px;
  color:#654713
}

.sdh-page .mbox3 {
  float:none;
  margin:25px 0;
  width:100%;
  padding:22px;
  background:white;
  border:1px solid var(--line)
}

.sdh-page .formular>img {
  float:right;
  margin:0 0 15px 15px
}

.sdh-page .odstavec {
  padding:15px 0;
  border-bottom:1px solid var(--line)
}

.sdh-document {
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:22px;
  background:white;
  border:1px solid var(--line);
  border-radius:5px;
  text-decoration:none
}

.sdh-document>span {
  color:var(--red);
  font-size:13px;
  font-weight:700;
  letter-spacing:.08em
}

.sdh-document h2 {
  font-size:22px!important;
  margin:0!important
}

.sdh-document b {
  font-size:14px;
  margin-top:auto
}

.sdh-document:hover {
  border-color:var(--red)
}

.sdh-download {
  overflow-wrap:anywhere
}

.sdh-legal table {
  display:block;
  max-width:100%
}

.sdh-legal td {
  padding:15px
}

.sdh-press img {
  max-height:560px;
  object-fit:contain
}

.sdh-press .f10 {
  border-left:4px solid var(--red);
  padding:7px 15px;
  font-size:18px;
  margin-top:30px
}

.sdh-press .imageRow {
  background:white;
  border:1px solid var(--line);
  padding:15px;
  text-align:center
}

.sdh-unit .f10 {
  font-size:15px
}

.sdh-unit img {
  max-height:600px;
  object-fit:contain
}

.sdh-years {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:15px
}

.sdh-years a {
  background:white;
  border:1px solid var(--line);
  border-left:4px solid var(--red);
  border-radius:3px;
  text-decoration:none;
  font-size:29px;
  font-weight:700;
  padding:18px;
  color:var(--ink)
}

.sdh-years a span {
  display:block;
  font-size:12px;
  color:var(--red);
  margin-top:8px
}

.sdh-years a:hover {
  background:#fff0f1
}

.sdh-lead {
  color:#596672
}

.sdh-event {
  border:1px solid var(--line);
  border-radius:5px;
  background:white;
  margin-bottom:18px;
  overflow:hidden
}

.sdh-event header {
  display:flex;
  align-items:center;
  gap:18px;
  padding:15px 20px;
  background:#eef0f2;
  border-left:4px solid var(--red);
  flex-wrap:wrap
}

.sdh-event header>span {
  font-weight:700;
  color:var(--red)
}

.sdh-event header h2 {
  font-size:20px!important;
  margin:0!important
}

.sdh-event header small {
  margin-left:auto;
  color:#65717c;
  font-size:13px
}

.sdh-event>div {
  padding:18px 22px
}

.sdh-event p {
  margin:0 0 7px;
  overflow-wrap:anywhere
}

.sdh-page .entry-content {
  margin-bottom:20px
}

.sdh-page .article-box {
  display:block;
  -webkit-line-clamp:unset
}

.sdh-page .image-container img {
  height:100%!important
}

.sdh-page .entry-content .image-container {
  height:210px
}

.sdh-subtitle {
  font-size:34px!important;
  border-left:6px solid var(--red);
  padding-left:20px;
  margin:0 0 25px!important
}

.v2-news .article-box {
  display:block;
  -webkit-line-clamp:unset
}

.v2-news .entry-content {
  height:100%
}

.v2-news .entry-content .article-box {
  font-size:14px
}

.v2-news .entry-content {
  position:relative
}

.v2-news .entry-content .article-box {
  max-height:260px;
  overflow:auto
}

.sdh-home .f10 {
  display:none
}

.sdh-home>p:last-child img {
  display:none
}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:1150px) {
  .sdh-page .sdh-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .sdh-years {
    grid-template-columns:repeat(3,minmax(0,1fr))
  }

}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:580px) {
  .sdh-page .sdh-grid,.sdh-contact-grid {
    grid-template-columns:1fr
  }

  .sdh-years {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .sdh-event header {
    gap:8px 15px
  }

  .sdh-event header small {
    margin-left:0;
    width:100%
  }

  .sdh-event>div {
    padding:16px
  }

  .sdh-page td {
    display:block;
    width:100%;
    padding:8px
  }

  .sdh-page .sdh-card>img,.sdh-page .sdh-card>a>img {
    height:260px!important
  }

  .sdh-subtitle {
    font-size:29px!important
  }

  .sdh-page iframe {
    border-radius:2px
  }

  .sdh-press .imageRow {
    padding:7px
  }

  .v2-news .entry-content .article-box {
    max-height:none;
    overflow:visible
  }

}

.sdh-home .n3-overview h2 {
  margin:0 0 16px!important
}

.sdh-home .n3-section-heading {
  margin:27px 0 23px!important
}

.sdh-home .n3-overview>section {
  min-width:0
}

.sdh-page h2 {
  font-family:Arial,Helvetica,sans-serif
}

.sdh-subtitle {
  border:0;
  padding:0
}

.sdh-card {
  border-radius:7px
}

.sdh-event header {
  background:#f2f5f6
}

.sdh-page .r4-heading h2 {
  margin:0!important
}

.sdh-page .r4-contact h2 {
  margin:12px 0 20px!important
}

.sdh-page .r4-community h2 {
  margin:10px 0!important
}

#whole-page {
  max-width:1320px
}

.v2-brand {
  padding-top:18px;
  padding-bottom:18px
}

.v2-hero {
  min-height:370px
}

.v2-hero h1 {
  font-size:clamp(37px,4.4vw,57px)
}

.v2-hero {
  background-position:center
}

.v2-section-title h2 {
  font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif!important;
  font-weight:900!important
}

.home .sdh-home>p:first-child {
  display:none
}

.home .sdh-home .f10 {
  display:none
}

.home .sdh-home>p:last-child img {
  display:none
}

.v2-news .article-box {
  max-height:none;
  overflow:visible
}

.v2-news .entry-content {
  height:auto
}

.v2-card-text h3 {
  font-size:16px
}

.v2-news .entry-content img {
  height:100%!important
}

.v2-hero-photo {
  display:none
}

.v2-stats strong {
  font-weight:900
}

.v2-hero h2 {
  font-weight:700
}

.sdh-page h2 {
  font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif
}

.v2-header-note {
  font-size:12px;
  color:#65717a;
  text-align:right;
  padding:0 4.5%
}

.home #perex .editor-area {
  padding:0
}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:580px) {
  .v2-stats a {
    font-size:12px
  }

  .v2-news .article-box {
    font-size:16px
  }

  .v2-hero {
    min-height:350px
  }

  .v2-section-title h2 {
    font-size:26px!important
  }

}

/* Vzhled 5 — sjednocené proporce a čitelnější obsah */
:root {
  --red:#c60819;
  --dark:#171d23;
  --ink:#20272e;
  --muted:#606b75;
  --line:#e3e7eb
}

body {
  background:#e9edf0
}

#whole-page {
  max-width:1440px;
  box-shadow:0 0 70px #17212b12
}

#document {
  background:#f8fafb
}

.v2-preview-note {
  display:none
}

.v2-top {
  padding:9px 5%;
  font-size:13px;
  background:#171d23;
  color:#d6dde3
}

.v2-top a {
  color:#d6dde3
}

.v2-brand {
  padding:25px 5%;
  min-height:156px;
  background:#fff
}

.v2-logo {
  gap:24px
}

.v2-logo img {
  width:88px;
  height:108px
}

.v2-logo strong {
  font-size:clamp(30px,3.4vw,47px);
  letter-spacing:-1.4px
}

.v2-logo b {
  font-size:clamp(16px,1.8vw,23px);
  letter-spacing:.025em;
  margin-top:9px
}

.v2-motto {
  font-size:25px;
  line-height:1.24;
  color:#48535c;
  padding-right:5%
}

#v2-nav {
  padding:0 5%;
  background:#171d23;
  border-bottom:3px solid var(--red)
}

#v2-nav>a,#v2-nav summary {
  padding:19px 16px;
  font-size:14px;
  letter-spacing:.02em;
  border:0
}

#v2-nav details>div {
  border-top:3px solid var(--red);
  padding:10px;
  border-radius:0 0 6px 6px
}

#v2-nav details>div a {
  border-radius:3px;
  padding:12px
}

.v2-hero {
  min-height:450px;
  padding:56px 6%;
  display:flex;
  align-items:center;
  background-image:linear-gradient(90deg,rgba(9,15,20,.92),rgba(9,15,20,.68) 32%,rgba(9,15,20,.13) 69%),var(--hero-image);
  background-position:center
}

.v2-hero p {
  font-size:15px;
  letter-spacing:.17em;
  margin-bottom:19px;
  color:#eef1f4
}

.v2-hero h1 {
  font-size:clamp(42px,4.9vw,68px);
  line-height:1.04;
  letter-spacing:-1.3px;
  text-shadow:0 2px 15px #0003
}

.v2-rule {
  width:65px;
  height:4px;
  margin:23px 0
}

.v2-hero h2 {
  font:400 18px/1.55 Arial,sans-serif;
  max-width:420px;
  color:#eef1f4;
  margin-bottom:25px
}

.v2-btn {
  padding:13px 20px;
  border-radius:5px;
  font-size:14px;
  line-height:1.4;
  box-shadow:0 4px 12px #85081519;
  transition:background .18s,transform .18s
}

.v2-btn:hover {
  transform:translateY(-2px);
  background:#a60816
}

.v2-hero>small {
  bottom:12px;
  right:18px;
  color:#e5e9eb;
  border-radius:3px
}

.v2-stats {
  position:relative;
  z-index:2;
  padding:0;
  margin:-1px 5% 0;
  gap:0;
  background:white;
  border:1px solid var(--line);
  border-top:4px solid var(--red);
  border-radius:0 0 8px 8px;
  box-shadow:0 10px 30px #24354509
}

.v2-stats a {
  border:0;
  border-right:1px solid var(--line);
  border-radius:0;
  background:none;
  padding:24px 26px;
  font-size:14px;
  color:#5b6670;
  line-height:1.5
}

.v2-stats a:last-child {
  border:0
}

.v2-stats a>span {
  display:none
}

.v2-stats strong {
  font-size:36px;
  letter-spacing:-.5px;
  margin-bottom:6px
}

.v2-stats a:hover {
  background:#fff7f8
}

#body {
  margin:40px 5% 45px;
  grid-template-columns:minmax(0,1fr) 270px;
  column-gap:30px;
  row-gap:32px
}

.v2-section-title {
  margin:0 0 21px;
  gap:14px
}

.v2-section-title h2 {
  font-size:29px;
  border-left:4px solid var(--red);
  padding-left:14px;
  letter-spacing:-.3px
}

.v2-section-title>a {
  font-size:14px;
  font-weight:600
}

.v2-cards,.home .v2-news {
  gap:19px;
  margin-bottom:36px;
  align-items:stretch
}

.v2-card,.entry-content {
  background:white;
  border:1px solid #e1e6ea;
  border-radius:8px;
  box-shadow:0 4px 16px #23313c06;
  transition:box-shadow .2s,transform .2s
}

.v2-card:hover {
  box-shadow:0 10px 25px #23313c12;
  transform:translateY(-3px)
}

.v2-card>a {
  overflow:hidden
}

.v2-card>a img,.image-container {
  height:180px
}

.v2-card>a img {
  transition:transform .3s
}

.v2-card:hover>a img {
  transform:scale(1.035)
}

.v2-card-text {
  padding:20px;
  display:flex;
  flex-direction:column;
  flex:1
}

.v2-card h3,.v2-card-text h3 {
  font-size:17px;
  line-height:1.4;
  margin-bottom:10px
}

.v2-card p {
  font-size:16px;
  line-height:1.6;
  color:#59636e;
  margin-bottom:18px
}

.v2-card small {
  font-size:13px;
  color:#737e88;
  font-weight:400;
  display:block;
  margin-bottom:7px
}

.v2-card-text>a:last-child {
  align-self:flex-start;
  margin-top:auto;
  font-size:14px;
  font-weight:700
}

.v2-card-text .v2-btn {
  padding:9px 13px
}

.v2-equipment .v2-card img {
  background:#edf0f2;
  padding:6px
}

.v2-gallery {
  gap:14px;
  margin-bottom:30px
}

.v2-gallery a {
  overflow:hidden;
  border-radius:7px;
  display:block
}

.v2-gallery img {
  height:142px;
  border-radius:7px;
  transition:transform .25s
}

.v2-gallery a:hover img {
  transform:scale(1.04)
}

#nav-column-right>section {
  padding:22px;
  margin-bottom:20px;
  border-radius:8px;
  background:#fff;
  box-shadow:0 4px 16px #23313c04
}

#nav-column-right h2 {
  font-size:21px;
  margin-bottom:18px;
  line-height:1.25
}

#nav-column-right .v2-emergency {
  border:1px solid #e0d5d8;
  overflow:hidden
}

.v2-emergency h2 {
  padding:17px 19px;
  font-size:18px!important
}

.v2-emergency a {
  padding:12px 18px;
  gap:13px;
  border-bottom:1px solid #edf0f2;
  min-height:55px
}

.v2-emergency a:last-child {
  border:0
}

.v2-emergency a>span:first-child {
  display:none
}

.v2-emergency b {
  font-size:25px;
  min-width:43px
}

.v2-emergency a>span:last-child {
  font-size:14px
}

.v2-emergency a:hover {
  background:#fff4f5
}

#nav-column-right .v2-social {
  background:#1b232a
}

.v2-social a {
  font-size:16px;
  margin:17px 0
}

.v2-social a:last-child {
  margin-bottom:0
}

.v2-social a span {
  width:32px;
  height:32px;
  font-size:23px;
  border-radius:6px
}

.v2-contact p,.v2-weather p,.v2-partners a {
  font-size:16px;
  line-height:1.65
}

.v2-contact a,.v2-weather a {
  font-size:14px;
  font-weight:600
}

.v2-partners {
  border:1px solid var(--line)!important
}

.v2-partners h2 {
  border:0;
  padding:0
}

.v2-extra {
  padding:18px 0;
  color:#53606b;
  line-height:1.65
}

.v2-extra summary {
  font-size:14px;
  min-height:28px
}

.v2-footer {
  padding:43px 5%;
  gap:30px;
  border-top:4px solid var(--red);
  background:#171e24;
  line-height:1.75
}

.v2-footer strong {
  font-size:25px
}

.v2-footer a:hover {
  text-decoration:underline;
  color:white
}

.v2-footer>div {
  padding-right:20px
}

.v2-footer-motto {
  font-size:21px;
  color:#bbc4ca
}

#footer,#footer1 {
  background:#11171c;
  padding:16px 5%;
  color:#b7c0c7
}

.sdh-subtitle {
  font-size:38px!important;
  letter-spacing:-.6px;
  margin-bottom:26px!important
}

.sdh-card,.sdh-panel,.sdh-document,.sdh-event {
  border-radius:8px;
  box-shadow:0 4px 16px #23313c06
}

.sdh-card>div {
  padding:22px
}

.sdh-page {
  line-height:1.8
}

.sdh-panel {
  padding:26px
}

.sdh-event header {
  padding:18px 22px;
  background:#f0f3f5
}

.sdh-event>div {
  padding:22px
}

.sdh-years a {
  border-radius:6px;
  padding:22px
}

.article-box {
  font-size:16px!important;
  line-height:1.65
}

#breadcrumb-nav {
  padding-bottom:15px;
  border-bottom:1px solid var(--line)
}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(min-width:901px) and (max-width:1200px) {
  #v2-nav>a,#v2-nav summary {
    padding:17px 10px;
    font-size:13px
  }

  #body {
    grid-template-columns:minmax(0,1fr) 240px;
    gap:24px
  }

  .v2-card-text {
    padding:15px
  }

  .v2-card>a img {
    height:155px
  }

  .v2-stats a {
    padding:20px
  }

  .v2-motto {
    padding-right:0
  }

}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:900px) {
  .v2-brand {
    min-height:128px;
    padding:20px 5%
  }

  .v2-logo strong {
    font-size:35px
  }

  .v2-logo img {
    width:72px;
    height:89px
  }

  .v2-logo b {
    font-size:18px
  }

  .v2-motto {
    font-size:22px;
    padding-right:0
  }

  #v2-nav>a,#v2-nav summary {
    font-size:14px;
    padding:16px
  }

  .v2-hero {
    min-height:410px;
    padding:42px 6%;
    background-position:60% center
  }

  .v2-hero h1 {
    font-size:54px
  }

  .v2-stats {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .v2-stats a:nth-child(2) {
    border-right:0
  }

  .v2-stats a:nth-child(-n+2) {
    border-bottom:1px solid var(--line)
  }

  #body {
    grid-template-columns:1fr;
    margin:32px 5%;
    gap:28px
  }

  .v2-card>a img {
    height:185px
  }

  #nav-column-right {
    gap:20px
  }

  #nav-column-right>section {
    margin:0
  }

  .v2-footer {
    grid-template-columns:1fr 1fr
  }

}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:580px) {
  .v2-top {
    font-size:12px
  }

  .v2-brand {
    min-height:115px;
    padding:18px 5%
  }

  .v2-logo {
    gap:14px
  }

  .v2-logo img {
    width:59px;
    height:75px
  }

  .v2-logo strong {
    font-size:29px;
    letter-spacing:-.7px
  }

  .v2-logo b {
    font-size:14px;
    letter-spacing:0;
    margin-top:7px
  }

  .v2-hero {
    min-height:385px;
    padding:36px 6%;
    background-position:58% center;
    background-image:linear-gradient(90deg,#091014df,#09101480),var(--hero-image)
  }

  .v2-hero h1 {
    font-size:43px
  }

  .v2-hero h2 {
    font-size:16px;
    max-width:270px
  }

  .v2-hero p {
    font-size:13px
  }

  .v2-stats a {
    padding:17px 16px;
    font-size:14px
  }

  .v2-stats strong {
    font-size:30px
  }

  .v2-section-title {
    align-items:flex-start
  }

  .v2-section-title h2 {
    font-size:27px!important
  }

  .v2-section-title>a {
    font-size:14px;
    max-width:120px
  }

  .v2-cards,.home .v2-news {
    gap:22px;
    margin-bottom:32px
  }

  .v2-card>a img,.image-container {
    height:220px
  }

  .v2-card-text {
    padding:21px
  }

  .v2-card h3 {
    font-size:19px
  }

  .v2-gallery img {
    height:140px
  }

  #nav-column-right {
    grid-template-columns:1fr
  }

  .v2-footer {
    grid-template-columns:1fr;
    padding:32px 5%;
    gap:22px
  }

  .v2-footer>div {
    padding:0
  }

  .sdh-subtitle {
    font-size:31px!important
  }

  .sdh-panel {
    padding:22px
  }

}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(prefers-reduced-motion:reduce) {
  .v2-card,.v2-card img,.v2-gallery img,.v2-btn {
    transition:none!important;
    transform:none!important
  }

}

/* Doladění původního obsahu přímo pro eStránky */
.v2-news .entry-content .article-box {
  max-height:none;
  overflow:visible;
  font-weight:400
}

.v2-news .entry-content {
  height:100%
}

.home #perex .editor-area>p:first-child {
  display:none
}

.home #perex .editor-area>p:last-of-type {
  font-size:14px;
  margin:0 0 24px;
  text-align:right!important
}

.v2-news .entry-content .vignette {
  border:0
}

.v2-news .entry-content .article-box {
  padding:18px;
  line-height:1.65
}

#content .mbox2,#content .mbox1 {
  width:calc(33.333% - 20px);
  margin:10px;
  padding:16px;
  background:white;
  border:1px solid var(--line);
  border-radius:8px;
  box-shadow:0 4px 16px #23313c06;
  float:left;
  min-width:0
}

#content .mbox2 h1,#content .mbox1 h1 {
  font-size:17px!important;
  line-height:1.4;
  margin:0 0 14px;
  padding:0;
  min-height:48px
}

#content .mboxcont2,#content .mboxcont1 {
  width:100%;
  height:auto;
  border:0
}

#content .wrapper2,#content .wrapper {
  float:none;
  width:100%;
  position:static
}

#content .description2,#content .description {
  position:static;
  width:100%;
  left:auto;
  bottom:auto;
  opacity:1;
  color:var(--ink);
  background:none
}

#content .description_content2,#content .description_content {
  padding:12px 0 0;
  margin:0;
  font-size:15px
}

#content .mbox2 img {
  width:100%;
  height:170px!important;
  object-fit:contain
}

#content .mbox1 img {
  width:100%;
  height:210px!important;
  object-fit:cover;
  object-position:top
}

#content .editor-area:after {
  content:'';
  display:block;
  clear:both
}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:700px) {
  #content .mbox2,#content .mbox1 {
    width:calc(50% - 16px);
    margin:8px;
    padding:12px
  }

}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:420px) {
  #content .mbox2,#content .mbox1 {
    width:100%;
    margin:0 0 16px
  }

}

/* Čitelná navigace bez zúženého náhradního písma */
#v2-nav,#v2-nav a,#v2-nav summary,#v2-toggle {
  font-family:Arial,Helvetica,sans-serif!important;
  font-stretch:normal!important;
  font-style:normal;
  text-shadow:none!important;
  letter-spacing:0!important;
  font-synthesis:none;
}

#v2-nav>a,#v2-nav summary {
  font-size:15px;
  font-weight:700;
  line-height:22px;
}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(min-width:901px) and (max-width:1100px) {
  #v2-nav>a,#v2-nav summary {
    font-size:14px;
    padding-left:9px;
    padding-right:9px;
  }

}

/* Pravidelná mřížka členů a techniky */
#content .editor-area:has(> .wrapper2),#content .editor-area:has(> .wrapper > .mbox1) {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-auto-rows:1fr;
  gap:22px;
  align-items:stretch;
}

#content .editor-area:has(> .wrapper2)> .f10,#content .editor-area:has(> .wrapper > .mbox1)> .f10,#content .editor-area:has(> .wrapper2):after,#content .editor-area:has(> .wrapper > .mbox1):after {
  display:none;
}

#content .editor-area>.wrapper2,#content .editor-area>.wrapper:has(>.mbox1) {
  float:none;
  position:static;
  width:auto;
  min-width:0;
  display:flex;
  margin:0;
  padding:0;
}

#content .wrapper2>.mbox2,#content .wrapper>.mbox1 {
  float:none;
  width:100%;
  max-width:none;
  height:100%;
  margin:0;
  padding:18px;
  display:flex;
  flex-direction:column;
}

#content .wrapper2>.mbox2 h1,#content .wrapper>.mbox1 h1 {
  min-height:48px;
  margin:0 0 14px;
  display:flex;
  align-items:center;
  line-height:1.4;
  overflow-wrap:anywhere;
}

#content .wrapper2 .mboxcont2 {
  height:180px;
  flex:0 0 180px;
}

#content .wrapper2 .mboxcont2 img {
  display:block;
  width:100%;
  height:180px!important;
  object-fit:contain;
}

#content .wrapper .mboxcont1 {
  height:240px;
  flex:0 0 240px;
}

#content .wrapper .mboxcont1 img {
  display:block;
  width:100%;
  height:240px!important;
  object-fit:cover;
  object-position:center top;
}

#content .wrapper2 .description2,#content .wrapper .description {
  position:static;
  margin-top:auto;
  padding-top:14px;
  min-height:64px;
  width:100%;
}

#content .wrapper2 .description_content2,#content .wrapper .description_content {
  margin:0;
  padding:0;
  font-size:15px;
  line-height:1.5;
}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:1100px) {
  #content .editor-area:has(>.wrapper2),#content .editor-area:has(>.wrapper>.mbox1) {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
  }

}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:480px) {
  #content .editor-area:has(>.wrapper2),#content .editor-area:has(>.wrapper>.mbox1) {
    grid-template-columns:1fr;
  }

}

/* Ostré nadpisy informačních panelů a sekcí */
h1,h2,h3,#nav-column-right h2,.v2-section-title h2,#content h1,#content h2,#content h3 {
  font-family:Arial,Helvetica,sans-serif!important;
  font-stretch:normal!important;
  font-style:normal;
  font-weight:700!important;
  font-synthesis:none;
  text-shadow:none!important;
  letter-spacing:normal;
}

#nav-column-right h2 {
  font-size:20px;
  line-height:1.35;
}

#nav-column-right .v2-emergency h2 {
  font-size:18px!important;
  line-height:1.4;
}

/* Evidence výjezdů */
.ev-intro {
  margin:0 0 28px;
  padding:26px;
  background:#fff;
  border:1px solid var(--line);
  border-top:4px solid var(--red);
  border-radius:8px
}

.ev-intro .ev-eyebrow {
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  color:#b50818;
  margin:0 0 10px
}

.ev-intro h1 {
  font-size:32px!important;
  margin:0 0 14px!important
}

.ev-intro p {
  margin:0 0 14px;
  font-size:16px;
  line-height:1.65;
  color:#53616d
}

.ev-intro .ev-note {
  font-size:14px;
  border-left:3px solid #c8ced5;
  padding-left:14px
}

.ev-intro a {
  font-size:14px;
  font-weight:700
}

.ev-record {
  border-radius:8px;
  margin:0 0 22px;
  background:#fff;
  overflow:hidden;
  border:1px solid #dfe5e9;
  box-shadow:0 4px 14px #17232e06
}

.sdh-event.ev-record>.ev-top {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  padding:16px 22px;
  border-bottom:1px solid #e7ebee;
  background:#f0f3f5;
  border-left:4px solid var(--red)
}

.ev-date {
  font-size:18px;
  font-weight:700;
  color:#20272e
}

.ev-kind {
  font-size:13px;
  font-weight:700;
  padding:4px 10px;
  background:#fff;
  border:1px solid #d9e0e5;
  border-radius:4px
}

.ev-status {
  font-size:13px;
  font-weight:700;
  color:#76510a;
  background:#fff0cb;
  padding:4px 10px;
  border-radius:4px
}

.ev-no-turnout>.ev-top {
  border-left-color:#bf8c27!important
}

.sdh-event.ev-record>.ev-body {
  padding:22px
}

.ev-record .ev-body h2 {
  font-size:21px!important;
  margin:0 0 3px!important
}

.ev-record .ev-unit {
  font-size:13px;
  color:#71808c;
  margin:0 0 18px!important
}

.ev-record .ev-body p {
  font-size:16px;
  line-height:1.7;
  margin:0 0 9px;
  overflow-wrap:anywhere
}

.ev-record .ev-body p:last-child {
  margin-bottom:0
}

.ev-record .ev-body strong {
  color:#28343e
}

.ev-archive .sdh-years {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px
}

.ev-archive .sdh-years a {
  padding:23px 18px;
  border-radius:7px;
  background:#fff;
  box-shadow:0 4px 14px #17232e06
}

.ev-archive .sdh-years a:first-child {
  color:white;
  background:#bc0a1a;
  border-color:#bc0a1a
}

.ev-archive .sdh-years a:first-child span {
  color:white
}

.ev-archive .sdh-years a span {
  font-size:13px;
  line-height:1.5;
  font-weight:400
}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:700px) {
  .ev-archive .sdh-years {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .ev-intro {
    padding:20px
  }

  .ev-intro h1 {
    font-size:28px!important
  }

  .sdh-event.ev-record>.ev-top,.sdh-event.ev-record>.ev-body {
    padding:18px
  }

}

/* Fotogalerie – sjednocené náhledy, alba a prohlížeč */
#photo-album {
  padding:0 0 20px;
  min-width:0
}

#photo-album>h2 {
  font-size:32px!important;
  line-height:1.2;
  margin:0 0 24px;
  padding:0 0 18px;
  border-bottom:1px solid #dce2e7;
  letter-spacing:-.6px
}

#photo-album>h2:before {
  content:'FOTOGALERIE';
  display:block;
  font:700 11px/1.5 Arial,sans-serif;
  letter-spacing:2px;
  color:#bd0712;
  margin-bottom:10px
}

#photo-album #folders {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px;
  margin:0 0 30px;
  padding:0
}

#photo-album .folder {
  display:flex;
  flex-direction:column;
  float:none;
  width:auto;
  min-width:0;
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid #dfe4e8;
  border-radius:10px;
  background:#fff;
  box-shadow:0 5px 18px #18212b08
}

#photo-album .folder:hover {
  border-color:#c70b17;
  box-shadow:0 8px 24px #18212b16
}

#photo-album .photo-wrap,#photo-album .photo-wrap>div {
  float:none;
  width:auto;
  height:auto;
  margin:0;
  padding:0;
  border:0;
  background:none
}

#photo-album .photo-wrap br,#clear_folders,#clear_photos {
  display:none!important
}

#photo-album .folder .photo-wrap a {
  display:block;
  aspect-ratio:4/3;
  overflow:hidden;
  background:#e9edf0
}

#photo-album .folder .photo-wrap img {
  display:block;
  width:100%!important;
  height:100%!important;
  object-fit:cover;
  border:0;
  max-width:none;
  padding:0;
  margin:0
}

#photo-album .folder-info {
  padding:20px;
  display:flex;
  flex-direction:column;
  flex:1;
  float:none;
  width:auto
}

#photo-album .folder-info h3 {
  font-size:19px!important;
  line-height:1.35;
  min-height:52px;
  margin:0 0 14px;
  padding:0
}

#photo-album .folder-info h3 a {
  color:#17212a;
  text-decoration:none
}

#photo-album .folder-info>div {
  display:flex;
  justify-content:space-between;
  gap:10px;
  font:400 13px/1.7 Arial,sans-serif;
  color:#35414c;
  margin:0;
  padding:3px 0
}

#photo-album .folder-info>div>span {
  color:#737e88
}

#photo-album .folder-info:after {
  content:'Otevřít album →';
  display:block;
  color:#be0713;
  font:700 13px/1.5 Arial,sans-serif;
  padding-top:17px;
  margin-top:12px;
  border-top:1px solid #edf0f2;
  pointer-events:none
}

#photo-album #photos {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin:0 0 28px;
  padding:0
}

#photo-album #photos .photo-wrap {
  overflow:hidden;
  border-radius:8px;
  background:#e9edf0;
  border:1px solid #dce2e6
}

#photo-album #photos .photo-wrap a {
  display:block;
  position:relative;
  aspect-ratio:4/3;
  overflow:hidden;
  cursor:zoom-in
}

#photo-album #photos .photo-wrap img {
  display:block;
  width:100%!important;
  height:100%!important;
  max-width:none;
  object-fit:cover;
  border:0;
  margin:0;
  padding:0
}

#photo-album #photos .photo-wrap a:after {
  content:'Zvětšit ↗';
  position:absolute;
  right:10px;
  bottom:10px;
  color:white;
  background:#151d26d9;
  padding:7px 10px;
  border-radius:4px;
  font:700 11px/1.3 Arial,sans-serif
}

#photo-album a:focus-visible {
  outline:3px solid #c60715;
  outline-offset:-3px
}

#photo-album .gal-help {
  font:400 14px/1.65 Arial,sans-serif;
  color:#63707b;
  margin:-8px 0 22px
}

#smFilterDiv {
  background:#080e15!important;
  opacity:.96!important
}

#smLightbox_container {
  font-family:Arial,sans-serif;
  text-shadow:none
}

#smLightbox_title {
  font:400 14px/1.4 Arial,sans-serif!important;
  max-width:65vw;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#eef2f5!important
}

#smLightbox_container .button,#smLightbox_container .button span {
  background:#222d38!important;
  color:#fff!important;
  border-radius:5px;
  text-shadow:none;
  font:400 12px/25px Arial,sans-serif!important
}

#smLightbox_close,#smLightbox_close span {
  background:#b80714!important
}

#smLightbox_viewerImageContainer {
  border:0!important;
  box-shadow:0 12px 50px #0008
}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:1100px) {
  #photo-album #folders,#photo-album #photos {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:580px) {
  #photo-album>h2 {
    font-size:27px!important
  }

  #photo-album #folders {
    grid-template-columns:1fr;
    gap:20px
  }

  #photo-album #photos {
    gap:9px
  }

  #photo-album .folder-info h3 {
    min-height:0
  }

  #photo-album #photos .photo-wrap a:after {
    font-size:10px;
    padding:5px 7px
  }

  #smLightbox_title {
    max-width:40vw;
    font-size:11px!important
  }

}

#photo-album .folder {
  position:relative
}

#photo-album .folder-info h3 a:after {
  content:'';
  position:absolute;
  inset:0;
  z-index:1
}

#photo-album .folder:focus-within {
  outline:3px solid #c60715;
  outline-offset:3px
}

/* Zařazení členů – čitelné karty místo rastrové tabulky */
.roles-page {
  font:400 16px/1.65 Arial,sans-serif;
  color:#23313b
}

.roles-intro {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  background:#17232d;
  color:#fff;
  padding:30px;
  border-radius:10px;
  margin:10px 0 34px;
  border-bottom:4px solid #c60716
}

.roles-intro h2 {
  font-size:29px!important;
  color:#fff!important;
  border:0!important;
  padding:0!important;
  margin:8px 0 12px!important;
  line-height:1.2
}

.roles-intro p {
  margin:0 0 14px!important;
  color:#e0e6eb
}

.roles-intro .roles-eyebrow {
  font-size:11px;
  letter-spacing:1.6px;
  color:#c8d2da
}

.roles-category {
  display:inline-block;
  padding:5px 11px;
  border:1px solid #64717d;
  border-radius:4px;
  font-size:12px;
  font-weight:700
}

.roles-emblems {
  display:flex;
  align-items:center;
  gap:14px;
  flex-shrink:0
}

.roles-emblems img {
  width:64px!important;
  height:84px!important;
  object-fit:contain;
  float:none!important;
  margin:0!important
}

.roles-group {
  margin:0 0 32px
}

.roles-page .roles-group>h2,.roles-page .roles-legend>h2,.roles-page .roles-about>h2 {
  font-size:22px!important;
  line-height:1.35;
  border:0!important;
  border-left:4px solid #c60716!important;
  padding:0 0 0 12px!important;
  margin:0 0 18px!important
}

.roles-group>h2>span {
  display:inline-block;
  vertical-align:middle;
  background:#e9edf1;
  color:#65717b;
  border-radius:20px;
  font-size:12px;
  padding:2px 9px;
  margin-left:8px
}

.roles-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch
}

.roles-page .roles-card {
  display:flex;
  flex-direction:column;
  background:white;
  border:1px solid #dde3e8;
  border-radius:8px;
  padding:21px;
  min-width:0;
  box-shadow:0 4px 16px #13212c05
}

.roles-page .roles-card h3 {
  font-size:21px!important;
  line-height:1.25;
  margin:0 0 21px!important;
  padding:0!important;
  color:#1b2731
}

.roles-page .roles-function {
  font:700 12px/1.5 Arial,sans-serif;
  color:#b00714;
  min-height:36px;
  margin:0 0 8px!important
}

.roles-page .roles-license {
  font-size:12px;
  color:#6b7681;
  display:flex;
  flex-direction:column;
  gap:3px;
  margin:0 0 18px!important
}

.roles-license strong {
  color:#273541;
  font-size:15px
}

.roles-skills {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:auto;
  border-top:1px solid #edf0f3;
  padding-top:16px
}

.roles-skills a {
  font:700 11px/1.5 Arial,sans-serif!important;
  background:#f0f3f6;
  color:#3d5263!important;
  border:1px solid #e1e7ed;
  border-radius:4px;
  padding:4px 7px;
  text-decoration:none!important
}

.roles-skills a:hover,.roles-skills a:focus-visible {
  background:#fff0f1;
  color:#b00714!important;
  border-color:#bf0714
}

.roles-about {
  padding:25px;
  background:#edf1f4;
  border-radius:8px;
  margin:8px 0 32px
}

.roles-about p {
  font-size:14px;
  line-height:1.8;
  color:#56636e;
  margin:0!important
}

.roles-legend dl {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0 24px;
  margin:0 0 30px
}

.roles-legend dl>div {
  display:grid;
  grid-template-columns:78px 1fr;
  gap:12px;
  border-bottom:1px solid #e0e6eb;
  padding:14px 0;
  scroll-margin-top:30px
}

.roles-legend dt {
  font-size:12px;
  font-weight:700;
  color:#b00714
}

.roles-legend dd {
  font-size:13px;
  line-height:1.55;
  margin:0;
  color:#52616c
}

.roles-legend dl>div:target {
  background:#fff0f1
}

.roles-docs {
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:center;
  border:1px solid #dce3e9;
  background:#fff;
  border-radius:8px;
  padding:24px
}

.roles-docs h2 {
  font-size:19px!important;
  margin:0 0 6px!important
}

.roles-docs p {
  font-size:13px;
  margin:0!important;
  color:#63717d
}

.roles-docs>div:last-child {
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:flex-start
}

.roles-docs a {
  font-size:12px;
  font-weight:700
}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:1100px) {
  .roles-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }

  .roles-emblems {
    display:none
  }

}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:580px) {
  .roles-intro {
    padding:23px
  }

  .roles-intro h2 {
    font-size:25px!important
  }

  .roles-grid,.roles-legend dl {
    grid-template-columns:1fr
  }

  .roles-page .roles-function {
    min-height:0
  }

  .roles-page .roles-card {
    padding:22px
  }

  .roles-docs {
    flex-direction:column;
    align-items:flex-start
  }

  .roles-page .roles-card h3 {
    margin-bottom:16px!important
  }

}

/* Zvětšení znaku v záhlaví */
.v2-logo img {
  width:106px;
  height:130px;
  flex-shrink:0
}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:900px) {
  .v2-logo img {
    width:86px;
    height:107px
  }

}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:580px) {
  .v2-logo img {
    width:70px;
    height:90px
  }

  .v2-logo {
    gap:12px
  }

}

/* Kontakty a historie sboru */
.info-page {
  font:400 16px/1.7 Arial,sans-serif;
  color:#293743
}

.info-intro {
  background:#17232d;
  border-bottom:4px solid #c60716;
  color:#fff;
  border-radius:10px;
  padding:32px;
  margin:10px 0 28px
}

.info-page .info-eyebrow {
  font-size:11px;
  line-height:1.5;
  letter-spacing:1.4px;
  font-weight:700;
  margin:0 0 12px;
  color:#b20715
}

.info-intro .info-eyebrow {
  color:#d6dfe6
}

.info-page .info-intro h2 {
  font-size:30px!important;
  color:white;
  border:0;
  padding:0;
  margin:0 0 13px
}

.info-intro>p:last-child {
  color:#dce3e9;
  margin:0;
  max-width:650px;
  font-size:15px
}

.info-card {
  background:white;
  border:1px solid #dee4e9;
  border-radius:9px;
  padding:26px;
  min-width:0
}

.info-page .info-card h2 {
  font-size:24px!important;
  padding:0;
  margin:0 0 19px;
  border:0
}

.info-page .info-card h3 {
  font-size:19px!important;
  margin:0 0 12px
}

.contact-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
  margin-bottom:34px
}

.contact-leaders {
  display:grid;
  gap:20px
}

.contact-page .contact-label {
  font-size:12px;
  color:#75808a;
  margin:18px 0 3px
}

.contact-page .contact-phone {
  display:block;
  font:700 27px/1.4 Arial,sans-serif;
  text-decoration:none;
  color:#ba0715;
  letter-spacing:.3px
}

.contact-mail {
  font-size:16px;
  font-weight:700;
  overflow-wrap:anywhere
}

.contact-address {
  border-top:1px solid #e3e8ec;
  margin-top:24px;
  padding-top:21px
}

.contact-address address {
  font-style:normal;
  font-size:15px;
  line-height:1.8
}

.contact-address p {
  font-size:13px;
  color:#65727d;
  margin:12px 0 0
}

.contact-page .contact-hint {
  font-size:12px;
  color:#7a858e;
  margin:9px 0 0
}

.info-section {
  margin:0 0 30px
}

.info-page .info-section>h2 {
  font-size:24px!important;
  border-left:4px solid #c60716;
  padding-left:13px;
  margin:0 0 10px
}

.info-section>p {
  font-size:14px;
  color:#687681;
  margin:0 0 18px
}

.contact-map {
  border:1px solid #dce3e8;
  border-radius:9px;
  overflow:hidden;
  background:#e9edf0
}

.info-page iframe.info-map {
  display:block;
  width:100%!important;
  height:350px!important;
  border:0
}

.contact-map-caption {
  padding:18px 22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  background:white;
  font-size:12px
}

.contact-map-caption small {
  color:#70808c
}

.contact-map-caption a {
  font-weight:700
}

.info-links {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px
}

.info-links .info-card {
  display:flex;
  flex-direction:column;
  align-items:flex-start
}

.info-links p {
  font-size:14px;
  color:#65727d;
  margin:0 0 20px
}

.info-links .v2-btn {
  margin-top:auto;
  font-size:12px!important
}

.about-timeline {
  margin:30px 0
}

.about-event {
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:23px;
  position:relative;
  padding-bottom:30px
}

.about-year {
  font-size:17px;
  font-weight:700;
  color:#bb0815;
  padding-top:23px
}

.about-event-body {
  background:#fff;
  border:1px solid #dfe5ea;
  border-left:3px solid #c60716;
  border-radius:8px;
  padding:24px;
  min-width:0
}

.info-page .about-event h2 {
  font-size:22px!important;
  line-height:1.35;
  margin:0 0 12px;
  padding:0;
  border:0
}

.about-event p {
  font-size:15px;
  line-height:1.85;
  color:#53636f;
  margin:0
}

.about-photos {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:22px
}

.about-photos a {
  display:flex;
  flex-direction:column;
  text-decoration:none;
  border:1px solid #e2e7eb;
  border-radius:6px;
  overflow:hidden;
  background:#f4f6f8;
  min-width:0
}

.info-page .about-photos img {
  display:block;
  width:100%!important;
  height:190px!important;
  object-fit:contain;
  float:none!important;
  margin:0!important
}

.about-photos span {
  font-size:11px;
  font-weight:700;
  padding:10px 12px;
  background:#fff
}

.about-next {
  margin-bottom:24px
}

.about-next p {
  font-size:14px;
  color:#687681
}

.about-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:20px;
  margin-top:20px
}

.about-actions a {
  font-size:13px;
  font-weight:700
}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:1100px) {
  .contact-grid {
    grid-template-columns:1fr
  }

  .contact-leaders {
    grid-template-columns:1fr 1fr
  }

  .contact-page .contact-phone {
    font-size:23px
  }

  .about-event {
    grid-template-columns:85px minmax(0,1fr);
    gap:15px
  }

  .about-photos {
    grid-template-columns:1fr
  }

}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:580px) {
  .info-intro {
    padding:25px
  }

  .info-page .info-intro h2 {
    font-size:26px!important
  }

  .contact-leaders,.info-links {
    grid-template-columns:1fr
  }

  .contact-map-caption {
    flex-direction:column;
    align-items:flex-start
  }

  .about-event {
    grid-template-columns:1fr;
    gap:10px
  }

  .about-year {
    padding:0
  }

  .about-event-body {
    padding:21px
  }

  .info-page iframe.info-map {
    height:280px!important
  }

  .info-card {
    padding:23px
  }

}

/* Prevence a mladí hasiči */
.resource-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px;
  margin:26px 0 34px
}

.info-page a.resource-card {
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:25px;
  background:#fff;
  border:1px solid #dce3e8;
  border-radius:9px;
  text-decoration:none;
  color:#263540;
  min-width:0;
  box-shadow:0 4px 15px #17232d05
}

.info-page a.resource-card:hover {
  border-color:#c60716;
  background:#fffafb
}

.info-page .resource-card h3 {
  font-size:21px!important;
  line-height:1.4;
  padding:0;
  margin:0
}

.resource-type {
  font:700 10px/1.5 Arial,sans-serif;
  color:#7a8791;
  letter-spacing:1px
}

.resource-open {
  display:block;
  color:#b50715;
  font-size:13px;
  font-weight:700;
  margin-top:auto;
  padding-top:18px;
  border-top:1px solid #edf0f3
}

.resource-list {
  display:grid;
  gap:16px
}

.resource-list .resource-card h3 {
  font-size:18px!important
}

.youth-status {
  padding:26px;
  border:1px solid #e3cb97;
  border-left:4px solid #b98329;
  background:#fff9ed;
  border-radius:8px;
  margin:0 0 24px
}

.info-page .youth-status h2 {
  font-size:23px!important;
  margin:10px 0 12px;
  padding:0;
  border:0
}

.youth-status p {
  font-size:15px;
  color:#615a4a;
  margin:0;
  line-height:1.8
}

.youth-contact {
  display:flex;
  align-items:center;
  gap:28px;
  margin:0 0 32px
}

.youth-contact>div {
  flex:1;
  min-width:0
}

.youth-contact p {
  font-size:15px;
  color:#64727e
}

.youth-contact .v2-btn {
  font-size:13px;
  overflow-wrap:anywhere
}

.info-page .youth-contact img {
  width:96px!important;
  height:130px!important;
  object-fit:contain;
  float:none!important
}

.youth-contact a {
  font-weight:700
}


/* MOBIL / TABLET: následující pravidla platí jen při splnění uvedené podmínky. */
@media(max-width:580px) {
  .resource-grid {
    grid-template-columns:1fr
  }

  .youth-contact {
    align-items:flex-start
  }

  .info-page .youth-contact img {
    width:55px!important;
    height:80px!important
  }

  .youth-contact .v2-btn {
    padding:12px
  }

  .info-page .resource-card h3 {
    font-size:19px!important
  }

}