* { margin: 0; padding: 0; box-sizing: border-box; }
    body { font-family: sans-serif; background: #f4f4f4; color: #333; }
    a { text-decoration: none; color: inherit; }
    img { max-width: 100%; display: block; }






    /*.uvodni-obsah {
      background: url('https://placehold.co/1600x900') center/cover no-repeat;
      height: 100vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      color: white;
      text-align: center;
      padding: 2rem;
    }*/




    .hlavicka {
      background: white;
      border-bottom: 1px solid #ddd;
      position: sticky;
      top: 0;
      z-index: 999;
    }
    .navigacni-prvek {
      display: flex;
      justify-content: space-between;
      align-items: center;
      max-width: 1200px;
      margin: auto;
      padding: 1rem;
    }
    .logo { font-weight: bold; font-size: 1.5rem; color: #0066cc; }
    .nabidka {
      display: flex;
      gap: 1.5rem;
    }
    .prepinac { display: none; flex-direction: column; cursor: pointer; }
    .prepinac span {
      height: 3px;
      width: 25px;
      background: #333;
      margin: 4px 0;
    }
    #menu-zaskrtavac { display: none; }
    @media (max-width: 768px) {
      .nabidka { display: none; flex-direction: column; position: absolute; right: 1rem; top: 100%; background: white; padding: 1rem; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
      #menu-zaskrtavac:checked + .nabidka { display: flex; }
      .prepinac { display: flex; }
    }

    .uvodni-obsah {
      background: url('https://placehold.co/1600x600') center/cover no-repeat;
      color: white;
      text-align: center;
      padding: 6rem 1rem;
    }
    .uvodni-obsah h1 { font-size: 3rem; margin-bottom: 1rem; }
    .uvodni-obsah p { font-size: 1.2rem; }

    .boxy-na-sirku, .stridave-bloky, .blokovy-text, .galerie-obrazku, .sponzori, .kontakt, .formular {
      max-width: 1000px;
      margin: 4rem auto;
      padding: 0 1rem;
    }
    .boxy-na-sirku .radek-sirka, .stridave-bloky .stridavy {
      display: flex;
      flex-wrap: wrap;
      gap: 2rem;
      align-items: center;
    }
    .radek-sirka img, .stridavy img {
      width: 300px;
      flex-shrink: 0;
    }
    .textova-cast { flex: 1; }

    .boxy-na-vysku {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
      gap: 2rem;
      max-width: 1000px;
      margin: 4rem auto;
      padding: 0 1rem;
    }
    .sloupec-vyska {
      background: white;
      border-radius: 8px;
      overflow: hidden;
      text-align: center;
      padding: 1rem;
    }

    @media (max-width: 768px) {
      .stridavy img, .stridavy .textova-cast {
        width: 100%;
      }
    }

    .blokovy-text { text-align: center; }

    .galerie-obrazku {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
      gap: 1rem;
    }

    .socialni-site {
      text-align: center;
      font-size: 2rem;
      margin: 4rem 0;
    }
    .socialni-site a {
      margin: 0 0.5rem;
      color: #555;
    }

    .sponzori {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 2rem;
    }
    .sponzori img {
      height: 50px;
      object-fit: contain;
    }

    .kontaktni-radek {
      display: flex;
      align-items: center;
      gap: 1rem;
      margin-bottom: 1rem;
    }

    .formular form {
      display: flex;
      flex-direction: column;
      gap: 1rem;
    }
    .formular input, .formular textarea {
      padding: 0.75rem;
      border: 1px solid #ccc;
      border-radius: 4px;
    }
    .formular button {
      padding: 0.75rem;
      background: #0066cc;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }

    .paticka {
      background: #333;
      color: white;
      text-align: center;
      padding: 2rem 1rem;
    }