.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.7)),
    url("https://www.ubpro.eu/B/uploads/sluzby/hodinovy-manzel.png") center/cover no-repeat;
  z-index:0;
}
.hero > *{
  position:relative;
  z-index:1;
}
 @media (max-width: 768px) {
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(to bottom, rgba(0,0,0,0.1), rgba(0,0,0,0.7)),
    url("https://www.ubpro.eu/B/uploads/sluzby/hodinovy-manzel.png") center no-repeat;
  z-index:0;
}
}
 body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
      line-height: 1.6;
      margin: 0px;
      padding: 0px;
      background-color: #f8f9fa;
      color: #212529;
    }

    .section {
      max-width: 1000px;
      margin: 0 auto;
      padding: 0px;
      background: #ffffff;
    }

    h2 {
      text-align: center;
      color: #004085;
      margin-bottom: 20px;
    }

    .intro,
    .conclusion {
      text-align: center;
      font-size: 1.1em;
      margin-bottom: 20px;
    }

    .paragraph {
      margin-bottom: 20px;
    }

    ul {
      list-style-type: disc;
      padding-left: 20px;
      margin-bottom: 30px;
    }

    li {
      margin-bottom: 10px;
    }

    strong {
      font-weight: bold;
      color: #FFF;
    }

    @media (max-width: 768px) {
      .section {
        padding: 20px 15px;
      }

      h2 {
        font-size: 1.4em;
      }

      .intro, .conclusion {
        font-size: 1em;
      }
      .safe-area {
  padding: 40px;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .safe-area {
    padding: 20px;
  }
}
   
.menu a { text-decoration:none; color:black; font-weight:normal;}
header {
    display: flex;
    align-items: center;
    gap: 12px;
   font-weight:normal;

}
#nav-pismo { 
 font-size:15px;
 font-family: Arial, sans-serif;
font-weight:normal;
}

@media (max-width:420px) {
      #mobil-r-p{font-size:12px; }
       .mobil-r-p{font-size:12px; }
       i{font-size:10px;}
       #regi{font-size:13px;}
.headInfo{font-size:10px;}
       
     }
	}
.hamburger { 
font-size:18px;
color:#0EA5E9;
}
/* Základní styl drobenkové navigace */
.breadcrumbs {
    text-align: center;
    font-size: 16px;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    overflow: hidden;
}
.breadcrumbs a { 
    text-decoration: none;
    color: black;
    font-size: 16px;
   /* margin: 0 4px;*/
}

/* Section a globální styl */
section {
    align-items: center;
    background-color: #FFF;
    padding: 0px;
    position: relative;
    justify-content: center;
}
* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

/* Hamburger menu styl */
.breadcrumbs-toggle {
    display: none; /* skryté na desktopu */
    font-size: 20px;
    cursor: pointer;
    text-align: center;
    margin-bottom: 0px;
    user-select: none;
    font-weight: bold;
    color: #0EA5E9;
}

/* Šipka po otevření */
.breadcrumbs-toggle.open::after {
    content: " ▲";
}

/* Responzivní pravidla */
@media (max-width: 768px) {
    .breadcrumbs {
        max-height: 0; /* skryté */
        opacity: 0;
    }
    .breadcrumbs-toggle {
        display: block; /* hamburger viditelný */
    }
}
a{font-weight: normal;text-decoration:none;}
.btn secondary{font-weight: normal;}
#vbanneru {	font-family: 'Trebuchet MS', sans-serif;
	 font-weight: normal;
	letter-spacing: 1.1px; 
       color:#fff;
font-size:18px;
 border: 1.5px dashed #0EA5E9;
 border-radius:10px;
 padding:5px;
background:#0EA5E9;
}
body {
    padding:0px;
    margin:0px;
}
.hero{
  position: relative;
  padding:50px 16px 24px;
  text-align:center;
  color:#fff; /* text světlý, ať je na fotce vidět */
  overflow: hidden;
}

.podbann {
    letter-spacing: 1.6px;
    font-family: 'Segoe UI', sans-serif;
    font-weight: 480;
}
i{font-size:35px;}
footer { color: darkblue; }
body { font-family: sans-serif;padding:0px;margin:0px;}
  a {text-decoration:none;}
  h3 {
     color:#0EA5E9;
     font-weight: 440;
}
p {
  color:black;
}
@media (max-width: 768px) {
i { font-size:25px;
}
}
p{text-align:center;font-size:18px;}
h2{text-align:center;font-size:35px;}